.sb-grid{--cols:4;--gap:24px;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--gap)}
.sb-grid > *{flex:0 1 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));min-width:0}
@media (max-width:1100px){.sb-grid > *{flex-basis:calc((100% - 2 * var(--gap)) / 3)}}
@media (max-width:760px){.sb-grid > *{flex-basis:calc((100% - var(--gap)) / 2)}}
@media (max-width:460px){.sb-grid > *{flex-basis:100%}}
/* even — ровные ряды: карточки одной высоты, неполный последний ряд
   центрируется базовым justify-content. Правило существует и потому, что
   класс без единого правила в CSS означает потерянный при порте стиль, и
   общий свод справедливо на это краснеет. */
.sb-grid.even{align-items:stretch}
.sb-grid.even > *{flex-grow:0}
.sb-grid.rail{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scroll-snap-type:x mandatory}
.sb-grid.rail > *{scroll-snap-align:start;flex:0 0 260px}
[hidden]{display:none!important}

.sb-tscroll{overflow-x:auto;max-width:100%;min-width:0}
table.sb-t{width:100%;border-collapse:collapse;min-width:560px}
table.sb-t td.num{text-align:right;font-variant-numeric:tabular-nums}
@media (max-width:640px){
 table.sb-t{min-width:0}
 table.sb-t thead{position:absolute;left:-9999px}
 table.sb-t tr{display:block;margin-bottom:12px}
 table.sb-t td{display:flex;justify-content:space-between;gap:12px}
 table.sb-t td::before{content:attr(data-label);font-weight:600}
}

.sb-crumbs ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.sb-pager{display:flex;gap:8px;flex-wrap:wrap}
.sb-filters{display:flex;gap:8px;flex-wrap:wrap}
.sb-chip[aria-pressed="true"]{font-weight:600}
.sb-field{display:flex;flex-direction:column;gap:6px}
.sb-zoom{border:0;padding:0;max-width:96vw;max-height:96vh}
.sb-zoom img{display:block;max-width:96vw;max-height:96vh;height:auto}
.sb-gal{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}
.sb-gal > *{flex:0 1 calc((100% - 32px) / 3);min-width:0}
@media (max-width:700px){.sb-gal > *{flex-basis:100%}}
.sb-shot-link{position:relative;display:block}
.sb-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;min-width:0}
.sb-card{display:flex;flex-direction:column;min-width:0}


