@font-face{font-family:"Gelasio";font-style:normal;font-weight:600 700;font-display:swap;src:url(/wp-content/themes/sweetsue/assets/fonts/gelasio-latin-700.ba5b902e.woff2) format("woff2")}
@font-face{font-family:"Cabin";font-style:normal;font-weight:400 700;font-display:swap;src:url(/wp-content/themes/sweetsue/assets/fonts/cabin-latin-400.f51448b0.woff2) format("woff2")}
:root{--navy:#042887;--navy-2:#031c63;--blue:#0169b4;--blue-2:#0a57a0;--red:#c8201e;--red-2:#a51816;--buy:#c8201e;--gold:#f0c24b;--gold-lt:#ffe9a8;--gold-ink:#8a5a00;--cream:#fbf5e6;--cream-2:#f3e8cf;--white:#fff;--ink:#0b1a3d;--mute:#46536f;--line:#dccfae;--star:#c98a00;--stripe:repeating-linear-gradient(90deg,rgba(255,255,255,.085) 0 2px,rgba(255,255,255,0) 2px 0.75rem);--head:"Gelasio",Georgia,"Times New Roman",serif;--body:"Cabin","Trebuchet MS",Verdana,sans-serif;--wrap:75rem;--gut:1rem;--rg:1rem;--r:0.875rem}
@media (min-width:46.875em){:root{--gut:1.5rem;--rg:1.25rem}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:6rem;background:var(--cream)}
/* окно уже 20em (320 px при шрифте 16, 480 px при шрифте 24): шрифт идёт от ширины окна, раскладка телефона сохраняется */
@media screen and (max-width:19.998em){html{font-size:5vw}}
body{margin:0;background:var(--cream);color:var(--ink);font:400 1.0625rem/1.6 var(--body)}
img{max-width:100%;height:auto;display:block}
[hidden]{display:none!important}
a{color:var(--navy);text-underline-offset:.18em}
a:hover{color:var(--red-2)}
h1,h2,h3{margin:0 0 .5em;text-wrap:balance}
h1,h2{font-family:var(--head);font-weight:700;line-height:1.14;color:var(--navy)}
h1{font-size:clamp(1.9375rem,4.4vw,3.25rem)}
h2{font-size:clamp(1.5625rem,2.8vw,2.25rem)}
h3{font:700 1.1875rem/1.3 var(--body)}
p{margin:0 0 1em}
ul,ol,dl,dd,figure{margin:0;padding:0}
ul,ol{list-style:none}
table{border-collapse:collapse;width:100%}
button{font:inherit;color:inherit;cursor:pointer}
small,.ss-small{font-size:0.875rem;color:var(--mute)}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
.skip-link:focus{clip:auto;clip-path:none;height:auto;width:auto;margin:0;left:0.5rem;top:0.5rem;z-index:100;background:var(--white);color:var(--ink);padding:0.625rem 1rem;border-radius:0.5rem}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.site{min-height:100vh;display:flex;flex-direction:column}
.site-main{flex:1}
.ss-wrap{width:100%;max-width:calc(var(--wrap) + 2*var(--gut));margin-inline:auto;padding-inline:var(--gut)}
.ss-ico{vertical-align:-.12em}
.ss-cover{width:100%;height:100%;object-fit:cover}
.ss-nb{white-space:nowrap}

/* ---- ряды плиток без одиночки: доля ряда приходит из сборки (--k0…--k4) ---- */
ul.ss-rows,ol.ss-rows,dl.ss-rows,div.ss-rows{display:flex;flex-wrap:wrap;gap:var(--rg)}
.ss-rows>*{--k:var(--k0,1);flex:1 1 calc((100% - (var(--k) - 1)*var(--rg))/var(--k) - 3px);min-width:0}
@media (min-width:37.5em){.ss-rows>*{--k:var(--k1,1)}}
@media (min-width:46.875em){.ss-rows>*{--k:var(--k2,1)}}
@media (min-width:61.875em){.ss-rows>*{--k:var(--k3,1)}}
@media (min-width:73.75em){.ss-rows>*{--k:var(--k4,1)}}

/* ---- кнопки, лента, печать ---- */
.button{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;min-height:3rem;padding:0.6875rem 1.375rem;border:2px solid var(--navy);border-radius:0.625rem;background:var(--navy);color:var(--white);font:700 1rem/1.2 var(--body);text-decoration:none;text-align:center;cursor:pointer}
.button:hover{background:var(--navy-2);border-color:var(--navy-2);color:var(--white)}
.ss-buy,.ss-buy:visited{background:var(--buy);border-color:var(--buy);color:var(--white);box-shadow:inset 0 -3px 0 rgba(0,0,0,.16)}
.ss-buy:hover{background:var(--red-2);border-color:var(--red-2);color:var(--white)}
.ss-btn--ink,.ss-btn--ink:visited{background:var(--white);border-color:var(--white);color:var(--navy)}
.ss-btn--ink:hover{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.ss-btn--lg{min-height:3.5rem;padding:0.875rem 1.75rem;font-size:1.0625rem}
.ss-btn--sm{min-height:2.75rem;padding:0.5rem 1rem;font-size:0.9375rem}
.ss-more{margin:1.375rem 0 0;text-align:center}
.ss-link{font-weight:700;color:var(--navy);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--red)}
.ss-link:hover{color:var(--red-2)}
.ss-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:0.25rem 0.5rem;font:700 0.8125rem/1.3 var(--body);letter-spacing:.13em;text-transform:uppercase;color:var(--gold-ink);margin:0 0 0.625rem}
.ss-kicker a{color:inherit;text-decoration:none}
.ss-kicker a:hover{text-decoration:underline}
.ss-lead{font-size:1.1875rem;line-height:1.5}
.ss-note{font-size:0.875rem;color:var(--mute);margin:0.5rem 0 0}
.ss-ribbon{display:inline-block;padding:0.4375rem 1.5rem 0.5rem;background:var(--red);color:var(--white);font:700 1rem/1.25 var(--body);clip-path:polygon(0 0,100% 0,calc(100% - 0.75rem) 50%,100% 100%,0 100%,0.75rem 50%)}
.ss-ribbon b{font-weight:700}
.ss-sealed{position:relative;display:inline-grid;place-items:center;flex:none;width:4.75rem;height:4.75rem;color:var(--gold)}
.ss-sealed .ss-seal{position:absolute;inset:0;width:100%;height:100%}
.ss-sealed b{position:relative;display:inline-grid;place-items:center;min-width:2.6em;min-height:2.6em;padding:0 2px;border-radius:50%;background:var(--gold);font:700 1.1875rem/1 var(--head);color:var(--navy)}
.ss-sealed--lg{width:7rem;height:7rem}
.ss-sealed--lg b{font-size:1.625rem}