:root{--bg:#FCFBF9;--panel:#F2EFEA;--panel2:#E7E0D6;--blush:#F3E2DC;--ink:#1A1815;--mute:#655E55;--line:#E0DAD0;--dark:#211E1A;--dark-text:#CFC8BD;--accent:#8A4A3E;--wrap:1240px;--gap:26px}
@font-face{font-family:"Madefor";src:url(/assets/fonts/wix-madefor-display-latin.19bf2f2f.woff2) format("woff2");font-weight:100 900;font-display:swap;font-style:normal}
@font-face{font-family:"Marcellus";src:url(/assets/fonts/marcellus-latin.8a539799.woff2) format("woff2");font-weight:400;font-display:swap;font-style:normal}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Madefor",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.65;font-weight:400}
img{max-width:100%;display:block;height:auto}
a{color:inherit}
h1,h2,h3,h4{margin:0 0 12px;line-height:1.15;font-weight:600;letter-spacing:-.01em}
h1{font-size:clamp(28px,3.2vw,42px)}
h2{font-size:clamp(22px,2.4vw,32px)}
h3{font-size:17px;font-weight:700;line-height:1.3}
p{margin:0 0 14px}
.sb-wrap{max-width:var(--wrap);margin:0 auto;padding:0 26px}
/* двухцветный заголовок секции: первое слово лёгкое, второе жирное (приём образца) */
.sb-sechead{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:22px}
.sb-sechead h2,.sb-sechead h1{margin:0;font-size:clamp(19px,2vw,26px);font-weight:300;letter-spacing:.14em;text-transform:uppercase}
.sb-sechead b{font-weight:800;letter-spacing:.06em}
.sb-sechead .sb-lede{margin:8px 0 0;font-weight:400;letter-spacing:0;text-transform:none}
.sb-more{font-size:14px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:2px;white-space:nowrap;font-weight:500}
.sb-more:hover{color:var(--accent);border-color:var(--accent)}
.sb-lede{font-size:16.5px;color:var(--mute);margin:0}
.sb-kick{margin:0 0 8px;font-size:11.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}
.sb-btn{display:inline-block;background:var(--ink);color:#fff;text-decoration:none;font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:14px 26px;border:1px solid var(--ink);white-space:nowrap}
.sb-btn:hover{background:#000}
.sb-btn.ghost{background:transparent;color:var(--ink)}
.sb-btn.ghost:hover{background:var(--panel)}
.sb-btn.light{background:#fff;color:var(--ink);border-color:#fff}
.sb-sec{padding:clamp(32px,4.4vw,60px) 0}
.sb-sec.panel{background:var(--panel)}
.sb-sec.sand{background:var(--panel2)}
.sb-sec.dark{background:var(--dark);color:#fff}
.sb-sec.dark .sb-lede{color:var(--dark-text)}
.sb-sec.dark .sb-kick{color:var(--blush)}
/* шапка: знак и служебные ссылки, под ними ряд отделов (две строки, как у образца) */
.sb-ann{background:var(--dark);color:#fff;font-size:12.5px;padding:9px 0;text-align:center;letter-spacing:.02em}
.sb-ann a{color:#fff;font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:11px;margin-left:10px;white-space:nowrap}
.sb-head{background:var(--bg);border-bottom:1px solid var(--line)}
.sb-head-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0 14px}
.sb-mark{display:inline-block;text-decoration:none;color:var(--ink);font-family:"Marcellus",Georgia,serif;font-size:30px;letter-spacing:.12em;text-transform:uppercase;line-height:1}
.sb-mark small{display:block;font-family:"Madefor",sans-serif;font-size:9.5px;letter-spacing:.26em;color:var(--mute);margin-top:5px;text-align:center}
.sb-aux{display:flex;gap:22px;align-items:center}
.sb-aux a{font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);text-decoration:none;white-space:nowrap}
.sb-aux a:hover,.sb-aux a[aria-current]{color:var(--ink)}
.sb-nav{display:flex;gap:28px;flex-wrap:wrap;padding:0 0 14px}
.sb-nav a{font-size:13.5px;font-weight:500;color:var(--ink);text-decoration:none;padding-bottom:4px;border-bottom:2px solid transparent;white-space:nowrap}
.sb-nav a:hover,.sb-nav a[aria-current]{border-bottom-color:var(--accent);color:var(--accent)}
/* герой: кадр во всю полосу, поверх снизу слева карточка на СВОЕЙ заливке */
.sb-hero{position:relative;background:var(--panel)}
.sb-hero-fig{width:100%;height:clamp(360px,46vw,620px);overflow:hidden;background:var(--panel)}
.sb-hero-fig img{width:100%;height:100%;object-fit:cover;object-position:center 22%}
.sb-hero-card{background:var(--bg);max-width:560px;padding:clamp(22px,2.4vw,34px);margin:-90px 0 0;position:relative;z-index:1;border-top:3px solid var(--accent)}
.sb-hero-card h1{font-family:"Marcellus",Georgia,serif;font-weight:400;letter-spacing:.01em;font-size:clamp(26px,3vw,38px);line-height:1.14}
.sb-hero-card p{font-size:16px;color:var(--mute);margin-bottom:18px}
.sb-hero-cta{display:flex;gap:12px;flex-wrap:wrap}
/* ряд отделов плитками */
.sb-cats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.sb-cat{display:block;text-decoration:none;color:var(--ink);text-align:center;min-width:0}
.sb-cat span.f{display:flex;justify-content:center;align-items:center;background:var(--panel);aspect-ratio:3/4;overflow:hidden;isolation:isolate}
.sb-cat img{width:100%;height:100%;object-fit:cover;object-position:center 18%}
.sb-cat b{display:block;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-top:11px}
.sb-cat small{display:block;font-size:12px;color:var(--mute);margin-top:2px}
/* панель товара-звезды: кадр слева, текст справа на песке */
.sb-star{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;background:var(--panel2)}
.sb-star-fig{min-width:0;overflow:hidden;max-height:520px}
.sb-star-fig img{width:100%;height:100%;object-fit:cover;object-position:center 20%}
.sb-star-text{padding:clamp(24px,3vw,48px);display:flex;flex-direction:column;justify-content:center;min-width:0}
.sb-star-text h2{font-family:"Marcellus",Georgia,serif;font-weight:400;font-size:clamp(22px,2.4vw,32px);letter-spacing:0;text-transform:none}
.sb-star-text p{color:var(--mute);max-width:52ch}
.sb-star-meta{display:flex;gap:18px;align-items:baseline;margin-bottom:16px;flex-wrap:wrap}
.sb-star-meta .sb-price{font-size:24px}
/* карточки: кадр на светлой плитке, имя, СТРОКА ФАКТОВ серым, цена, свотчи */
.sb-shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.sb-shelf.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.sb-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.sb-card{display:flex;flex-direction:column;min-width:0;background:transparent}
.sb-card .sb-frame{position:relative;display:block;background:var(--panel);aspect-ratio:3/4;overflow:hidden;isolation:isolate}
.sb-sec.panel .sb-card .sb-frame{background:var(--bg)}
.sb-card .sb-frame img{width:100%;height:100%;object-fit:cover;object-position:center 15%}
.sb-tag{position:absolute;top:10px;left:10px;z-index:1;background:var(--bg);color:var(--ink);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:5px 9px}
.sb-card-body{display:flex;flex-direction:column;flex:1;padding:13px 0 0;min-width:0}
.sb-card h3{margin:0 0 4px;font-size:16px;font-weight:700;line-height:1.3}
.sb-card h3 a{color:var(--ink);text-decoration:none}
.sb-card h3 a:hover{color:var(--accent)}
.sb-spec{font-size:13.5px;color:var(--mute);margin:0 0 7px}
.sb-stars{font-size:13px;color:var(--mute);margin:0 0 8px}
.sb-stars b{color:var(--accent);font-weight:700}
.sb-price{font-size:17px;font-weight:800;margin:0}
.sb-swatch{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 10px;padding:0;align-items:center}
.sb-swatch li{width:26px}
.sb-swatch a{display:block;width:26px;height:26px;border:1px solid var(--line);border-radius:50%;overflow:hidden;text-decoration:none;isolation:isolate}
.sb-swatch a[aria-current]{border-color:var(--ink);border-width:2px}
.sb-swatch img{width:100%;height:100%;object-fit:cover}
.sb-swatch span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sb-swatch-more{width:auto!important}
.sb-swatch-more a{width:auto;height:auto;border:0;border-radius:0;font-size:12px;color:var(--mute);line-height:26px}
.sb-sizes{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 10px}
.sb-sizes a,.sb-sizes span{font-size:11.5px;font-weight:600;border:1px solid var(--line);padding:3px 8px;text-decoration:none;color:var(--ink);background:var(--bg);white-space:nowrap}
.sb-sizes a:hover{border-color:var(--ink)}
.sb-sizes span[aria-current]{background:var(--ink);color:#fff;border-color:var(--ink)}
.sb-card-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:4px}
.sb-buy{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);border:1px solid var(--ink);padding:11px 14px;cursor:pointer;text-decoration:none;min-width:0}
.sb-buy:hover{background:#000}
.sb-buy.wide{width:100%;padding:15px 12px}
.sb-buy img.buy-label{width:132px;max-width:100%;height:auto;min-width:0}
.sb-buy.wide img.buy-label{width:180px}
.sb-shelf-note{text-align:center;font-size:12.5px;color:var(--mute);margin:18px 0 0}
/* капсулы-коллекции: две плитки с кадром и подписью на СВОЕЙ тёмной заливке */
.sb-caps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.sb-cap{position:relative;display:block;text-decoration:none;color:#fff;background:var(--dark);min-height:clamp(380px,32vw,460px);overflow:hidden;isolation:isolate}
.sb-cap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 8%}
.sb-cap-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,18,16,.04) 0%,rgba(20,18,16,.20) 42%,rgba(20,18,16,.62) 74%,rgba(20,18,16,.80) 100%)}
.sb-cap-body{position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:26px;min-height:clamp(380px,32vw,460px)}
.sb-cap-body em{font-style:normal;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--blush);margin-bottom:8px}
.sb-cap-body b{font-family:"Marcellus",Georgia,serif;font-weight:400;font-size:clamp(22px,2.4vw,30px);line-height:1.15;margin-bottom:8px}
.sb-cap-body span{font-size:14.5px;color:#EDE7DF;max-width:44ch}
.sb-cap-body i{font-style:normal;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-top:14px;border-bottom:1px solid rgba(255,255,255,.6);align-self:flex-start;padding-bottom:3px}
/* полоса журнала */
.sb-mags{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.sb-mag{display:flex;flex-direction:column;text-decoration:none;color:var(--ink);min-width:0}
.sb-mag span.f{display:block;background:var(--panel);aspect-ratio:16/10;overflow:hidden;isolation:isolate}
.sb-sec.panel .sb-mag span.f{background:var(--bg)}
.sb-mag img{width:100%;height:100%;object-fit:cover;object-position:center 20%}
.sb-mag small{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:14px 0 6px}
.sb-mag b{display:block;font-size:18px;font-weight:700;line-height:1.28;margin-bottom:6px}
.sb-mag p{font-size:14.5px;color:var(--mute);margin:0 0 10px}
.sb-mag i{font-style:normal;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--ink);align-self:flex-start;padding-bottom:2px;margin-top:auto}
/* полоса ценностей (у образца мятная, у нас блаш) */
.sb-values{background:var(--blush)}
.sb-values .sb-wrap{padding-top:clamp(30px,3.4vw,46px);padding-bottom:clamp(30px,3.4vw,46px)}
.sb-vals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.sb-val b{display:block;font-size:15.5px;font-weight:700;margin-bottom:6px}
.sb-val span{display:block;font-size:14px;color:#5E544A}
.sb-val em{font-style:normal;display:block;font-family:"Marcellus",Georgia,serif;font-size:26px;color:var(--accent);margin-bottom:8px}
/* faq */
.sb-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 34px}
.sb-faq h3{font-size:16px;margin-bottom:6px}
.sb-faq p{font-size:14.5px;color:var(--mute);margin:0}
/* крошки */
.sb-crumbs{font-size:12.5px;color:var(--mute);padding:16px 0;border-bottom:1px solid var(--line)}
.sb-crumbs .sb-wrap{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline}
.sb-crumb-sep{color:var(--line)}
.sb-crumbs a{color:var(--mute)}
.sb-crumbs b{font-weight:500;color:var(--ink)}
/* отдел */
.sb-listhead{padding:34px 0 22px;max-width:70ch}
.sb-listhead h1{font-family:"Marcellus",Georgia,serif;font-weight:400;font-size:clamp(28px,3.2vw,40px)}
.sb-filters{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:4px 0;margin-bottom:16px}
.sb-frow{display:flex;gap:14px;align-items:flex-start;padding:9px 0}
.sb-flabel{flex:0 0 90px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);padding-top:8px}
.sb-pills{display:flex;flex-wrap:wrap;gap:7px;min-width:0}
.sb-pill{font:inherit;font-size:12.5px;font-weight:500;border:1px solid var(--line);background:var(--bg);padding:7px 13px;cursor:pointer;color:var(--ink)}
.sb-pill:hover{border-color:var(--ink)}
.sb-pill[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.sb-pill small{color:var(--mute);margin-left:5px}
.sb-pill[aria-pressed="true"] small{color:var(--dark-text)}
.sb-listbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 18px}
.sb-count{font-size:13px;color:var(--mute);margin:0}
.sb-clear{font:inherit;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:none;border:1px solid var(--line);padding:7px 12px;cursor:pointer;color:var(--ink)}
.sb-empty{display:none;background:var(--panel);padding:24px;text-align:center;color:var(--mute)}
/* карточка товара */
.sb-pdp{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px;align-items:start;padding:28px 0 12px}
.sb-pgal{min-width:0}.sb-pdp-info{min-width:0}
.sb-pdp-info h1{font-family:"Marcellus",Georgia,serif;font-weight:400;font-size:clamp(24px,2.6vw,34px);line-height:1.14}
.sb-main{background:var(--panel);overflow:hidden;isolation:isolate}
.sb-main img{width:100%;height:auto;object-fit:cover}
.sb-thumbs{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.sb-thumbs a{display:block;border:1px solid var(--line);width:78px;background:var(--panel);isolation:isolate;overflow:hidden}
.sb-thumbs a[aria-current]{border-color:var(--ink)}
.sb-thumbs img{width:100%;height:104px;object-fit:cover}
.sb-chips{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:0 0 18px;padding:0}
.sb-chips li{font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:var(--panel);padding:6px 10px;color:var(--ink)}
.sb-buybox{background:var(--panel);padding:20px;margin:0 0 18px}
.sb-buybox-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px}
.sb-buybox .sb-price{font-size:28px}
.sb-note{font-size:12.5px;color:var(--mute);margin:10px 0 0}
.sb-blk{margin:20px 0}
.sb-blk h2{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin-bottom:10px;font-weight:600}
.sb-blk .sb-swatch li{width:52px}
.sb-blk .sb-swatch a{width:52px;height:52px;border-radius:0}
.sb-callout{background:var(--panel);padding:18px 20px;font-size:15px;margin:16px 0}
.sb-sec.panel .sb-callout{background:var(--bg)}
.sb-callout.warn{border-left:3px solid var(--accent)}
.sb-callout h3{margin-bottom:6px;font-size:15.5px}
.sb-callout p:last-child{margin-bottom:0}
.sb-about-text{min-width:0;font-size:16.5px;columns:2;column-gap:40px;margin-bottom:28px}
.sb-about-text p,.sb-about-text h3{break-inside:avoid}
.sb-about-text h3{margin:0 0 8px}
.sb-pdp-label{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:start}
.sb-spectable{width:100%;border-collapse:collapse;font-size:14.5px;margin-bottom:14px}
.sb-spectable th,.sb-spectable td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.sb-spectable th{width:42%;font-weight:500;color:var(--mute)}
.sb-stickybuy{display:none}
/* статья: тело + липкий сайдбар (приём образца) */
.sb-art{padding-bottom:44px}
.sb-art-head{padding:32px 0 22px;max-width:74ch}
.sb-art-head h1{font-family:"Marcellus",Georgia,serif;font-weight:400;font-size:clamp(28px,3.4vw,44px);line-height:1.12}
.sb-art-hero{margin-bottom:30px;background:var(--panel);overflow:hidden;isolation:isolate;height:clamp(320px,34vw,520px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.sb-art-hero img{width:100%;height:100%;object-fit:cover;object-position:center 14%}
.sb-art-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:44px;align-items:start}
.sb-art-body{min-width:0;font-size:17px}
.sb-art-body h2{margin:36px 0 12px;font-size:clamp(20px,2.2vw,27px);font-family:"Marcellus",Georgia,serif;font-weight:400}
.sb-art-body h3{margin:24px 0 8px}
.sb-art-body figure{margin:24px 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:center;background:var(--panel);padding:16px}
.sb-art-body figure img{width:100%;height:auto;max-height:380px;object-fit:cover}
.sb-art-body figcaption{font-size:14px;color:var(--mute)}
.sb-art-body blockquote{margin:20px 0;padding:16px 20px;background:var(--blush);border-left:3px solid var(--accent)}
.sb-art-body blockquote p{margin:0 0 6px;font-size:16px}
.sb-art-body blockquote cite{font-size:13px;color:#5E544A;font-style:normal}
.sb-t{width:100%;border-collapse:collapse;font-size:14.5px;margin:18px 0}
.sb-t th,.sb-t td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.sb-t th{font-weight:700;background:var(--panel)}
.sb-tscroll{overflow-x:auto;min-width:0}
.sb-tscroll .sb-t{min-width:520px}
.sb-prose .sb-tscroll .sb-t{min-width:0}
.sb-art-side{position:sticky;top:14px;font-size:14px}
.sb-art-side h3{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin:0 0 12px;font-weight:600}
.sb-recent{list-style:none;margin:0 0 24px;padding:0}
.sb-recent li{margin-bottom:14px}
.sb-recent a{display:grid;grid-template-columns:70px minmax(0,1fr);gap:12px;text-decoration:none;color:var(--ink);align-items:start}
.sb-recent span.f{display:block;background:var(--panel);aspect-ratio:4/3;overflow:hidden}
.sb-recent img{width:100%;height:100%;object-fit:cover}
.sb-recent small{display:block;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:3px}
.sb-recent b{font-size:13.5px;font-weight:600;line-height:1.3}
.sb-onthis{list-style:none;margin:0 0 24px;padding:0;font-size:13.5px}
.sb-onthis li{margin-bottom:7px}
.sb-onthis a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}
.sb-onthis a:hover{border-color:var(--accent);color:var(--accent)}
.sb-artshelf{margin:32px 0}
/* полоса из четырёх колонок под статьёй (у образца одинаковый текст в четырёх — у нас свой в каждой) */
.sb-fourcol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
.sb-fourcol div{min-width:0}
.sb-fourcol em{font-style:normal;display:block;font-family:"Marcellus",Georgia,serif;font-size:24px;color:var(--accent);margin-bottom:8px}
.sb-fourcol b{display:block;font-size:15px;font-weight:700;margin-bottom:6px}
.sb-fourcol span{display:block;font-size:14px;color:var(--mute)}
.sb-plainshelf{margin:0 0 46px}
.sb-prose{columns:2;column-gap:40px}
.sb-prose.wide{columns:1}
.sb-prose table,.sb-prose div,.sb-prose address,.sb-prose li{break-inside:avoid}
/* Абзац РАЗРЕШЕНО рвать между колонками: с break-inside:avoid короткая секция
   целиком уходила в левую колонку, и правая половина полосы стояла пустой —
   тот самый дефект §5, который не видно по разметке. */
.sb-prose p,.sb-prose ul,.sb-prose ol{break-inside:auto}
.sb-prose h2{column-span:all;margin-top:24px;font-family:"Marcellus",Georgia,serif;font-weight:400;font-size:clamp(20px,2.2vw,27px)}
.sb-prose h2:first-child{margin-top:0}
.sb-map{width:100%;height:300px;border:0;display:block;margin-top:16px}
/* подвал: абзац о бренде рядом со знаком + четыре колонки ссылок */
.sb-foot{background:var(--dark);color:var(--dark-text);padding:52px 0 0;margin-top:10px}
.sb-foot-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:34px}
.sb-foot-brand{min-width:0}
.sb-foot .sb-mark{color:#fff}
.sb-foot .sb-mark small{color:var(--dark-text)}
.sb-foot-brand p{font-size:14px;margin:18px 0 14px;max-width:52ch}
.sb-foot-brand b{color:#fff}
.sb-foot address{font-style:normal;font-size:14px;line-height:1.75}
.sb-foot h4{color:#fff;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;margin:0 0 14px;font-weight:600}
.sb-foot ul{list-style:none;margin:0;padding:0;font-size:14px}
.sb-foot li{margin-bottom:9px}
.sb-foot a{color:var(--dark-text);text-decoration:none}
.sb-foot a:hover{color:#fff;text-decoration:underline}
.sb-foot-notes{margin-top:36px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14);font-size:12.5px}
.sb-foot-notes p{margin:0 0 8px}
.sb-foot-line{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 22px;padding:16px 0 28px;font-size:12.5px}
.sb-foot-line span:last-child{display:flex;flex-wrap:wrap;gap:18px}
@media(max-width:1100px){
.sb-cats{grid-template-columns:repeat(3,minmax(0,1fr))}
.sb-shelf,.sb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.sb-foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.sb-art-grid{grid-template-columns:minmax(0,1fr) 240px;gap:32px}
.sb-vals,.sb-fourcol{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
.sb-star,.sb-pdp,.sb-pdp-label,.sb-art-grid,.sb-caps{grid-template-columns:minmax(0,1fr)}
.sb-art-side{position:static}
.sb-art-body figure{grid-template-columns:minmax(0,1fr)}
.sb-about-text,.sb-prose{columns:1}
.sb-mags{grid-template-columns:repeat(2,minmax(0,1fr))}
.sb-shelf,.sb-grid,.sb-shelf.three{grid-template-columns:repeat(2,minmax(0,1fr))}
.sb-faq{grid-template-columns:minmax(0,1fr)}
.sb-hero-card{margin-top:-60px;max-width:none}
.sb-head-top{padding:14px 0 10px}
.sb-nav{gap:18px;font-size:13px}
.sb-star-fig{max-height:380px}
}
@media(max-width:640px){
.sb-cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sb-shelf,.sb-grid,.sb-shelf.three,.sb-mags{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sb-vals,.sb-fourcol,.sb-foot-grid{grid-template-columns:minmax(0,1fr)}
.sb-card h3{font-size:14.5px}
.sb-card-foot{flex-direction:column;align-items:stretch;gap:8px}
.sb-buy img.buy-label{width:118px}
.sb-frow{flex-direction:column;gap:6px}
.sb-flabel{padding-top:0;flex:0 0 auto}
.sb-thumbs a{width:62px}.sb-thumbs img{height:84px}
.sb-stickybuy{display:flex;position:fixed;left:0;right:0;bottom:0;background:var(--bg);border-top:1px solid var(--line);padding:9px 14px;gap:12px;align-items:center;justify-content:space-between;z-index:20}
.sb-stickybuy .sb-price{margin:0;font-size:18px}
.sb-stickybuy .sb-buy{padding:10px 12px}
body.has-sticky{padding-bottom:66px}
.sb-hero-fig{height:300px}
.sb-mark{font-size:24px}
/* Верхняя строка шапки на телефоне: три служебные ссылки не помещаются рядом
   со знаком и распирали страницу до 416px при экране 390 (§5, min-width:auto).
   Строка переносится под знак и прокручивается вместе со страницей. */
.sb-head-top{flex-wrap:wrap;gap:6px}
.sb-aux{width:100%;gap:16px;justify-content:flex-start;flex-wrap:wrap;min-width:0}
.sb-aux a{font-size:11px}
}
@media(max-width:400px){
.sb-shelf,.sb-grid,.sb-shelf.three,.sb-mags,.sb-cats{grid-template-columns:minmax(0,1fr)}
.sb-card-foot{flex-direction:row;align-items:center}
}