/* ---- шапка: полоса этикетки в одну строку; знак-табличка свисает ниже полосы ---- */
.site-header{position:sticky;top:0;z-index:40;background:var(--blue) var(--stripe);border-bottom:3px solid var(--gold)}
.ss-head{display:flex;align-items:center;gap:0.625rem 1.375rem;min-height:4rem}
.site-branding{flex:none;line-height:0;align-self:flex-start}
.custom-logo-link{display:inline-flex;color:var(--white);text-decoration:none;margin-bottom:-0.75rem;position:relative;z-index:2;filter:drop-shadow(0 3px 0 rgba(4,40,135,.28))}
.ss-logo{display:block;width:10.875rem;height:3.375rem;margin-top:0.5rem}
.main-navigation{display:none;flex:1;min-width:0}
.main-navigation .menu{display:flex;flex-wrap:nowrap;justify-content:center;gap:0 1.5rem;white-space:nowrap}
.main-navigation a{display:inline-block;padding:1.25rem 0 1.0625rem;font:700 1rem/1.3 var(--body);color:var(--white);text-decoration:none;border-bottom:3px solid transparent}
.main-navigation a:hover,.main-navigation .current-menu-item>a{border-bottom-color:var(--gold);color:var(--white)}
.ss-head__side{margin-left:auto;display:flex;align-items:center;gap:0.5rem;flex:none}
.ss-store{display:none}
.menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.875rem;height:2.875rem;border:2px solid rgba(255,255,255,.7);border-radius:0.625rem;background:none;color:var(--white);padding:0}
/* кнопка магазина стоит в шапке везде, где ей есть место (от 600 px, в em: при шрифте 24 px — от 900 px); нижняя плашка магазина — только уже */
@media (min-width:37.5em){.ss-store{display:inline-flex}}
@media (min-width:77.5em){.main-navigation{display:block}.menu-toggle{display:none}}
@media (max-width:29.998em){.ss-logo{width:9.25rem;height:2.875rem}.ss-head{min-height:3.625rem}}
.ss-drawer{border-top:1px solid rgba(255,255,255,.3);background:var(--navy);padding:1.375rem var(--gut) 1.5rem;max-height:calc(100vh - 4.375rem);overflow:auto}
.ss-drawer .menu{display:grid;gap:0}
.ss-drawer a{display:block;padding:0.75rem 0;font:700 1.0625rem/1.3 var(--body);color:var(--white);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.22)}
.ss-drawer__pages a{font-weight:400;font-size:1rem}
@media (min-width:37.5em){.ss-drawer .menu{grid-template-columns:1fr 1fr;column-gap:1.5rem}}

/* ---- полосы и заголовки блоков: заголовок по центру, под ним красная лента-черта с вырезами ---- */
.ss-band{padding:2.875rem 0}
@media (min-width:46.875em){.ss-band{padding:4rem 0}}
.ss-band--white{background:var(--white)}
.ss-band--cream{background:var(--cream)}
.ss-band--stripe{background:var(--blue) var(--stripe);color:var(--white)}
.ss-band--navy{background:var(--navy);color:var(--white)}
.ss-band--stripe h2,.ss-band--navy h2,.ss-band--stripe h3,.ss-band--navy h3{color:var(--white)}
.ss-band--stripe .ss-link{color:var(--gold-lt);text-decoration-color:var(--gold)}
.ss-band--navy .ss-link,.ss-band--navy a{color:var(--gold);text-decoration-color:var(--gold)}
.ss-band--stripe .ss-link:hover,.ss-band--navy .ss-link:hover{color:var(--white)}
.ss-band--stripe .ss-note{color:var(--white)}
.ss-head-b{margin:0 auto 1.75rem;text-align:center}
.ss-head-b .ss-kicker{justify-content:center}
.ss-head-b h2{margin:0 0 0.5rem}
.ss-head-b h2::after{content:"";display:block;width:5.75rem;height:0.625rem;margin:0.875rem auto 0;background:var(--red);clip-path:polygon(0 0,100% 0,calc(100% - 0.375rem) 50%,100% 100%,0 100%,0.375rem 50%)}
.ss-band--stripe .ss-head-b h2::after,.ss-band--navy .ss-head-b h2::after{background:var(--gold)}
.ss-head-b p{margin:0.75rem auto 0;font-size:1.125rem;color:var(--mute)}
.ss-band--stripe .ss-head-b p,.ss-band--navy .ss-head-b p{color:var(--white)}
.ss-head-b .ss-link{display:inline-block;margin-top:0.75rem}
.ss-band>.ss-wrap>h2{text-align:center}
.woocommerce-breadcrumb{padding-top:1.5rem;padding-bottom:0.375rem;font-size:0.875rem;color:var(--white)}
.woocommerce-breadcrumb ol{display:flex;flex-wrap:wrap;gap:0.25rem 0.5rem}
.woocommerce-breadcrumb li+li::before{content:"/";margin-right:0.5rem;opacity:.7}
.woocommerce-breadcrumb a{color:var(--white)}
.woocommerce-breadcrumb span{color:var(--gold-lt)}
/* крошки стоят на синем поле шапки страницы: фон полосы продолжается под ними */
.site-main>.woocommerce-breadcrumb{max-width:none;background:var(--blue) var(--stripe)}
.site-main>.woocommerce-breadcrumb ol{max-width:var(--wrap);margin-inline:auto}

/* ---- плитка изделия: белое окно с банкой на кромке полки, ценник под ним ---- */
.ss-shelf{margin:0}
ul.ss-shelf{justify-content:center}
.ss-card{position:relative;display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.ss-card__shot{position:relative;display:flex;align-items:center;justify-content:center;height:11.375rem;padding:2.125rem 0.5rem 0.625rem;background:var(--white);line-height:0;border-bottom:0.3125rem solid var(--blue);box-shadow:inset 0 -2px 0 var(--gold)}
.ss-card__shot img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
@media (min-width:37.5em){.ss-card__shot{height:16.375rem;padding-top:2.375rem}}
.ss-pill{position:absolute;top:0.625rem;z-index:1;display:inline-flex;align-items:center;gap:0.25rem;max-width:calc(100% - 1.25rem);padding:0.3125rem 0.625rem;border-radius:0.375rem;background:var(--navy);color:var(--white);font:700 0.75rem/1.2 var(--body);letter-spacing:.03em}
.ss-pill--fact{left:0.625rem}
.ss-card__body{position:relative;flex:1;display:flex;flex-direction:column;gap:0.3125rem;padding:0.875rem 0.875rem 0.625rem}
.ss-card__body h3{margin:0;font:700 1.0625rem/1.28 var(--head)}
.ss-card__body h3 a{color:var(--navy);text-decoration:none}
.ss-card__body h3 a::after{content:"";position:absolute;inset:0}
.ss-card__body h3 a:hover{text-decoration:underline}
.ss-card__fact{margin:0;font-size:0.875rem;line-height:1.35;color:var(--mute)}
.ss-card__rate{display:flex;flex-wrap:wrap;align-items:center;gap:3px 0.3125rem;margin:0;font-size:0.8125rem;line-height:1.3;color:var(--mute)}
.ss-card__rate .ss-ico{color:var(--star)}
.ss-card__rate b{color:var(--ink)}
.ss-card .price{margin:auto 0 0;padding-top:0.375rem;font:700 1.375rem/1.2 var(--body);color:var(--red-2)}
.ss-from{font:600 0.8125rem/1 var(--body);color:var(--mute)}
.ss-card__per{margin:0;font-size:0.8125rem;line-height:1.3;color:var(--mute)}
.ss-card__buy{margin:0.25rem 0.875rem 0.875rem;min-height:2.75rem;padding:0.5rem 0.625rem;font-size:0.875rem}
/* лежачая плитка: полка из двух банок */
@media (min-width:37.5em){.ss-shelf--lying .ss-card{flex-direction:row;flex-wrap:wrap;align-items:stretch}.ss-shelf--lying .ss-card__shot{flex:0 0 42%;height:auto;min-height:15rem;border-bottom:0;border-right:0.3125rem solid var(--blue);box-shadow:inset -2px 0 0 var(--gold)}.ss-shelf--lying .ss-card__body{flex:1 1 0;min-width:0;justify-content:center;padding:1.125rem 1.125rem 0.5rem}.ss-shelf--lying .ss-card .price{margin:0.375rem 0 0}.ss-shelf--lying .ss-card__buy{flex:0 0 calc(58% - 2.25rem);margin:0 1.125rem 1.125rem auto}}
.ss-rating{display:flex;flex-wrap:wrap;align-items:center;gap:0.25rem 0.5rem;margin:0;font-size:0.875rem;line-height:1.3}
.ss-stars{width:5.25rem;height:1rem;color:var(--star);flex:none}
.ss-rating a{color:var(--ink)}

/* ---- герой главной: синяя полоска этикетки, заголовок слева, снимок блюда с банкой и лентой справа ---- */
.ss-hero{position:relative;background:var(--blue) var(--stripe);color:var(--white);overflow:hidden}
.ss-hero__in{display:grid;gap:1.125rem 2.75rem;align-items:stretch;padding-top:1.625rem;padding-bottom:2.125rem}
.ss-hero__say{min-width:0;display:flex;flex-direction:column;justify-content:center}
.ss-hero__say h1{margin:0 0 0.75rem;color:var(--white);font-size:clamp(1.9375rem,4.2vw,3.375rem);line-height:1.08}
.ss-hero__say>p{margin:0 0 1.125rem;font-size:1.125rem;line-height:1.5}
.ss-hero__say>p.ss-kicker{margin:0 0 0.625rem;font-size:0.8125rem;line-height:1.3;color:var(--gold-lt)}
.ss-hero__btns{display:flex;flex-wrap:wrap;align-items:center;gap:0.75rem 1.375rem;margin:0!important}
.ss-hero .ss-link{color:var(--white);text-decoration-color:var(--gold)}
.ss-hero .ss-link:hover{color:var(--gold-lt)}
.ss-hero__img{order:-1;position:relative;width:100%;padding-bottom:1.625rem;align-self:start}
.ss-hero__photo{position:relative;aspect-ratio:10/7;border-radius:1.125rem;overflow:hidden;background:var(--navy);line-height:0;border:0.25rem solid var(--white);box-shadow:0 0 0 2px var(--gold),0 0.875rem 2.125rem rgba(3,28,99,.45)}
.ss-hero__photo img{position:absolute;inset:0}
.ss-hero__photo--pack{display:flex;align-items:center;justify-content:center;background:var(--white)}
.ss-hero__photo--pack img{position:static;width:auto;height:auto;max-width:86%;max-height:90%;object-fit:contain}
.ss-hero__tag{position:absolute;left:-0.25rem;bottom:0;display:flex;align-items:center;text-decoration:none}
.ss-hero__can{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex:none;width:6rem;height:6rem;padding:0.375rem;border-radius:50%;background:var(--white);box-shadow:0 0 0 3px var(--gold),0 0.375rem 1rem rgba(3,28,99,.4);line-height:0;overflow:hidden}
.ss-hero__can img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.ss-hero__tag .ss-ribbon{margin-left:-0.875rem;padding-left:1.625rem;font-size:0.9375rem;box-shadow:none}
.ss-hero__tag:hover .ss-ribbon{background:var(--red-2)}
@media (max-width:37.498em){.ss-hero__photo{max-height:40vh}}
@media (min-width:37.5em) and (max-width:46.873em){.ss-hero__photo{aspect-ratio:2/1}}
@media (min-width:37.5em){.ss-hero__can{width:8rem;height:8rem}.ss-hero__tag{left:-0.625rem}.ss-hero__tag .ss-ribbon{font-size:1.0625rem;padding:0.5625rem 1.875rem 0.625rem 1.875rem}}
@media (min-width:46.875em){.ss-hero__in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-top:2.125rem;padding-bottom:2.625rem}.ss-hero__img{order:0}}
@media (min-width:61.875em){.ss-hero__in{grid-template-columns:minmax(0,1fr) minmax(0,38rem);padding-top:1.875rem;padding-bottom:2.25rem}}
/* лента фактов под героем: красная лента этикетки */
.ss-stats{background:var(--red);color:var(--white);border-top:3px solid var(--gold);border-bottom:3px solid var(--gold)}
.ss-stats ul{padding-top:0.875rem;padding-bottom:0.875rem}
#shelf{padding-top:2.5rem}
#shelf .ss-head-b{margin-bottom:1.375rem}
.ss-stats li{display:grid;gap:2px;text-align:center;align-content:start}
.ss-stats b{font:700 1.4375rem/1.15 var(--head);color:var(--white)}
.ss-stats span{font-size:0.875rem;line-height:1.35;color:var(--white)}

/* ---- плитки линий: две банки на белом, имя на красной ленте ---- */
.ss-aisle{display:flex;flex-direction:column;height:100%;border:1px solid var(--line);border-radius:var(--r);background:var(--white);color:var(--ink);text-decoration:none;overflow:hidden}
.ss-aisle__shot{display:flex;align-items:flex-end;justify-content:center;gap:0.625rem;padding:1.125rem 0.75rem 1.625rem;background:var(--white);border-bottom:0.3125rem solid var(--blue);box-shadow:inset 0 -2px 0 var(--gold);line-height:0}
.ss-aisle__shot img{width:6.5rem;height:6.5rem;object-fit:contain}
.ss-aisle__t{flex:1;display:flex;flex-direction:column;gap:0.375rem;align-items:flex-start;padding:0.875rem 1rem 1rem;line-height:1.35}
.ss-aisle__t b{margin:-1.875rem 0 2px -1.375rem;padding:0.4375rem 1.625rem 0.5rem;background:var(--red);color:var(--white);font:700 1.125rem/1.2 var(--head);clip-path:polygon(0 0,100% 0,calc(100% - 0.75rem) 50%,100% 100%,0 100%)}
.ss-aisle__t span{font-size:0.9375rem;color:var(--mute)}
.ss-aisle__t i{margin-top:auto;padding-top:0.25rem;font:700 0.9375rem/1.3 var(--body);font-style:normal;color:var(--navy)}
.ss-aisle:hover{border-color:var(--navy)}
.ss-aisle:hover .ss-aisle__t i{text-decoration:underline}
@media (max-width:46.873em){.ss-aisle{flex-direction:row}.ss-aisle__shot{flex:0 0 8.25rem;align-items:center;border-bottom:0;border-right:0.3125rem solid var(--blue);box-shadow:inset -2px 0 0 var(--gold);padding:0.625rem}.ss-aisle__shot img{width:3.375rem;height:4.75rem}.ss-aisle__t b{margin:0 0 2px -1rem;padding-left:1rem}}

/* ---- «какая банка к какому ужину»: белые ярлыки на синей полоске ---- */
.ss-case{display:flex;align-items:stretch;height:100%;border-radius:var(--r);background:var(--white);color:var(--ink);text-decoration:none;overflow:hidden;box-shadow:0 0 0 2px var(--gold)}
.ss-case__shot{flex:none;display:flex;align-items:center;justify-content:center;width:6.5rem;padding:0.625rem;border-right:1px dashed var(--line);line-height:0}
.ss-case__shot img{width:5.25rem;height:5.25rem;object-fit:contain}
.ss-case__t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;padding:0.75rem 0.875rem;line-height:1.35}
.ss-case__t b{font:700 1.125rem/1.22 var(--head);color:var(--navy)}
.ss-case__t span{font-size:0.9375rem;color:var(--mute)}
.ss-case__t i{margin-top:auto;padding-top:0.25rem;font:700 0.875rem/1.3 var(--body);font-style:normal;color:var(--red-2)}
.ss-case:hover .ss-case__t i{text-decoration:underline}

/* ---- текст в две колонки, текст рядом с табличкой ---- */
.ss-prose p{margin:0 0 1em}
.ss-prose--2{margin:0 0 1.5rem}
@media (min-width:46.875em){.ss-prose--2{columns:2;column-gap:2.5rem}.ss-prose--2>*{break-inside:avoid}.ss-prose--2>p:only-child{break-inside:auto;orphans:2;widows:2}
.ss-prose--2.ss-prose--one{columns:1;font-size:1.1875rem;line-height:1.55}.ss-prose--2>h3{break-after:avoid;margin-top:0}.ss-prose--2>p+h3{margin-top:1em}}
.ss-split{display:grid;gap:1.5rem 3rem}
@media (min-width:61.875em){.ss-split{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start}}
@media (min-width:61.875em){.ss-split--figfirst{align-items:stretch}.ss-split--figfirst>.ss-split__fig{order:2;grid-template-rows:minmax(0,1fr) auto}.ss-split--figfirst .ss-plaque__shot{aspect-ratio:auto;max-width:none;height:100%;min-height:18.75rem}}
.ss-split__text>:last-child,.ss-split__side>:last-child{margin-bottom:0}
.ss-split__side{padding:1.375rem 1.375rem 1.5rem;border:1px solid var(--line);border-radius:var(--r);background:var(--cream)}
.ss-band--cream .ss-split__side{background:var(--white)}
.ss-split__side h2{font-size:clamp(1.3125rem,2.1vw,1.625rem)}
.ss-split__side .ss-qa__item{border:0;padding:0 0 1rem;background:none}
.ss-plaque{display:grid;gap:1rem;align-content:start;padding:1.125rem;border-radius:1.125rem;background:var(--navy);color:var(--white);box-shadow:inset 0 0 0 0.25rem var(--navy),inset 0 0 0 0.375rem var(--gold)}
.ss-plaque__shot{display:flex;align-items:center;justify-content:center;aspect-ratio:1;max-width:21.25rem;width:100%;margin-inline:auto;padding:0.875rem;border-radius:0.75rem;background:var(--white);line-height:0}
.ss-plaque__shot img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.ss-plaque figcaption{display:flex;align-items:center;gap:0.875rem;font-size:0.9375rem;line-height:1.45}
@media (min-width:37.5em) and (max-width:61.873em){.ss-plaque{grid-template-columns:minmax(0,18.75rem) minmax(0,1fr);align-items:stretch}.ss-plaque figcaption{flex-direction:column;align-items:flex-start;justify-content:center}}
.ss-picks__h{font-size:clamp(1.375rem,2.2vw,1.75rem);margin:0.5rem 0 0.875rem;text-align:center}

/* ---- статьи на главной и в ленте ---- */
.ss-note-card{display:flex;flex-direction:column;height:100%;background:var(--white);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.ss-note-card__img{position:relative;aspect-ratio:19/11;overflow:hidden;line-height:0;background:var(--navy)}
.ss-note-card__img img{position:absolute;inset:0}
.ss-note-card__img--pack{display:flex;align-items:center;justify-content:center;aspect-ratio:auto;height:13.75rem;background:var(--blue) var(--stripe);border-bottom:3px solid var(--gold)}
.ss-note-card__img--pack img{position:static;width:11.25rem;height:11.25rem;object-fit:contain;border-radius:50%;background:var(--white);padding:1.125rem;box-shadow:0 0 0 3px var(--gold)}
.ss-note-card__body{position:relative;flex:1;display:flex;flex-direction:column;gap:0.375rem;padding:1rem 1.125rem 1.125rem}
.ss-note-card__body .ss-kicker{margin:0}
.ss-note-card__body h3{margin:0;font:700 1.25rem/1.25 var(--head)}
.ss-note-card__body h3 a{color:var(--navy);text-decoration:none}
.ss-note-card__body h3 a::after{content:"";position:absolute;inset:0}
.ss-note-card__body h3 a:hover{text-decoration:underline}
.ss-note-card__body p{margin:0;font-size:0.9375rem;line-height:1.45;color:var(--mute)}
@media (min-width:37.5em) and (max-width:61.873em){.ss-note-card{flex-direction:row}.ss-note-card__img--pack{flex:0 0 15rem;height:auto;min-height:13.75rem;border-bottom:0;border-right:3px solid var(--gold)}.ss-note-card__img:not(.ss-note-card__img--pack){flex:0 0 18.75rem;aspect-ratio:auto;min-height:12.5rem}}

/* ---- галерея и отзывы ---- */
.ss-gallery{margin:0 0 3rem}
.ss-shot{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:10/7;padding:0;border:1px solid var(--line);border-radius:var(--r);background:var(--white);overflow:hidden;line-height:0;cursor:zoom-in}
.ss-shot--pack img{width:auto;height:92%;object-fit:contain}
.ss-shot:hover{border-color:var(--navy);box-shadow:0 0 0 2px var(--gold)}
.ss-rev{display:flex;flex-direction:column;gap:0.5rem;height:100%;padding:1.125rem;background:var(--white);border:1px solid var(--line);border-top:0.3125rem solid var(--blue);border-radius:var(--r)}
.ss-band--white .ss-rev{background:var(--cream)}
.ss-rev__t{margin:0;font:700 1.0625rem/1.3 var(--head);color:var(--navy)}
.ss-rev blockquote{margin:0;font-size:0.9375rem;line-height:1.5}
.ss-rev blockquote p{margin:0}
.ss-rev footer{margin-top:auto;padding-top:0.5rem;font-size:0.8125rem;line-height:1.4;color:var(--mute)}
.ss-hist{display:grid;gap:0.25rem;max-width:26.25rem;margin:0 auto 1.5rem;font-size:0.875rem}
.ss-hist li{display:grid;grid-template-columns:3.25rem 1fr 2.5rem;align-items:center;gap:0.5rem}
.ss-hist i{display:block;height:0.625rem;border-radius:0.3125rem;background:var(--cream-2);overflow:hidden}
.ss-hist b{display:block;height:100%;background:var(--star)}
.ss-hist span:last-child{text-align:right}

/* ---- паспорт марки, история, вопросы, полоса магазина ---- */
.ss-passport{display:grid;gap:1.125rem}
.ss-passport .ss-head-b{margin:0 auto}
.ss-passport__def{text-align:center}
.ss-passport__def h2{margin:0 0 0.875rem}
.ss-def{margin:0 auto;max-width:55rem;font:600 1.375rem/1.42 var(--head)}
.ss-band--navy .ss-def{color:var(--white)}
.ss-page-head .ss-def{margin:0.875rem 0 0;padding-left:1rem;border-left:0.25rem solid var(--gold);font-size:1.1875rem;color:var(--white)}
.ss-facts.ss-rows{align-items:start}
.ss-facts>div{padding:0.875rem 0 0.25rem;border-top:2px solid var(--line)}
.ss-band--navy .ss-facts>div{border-top-color:rgba(240,194,75,.55)}
.ss-facts dt{font:700 0.75rem/1.3 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink);margin:0 0 0.25rem}
.ss-band--navy .ss-facts dt{color:var(--gold)}
.ss-facts dd{font:600 1rem/1.4 var(--body)}
.ss-facts small{display:block;margin-top:0.25rem;font-weight:400;font-size:0.8125rem}
.ss-orgdesc{margin:0;font-size:0.9375rem;line-height:1.5;color:var(--mute)}
.ss-band--navy .ss-orgdesc{color:var(--white);text-align:center}
.ss-band--navy .ss-passport>p:last-child{text-align:center;margin:0}
.ss-years li{position:relative;padding:1.125rem 1.125rem 1rem;border:1px solid var(--line);border-top:0.3125rem solid var(--red);border-radius:var(--r);background:var(--white)}
.ss-years__y{display:block;font:700 1.875rem/1.05 var(--head);color:var(--red-2);margin:0 0 0.5rem}
.ss-years__d{font-weight:700}
.ss-years p{margin:0;font-size:0.9375rem;line-height:1.45}
.ss-years small{display:block;margin-top:0.5rem;font-size:0.8125rem}
.ss-qa__item{padding:1.125rem;border:1px solid var(--line);border-left:0.3125rem solid var(--gold);border-radius:var(--r);background:var(--cream)}
.ss-band--cream .ss-qa__item{background:var(--white)}
.ss-qa__item h3{margin:0 0 0.375rem;font:700 1.125rem/1.3 var(--head);color:var(--navy)}
.ss-qa__item p{margin:0;font-size:0.9375rem;line-height:1.5}
.ss-storeband{display:grid;gap:1rem 3rem;align-items:center}
.ss-storeband h2{margin:0 0 0.5rem}
.ss-storeband p{margin:0}
@media (min-width:46.875em){.ss-storeband{grid-template-columns:minmax(0,1fr) auto}}

/* ---- линия и каталог ---- */
.ss-dept{position:relative;background:var(--blue) var(--stripe);color:var(--white);padding:0.5rem 0 2.125rem}
.ss-dept__in{display:grid;gap:1.25rem 3rem;align-items:stretch}
.ss-dept__text{min-width:0;display:flex;flex-direction:column;justify-content:center}
.ss-dept__text h1{margin:0 0 0.625rem;color:var(--white)}
.ss-dept__text p{margin:0;font-size:1.125rem;line-height:1.5}
.ss-dept .ss-kicker,.ss-page-head .ss-kicker,.ss-art-head .ss-kicker{color:var(--gold-lt)}
.ss-dept__scene{position:relative;align-self:start;width:100%;aspect-ratio:10/7;overflow:hidden;border-radius:1rem;background:var(--navy);line-height:0;border:0.25rem solid var(--white);box-shadow:0 0 0 2px var(--gold)}
.ss-dept__scene img{position:absolute;inset:0}
@media (min-width:37.5em) and (max-width:46.873em){.ss-dept__scene{aspect-ratio:2/1}}
@media (min-width:46.875em){.ss-dept__in{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}
/* строки полки: кадр, имя и числа этикетки, лесенка упаковок с кнопкой */
.ss-shelfrows{display:grid;gap:var(--rg)}
.ss-row{position:relative;display:grid;gap:0;background:var(--white);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.ss-row__shot{position:relative;display:flex;align-items:center;justify-content:center;min-height:9.375rem;padding:2.25rem 0.75rem 0.75rem;border-bottom:0.3125rem solid var(--blue);box-shadow:inset 0 -2px 0 var(--gold);line-height:0}
.ss-row__shot img{width:auto;height:auto;max-width:100%;max-height:11.875rem;object-fit:contain}
.ss-row__body{display:flex;flex-direction:column;gap:0.375rem;justify-content:center;min-width:0;padding:1rem 1.125rem 0.375rem}
.ss-row__body h2{margin:0;font-size:clamp(1.25rem,2vw,1.5625rem);line-height:1.2;text-align:left}
.ss-row__body h2 a{color:var(--navy);text-decoration:none}
.ss-row__body h2 a::after{content:"";position:absolute;inset:0}
.ss-row__body h2 a:hover{text-decoration:underline}
.ss-row__made{margin:0;font-size:1rem;line-height:1.4}
.ss-row__label{margin:0;font-size:0.875rem;line-height:1.4;color:var(--mute)}
.ss-row__buy{position:relative;z-index:1;display:flex;flex-direction:column;gap:0.75rem;justify-content:center;padding:0.625rem 1.125rem 1.125rem}
.ss-ladder{display:grid;gap:0;border:1px solid var(--line);border-radius:0.625rem;overflow:hidden;font-size:0.9375rem;line-height:1.3;background:var(--cream)}
.ss-ladder li{display:grid;grid-template-columns:minmax(0,1fr) auto 4.875rem;gap:0.625rem;align-items:center;padding:0.5rem 0.75rem;border-bottom:1px solid var(--line)}
.ss-ladder li:last-child{border-bottom:0}
.ss-ladder b{font-variant-numeric:tabular-nums}
.ss-ladder i{font-style:normal;text-align:right;color:var(--mute);font-variant-numeric:tabular-nums}
.ss-ladder li.is-best{background:var(--white);box-shadow:inset 0.25rem 0 0 var(--red)}
.ss-ladder li.is-best i{color:var(--red-2);font-weight:700}
.ss-row__btn{min-height:2.875rem;font-size:0.9375rem}
@media (min-width:46.875em){.ss-row{grid-template-columns:14.5rem minmax(0,1fr) minmax(0,21.25rem);align-items:stretch}.ss-row__shot{border-bottom:0;border-right:0.3125rem solid var(--blue);box-shadow:inset -2px 0 0 var(--gold)}.ss-row__body{padding:1.125rem 1.25rem}.ss-row__buy{padding:1.125rem 1.125rem 1.125rem 0}}
@media (min-width:46.875em) and (max-width:61.873em){.ss-row{grid-template-columns:11.25rem minmax(0,1fr) minmax(0,18.125rem)}}
/* каталог: фильтр-ярлыки над полкой */
.ss-plp{display:grid;gap:1.125rem;align-items:start}
.ss-plp__main{min-width:0}
.ss-chips{display:flex;flex-wrap:wrap;gap:0.5rem;margin:0}
.ss-chips button{min-height:2.75rem;padding:0.5rem 0.875rem;border:1.500px solid var(--navy);border-radius:0.625rem;background:var(--white);color:var(--navy);font:700 0.9375rem/1.2 var(--body)}
.ss-chips button:hover{background:var(--cream-2)}
.ss-chips button.is-on{background:var(--navy);color:var(--white)}
.ss-chips i{font-style:normal;opacity:.8;font-weight:400}
.ss-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0.625rem 1rem;margin:0 0 1rem}
.ss-toolbar p{margin:0;font-weight:600}
.ss-toolbar form{margin:0}
.ss-toolbar select,.ss-toolbar input{min-height:2.75rem;padding:0.5rem 0.875rem;border:1.500px solid var(--line);border-radius:0.625rem;background:var(--white);font:600 0.9375rem/1.2 var(--body);color:var(--ink);max-width:100%}
.ss-toolbar input::placeholder{color:var(--mute)}
.ss-empty{margin:1rem 0 0;font-weight:600}
.ss-best li{padding:1rem 1.125rem;border:1px solid var(--line);border-top:0.3125rem solid var(--gold);border-radius:var(--r);background:var(--cream)}
.ss-best__for{margin:0 0 0.25rem;font:700 0.75rem/1.3 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink)}
.ss-best h3{margin:0 0 0.25rem;font:700 1.125rem/1.3 var(--head)}
.ss-best h3 a{color:var(--navy)}
.ss-best p:last-child{margin:0;font-size:0.9375rem;line-height:1.45}
.ss-roads a{display:grid;gap:0.25rem;align-content:start;height:100%;padding:1rem 1.125rem;border-radius:var(--r);background:var(--white);color:var(--ink);text-decoration:none;box-shadow:0 0 0 2px var(--gold)}
.ss-roads a:hover{background:var(--cream)}
.ss-roads span{font:700 0.75rem/1.3 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink)}
.ss-roads b{font:700 1.125rem/1.3 var(--head);color:var(--navy)}

/* ---- таблицы ---- */
.ss-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--white)}
.ss-table{font-size:0.9375rem}
.ss-table caption{caption-side:top;text-align:left;font-weight:700;padding:0.75rem 1rem}
.ss-table th,.ss-table td{padding:0.6875rem 1rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.ss-table thead th{background:var(--navy);color:var(--white);font:700 0.8125rem/1.3 var(--body);letter-spacing:.06em;text-transform:uppercase;border-bottom:3px solid var(--gold)}
.ss-table tbody tr:last-child th,.ss-table tbody tr:last-child td{border-bottom:0}
.ss-table tbody th{font-weight:700;color:var(--navy)}
.ss-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.ss-table tr.is-best th,.ss-table tr.is-best td{background:#fdf3d6}
.ss-table-note{margin:0.75rem 0 0}
@media (max-width:46.873em){
 .ss-table--stack thead{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0 0 0 0)}
 .ss-table--stack,.ss-table--stack tbody,.ss-table--stack caption{display:block}
 .ss-table--stack tr{display:block;padding:0.625rem 1rem;border-bottom:1px solid var(--line)}
 .ss-table--stack tbody tr:last-child{border-bottom:0}
 .ss-table--stack td,.ss-table--stack tbody th{display:flex;justify-content:space-between;gap:1rem;padding:0.25rem 0;border:0;text-align:right;overflow-wrap:anywhere;min-width:0}
 .ss-table--stack td::before{content:attr(data-label);font-weight:700;text-align:left;flex:none;max-width:45%;color:var(--mute)}
 .ss-table--stack tbody th{font-size:1rem;justify-content:flex-start;text-align:left}
 .ss-table--stack .num{white-space:normal}
}
@media (min-width:46.875em) and (max-width:73.748em){
 .ss-table--wide thead{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0 0 0 0)}
 .ss-table--wide{display:block}
 .ss-table--wide caption{display:block}
 .ss-table--wide tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .ss-table--wide tr{display:block;padding:0.625rem 1rem;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}
 .ss-table--wide tbody tr:nth-child(2n){border-right:0}
 .ss-table--wide tbody tr:last-child:nth-child(odd){grid-column:1/-1;border-right:0}
 .ss-table--wide td,.ss-table--wide tbody th{display:flex;justify-content:space-between;gap:1rem;padding:0.25rem 0;border:0;text-align:right;min-width:0}
 .ss-table--wide td::before{content:attr(data-label);font-weight:700;text-align:left;flex:none;max-width:45%;color:var(--mute)}
 .ss-table--wide tbody th{font-size:1rem;justify-content:flex-start;text-align:left}
}

/* ---- карточка изделия ---- */
.ss-pdp{display:grid;gap:1.5rem 3rem;padding-top:1.625rem;padding-bottom:2.75rem}
@media (min-width:46.875em){.ss-pdp{grid-template-columns:minmax(0,calc(var(--side) + 0.25rem)) minmax(0,35rem);justify-content:center;align-items:start}}
.single-product .site-main>.woocommerce-breadcrumb{padding-bottom:1.375rem}
.ss-gal{min-width:0}
.ss-gal__frame{position:relative;width:100%;max-width:var(--side);aspect-ratio:1;margin-inline:auto;border:1px solid var(--line);border-bottom:0.3125rem solid var(--blue);border-radius:var(--r);background:var(--white);overflow:hidden;cursor:zoom-in;line-height:0}
.ss-gal__frame img{width:100%;height:100%;object-fit:contain}
.ss-gal__zoom{position:absolute;right:0.625rem;bottom:0.625rem;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--navy);color:var(--white)}
.ss-gal__thumbs{display:flex;gap:0.5rem;max-width:var(--side,100%);margin:0.75rem auto 0;overflow-x:auto;padding:2px 2px 0.375rem}
.ss-gal__thumbs li{flex:none}
.ss-thumb{display:block;width:4.75rem;height:4.75rem;padding:0;border:1px solid var(--line);border-radius:0.625rem;background:var(--white);overflow:hidden;line-height:0;opacity:.8}
.ss-thumb img{width:100%;height:100%;object-fit:contain}
.ss-thumb.is-on{opacity:1;border-color:var(--red);box-shadow:0 0 0 2px var(--red)}
.ss-sum{display:flex;flex-direction:column;min-width:0}
.ss-sum h1{font-size:clamp(1.5625rem,2.7vw,2.25rem);line-height:1.16;margin:0 0 0.375rem}
.ss-pdp__unit{margin:0 0 0.625rem;font-weight:600;color:var(--mute)}
.ss-sum .ss-rating{margin:0 0 0.875rem;font-size:0.9375rem}
.ss-pricebox{margin:0 0 0.875rem}
.ss-pricebox .price{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.25rem 0.625rem;margin:0;font:700 2.25rem/1.1 var(--body);color:var(--red-2)}
.ss-pricebox__for{flex:1 1 100%;min-height:1.4em;font:600 0.9375rem/1.3 var(--body);color:var(--mute)}
.ss-packs{border:0;padding:0;margin:0 0 1rem;display:flex;flex-wrap:wrap;gap:0.5rem}
.ss-packs legend{padding:0;margin:0 0 0.5rem;font:700 0.75rem/1.3 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink)}
.ss-pack{position:relative;display:block;cursor:pointer;flex:1 1 9.375rem}
.ss-pack input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.ss-pack__in{display:grid;gap:2px;height:100%;min-height:3.375rem;padding:0.5rem 0.875rem;border:1.500px solid var(--line);border-radius:0.625rem;background:var(--white);font-size:0.875rem;line-height:1.25}
.ss-pack__in b{font-weight:700;font-size:0.9375rem}
.ss-pack input:checked+.ss-pack__in{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red);background:#fff8f3}
.ss-pack input:focus-visible+.ss-pack__in{outline:3px solid var(--gold);outline-offset:2px}
.cart{margin:0}
.cart .button{width:100%;min-height:3.5rem;font-size:1.0625rem}
.ss-points{display:grid;gap:0.375rem;margin:1rem 0 0;font-size:0.9375rem;line-height:1.4}
.ss-points li{padding-left:1.5rem;position:relative}
.ss-points li::before{content:"";position:absolute;left:2px;top:.36em;width:0.6875rem;height:0.6875rem;background:var(--gold);clip-path:polygon(50% 0,63% 28%,95% 28%,69% 50%,80% 84%,50% 64%,20% 84%,31% 50%,5% 28%,37% 28%)}
.ss-know{margin:1rem 0 0;padding:1rem 1.125rem;border-radius:var(--r);background:var(--white);border:1px solid var(--line);border-left:0.3125rem solid var(--red)}
.ss-know h2{margin:0 0 0.375rem;font:700 0.8125rem/1.3 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--red-2);text-align:left}
.ss-know p{margin:0;font-size:0.9375rem;line-height:1.5}
.product_meta{margin-top:1rem;padding-top:0.75rem;border-top:1px solid var(--line);font-size:0.875rem}
.product_meta a{font-weight:700}
.product_meta span{display:block;margin-bottom:0.25rem}
.ss-desc{display:grid;gap:1.25rem 3rem}
.ss-desc__cols{margin:0}.ss-desc__cols>p{font-size:1.125rem;line-height:1.55;margin-top:0}
.ss-desc__text h2{margin:0 0 0.75rem}
.ss-use h3{margin:0 0 0.5rem;font:700 0.8125rem/1.3 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink)}
.ss-use ol{counter-reset:u;display:grid;gap:0.5rem}
.ss-use li{counter-increment:u;position:relative;padding-left:2.5rem;min-height:1.75rem}
.ss-use li::before{content:counter(u);position:absolute;left:0;top:0;width:1.75rem;height:1.75rem;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:var(--white);font:700 0.875rem/1 var(--body)}
/* этикетка: панель Nutrition Facts своей вёрсткой, состав, сведения */
.ss-label{display:grid;gap:1.5rem 2.5rem;align-items:start}
@media (min-width:46.875em){.ss-label{grid-template-columns:minmax(0,20rem) minmax(0,1fr)}.ss-label--nopanel{grid-template-columns:minmax(0,1fr)}}
.ss-nf{width:100%;max-width:21.25rem;margin-inline:auto;border:2px solid var(--ink);background:var(--white);color:var(--ink);font:400 0.9375rem/1.3 var(--body)}
.ss-nf{border-top:0}
.ss-nf caption{caption-side:top;padding:0.5rem 0.625rem;border:2px solid var(--ink);border-bottom:0.5rem solid var(--ink);text-align:left;background:var(--white)}
.ss-nf caption>b{display:block;font:700 1.875rem/1.05 var(--body);letter-spacing:-.01em;margin-bottom:2px}
.ss-nf caption>span{display:block}
.ss-nf th,.ss-nf td{padding:0.3125rem 0.625rem;border-top:1px solid var(--ink);text-align:left;vertical-align:baseline}
.ss-nf th{font-weight:700}
.ss-nf td{text-align:right;white-space:nowrap}
.ss-nf td i{font-style:normal;font-weight:700;margin-left:0.5rem}
.ss-nf__cal th,.ss-nf__cal td{font:700 1.5rem/1.1 var(--body);border-bottom:0.25rem solid var(--ink);padding-top:0.375rem;padding-bottom:0.375rem}
.ss-nf__sub th{font-weight:400;padding-left:1.5rem}
.ss-label__side{display:grid;gap:1.25rem;min-width:0}
.ss-ing h3{margin:0 0 0.375rem;font:700 0.8125rem/1.3 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink)}
.ss-ing p{margin:0 0 0.5rem;font-size:1rem;line-height:1.5}
.ss-ingredients{margin:0 0 0.5rem;font-size:1rem;line-height:1.5}
.ss-ingredients li{display:inline}
.ss-inglist .ss-ingredients{font-size:0.9375rem;margin:0}
.ss-side-shot{display:flex;justify-content:center;margin:0 0 0.875rem;padding:0.625rem;border-radius:0.625rem;background:var(--white);line-height:0}
.ss-side-shot img{width:12.5rem;height:12.5rem;object-fit:contain}
.ss-ing__contains{padding:0.5rem 0.75rem;border-left:0.3125rem solid var(--red);background:var(--cream)}
.ss-label__note{margin:1.125rem 0 0}
.ss-attrs{border:1px solid var(--line);border-radius:var(--r);background:var(--white);font-size:0.9375rem;overflow:hidden}
.ss-attrs th,.ss-attrs td{padding:0.625rem 0.875rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.ss-attrs tr:last-child th,.ss-attrs tr:last-child td{border-bottom:0}
.ss-attrs th{width:38%;font:700 0.8125rem/1.4 var(--body);letter-spacing:.05em;text-transform:uppercase;color:var(--navy);background:var(--cream)}
.ss-versus{margin-top:2.5rem}
.ss-versus .ss-kicker{justify-content:center}
.ss-versus h2{font-size:clamp(1.375rem,2.4vw,1.875rem);text-align:center}
.ss-versus__line{font-size:1.125rem;line-height:1.5}
.ss-versus .ss-table-wrap{margin:0 0 0.875rem}

/* ---- увеличение кадра ---- */
.ss-lb{width:100vw;max-width:100vw;height:100vh;max-height:100vh;margin:0;padding:0;border:0;background:rgba(3,28,99,.97);color:var(--white)}
.ss-lb::backdrop{background:rgba(3,28,99,.6)}
.ss-lb[open]{display:grid;grid-template-columns:3.5rem minmax(0,1fr) 3.5rem;align-items:center}
.ss-lb__fig{grid-column:2;display:grid;justify-items:center;gap:0.625rem;max-height:100vh;padding:3.5rem 0 1rem}
.ss-lb__fig img{max-height:calc(100vh - 8.125rem);width:auto;height:auto;object-fit:contain;background:var(--white);border-radius:0.75rem}
.ss-lb__fig figcaption{font-size:0.875rem;line-height:1.4;text-align:center}
.ss-lb__close,.ss-lb__nav{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border:2px solid var(--white);border-radius:50%;background:var(--navy);color:var(--white);padding:0}
.ss-lb__close{position:absolute;top:0.5rem;right:0.5rem}
.ss-lb__nav--prev{grid-column:1;justify-self:center;transform:rotate(180deg)}
.ss-lb__nav--next{grid-column:3;justify-self:center}
.ss-lb__nav svg{width:1.375rem;height:1.375rem}

/* ---- закреплённая покупка ---- */
.ss-dock{position:fixed;left:0;right:0;bottom:0;z-index:45;background:var(--navy);color:var(--white);border-top:3px solid var(--gold);padding:0.625rem var(--gut) calc(0.625rem + env(safe-area-inset-bottom));transition:transform .2s;box-shadow:0 -0.5rem 1.5rem rgba(3,28,99,.3)}
.ss-dock.is-off{transform:translateY(110%)}
.ss-dock__in{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;max-width:var(--wrap);margin-inline:auto}
.ss-dock__t{display:grid;gap:2px;min-width:0;line-height:1.2}
.ss-dock__t b{font:700 1.0625rem/1.2 var(--body);color:var(--white)}
.ss-dock__t span{font-size:0.8125rem;color:var(--white)}
.ss-dock .button{flex:none;min-height:3rem;padding:0.5rem 1rem;font-size:0.9375rem}
@media (max-width:29.998em){.ss-dock--store .ss-dock__t span{display:none}}
.ss-has-dock .site-footer{padding-bottom:calc(6.5rem + env(safe-area-inset-bottom))}
@media (min-width:37.5em){.ss-dock--store{display:none}.ss-has-dock:not(.single-product) .site-footer{padding-bottom:0}}

/* ---- шапка страниц без изделий, статьи ---- */
.ss-page-head,.ss-art-head{background:var(--blue) var(--stripe);color:var(--white);padding:0.5rem 0 2.125rem}
.ss-page-head.error-404{padding-top:2.25rem}
.ss-page-head__in,.ss-art-head__in{display:grid;gap:1.25rem 3rem;align-items:stretch}
.ss-page-head__text,.ss-art-head__text{min-width:0;display:flex;flex-direction:column;justify-content:center}
.ss-page-head__text h1,.ss-art-head__text h1{margin:0 0 0.625rem;color:var(--white)}
.ss-art-head__text h1{font-size:clamp(1.75rem,3.6vw,2.75rem)}
.ss-page-head__text .ss-lead{margin:0}
.ss-page-head a:not(.button),.ss-art-head a{color:var(--white)}
.ss-art-head .ss-small{color:var(--white)}
.ss-page-head__motif{display:flex;align-items:center;gap:1.125rem;padding:1rem 1.375rem;border-radius:1.125rem;background:var(--navy);box-shadow:inset 0 0 0 0.25rem var(--navy),inset 0 0 0 0.375rem var(--gold);justify-self:start;font:600 1.0625rem/1.35 var(--body);color:var(--white)}
.ss-page-head__scene,.ss-art-head__img{position:relative;align-self:start;width:100%;aspect-ratio:10/7;overflow:hidden;border-radius:1rem;background:var(--navy);line-height:0;border:0.25rem solid var(--white);box-shadow:0 0 0 2px var(--gold)}
.ss-page-head__scene img,.ss-art-head__img img{position:absolute;inset:0}
@media (min-width:37.5em) and (max-width:46.873em){.ss-page-head__scene{aspect-ratio:2/1}}
@media (min-width:46.875em){.ss-page-head__in{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.ss-page-head__motif{justify-self:end}}
@media (min-width:37.5em) and (max-width:46.873em){.ss-art-head__img{aspect-ratio:2/1}}
@media (min-width:46.875em){.ss-art-head__in{grid-template-columns:minmax(0,1fr) minmax(0,44%)}}
@media (min-width:61.875em){.ss-art-head__in{grid-template-columns:minmax(0,1fr) minmax(0,33rem)}}
.ss-toc{margin:0 0 2rem;padding:1.125rem;border:1px solid var(--line);border-top:0.3125rem solid var(--blue);border-radius:var(--r);background:var(--cream)}
.ss-toc__h{margin:0 0 0.625rem;font:700 0.8125rem/1.3 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink)}
.ss-toc__list{counter-reset:t}
.ss-toc__list li{counter-increment:t;font-size:0.9375rem;line-height:1.35}
.ss-toc__list li::before{content:counter(t,decimal-leading-zero) " ";font-weight:700;color:var(--red-2)}
.entry-content h2{margin:2.5rem 0 0.875rem}
.entry-content h3{margin:1.5rem 0 0.625rem;color:var(--navy)}
.entry-content>.ss-prose--2 ul{display:grid;gap:0.375rem;margin:0 0 1em}
.entry-content .ss-prose ul li{padding-left:1.375rem;position:relative}
.entry-content .ss-prose ul li::before{content:"";position:absolute;left:0;top:.5em;width:0.5625rem;height:0.5625rem;border-radius:50%;background:var(--red)}
.ss-fig{margin:0.5rem 0 1.75rem}
.ss-fig__img{max-width:var(--cap,35rem);border-radius:var(--r);overflow:hidden;line-height:0;border:1px solid var(--line)}
@media (min-width:46.875em){.ss-fig--article{display:flex;align-items:center;gap:2rem}.ss-fig--article .ss-fig__img{flex:0 1 var(--cap,35rem);width:100%}.ss-fig.ss-fig--article figcaption{flex:1 1 0;min-width:0;margin:0;padding-left:1.25rem;border-left:0.3125rem solid var(--red);font:600 1.3125rem/1.4 var(--head);color:var(--navy)}}
.ss-fig figcaption,.ss-packrow figcaption,.ss-panelfig figcaption{margin-top:0.5rem;font-size:0.875rem;line-height:1.45;color:var(--mute)}
.ss-packrow{margin:0.5rem 0 1.75rem}
.ss-packrow__in{display:flex;flex-wrap:wrap;gap:0.75rem}
.ss-packrow__item{flex:1 1 9.375rem;max-width:16.25rem;display:grid;gap:0.25rem;justify-items:center;align-content:start;padding:0 0 0.75rem;border:1px solid var(--line);border-radius:var(--r);background:var(--white);color:var(--ink);text-decoration:none;text-align:center;font-size:0.875rem;line-height:1.3;overflow:hidden}
.ss-packrow__item b{color:var(--navy)}
.ss-packrow__item b,.ss-packrow__item>span:last-child{padding:0 0.625rem}
.ss-packrow__shot{display:flex;align-items:center;justify-content:center;width:100%;height:8.125rem;padding:0.5rem;border-bottom:0.3125rem solid var(--blue);box-shadow:inset 0 -2px 0 var(--gold);line-height:0;margin-bottom:0.375rem}
.ss-packrow__shot img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
@media (min-width:37.5em){.ss-packrow__shot{height:12.5rem}}
.ss-panels{display:flex;flex-wrap:wrap;justify-content:center;gap:1.25rem;margin:0.5rem 0 1.75rem}
.ss-panelfig{flex:1 1 16.25rem;max-width:21.25rem}
.ss-panelfig figcaption{text-align:center;font-weight:700}
.ss-quote{margin:0.5rem 0 1.75rem;padding:1.125rem 1.25rem;border-left:0.3125rem solid var(--gold);border-radius:0 var(--r) var(--r) 0;background:var(--cream)}
.ss-quote blockquote{margin:0;font:600 1.25rem/1.5 var(--head);color:var(--navy)}
.ss-quote blockquote p{margin:0}
.ss-quote figcaption{margin-top:0.5rem;font-size:0.875rem;color:var(--mute)}
.ss-box{display:flex;gap:1rem;align-items:center;margin:0.5rem 0 1.75rem;padding:1rem 1.125rem;border-radius:var(--r);background:var(--navy);color:var(--white);box-shadow:inset 0 0 0 3px var(--navy),inset 0 0 0 0.3125rem var(--gold)}
.ss-box__mark{flex:none;color:var(--gold);line-height:0}
.ss-box__mark .ss-seal{width:3rem;height:3rem}
.ss-box figcaption{font-size:1rem;line-height:1.5}
.ss-box b{color:var(--gold)}
.ss-steps{margin:0.5rem 0 1.75rem}
.ss-steps li{padding:1rem 1.125rem;border:1px solid var(--line);border-radius:var(--r);background:var(--cream)}
.ss-steps__n{display:inline-grid;place-items:center;width:2rem;height:2rem;margin-bottom:0.5rem;border-radius:50%;background:var(--navy);color:var(--white);font:700 0.9375rem/1 var(--body)}
.ss-steps h3{margin:0 0 0.25rem;font:700 1.125rem/1.3 var(--head);color:var(--navy)}
.ss-steps p{margin:0;font-size:0.9375rem;line-height:1.45}
/* своя схема: полосы считаются из чисел этикеток и каталога, подписи HTML */
.ss-diagram{margin:0.5rem 0 1.75rem;padding:1.125rem;border:1px solid var(--line);border-radius:var(--r);background:var(--cream)}
.ss-diagram__rows{display:grid;gap:0.75rem}
.ss-diagram__row{display:grid;grid-template-columns:minmax(0,34%) minmax(0,1fr) auto;align-items:center;gap:0.75rem;font-size:0.9375rem;line-height:1.3}
.ss-diagram__row b{font-weight:700;color:var(--navy)}
.ss-diagram__bar{display:block;height:1rem;border-radius:0.25rem;background:var(--cream-2);overflow:hidden}
.ss-diagram__bar i{display:block;height:100%;background:var(--blue) var(--stripe)}
.ss-diagram__row span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--red-2);font-weight:700}
.ss-diagram figcaption{margin-top:0.75rem;font-size:0.875rem;line-height:1.45;color:var(--mute)}
@media (max-width:37.498em){.ss-diagram__row{grid-template-columns:minmax(0,1fr) auto}.ss-diagram__bar{grid-column:1/-1;order:3}}
.ss-sources{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--line)}
.ss-sources ul{display:grid;gap:0.375rem;font-size:0.9375rem}
.ss-article .ss-table-wrap,.ss-article ul.ss-shelf,.ss-article .ss-qa,.ss-article .ss-revs,.ss-article .ss-roads{margin:0.5rem 0 1.75rem}
.ss-article .ss-roads a{background:var(--cream);box-shadow:0 0 0 1px var(--line)}
.ss-inglist>li{padding:1rem 1.125rem;border:1px solid var(--line);border-left:0.3125rem solid var(--blue);border-radius:var(--r);background:var(--white)}
.ss-inglist h3{margin:0 0 0.375rem;font:700 1.125rem/1.3 var(--head);color:var(--navy)}
.ss-inglist p{margin:0;font-size:0.9375rem;line-height:1.5}
.ss-contact{margin-top:1.25rem}
.ss-contact li{display:grid;gap:0.25rem;padding:1rem 1.125rem;border:1px solid var(--line);border-radius:var(--r);background:var(--white)}
.ss-contact a{white-space:nowrap}
.ss-legal{font-size:1.0625rem}

/* ---- подвал: тёмно-синяя табличка, колонки ссылок, мелкий шрифт ---- */
.site-footer{background:var(--navy);color:var(--white);border-top:0.25rem solid var(--gold)}
.site-footer a{color:var(--white)}
.site-footer a.ss-buy{color:var(--white)}
.ss-foot{display:grid;gap:2rem 3rem;padding-top:2.75rem;padding-bottom:2.25rem}
@media (min-width:61.875em){.ss-foot{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}.ss-foot__cols{padding-left:3rem;border-left:1px solid rgba(240,194,75,.5)}}
.ss-foot__cols{display:grid;gap:1.5rem}
@media (min-width:37.5em){.ss-foot__cols{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ss-logo--foot{width:12.875rem;height:4rem;margin:0}
.ss-foot__motto{margin:1rem 0 1rem;font:700 1.375rem/1.25 var(--head);color:var(--white)}
.ss-foot__store{margin:0 0 0.875rem}
.ss-foot-mail{display:inline-flex;align-items:center;gap:0.5rem;margin:0;font-weight:700;white-space:nowrap}
.widget-title{margin:0 0 0.625rem;font:700 0.8125rem/1.3 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.widget .menu{display:grid;gap:2px}
.widget .menu a{display:inline-block;padding:0.375rem 0;font-size:0.9375rem;text-decoration:none}
.widget .menu a:hover{text-decoration:underline;color:var(--gold)}
.site-info{background:var(--navy-2);padding-top:1.125rem;padding-bottom:1.375rem;font-size:0.875rem;line-height:1.5;color:var(--white)}
.site-info p{margin:0 0 0.375rem}
.site-info p:first-child,.ss-foot__legal{display:flex;flex-wrap:wrap;gap:0.25rem 1rem}