/* winis theme: global-styling */
@font-face{font-family:"Baloo 2";font-style:normal;font-weight:600;font-display:swap;src:url(/themes/custom/winis/fonts/baloo-2-latin-600-26fb4610.woff2) format("woff2")}
@font-face{font-family:"Baloo 2";font-style:normal;font-weight:800;font-display:swap;src:url(/themes/custom/winis/fonts/baloo-2-latin-800-26fb4610.woff2) format("woff2")}
@font-face{font-family:"Outfit";font-style:normal;font-weight:400;font-display:swap;src:url(/themes/custom/winis/fonts/outfit-latin-400-6c18d579.woff2) format("woff2")}
@font-face{font-family:"Outfit";font-style:normal;font-weight:600;font-display:swap;src:url(/themes/custom/winis/fonts/outfit-latin-600-6c18d579.woff2) format("woff2")}
:root{--W:max(1240px,77.5rem);--pad:20px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:7rem}
@media (max-width:19.99em){html{font-size:5vw}}
body{margin:0;background:#fffbf1;color:#1c1d3d;--fg:#1c1d3d;--soft:#4a4968;--acc:#ad2867;--rule:#ecdfc3;font:400 1.06rem/1.6 Outfit, "Segoe UI", "Helvetica Neue", Arial, sans-serif;overflow-wrap:break-word}
[hidden]{display:none!important}
img,svg{max-width:100%}
img{height:auto;display:block}
a{color:#1b2f86;text-underline-offset:.18em}
a:hover{color:#1c1d3d}
h1,h2,h3{font-family:"Baloo 2", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;font-weight:800;line-height:1.16;margin:0 0 .6em;letter-spacing:-.005em;color:var(--fg)}
h1{font-size:clamp(2rem,1.35rem + 2.1vw,3.05rem)}
h2{font-size:clamp(1.55rem,1.2rem + 1.25vw,2.2rem)}
h3{font-size:1.18rem}
p{margin:0 0 1em}
button{font:inherit;cursor:pointer}
:focus-visible{outline:3px solid #d84888;outline-offset:2px}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wn-nb{white-space:nowrap}
/* неразрывный кусок наследует всё от родителя: правила вида «.x span» его не красят (возврат yuban 21.10) */
.wn-nb.wn-nb{display:inline;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit}
@media (min-width:20em){a[href^="mailto:"],a[href^="tel:"]{white-space:nowrap}}
.wn-wrap{width:100%;max-width:var(--W);margin:0 auto;padding:0 var(--pad)}
.wn-main{display:block}

/* ряды: доля ряда приходит переменными --k0…--k4 (build.js: rows); неполный ряд центрируется */
.wn-rows{--gap:20px;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--gap);align-items:stretch;list-style:none;margin:0;padding:0}
.wn-rows>*{--k:var(--k0,1);flex:0 0 calc((100% - (var(--k) - 1)*var(--gap))/var(--k));min-width:0}
@media (min-width:30em){.wn-rows>*{--k:var(--k1,1)}}
@media (min-width:48em){.wn-rows>*{--k:var(--k2,1)}}
@media (min-width:60em){.wn-rows>*{--k:var(--k3,1)}}
@media (min-width:75em){.wn-rows>*{--k:var(--k4,1)}}
@media (max-width:29.99em){.wn-rows{--gap:12px}}
@media (max-width:19.99em){.wn-rows>*{--k:1}}
.wn-shelf.wn-rows>.wn-card{display:flex;justify-content:center}
.wn-shelf.wn-rows>.wn-card>*{width:100%;max-width:480px}
@media (max-width:47.99em){.wn-shelf.wn-rows>.wn-card>*{max-width:min(24rem,480px)}}

/* кнопки: зелёная — только площадка; чернильная, светлая и контурная — свои переходы */
.wn-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:2.85rem;padding:.6rem 1.25rem;border-radius:8px;border:2px solid transparent;font:600 .95rem/1.2 Outfit, "Segoe UI", "Helvetica Neue", Arial, sans-serif;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;text-align:center;cursor:pointer}
.wn-btn--buy{background:#b8236c;color:#ffffff;border-color:#b8236c}
.wn-btn--buy:hover,.wn-btn--buy:focus-visible{background:#94185a;border-color:#94185a;color:#ffffff}
.wn-btn--ink{background:#1b2f86;color:#fffbf1;border-color:#1b2f86}
.wn-btn--ink:hover{background:#1c1d3d;color:#fff}
.wn-btn--light{background:#ffffff;color:#1b2f86;border-color:#ffffff}
.wn-btn--light:hover{background:#fff3b0;color:#1c1d3d}
.wn-btn--line{background:transparent;color:#1b2f86;border-color:#1b2f86}
.wn-btn--line:hover{background:#1b2f86;color:#fff}
.wn-btn--sm{min-height:2.75rem;padding:.45rem .95rem;font-size:.86rem}
.wn-btn--lg{min-height:3.3rem;font-size:1.02rem}
.wn-btn--block{display:flex;width:100%}
.wn-link{font-weight:600;color:#1b2f86;text-decoration:underline;text-decoration-color:#d84888;text-decoration-thickness:2px}
.wn-link--on{color:#f8d808}
.wn-link--on:hover{color:#fff}

/* шапка: чернильная строка платформ + белая шапка (знак, меню капсом по центру, поиск, магазин марки) */
.wn-hdr{position:sticky;top:0;z-index:50;background:#ffffff;box-shadow:0 1px 0 #ecdfc3,0 6px 16px rgba(28,29,61,.06)}
@media (max-width:47.99em){.wn-hdr{position:relative}}
.wn-util{background:#1b2f86;color:#d3d9f5;font-size:.84rem}
.wn-util-in{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:2.3rem}
.wn-util p{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:.2rem 1.1rem}
.wn-util a{color:#fffbf1;text-decoration:none;font-weight:600;letter-spacing:.04em}
.wn-util a:hover{color:#f8d808}
.wn-util-l span{text-transform:uppercase;letter-spacing:.08em;font-size:.76rem}
@media (max-width:47.99em){.wn-util{display:none}}
.wn-bar-in{display:flex;align-items:center;gap:1.1rem;min-height:4.6rem}
.wn-logo{display:inline-flex;align-items:center;flex:0 0 auto;text-decoration:none}
.wn-logo-art{height:2.35rem;width:auto}
.wn-menu{flex:1 1 auto;display:flex;justify-content:center;min-width:0}
.wn-nav-l{display:flex;flex-wrap:wrap;justify-content:center;gap:.2rem 1.5rem;list-style:none;margin:0;padding:0}
.wn-nav-a{display:block;padding:.4rem 0;color:#1c1d3d;font:600 .82rem/1.3 Outfit, "Segoe UI", "Helvetica Neue", Arial, sans-serif;letter-spacing:.07em;text-transform:uppercase;text-decoration:none;border-bottom:3px solid transparent;white-space:nowrap}
.wn-nav-a:hover,.wn-nav-a[aria-current]{border-bottom-color:#d84888;color:#1b2f86}
.wn-bar-r{display:flex;align-items:center;gap:.7rem;flex:0 0 auto;margin-left:auto}
/* поле и кнопка — соседи в одной рамке формы (кнопка не лежит поверх поля: страж шапки судит наложения) */
.wn-search{display:flex;align-items:center;gap:.35rem;border:1.5px solid #ecdfc3;border-radius:999px;background:#fffbf1;padding-right:.2rem}
.wn-search:focus-within{outline:2px solid #1b2f86;outline-offset:2px}
.wn-search input{width:11rem;min-width:0;flex:1 1 auto;min-height:2.5rem;padding:.4rem .3rem .4rem .85rem;border:0;border-radius:999px;background:transparent;font:400 .92rem/1.2 Outfit, "Segoe UI", "Helvetica Neue", Arial, sans-serif;color:#1c1d3d}
.wn-search input:focus{outline:none}
.wn-search input::placeholder{color:#4a4968}
.wn-search-b,.wn-search button{flex:0 0 auto;display:grid;place-items:center;width:2.2rem;height:2.2rem;border:0;border-radius:50%;background:transparent;color:#1b2f86}
.wn-drawer{display:none;flex:0 0 auto}
.wn-burger{display:grid;place-items:center;width:2.75rem;height:2.75rem;list-style:none;border:1.5px solid #ecdfc3;border-radius:8px;color:#1b2f86;cursor:pointer}
.wn-burger::-webkit-details-marker{display:none}
.wn-drawer:not([open]) .wn-drawer-p{display:none} /* Chrome раскладывает содержимое закрытого details: без этого ссылки меню «лежат» под шапкой */
.wn-drawer-p{position:absolute;left:0;right:0;top:100%;z-index:60;background:#ffffff;border-top:3px solid #d84888;box-shadow:0 1px 2px rgba(28,29,61,.07), 0 8px 22px rgba(28,29,61,.08);overflow:auto;padding:.6rem var(--pad) 1.2rem}
.wn-drawer-l{list-style:none;margin:0 auto;padding:0;max-width:var(--W);display:grid;gap:.1rem}
@media (min-width:30em){.wn-drawer-l{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2rem}}
.wn-drawer-l a{display:block;padding:.7rem 0;border-bottom:1px solid #ecdfc3;color:#1c1d3d;font-weight:600;text-decoration:none}
@media (max-width:67.99em){.wn-menu{display:none}.wn-drawer{display:block}.wn-bar-in{gap:.8rem}}
@media (max-width:74.99em){.wn-search input{width:8.5rem}}
@media (max-width:47.99em){.wn-bar-store{display:none}.wn-bar-in{flex-wrap:wrap;min-height:auto;padding-block:.55rem;gap:.55rem .7rem}.wn-logo{margin-right:auto}.wn-logo-art{height:2rem}.wn-bar-r{order:3;flex:1 1 100%}.wn-search{flex:1 1 auto}.wn-search input{width:100%}}
@media (max-width:19.99em){.wn-logo-art{height:1.7rem}}

/* крошки */
.wn-crumbs{background:#fffbf1}
.breadcrumb ol{display:flex;flex-wrap:wrap;gap:.2rem .5rem;list-style:none;margin:0;padding:.85rem 0 .2rem;font-size:.88rem;color:#4a4968}
.breadcrumb li+li::before{content:"/";margin-right:.5rem;color:#ecdfc3}
.breadcrumb a{color:#1b2f86}

/* полосы и заголовки */
.wn-band{padding:clamp(2.6rem,1.8rem + 2.4vw,4.2rem) 0}
.wn-band--paper{background:#ffffff}
.wn-band--sand{background:#fff3b0}
.wn-band--teal{background:#1b2f86;--fg:#fffbf1;--soft:#d3d9f5;--acc:#f8d808;--rule:#3a4fa6;color:#fffbf1}
.wn-band--teal a:not(.wn-btn){color:#f8d808}
.wn-band--teal h2,.wn-band--teal h3{color:#fffbf1}
/* белая карточка изделия на тёмной полосе несёт свои цвета */
.wn-band--teal .wn-tilecard,.wn-band--teal .wn-tilecard h3,.wn-band--teal .wn-tilecard a:not(.wn-btn){color:#1c1d3d}
.wn-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.6rem 2rem;margin-bottom:1.7rem}
.wn-head-t{flex:1 1 30rem;min-width:0}
.wn-head h2{margin-bottom:.35rem}
.wn-head-more{flex:0 0 auto;margin-bottom:.4rem}
.wn-bill{margin:0 0 .5rem;font:600 .78rem/1.3 Outfit, "Segoe UI", "Helvetica Neue", Arial, sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--acc)}
.wn-lede{font-size:1.12rem;color:var(--soft);margin:0}
.wn-note{font-size:.92rem;color:var(--soft);margin:1.1rem 0 0}

/* бейджи */
.wn-badge{position:absolute;left:.7rem;top:.7rem;z-index:1;padding:.3rem .6rem;border-radius:999px;background:#1b2f86;color:#fffbf1;font:600 .74rem/1.2 Outfit, "Segoe UI", "Helvetica Neue", Arial, sans-serif;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.wn-badge--n{top:auto;bottom:.7rem;left:auto;right:.7rem;background:#f8d808;color:#1c1d3d}
.wn-badge--flat{position:static;display:inline-block;margin:0 0 .5rem}

/* карточка изделия (образец: текстовая карточка с «starting at» и кнопкой во всю ширину) */
.wn-tilecard,.wn-vt-in{position:relative;display:flex;flex-direction:column;height:100%;background:#ffffff;border:1px solid #ecdfc3;border-radius:14px;overflow:hidden;box-shadow:0 1px 2px rgba(28,29,61,.07), 0 8px 22px rgba(28,29,61,.08)}
/* рамка кадра квадратная сама по себе: кадр с потолком по исходнику (1000 px) стоит в ней по центру, ряд не рвётся */
.wn-card-shot,.wn-vt-shot{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;overflow:hidden;background:#fff}
.wn-card-shot::after,.wn-vt-shot::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:#f8d808} /* жёлтая черта поверх кадра, а не рамкой: рамка не растёт */
.wn-card-shot img,.wn-vt-shot img{width:100%;aspect-ratio:1/1;object-fit:contain}
.wn-card-b,.wn-vt-b{display:flex;flex-direction:column;gap:.45rem;flex:1 1 auto;padding:1rem 1.1rem 1.15rem}
.wn-card-k{display:flex;align-items:center;gap:.55rem;margin:0;font:600 .8rem/1.3 Outfit, "Segoe UI", "Helvetica Neue", Arial, sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#1b2f86}
.wn-card-l{text-decoration:none;color:#1c1d3d}
.wn-card-l:hover .wn-card-n{text-decoration:underline;text-decoration-color:#d84888}
.wn-card-n{margin:0;font:800 1.16rem/1.25 "Baloo 2", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;color:#1c1d3d}
.wn-card-p{margin:0;font-size:.98rem;color:#4a4968}
.wn-card-r{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;margin:0;font-size:.9rem;color:#4a4968}
.wn-card-r--new{font-style:italic}
.wn-card-foot{margin-top:auto;display:flex;flex-direction:column;gap:.7rem;padding-top:.5rem}
.wn-card-foot .price,.wn-insert-foot .price{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:.15rem .7rem}
.wn-card-foot .price{flex-direction:column;align-items:flex-start;gap:.1rem}
.wn-card-foot .wn-unit{display:block;min-height:2.9em;line-height:1.45} /* до двух строк у всех: цены ряда с одного низа */
.wn-unit--none{visibility:hidden}
.wn-price{font:800 1.45rem/1.1 "Baloo 2", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;color:#1c1d3d}
.wn-unit{font-size:.88rem;color:#4a4968}
.wn-stars{display:inline-flex;gap:1px;color:#f2a20c}
.wn-stars svg{width:1rem;height:1rem}
.wn-stars .is-off{color:#ecdfc3}

/* строка изделия */
/* плитка-строка: кадр слева, справа имя и под ним цена (в узкой колонке истории три столбца давали текст столбиком) */
.wn-strip{display:grid;grid-template-columns:4.5rem minmax(0,1fr);align-items:center;gap:.35rem .9rem;margin:1.2rem 0;padding:.6rem .8rem;border-radius:14px;background:#ffffff;border:1px solid #ecdfc3;color:#1c1d3d}
.wn-strip-pic{grid-row:1 / span 2}
.wn-strip-pic img{width:4.5rem;aspect-ratio:1/1;object-fit:contain}
.wn-strip-t{min-width:0;margin:0;display:flex;flex-direction:column;align-self:end}
.wn-strip-t a{font:800 1.02rem/1.3 "Baloo 2", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;color:#1c1d3d}
.wn-strip-t span{font-size:.88rem;color:#4a4968}
.wn-strip-pr{grid-column:2;align-self:start;margin:0;font:800 1.05rem/1 "Baloo 2", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;color:#1c1d3d;white-space:nowrap}

/* паспорт: факты строками во всю полосу */
.wn-passport{margin-top:2.2rem}
.wn-def{font:800 1.15rem/1.5 "Baloo 2", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;margin:0 0 1rem}
.wn-facts{margin:0;padding:0;border-top:1px solid var(--rule)}
.wn-fact{display:grid;gap:.15rem 2rem;padding:.75rem 0;border-bottom:1px solid var(--rule)}
@media (min-width:48em){.wn-fact{grid-template-columns:14rem minmax(0,1fr)}}
.wn-fact dt{font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:.8rem;color:var(--acc);padding-top:.2rem}
.wn-fact dd{margin:0}
.wn-fact-src{display:block;font-size:.84rem;color:var(--soft);margin-top:.2rem}

/* гиды (карточки) */
.wn-guide-a{display:flex;flex-direction:column;height:100%;background:#ffffff;border-radius:14px;overflow:hidden;box-shadow:0 1px 2px rgba(28,29,61,.07), 0 8px 22px rgba(28,29,61,.08);text-decoration:none;color:#1c1d3d}
.wn-guide-a figure{margin:0;background:#1b2f86}
.wn-guide-a img{width:100%;aspect-ratio:2/1;object-fit:cover}
.wn-guide-k{display:block;padding:1rem 1.15rem 0;font:600 .76rem/1.3 Outfit, "Segoe UI", "Helvetica Neue", Arial, sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#ad2867}
.wn-guide-n{display:block;padding:.35rem 1.15rem 0;font:800 1.2rem/1.3 "Baloo 2", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif}
.wn-guide-d{display:block;padding:.4rem 1.15rem 1.2rem;color:#4a4968;font-size:.97rem}
.wn-guide-a:hover .wn-guide-n{text-decoration:underline;text-decoration-color:#d84888}
.wn-help-qa{margin-top:2.4rem}
.wn-reads{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
@media (min-width:48em){.wn-reads{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}}
.wn-reads a{display:flex;flex-direction:column;gap:.3rem;height:100%;padding:1.1rem 1.2rem;border-radius:14px;background:#fff3b0;text-decoration:none;color:#1c1d3d;border-left:5px solid #d84888}
.wn-reads a .wn-guide-k{padding:0}
.wn-reads b{font:800 1.08rem/1.3 "Baloo 2", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif}
.wn-reads a > span:last-child{color:#4a4968;font-size:.95rem}
.wn-reads--on a{background:#22378f;color:#fffbf1;border-left-color:#f8d808}
.wn-reads--on a .wn-guide-k{color:#f8d808}
.wn-reads--on a > span:last-child{color:#d3d9f5}

/* вопросы */
.wn-qa{list-style:none;margin:0;padding:0}
.wn-qa-i{background:#ffffff;border-radius:14px;padding:1.15rem 1.25rem;border-top:4px solid #22b8e6;height:100%}
.wn-band--paper .wn-qa-i{background:#fffbf1}
.wn-qa-i h3{font-size:1.08rem;margin-bottom:.45rem}
.wn-qa-i p{margin:0 0 .5rem;color:#4a4968}
.wn-qa-i p:last-child{margin:0}
.wn-band--teal .wn-qa-i{background:#22378f}
.wn-band--teal .wn-qa-i p{color:#d3d9f5}

/* шапка страницы (отдел, гиды, служебные) */
.wn-phead{background:#fffbf1;padding:clamp(1.4rem,1rem + 1.6vw,2.6rem) 0 clamp(1.8rem,1.2rem + 1.8vw,3rem);border-bottom:1px solid #ecdfc3}
.wn-phead-in{display:grid;gap:1.6rem;align-items:start}
@media (min-width:48em){.wn-phead--pic .wn-phead-in{grid-template-columns:minmax(0,6fr) minmax(0,4fr);gap:3rem}}
.wn-phead-t h1{margin-bottom:.5rem}
.wn-phead--guide h1{font-size:clamp(1.55rem,1.1rem + 2vw,2.6rem)} /* длинные заголовки статей: при шрифте 24 px на 480 не выше 40 % экрана */
.wn-phead-pic{margin:0;position:relative;border-radius:14px;overflow:hidden;box-shadow:0 1px 2px rgba(28,29,61,.07), 0 8px 22px rgba(28,29,61,.08);border:5px solid #ffffff;max-width:600px;justify-self:end;width:100%}
@media (max-width:47.99em){.wn-phead-pic{justify-self:start}} /* в стопке кадр от того же левого края, что и текст */
.wn-phead-pic img{width:100%;aspect-ratio:2/1;object-fit:cover} /* 600 px × 2:1 — сцене 1464×622 хватает на DPR 2 и при шрифте 24 */
.wn-phead-pic--sq img{aspect-ratio:1/1}
.wn-phead-facts{list-style:none;margin:1.2rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.6rem 1.4rem}
.wn-phead-facts li{display:flex;align-items:center;gap:.45rem;font-weight:600;font-size:.95rem;color:#1b2f86}
.wn-meta{margin:1rem 0 0;font-size:.92rem;color:#4a4968}

/* отдел: фильтры SFRA слева, сетка плиток справа; до 60em — выезжающая панель */
.wn-plp-band{background:#ffffff;padding:1.6rem 0 3rem}
.wn-plp{display:grid;gap:1.6rem;align-items:start}
@media (min-width:60em){.wn-plp{grid-template-columns:17.5rem minmax(0,1fr);gap:2.5rem}}
.wn-ref{background:#fffbf1;border-radius:14px;padding:1rem 1.1rem 1.2rem;border:1px solid #ecdfc3}
@media (min-width:60em){.wn-ref{position:sticky;top:8.5rem;max-height:calc(100vh - 9.5rem);overflow:auto}}
.wn-ref-h{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem}
.wn-ref-title{margin:0 auto 0 0;font:800 1.2rem/1.2 "Baloo 2", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif}
.wn-ref-reset{border:0;background:none;color:#1b2f86;font-weight:600;text-decoration:underline;padding:.3rem 0;min-height:2.75rem}
.wn-ref-x{display:none;width:2.75rem;height:2.75rem;border:1.5px solid #ecdfc3;border-radius:8px;background:#ffffff;color:#1c1d3d}
.facets-widget-checkbox{border:0;border-top:1px solid #ecdfc3;margin:0;padding:.85rem 0 .4rem}
.facets-widget-checkbox legend{float:left;width:100%;padding:0;margin-bottom:.4rem;font:600 .8rem/1.3 Outfit, "Segoe UI", "Helvetica Neue", Arial, sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#ad2867}
.facets-widget-checkbox ul{clear:both;list-style:none;margin:0;padding:0}
.wn-chk{display:flex;align-items:center;gap:.6rem;min-height:2.75rem;cursor:pointer}
.wn-chk input{width:1.25rem;height:1.25rem;accent-color:#1b2f86;flex:0 0 auto;margin:0}
.wn-chk-l{flex:1 1 auto}
.wn-chk-n{flex:0 0 auto;min-width:1.9rem;padding:.05rem .45rem;border-radius:999px;background:#fff3b0;text-align:center;font-size:.85rem;font-weight:600;color:#4a4968}
.wn-chk.is-zero{opacity:.5}
.wn-ref-f{display:none}
.wn-tools{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1.2rem;margin-bottom:1rem}
.wn-count{margin:0 auto 0 0;font-size:1rem}
.wn-count b{font:800 1.2rem/1 "Baloo 2", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif}
.wn-filter-b{display:none}
.wn-filter-n{display:inline-grid;place-items:center;min-width:1.4rem;height:1.4rem;border-radius:999px;background:#d84888;color:#1c1d3d;font-size:.78rem}
.wn-sort{display:flex;align-items:center;gap:.5rem;font-size:.92rem}
.wn-sort select{min-height:2.75rem;padding:.35rem .6rem;border:1.5px solid #ecdfc3;border-radius:8px;background:#ffffff;font:400 .95rem/1.2 Outfit, "Segoe UI", "Helvetica Neue", Arial, sans-serif;color:#1c1d3d}
.wn-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1rem}
.wn-chip{display:inline-flex;align-items:center;gap:.35rem;min-height:2.6rem;padding:.3rem .8rem;border-radius:999px;border:1.5px solid #1b2f86;background:#ffffff;color:#1b2f86;font-weight:600;font-size:.9rem}
.wn-chip--clear{border-color:transparent;text-decoration:underline}
/* сетка отдела: доли ряда --ka/--kb/--kc ставят сборка и client.js по плану без одиночки внизу (build.js: vtPlan) */
.wn-grid{--g:20px;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--g);list-style:none;margin:0;padding:0}
.wn-vt{--k:var(--ka,1);flex:0 0 calc((100% - (var(--k) - 1)*var(--g))/var(--k));min-width:0}
@media (min-width:22em){.wn-grid{--g:12px}.wn-vt{--k:var(--kb,2)}.wn-vt[style*="--kb:1"]{max-width:24rem}}
@media (min-width:48em){.wn-grid{--g:20px}.wn-vt{--k:var(--kc,3);max-width:none}}
.wn-vt .wn-card-n{font-size:1.04rem}
.wn-vt .wn-btn{font-size:.84rem;padding-inline:.6rem}
@media (max-width:47.99em){.wn-vt .wn-card-b,.wn-vt .wn-vt-b{padding:.75rem .75rem .9rem}.wn-vt .wn-price{font-size:1.25rem}.wn-vt .wn-card-k{font-size:.72rem;letter-spacing:.03em}}
.wn-empty{padding:2rem 1.4rem;border-radius:14px;background:#fff3b0;text-align:center}
.wn-ref-bg{position:fixed;inset:0;z-index:69;background:rgba(28,29,61,.45)}
@media (max-width:59.99em){
 .wn-filter-b{display:inline-flex}
 .wn-ref{position:fixed;top:0;bottom:0;left:0;z-index:70;width:min(24rem,88vw);border-radius:0;overflow:auto;transform:translateX(-105%);transition:transform .22s ease;padding-bottom:6rem;visibility:hidden}
 .wn-ref.is-open{transform:none;visibility:visible}
 .wn-ref-x{display:grid;place-items:center}
 .wn-ref-f{display:block;position:sticky;bottom:-6rem;margin:1rem -1.1rem -6rem;padding:.8rem 1.1rem calc(.8rem + env(safe-area-inset-bottom));background:#fffbf1;border-top:1px solid #ecdfc3}
 body.is-ref{overflow:hidden}
}
@media (prefers-reduced-motion:reduce){.wn-ref{transition:none}}

/* «лучший выбор» */
.wn-best{list-style:none;margin:0;padding:0}
.wn-best-i{display:flex;flex-direction:column;gap:.5rem;height:100%;padding:1.15rem 1.2rem;background:#fffbf1;border-radius:14px;border-top:4px solid #d84888}
.wn-best-s{margin:0;font:600 .8rem/1.3 Outfit, "Segoe UI", "Helvetica Neue", Arial, sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#ad2867}
.wn-best-h{display:flex;align-items:center;gap:.7rem}
.wn-best-h h3{margin:0;font-size:1.08rem}
.wn-mini-pic{flex:0 0 3.6rem;background:#fff;border-radius:8px}
.wn-mini-pic img{width:3.6rem;aspect-ratio:1/1;object-fit:contain}
.wn-best-i p{margin:0}
.wn-best-p{margin-top:auto!important;font:800 1.05rem/1 "Baloo 2", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif}

/* таблицы */
.wn-table-w{overflow-x:auto;border-radius:14px;border:1px solid var(--rule);background:#ffffff}
.wn-table{width:100%;border-collapse:collapse;font-size:.96rem;color:#1c1d3d}
.wn-td-v{min-width:0}
.wn-table caption{caption-side:top;text-align:left;padding:.8rem 1rem;font-weight:600;color:#4a4968}
.wn-table th,.wn-table td{padding:.7rem .9rem;text-align:left;vertical-align:top;border-bottom:1px solid #ecdfc3}
.wn-table thead th{background:#1b2f86;color:#fffbf1;font:600 .92rem/1.3 Outfit, "Segoe UI", "Helvetica Neue", Arial, sans-serif}
.wn-table thead th a{color:#f8d808}
.wn-table tbody th{font-weight:600;background:#fffbf1;width:22%}
.wn-table tbody tr:nth-child(even) td{background:#fbfaf6}
.wn-table-better th,.wn-table-better td{background:#fff3b0!important}
@media (max-width:47.99em){
 .wn-table-w{border:0;background:none;overflow:visible}
 .wn-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
 .wn-table,.wn-table tbody,.wn-table tr,.wn-table th,.wn-table td{display:block;width:auto!important}
 .wn-table caption{display:block;padding:0 0 .6rem}
 .wn-table tr{margin-bottom:.9rem;border:1px solid #ecdfc3;border-radius:14px;background:#ffffff;overflow:hidden}
 .wn-table tbody th{background:#1b2f86;color:#fffbf1}
 .wn-table tbody th a{color:#f8d808}
 .wn-table td{display:grid;grid-template-columns:minmax(6.5rem,40%) minmax(0,1fr);gap:.6rem;background:#ffffff!important}
 /* содержимое ячейки — один элемент сетки (подпись ::before + значение), иначе куски текста встают столбцами */
 .wn-table td::before{content:attr(data-l);font-weight:600;color:#4a4968;font-size:.88rem}
 .wn-table tbody tr.wn-table-better th{color:#1c1d3d}
}

/* карточка изделия (Product-Show) */
.wn-pdp{background:#ffffff;padding:1rem 0 2.4rem}
/* до 50em — стопка: шапка изделия (H1, оценка, цена) над галереей (колонка покупки растворяется: display:contents,
   order), с 50em — две колонки «галерея | шапка + покупка» */
.wn-pdp-in{display:flex;flex-direction:column;gap:1.2rem}
.wn-pdp-col{display:contents}
.wn-pdp-head{order:-1}
@media (min-width:50em){.wn-pdp-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2.6rem;align-items:start}.wn-pdp-col{display:flex;flex-direction:column;gap:1rem;min-width:0}.wn-pdp-head{order:0}}
@media (min-width:75em){.wn-pdp-in{grid-template-columns:minmax(0,35em) minmax(0,1fr)}}
.wn-gallery{max-width:min(100%,var(--gmax));margin:0 auto;width:100%}
@media (min-width:50em){.wn-pdp-g{position:sticky;top:8.5rem}}
.wn-gallery-main{position:relative}
.wn-stage{display:block;width:100%;padding:0;border:1px solid #ecdfc3;border-radius:14px;background:#fff;cursor:zoom-in;overflow:hidden}
.wn-stage img{width:100%;aspect-ratio:1/1;object-fit:contain}
.wn-gallery-hint{display:flex;align-items:center;gap:.4rem;margin:.6rem 0;font-size:.86rem;color:#4a4968}
.wn-thumbs{display:grid;grid-template-columns:repeat(var(--c),minmax(0,1fr));gap:8px}
/* на ПК при 2–6 кадрах миниатюры — лентой слева от кадра: галерея ниже, колонка покупки с ней вровень (col-gap) */
@media (min-width:60em){.wn-gallery--side{display:grid;grid-template-columns:4.75rem minmax(0,1fr);column-gap:.75rem;align-items:start}
 .wn-gallery--side .wn-gallery-main{grid-column:2;grid-row:1}.wn-gallery--side .wn-gallery-hint{grid-column:2;grid-row:2;margin-bottom:0}
 .wn-gallery--side .wn-thumbs{grid-column:1;grid-row:1 / span 2;grid-template-columns:minmax(0,1fr)}}
.wn-thumb{padding:0;border:2px solid #ecdfc3;border-radius:8px;background:#fff;overflow:hidden}
.wn-thumb img{width:100%;aspect-ratio:1/1;object-fit:contain}
.wn-thumb[aria-current="true"]{border-color:#d84888;box-shadow:0 0 0 2px #f8d808}
.wn-pdp-info{min-width:0}
.wn-pdp-z{margin:0 0 .4rem;font:600 .8rem/1.3 Outfit, "Segoe UI", "Helvetica Neue", Arial, sans-serif;letter-spacing:.1em;text-transform:uppercase}
.wn-pdp-z a{color:#ad2867;text-decoration:none}
.wn-pdp-head h1{font-size:clamp(1.7rem,1.25rem + 1.4vw,2.4rem);margin-bottom:.5rem}
.wn-pdp-r{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:0 0 1rem;color:#4a4968}
/* строка оценки одной высоты у всех упаковок: текст не рвётся, «Read reviews» до 60em всегда своей строкой (сдвиг галереи 0 px) */
.wn-pdp-r [data-rating-text]{white-space:nowrap}
@media (max-width:59.99em){.wn-pdp-r>a{flex-basis:100%}}
.wn-buybox{padding:1.1rem 1.2rem 1.2rem;border-radius:14px;background:#fffbf1;border:1px solid #ecdfc3;display:flex;flex-direction:column;gap:1rem}
.wn-buy-pr{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem 1rem}
.wn-buy-pr .price{margin:0}
.wn-buy-pr .wn-price{font-size:2.1rem}
.wn-buy-pr .wn-unit{margin:0;font-size:.95rem}
.wn-options-h{margin:0 0 .5rem;font-size:.95rem}
.wn-options-b{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.6rem}
.wn-option{display:grid;grid-template-columns:2.8rem minmax(0,1fr);grid-template-rows:auto auto;column-gap:.55rem;align-items:center;text-align:left;padding:.45rem .55rem;border:2px solid #ecdfc3;border-radius:8px;background:#ffffff;color:#1c1d3d;min-height:3.6rem}
.wn-option[aria-pressed="true"]{border-color:#1b2f86;box-shadow:inset 0 0 0 1px #1b2f86;background:#fff3b0}
.wn-option-pic{grid-row:1/3}
.wn-option-pic img{width:2.8rem;aspect-ratio:1/1;object-fit:contain}
.wn-option-t{font-weight:600;font-size:.9rem;line-height:1.25}
.wn-option-p{font-size:.88rem;color:#4a4968}
.wn-badges{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
@media (min-width:30em){.wn-badges{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:50em) and (max-width:74.99em){.wn-badges{grid-template-columns:repeat(2,minmax(0,1fr))}}
.wn-badges[data-n="3"]{grid-template-columns:repeat(3,minmax(0,1fr))} /* три значка — одним рядом на любой ширине (2+1 давал одиночку) */
.wn-badge-i{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.6rem .7rem;border-radius:8px;background:#ffffff;border:1px solid #ecdfc3}
.wn-badge-ic{color:#22b8e6}
.wn-badge-i b{font:800 1.02rem/1.15 "Baloo 2", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif}
.wn-badge-i>span:last-child{font-size:.82rem;color:#4a4968}
.wn-buy-note{margin:0;font-size:.88rem;color:#4a4968}
.wn-pdp-lede{margin:1.2rem 0 0;font-size:1.06rem}
.wn-subnav{position:sticky;top:6.9rem;z-index:30;background:#1b2f86;color:#fffbf1}
@media (max-width:47.99em){.wn-subnav{top:0}}
.wn-subnav .wn-wrap{display:flex;align-items:center;gap:1rem;min-height:3.2rem}
.wn-subnav ul{display:flex;gap:.2rem 1.3rem;list-style:none;margin:0;padding:0;overflow-x:auto;flex:1 1 auto;scrollbar-width:none}
.wn-subnav a{display:block;padding:.75rem 0;color:#fffbf1;text-decoration:none;font-weight:600;font-size:.9rem;white-space:nowrap;border-bottom:3px solid transparent}
.wn-subnav a[aria-current]{border-bottom-color:#f8d808;color:#f8d808}
.wn-subnav-buy{display:none;align-items:center;gap:.8rem;margin:0;flex:0 0 auto}
.wn-subnav-buy .price{font:800 1.15rem/1 "Baloo 2", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif}
@media (min-width:60em){.wn-subnav-buy{display:flex}}
.wn-about-cols{columns:1;column-gap:2.6rem;margin-bottom:1.6rem}
@media (min-width:48em){.wn-about-cols{columns:2}}
.wn-about-cols p{break-inside:avoid}
.wn-yn{display:grid;gap:1rem}
@media (min-width:48em){.wn-yn{grid-template-columns:repeat(2,minmax(0,1fr))}}
.wn-yn-c{padding:1.1rem 1.2rem;border-radius:14px;background:#e2f3dc}
.wn-yn-c--no{background:#fbe5e1}
.wn-yn-c h3{display:flex;align-items:center;gap:.5rem;font-size:1.08rem}
.wn-yn-c ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.wn-yn-c li{display:flex;gap:.5rem;align-items:flex-start}
.wn-yn-c li svg{flex:0 0 auto;margin-top:.15rem}
.wn-yn-c--yes svg{color:#2a6f20}
.wn-yn-c--no svg{color:#a3261e}
.wn-compat,.wn-keys{margin:0;padding:0;border-top:1px solid var(--rule)}
.wn-compat>div,.wn-keys>div{display:grid;gap:.1rem 2rem;padding:.75rem 0;border-bottom:1px solid var(--rule)}
@media (min-width:48em){.wn-compat>div,.wn-keys>div{grid-template-columns:15rem minmax(0,1fr)}}
.wn-compat dt,.wn-keys dt{font-weight:600;color:#4a4968}
.wn-compat dd,.wn-keys dd{margin:0}
.wn-box{margin-top:1.8rem;padding:1.1rem 1.25rem;border-radius:14px;background:#fff3b0;border-left:6px solid #f8d808}
.wn-box h3{display:flex;align-items:center;gap:.5rem;font-size:1.08rem}
.wn-box ul{margin:0;padding-left:1.2rem}
.wn-care{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
@media (min-width:48em){.wn-care{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2rem}}
.wn-care li{display:flex;gap:.8rem;align-items:flex-start;color:#d3d9f5}
.wn-care b{color:#fffbf1}
.wn-care-i{flex:0 0 2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:50%;background:#22378f;color:#f8d808;border:1px solid #3a4fa6}
.wn-care-more{margin:1.4rem 0 0}
.wn-q{quotes:"“" "”"}
.wn-q-src{font-size:.88em;white-space:nowrap}
.wn-vs-a{font-size:1.1rem;max-width:none}
.wn-vs-more{margin:1rem 0 0}
.wn-rating-row{display:grid;gap:1rem 2.4rem;align-items:center;margin-bottom:1.6rem}
@media (min-width:48em){.wn-rating-row{grid-template-columns:auto minmax(0,1fr)}}
.wn-rating-big{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0}
.wn-rating-big b{font:800 2.6rem/1 "Baloo 2", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif}
.wn-rating-big .wn-stars svg{width:1.4rem;height:1.4rem}
.wn-histo p{display:grid;grid-template-columns:3.6rem minmax(0,1fr) 2.8rem;align-items:center;gap:.6rem;margin:0 0 .3rem;font-size:.9rem}
.wn-histo-bar{height:.6rem;border-radius:999px;background:#ffffff;overflow:hidden}
.wn-histo-bar i{display:block;height:100%;background:#f2a20c}
.wn-reviews{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr)}
/* колонки отзывов собраны сборкой под три в ряд: до 60em — одна колонка (две из трёх дали бы одиночку под рядом) */
@media (min-width:60em){.wn-reviews{grid-template-columns:repeat(var(--cols),minmax(0,1fr))}}
.wn-reviews-col{display:flex;flex-direction:column;gap:1rem}
.wn-review{padding:1.05rem 1.15rem;border-radius:14px;background:#ffffff;border:1px solid #ecdfc3}
.wn-review-title{font-weight:600;margin:.4rem 0 .3rem}
.wn-review blockquote{margin:0 0 .5rem;color:#1c1d3d}
.wn-review--long blockquote{display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}
.wn-review--long.is-open blockquote{display:block}
.wn-review-more{border:0;background:none;padding:.3rem 0;min-height:2.75rem;color:#1b2f86;font-weight:600;text-decoration:underline}
.wn-review-by{margin:0;font-size:.86rem;color:#4a4968}

/* вставка изделия в статью */
.wn-insert{display:grid;gap:1rem;margin:1.6rem 0;padding:1rem;border-radius:14px;background:#fffbf1;border:1px solid #ecdfc3;border-left:6px solid #22b8e6}
@media (min-width:30em){.wn-insert{grid-template-columns:12rem minmax(0,1fr);align-items:start}}
.wn-insert-pic{background:#fff;border-radius:8px}
.wn-insert-pic img{width:100%;aspect-ratio:1/1;object-fit:contain}
.wn-insert-n{margin:0 0 .3rem;font:800 1.15rem/1.3 "Baloo 2", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif}
.wn-insert-n a{color:#1c1d3d}
.wn-insert-b>p{margin:0 0 .45rem}
.wn-insert-foot{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.2rem;margin-top:.5rem}

/* статья: оглавление слева (образец: шаги «N.» с тонкой линейкой), шаги справа */
.wn-article-band{background:#ffffff;padding:2.4rem 0 3.4rem}
.wn-article{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;align-items:start}
@media (min-width:60em){.wn-article{grid-template-columns:17rem minmax(0,1fr);gap:3rem}}
.wn-toc{background:#fffbf1;border-radius:14px;padding:1rem 1.15rem;border:1px solid #ecdfc3}
@media (min-width:60em){.wn-toc{position:sticky;top:8.5rem;max-height:calc(100vh - 9.5rem);overflow:auto}}
.wn-toc-h{margin:0 0 .5rem;font:600 .8rem/1.3 Outfit, "Segoe UI", "Helvetica Neue", Arial, sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#ad2867}
.wn-toc ol{list-style:none;margin:0;padding:0}
.wn-toc a{display:flex;gap:.6rem;padding:.5rem 0;border-bottom:1px solid #ecdfc3;color:#1c1d3d;text-decoration:none;font-size:.95rem;line-height:1.35}
/* номер и подпись — два флекс-элемента: неразрывные куски подписи (wn-nb) не становятся отдельными столбцами */
.wn-toc a i{flex:0 0 1.7rem;height:1.7rem;display:grid;place-items:center;border-radius:50%;background:#1b2f86;color:#fffbf1;font:800 .8rem/1 "Baloo 2", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;font-style:normal}
.wn-toc-l{flex:1 1 auto;min-width:0}
.wn-toc a:hover{color:#1b2f86}
.wn-article-b{min-width:0;font-size:1.08rem;line-height:1.68}
.wn-step{padding:0 0 1.6rem;margin:0 0 2rem;border-bottom:1px solid #ecdfc3}
.wn-step:last-child{border-bottom:0}
.wn-step h2{display:flex;align-items:flex-start;gap:.8rem;font-size:clamp(1.45rem,1.15rem + 1vw,1.95rem)}
.wn-step-n{flex:0 0 2.6rem;height:2.6rem;display:grid;place-items:center;border-radius:8px;background:#f8d808;color:#1c1d3d;font:800 1.15rem/1 "Baloo 2", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;margin-top:-.15rem}
.wn-step h3{margin-top:1.4rem}
.wn-step .wn-table-w{margin:1.4rem 0}
.wn-ul,.wn-ol{padding-left:1.3rem;margin:0 0 1.1rem}
.wn-ul li,.wn-ol li{margin-bottom:.45rem}
.wn-tip{display:flex;gap:.8rem;align-items:flex-start;margin:1.4rem 0;padding:1rem 1.1rem;border-radius:14px;background:#fff3b0}
.wn-tip p{margin:0}
.wn-fig{margin:1.6rem 0;max-width:min(100%,46rem)} /* rem, не em: кегль статьи крупнее корня, а sizes считаются от корня */
.wn-fig img{width:100%;border-radius:14px;aspect-ratio:auto}
.wn-fig--sq{max-width:min(100%,30rem)} /* кадр изделия квадратом: рамка по его sizes */
.wn-fig figcaption{margin-top:.5rem;font-size:.9rem;color:#4a4968}
/* список источников — колонками текста (columns), а не сеткой: нечётный хвост не висит одиночкой */
.wn-sources{list-style:none;margin:0;padding:0}
@media (min-width:48em){.wn-sources{columns:2;column-gap:2rem}}
.wn-sources li{display:flex;flex-direction:column;padding:.6rem 0;margin-bottom:.7rem;border-bottom:1px solid var(--rule);break-inside:avoid}
.wn-sources span{font-size:.88rem;color:var(--soft)}

/* «о бренде»: герой со сценой, происхождение, путь, правила, акцент, числа */
/* кольцо-«заряд» в углу — фоном (radial-gradient), а не выступающим элементом: полоса не шире окна */
.wn-ahero{background:radial-gradient(circle at calc(100% - 8rem) 6rem,transparent 11.8rem,rgba(242,227,58,.35) 11.8rem 14rem,transparent 14rem),#fffbf1;padding:clamp(1.6rem,1rem + 2vw,3rem) 0;position:relative}
.wn-ahero-in{position:relative;display:grid;gap:1.8rem;align-items:start}
@media (min-width:48em){.wn-ahero-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem}}
.wn-ahero-t h1{font-size:clamp(2.1rem,1.3rem + 2.6vw,3.4rem)}
.wn-ahero-pic{margin:0;border-radius:14px;overflow:hidden;box-shadow:0 1px 2px rgba(28,29,61,.07), 0 8px 22px rgba(28,29,61,.08);border:6px solid #ffffff;max-width:700px;justify-self:end;width:100%}
.wn-ahero-pic img{width:100%;aspect-ratio:7/5;object-fit:cover}
@media (max-width:47.99em){.wn-ahero-pic{justify-self:start}} /* в стопке кадр от левого края текста */
.wn-origin{display:grid;gap:2rem;align-items:start}
@media (min-width:48em){.wn-origin{grid-template-columns:minmax(0,26rem) minmax(0,1fr);gap:3rem}}
.wn-origin-pic{margin:0;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 1px 2px rgba(28,29,61,.07), 0 8px 22px rgba(28,29,61,.08)}
.wn-origin-pic img{width:100%;aspect-ratio:1/1;object-fit:contain}
.wn-origin-pic figcaption{padding:.6rem .9rem;font-size:.88rem;color:#4a4968;background:#fffbf1}
.wn-path-i{padding:1.2rem 1.2rem 1.3rem;border-radius:14px;background:#22378f;border-top:5px solid #d84888}
.wn-path-y{display:block;margin-bottom:.4rem;font:800 2rem/1 "Baloo 2", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;color:#f8d808}
.wn-path-i .wn-gauge{margin-bottom:.7rem}
.wn-path-i h3{margin:.2rem 0 .4rem;font-size:1.1rem}
.wn-path-i p{margin:0 0 .4rem;color:#d3d9f5}
.wn-path-src{font-size:.85rem}
.wn-rule{height:100%;padding:1.2rem;border-radius:14px;background:#ffffff;text-align:left}
.wn-rule-i{display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:#22b8e6;color:#fff;margin-bottom:.8rem}
.wn-rule h3{font-size:1.1rem;margin-bottom:.4rem}
.wn-rule p{margin:0;color:#4a4968}
.wn-accent{background:#f8d808;padding:clamp(2rem,1.4rem + 2vw,3.4rem) 0}
.wn-accent-g{display:flex;justify-content:center;margin:0 0 .8rem}
.wn-accent-t{margin:0;font:800 clamp(1.45rem,1.05rem + 1.7vw,2.4rem)/1.3 "Baloo 2", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;color:#1c1d3d;text-align:center}
.wn-nums{list-style:none;margin:0 0 2rem;padding:0}
.wn-num{display:flex;flex-direction:column;gap:.2rem;height:100%;min-height:8rem;padding:1.1rem 1.2rem;border-radius:14px;background:#fffbf1;border-bottom:5px solid #22b8e6}
.wn-num b{font:800 clamp(1.8rem,1.4rem + 1.4vw,2.6rem)/1 "Baloo 2", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;color:#1b2f86}
.wn-num span{color:#4a4968}
.wn-exit-cta{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.6rem;margin:2rem 0 0}

/* служебные страницы и контакты */
.wn-smallprint{display:grid;gap:1.4rem}
@media (min-width:48em){.wn-smallprint{grid-template-columns:4rem minmax(0,1fr)}}
.wn-legal-ico{display:block}
.wn-legal-t{columns:1;column-gap:2.6rem}
@media (min-width:60em){.wn-legal-t{columns:2}}
.wn-legal-t p{break-inside:avoid}
.wn-legal-nav{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;list-style:none;margin:2rem 0 0;padding:1rem 0 0;border-top:1px solid #ecdfc3}
.wn-price-date{font-weight:600}
.wn-contact{display:grid;gap:1.4rem}
@media (min-width:64em){.wn-contact{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}} /* на 768 две карточки разной длины оставляли пустоту рядом с короткой */
.wn-contact-c{padding:1.3rem 1.4rem;border-radius:14px;background:#fffbf1;border-top:5px solid #22b8e6}
.wn-contact-c--sand{background:#fff3b0;border-top-color:#d84888}
.wn-contact-c address{font-style:normal;margin-bottom:1rem}
.wn-contact-c address p{display:flex;gap:.6rem;align-items:flex-start;margin:0 0 .6rem}
.wn-contact-c address svg{flex:0 0 auto;color:#22b8e6;margin-top:.15rem}
.wn-faq{list-style:none;margin:0;padding:0}
.wn-faq-g{height:100%;min-height:8rem;padding:1.1rem 1.2rem;border-radius:14px;background:var(--card,#fffbf1)}
.wn-band--sand .wn-faq-g{background:#ffffff}
.wn-faq-g h2{font-size:1.12rem}
.wn-faq-g ul{margin:0;padding-left:1.1rem}
.wn-faq-g li{margin-bottom:.4rem}
.wn-404-art{max-width:18rem;justify-self:center}
@media (max-width:47.99em){.wn-404 .wn-phead-in{display:block}.wn-404-art{margin:1.4rem auto 0}}
@media (min-width:48em){.wn-404 .wn-phead-in{grid-template-columns:minmax(0,6fr) minmax(0,4fr)}}
.wn-search--page{margin-top:1rem;max-width:34rem}
.wn-search--page input{width:100%;min-height:3rem;font-size:1rem}
.wn-search-out{list-style:none;margin:1rem 0;padding:0;display:grid;gap:.6rem}
.wn-search-out a{display:flex;flex-direction:column;padding:.8rem 1rem;border-radius:14px;background:#fffbf1;text-decoration:none;color:#1c1d3d}
.wn-search-out span{font-size:.9rem;color:#4a4968}

/* подвал: три кадра-входа, чернильная бирюза, четыре колонки, мелкий шрифт по центру */
.wn-doors{background:#fffbf1;padding:2.6rem 0}
.wn-door-a{display:flex;flex-direction:column;height:100%;border-radius:14px;overflow:hidden;background:#ffffff;box-shadow:0 1px 2px rgba(28,29,61,.07), 0 8px 22px rgba(28,29,61,.08);text-decoration:none;color:#1c1d3d}
.wn-door-a figure{margin:0;background:#1b2f86}
.wn-door-a img{width:100%;aspect-ratio:2/1;object-fit:cover}
/* сцены 1464×622: в одну колонку (до 48em) рамка 2:1, иначе высоты исходника на DPR 2 не хватает (§4.0) */
@media (max-width:47.99em){.wn-door-a img,.wn-guide-a img,.wn-plat-pic img,.wn-phead-pic img{aspect-ratio:5/2}}
.wn-door-t{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.9rem 1.1rem;font:800 1.08rem/1.3 "Baloo 2", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif}
.wn-door-t svg{color:#d84888;flex:0 0 auto}
.wn-foot{background:#1b2f86;--fg:#fffbf1;--soft:#d3d9f5;--acc:#f8d808;--rule:#3a4fa6;color:#fffbf1;padding:2.8rem 0 0;border-top:6px solid #f8d808}
.wn-foot a{color:#fffbf1;text-decoration:none}
.wn-foot a:hover{color:#f8d808;text-decoration:underline}
.wn-foot-top{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 2rem;padding-bottom:1.6rem;border-bottom:1px solid #3a4fa6}
.wn-foot-top .wn-logo-art{height:2.6rem}
.wn-foot-say{margin:0;color:#d3d9f5;max-width:40rem}
.wn-foot-cols{display:grid;gap:1.8rem;padding:1.8rem 0 2.2rem}
@media (min-width:48em){.wn-foot-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:75em){.wn-foot-cols{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,.8fr) minmax(0,1.2fr)}}
.wn-foot-h{margin:0 0 .8rem;font:600 .8rem/1.3 Outfit, "Segoe UI", "Helvetica Neue", Arial, sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#f8d808}
.wn-foot-col ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.wn-foot-dept>a{font-weight:600}
.wn-foot-dept ul{margin:.35rem 0 .6rem;padding-left:.9rem;border-left:2px solid #3a4fa6;gap:.25rem}
.wn-foot-dept ul a{color:#d3d9f5;font-size:.94rem}
.wn-foot-addr{display:flex;flex-direction:column;font-style:normal;color:#d3d9f5;margin-bottom:1rem}
.wn-foot-btns{display:grid;gap:.6rem}
.wn-ghost{display:flex!important;align-items:center;gap:.6rem;min-height:2.85rem;padding:.5rem .9rem;border:1.5px solid #d3d9f5;border-radius:8px;color:#fffbf1}
.wn-ghost:hover{border-color:#f8d808;text-decoration:none!important}
.wn-ghost span{overflow-wrap:anywhere}
.wn-foot-bottom{background:#1c1d3d;padding:1.4rem 0 1.6rem;text-align:center;font-size:.88rem;color:#d3d9f5}
.wn-foot-bottom p{margin:.4rem auto 0;max-width:60rem}
.wn-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.4rem;list-style:none;margin:0;padding:0}
.wn-legal a{text-decoration:underline}
.wn-top{position:fixed;right:1rem;bottom:1rem;z-index:40;display:none;place-items:center;width:2.9rem;height:2.9rem;border-radius:50%;background:#1b2f86;color:#fffbf1;box-shadow:0 1px 2px rgba(28,29,61,.07), 0 8px 22px rgba(28,29,61,.08)}
@media (min-width:48em){body:not(.wn-pdp-page) .wn-top{display:grid}}

/* нижние плашки (§5.2): магазин марки на главной/отделах (мобайл) и покупка на карточке */
.wn-plate{position:fixed;left:0;right:0;bottom:0;z-index:45;background:#ffffff;border-top:3px solid #f8d808;box-shadow:0 -6px 18px rgba(28,29,61,.12);padding:.55rem var(--pad) calc(.55rem + env(safe-area-inset-bottom));transition:transform .2s ease}
.wn-plate-in{display:flex;align-items:center;justify-content:space-between;gap:.8rem;max-width:var(--W);margin:0 auto}
.wn-plate-t{margin:0;display:flex;flex-direction:column;min-width:0;font-size:.9rem;color:#4a4968}
.wn-plate-t b{font:800 1.2rem/1.1 "Baloo 2", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;color:#1c1d3d}
.wn-plate-t span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wn-plate .wn-btn{flex:0 0 auto;min-height:2.75rem}
.wn-plate.is-early{transform:translateY(110%)}
.wn-plate--buy.is-idle{transform:translateY(110%)}
@media (max-width:29.99em){.wn-plate--store .wn-plate-t{display:none}.wn-plate--store .wn-plate-in{justify-content:center}.wn-plate--store .wn-btn{flex:1 1 auto}}
@media (min-width:48em){.wn-plate--store{display:none}}
@media (max-width:47.99em){body:has(.wn-plate){padding-bottom:calc(4.6rem + env(safe-area-inset-bottom))}}
@media (min-width:48em){body.wn-pdp-page{padding-bottom:calc(4.6rem + env(safe-area-inset-bottom))}}
body.is-nav .wn-plate,body.is-ref .wn-plate{transform:translateY(110%)}

/* увеличение кадра */
.wn-zoom{width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgba(16,20,56,.96);color:#fff}
.wn-zoom::backdrop{background:rgba(16,20,56,.8)}
.wn-zoom-in{display:flex;flex-direction:column;height:100%}
.wn-zoom-bar{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem}
.wn-zoom-n{font-weight:600}
.wn-zoom-x{display:grid;place-items:center;width:2.9rem;height:2.9rem;border:1.5px solid rgba(255,255,255,.5);border-radius:50%;background:transparent;color:#fff}
.wn-zoom-stage{position:relative;flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:0 4rem 1.4rem;min-height:0}
.wn-zoom-stage img{max-height:100%;width:auto;object-fit:contain;background:#fff;border-radius:8px;user-select:none}
.wn-zoom-a{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:3rem;height:3rem;border:0;border-radius:50%;background:rgba(255,255,255,.16);color:#fff}
.wn-zoom-a--p{left:.6rem}
.wn-zoom-a--p svg{transform:rotate(180deg)}
.wn-zoom-a--n{right:.6rem}
@media (max-width:29.99em){.wn-zoom-stage{padding:0 .6rem 4.6rem}.wn-zoom-a{top:auto;bottom:.8rem;transform:none}}

/* ===== тема winis: банка конфет ===================================================================== */
body{background:#fffbf1}
h1,h2{letter-spacing:-.01em;color:var(--fg)}
h2{font-size:clamp(1.65rem,1.25rem + 1.35vw,2.4rem)}
.wn-band--lemon{background:#fff3b0}
.wn-band--blush{background:#fde6f1}
.wn-band--mint{background:#d9f5f3}
.wn-band--navy{background:#1b2f86;--fg:#fffbf1;--soft:#d3d9f5;--acc:#f8d808;--rule:#3a4fa6;color:#fffbf1}
.wn-band--navy a:not(.wn-btn){color:#f8d808}
.wn-band--navy h2,.wn-band--navy h3{color:#fffbf1}
.wn-band--navy .wn-tilecard,.wn-band--navy .wn-tilecard h3,.wn-band--navy .wn-tilecard a:not(.wn-btn){color:#1c1d3d}
.wn-band--navy .wn-strip a{color:#1c1d3d}
.wn-band--navy .wn-qa-i{background:#22378f}
.wn-band--navy .wn-qa-i p{color:#d3d9f5}
.wn-bill{color:var(--acc)}
.wn-src{font-size:.86rem;font-weight:600;white-space:nowrap}
.wn-btn{border-radius:999px;text-transform:none;letter-spacing:.01em;font-size:1rem}
.wn-btn--sun{background:#f8d808;color:#1b2f86;border-color:#f8d808}
.wn-btn--sun:hover{background:#fff;border-color:#fff;color:#1b2f86}
.wn-btn--navy{background:#1b2f86;color:#fffbf1;border-color:#1b2f86}
.wn-btn--navy:hover{background:#1c1d3d;color:#fff}
.wn-btn--ghost{background:transparent;color:#fffbf1;border-color:#fffbf1}
.wn-btn--ghost.wn-btn--buy{background:#b8236c;border-color:#b8236c;color:#ffffff}
.wn-btn--line{background:transparent;color:#1b2f86;border-color:#1b2f86}
.wn-btn--line:hover{background:#1b2f86;color:#fff}
.wn-link{color:#1b2f86;text-decoration-color:#d84888;display:inline-flex;align-items:center;gap:.25rem}
.wn-link svg{width:1.05em;height:1.05em}
.wn-link--on{color:#f8d808}
.visually-hidden.focusable:focus{position:static!important;width:auto;height:auto;clip:auto;display:block;padding:.6rem 1rem;background:#f8d808;color:#1b2f86}

/* радужная лента (вихрь упаковки) */
.wn-ribbon{display:flex;flex-direction:column;height:12px}
.wn-ribbon i{flex:1 1 0}
.wn-ribbon i:nth-child(1){background:#22b8e6}.wn-ribbon i:nth-child(2){background:#5cc84a}.wn-ribbon i:nth-child(3){background:#f8d808}
.wn-ribbon i:nth-child(4){background:#f88808}.wn-ribbon i:nth-child(5){background:#d84888}.wn-ribbon i:nth-child(6){background:#7a2a7c}
.wn-ribbon--foot{height:10px}
.wn-ribbon--pic{position:absolute;left:0;right:0;bottom:0;height:10px}
.wn-ribbon--hero{position:absolute;left:0;right:0;bottom:0;height:14px}
.wn-ribbon--short{width:9rem;height:12px;margin:0 auto 1rem;border-radius:999px;overflow:hidden}
.wn-ribbon--left{margin:0 0 1rem}

/* шапка: синяя строка + шапка «меню слева, знак по центру, поиск и магазин справа» (образец glencairn) */
.wn-hdr{background:#ffffff;box-shadow:0 6px 16px rgba(28,29,61,.07)}
.wn-util{background:#1b2f86}
.wn-util-in p:first-child{font-weight:600;letter-spacing:.02em}
.wn-util-r{gap:.2rem 1.4rem!important}
.wn-bar-in{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem;min-height:4.8rem}
.wn-menu{grid-column:1;grid-row:1;justify-content:flex-start}
.wn-nav-l{justify-content:flex-start;gap:.2rem 1.3rem}
.wn-nav-a{text-transform:none;letter-spacing:.01em;font:600 1rem/1.3 Outfit, "Segoe UI", "Helvetica Neue", Arial, sans-serif;border-bottom-width:3px}
.wn-nav-a:hover,.wn-nav-a[aria-current]{border-bottom-color:#d84888;color:#1b2f86}
.wn-brand{grid-column:2;grid-row:1;display:flex;justify-content:center}
.wn-logo-art{height:2.6rem}
.wn-bar-r{grid-column:3;grid-row:1;justify-self:end;margin-left:0;min-width:0}
.wn-bar-store a{white-space:nowrap} /* надпись кнопки в одну строку: на 768 она складывалась в три строки в пилюле */
.wn-bar-r .wn-search{min-width:min(7.25rem,100%);max-width:16rem;flex:1 1 auto}
/* планшет: знак рядом с бургером, правой колонке — поиск целиком и кнопка (центр сжимал поле до «Searc») */
@media (min-width:48em) and (max-width:63.99em){.wn-bar-in{grid-template-columns:auto auto minmax(0,1fr)}.wn-brand{justify-content:flex-start}.wn-bar-r{justify-self:stretch;justify-content:flex-end}} /* «Search candy» целиком: на 768 поле сжималось до «Searc» */.wn-bar-r .wn-search input{min-width:0;width:100%}
.wn-drawer{grid-column:1;grid-row:1;justify-self:start}
.wn-search{border-color:#ecdfc3;background:#fffbf1}
.wn-search-b,.wn-search button{color:#1b2f86}
.wn-burger{border-color:#ecdfc3;color:#1b2f86}
.wn-drawer-p{border-top-color:#d84888}
@media (max-width:74.99em){.wn-menu{display:none}.wn-drawer{display:block}}
@media (max-width:47.99em){.wn-bar-in{grid-template-columns:auto minmax(0,1fr);row-gap:.55rem;padding-block:.55rem;min-height:auto}.wn-brand{grid-column:2;justify-content:flex-start}.wn-logo-art{height:2.2rem}.wn-bar-r{grid-column:1 / -1;grid-row:2;justify-self:stretch}.wn-search{flex:1 1 auto}.wn-search input{width:100%}.wn-bar-store{display:none}}
@media (max-width:19.99em){.wn-logo-art{height:1.8rem}}

/* герой главной: синяя полоса, текст слева, сцена пиньяты справа в скруглённой рамке с лентой (кадр 1500 px: бокс не
   шире 740 px — DPR 2 без растяжения, §4.0); на телефоне кадр над заголовком */
.wn-hero{position:relative;overflow:hidden;background:#1b2f86;--fg:#fffbf1;--soft:#d3d9f5;--acc:#f8d808;--rule:#3a4fa6;color:#fffbf1;padding:clamp(1.6rem,1rem + 2vw,2.8rem) 0 clamp(2rem,1.2rem + 2.4vw,3.2rem)}
.wn-hero::before{content:"";position:absolute;right:-6rem;top:-8rem;width:34rem;height:34rem;border-radius:50%;background:radial-gradient(circle,rgba(248,216,8,.22),rgba(248,216,8,0) 68%);pointer-events:none}
.wn-hero-in{position:relative;display:grid;gap:1.6rem;align-items:start} /* колонки с одного верха: grid-rows приёмки */
@media (min-width:48em){.wn-hero-in{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:3rem}}
.wn-hero-pic{margin:0;position:relative;border-radius:22px;overflow:hidden;background:#22378f;box-shadow:0 0 0 6px #22378f;justify-self:end;width:100%;max-width:740px}
.wn-hero-pic img{width:100%;aspect-ratio:1500/690;object-fit:cover}
.wn-hero-t h1{color:#fffbf1;font-size:min(clamp(2.1rem,1.35rem + 2.4vw,3.4rem),7vh);margin-bottom:.5rem}
.wn-hero-t .wn-lede{color:#d3d9f5;font-size:1.12rem}
.wn-hero-t .wn-bill{color:#f8d808}
.wn-hero-cta{display:flex;flex-wrap:wrap;gap:.8rem 1rem;margin:1.4rem 0 0}
@media (max-width:47.99em){.wn-hero-pic{order:-1;justify-self:center;max-width:740px}.wn-hero-t h1{font-size:clamp(1.8rem,1.3rem + 2.4vw,2.4rem)}}
/* лежачий экран при крупном шрифте браузера (1024 × 800 при 24 px = 42.7em): стопка давала героя в 842 px из 800 —
   кадр встаёт слева от текста, поля и кегль поджаты (герой 527 px) */
@media (min-width:40em) and (max-width:47.99em) and (orientation:landscape){.wn-hero{padding:1.2rem 0 1.4rem}.wn-hero-in{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:1.4rem}.wn-hero-pic{order:0}.wn-hero-t h1{font-size:min(2rem,6.5vh)}.wn-hero-t .wn-lede{font-size:1rem}}

/* популярные: доска — ведущая карточка флагмана лежачей (кадр слева, текст справа) во всю полосу, ниже ряд остальных */
.wn-board{display:flex;flex-direction:column;gap:20px}
.wn-board-lead{list-style:none;margin:0;padding:0}
.wn-board-lead .wn-tilecard{flex-direction:row}
.wn-board-lead .wn-card-shot{flex:0 0 min(42%,24rem)}
.wn-board-lead .wn-card-b{padding:1.6rem 1.8rem;justify-content:center;gap:.6rem}
.wn-board-lead .wn-card-n{font-size:clamp(1.5rem,1.1rem + 1.2vw,2.1rem)}
.wn-board-lead .wn-card-p{font-size:1.08rem}
.wn-board-lead .wn-card-foot{margin-top:.6rem;flex-direction:row;flex-wrap:wrap;align-items:center;gap:1rem 1.6rem}
.wn-board-lead .wn-btn{width:auto;padding-inline:1.6rem}
@media (max-width:47.99em){.wn-board-lead .wn-tilecard{flex-direction:column;max-width:24rem;margin:0 auto}.wn-board-lead .wn-card-shot{flex:none}.wn-board-lead .wn-card-b{padding:1rem 1.1rem 1.15rem}.wn-board-lead .wn-btn{width:100%}}
.wn-board-rest .wn-card-p{display:none}
/* телефон: четыре карточки «популярных» лежачими — кадр слева, имя, оценка и цена справа, кнопка во всю ширину
   под ними (стоячие карточки вытягивали главную на 29 000 px при 390) */
@media (max-width:29.99em){.wn-board-rest .wn-tilecard{display:grid;grid-template-columns:minmax(0,7.5rem) minmax(0,1fr);column-gap:.9rem;align-items:start;padding:0 0 1rem}
 .wn-board-rest .wn-card-shot{grid-row:1/span 4;align-self:stretch;aspect-ratio:auto;min-height:7.5rem}
 .wn-board-rest .wn-card-b{display:contents}
 .wn-board-rest .wn-card-b>*{grid-column:2;margin:0 .9rem 0 0}
 .wn-board-rest .wn-card-l{margin-top:.8rem}
 .wn-board-rest .wn-card-k,.wn-board-rest .wn-badge{display:none}
 .wn-board-rest .wn-card-r{margin-top:.35rem}
 .wn-board-rest .wn-card-foot{display:contents}
 .wn-board-rest .wn-card-foot .price{grid-column:2;margin:.35rem .9rem 0 0}
 .wn-board-rest .wn-card-foot .wn-unit{min-height:0}
 .wn-board-rest .wn-card-foot .wn-btn{grid-column:1/-1;margin:.9rem 1rem 0;width:auto}}
@media (min-width:30em) and (max-width:59.99em){.wn-board-rest>.wn-card>*{max-width:20rem;margin:0 auto}}

/* карточка изделия: пастельная плитка кадра, имя, факт, оценка, цена, кнопка */
.wn-tilecard,.wn-vt-in{border-radius:16px;border:0;box-shadow:0 2px 0 #ecdfc3,0 10px 26px rgba(28,29,61,.08)}
.wn-card-shot,.wn-vt-shot{background:var(--tone,#fff3b0)}
.wn-card-shot::after,.wn-vt-shot::after{display:none}
.wn-card-shot img,.wn-vt-shot img{mix-blend-mode:multiply}
.wn-tone--blush{--tone:#fde6f1}.wn-tone--mint{--tone:#d9f5f3}.wn-tone--lemon{--tone:#fff3b0}
.wn-badge{background:#1b2f86;border-radius:999px}
.wn-card-k{color:#1b2f86;text-transform:none;letter-spacing:.01em;font-size:.9rem;align-items:flex-start}
.wn-card-k svg{flex:0 0 auto;color:#d84888;margin-top:-.05rem}
.wn-card-n{font-size:1.25rem}
.wn-card-l:hover .wn-card-n{text-decoration-color:#d84888}
.wn-price{font:800 1.5rem/1.1 "Baloo 2", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;color:#1c1d3d}
.wn-card-foot .wn-unit{min-height:2.9em} /* до двух строк у всех: цены ряда с одного низа */
.wn-card .wn-btn{font-size:.95rem;padding-inline:.8rem}
.wn-stars .is-off{color:#ecdfc3}

/* сервис-полоса: жёлтый пакета Original, четыре факта значками */
.wn-sunstrip{background:#f8d808;padding:1.6rem 0}
.wn-sun-i{display:flex;gap:.8rem;align-items:flex-start;color:#1c1d3d}
.wn-sun-ico{flex:0 0 2.8rem;height:2.8rem;display:grid;place-items:center;border-radius:50%;background:#1b2f86;color:#f8d808}
.wn-sun-h{margin:0 0 .15rem;font:800 1.12rem/1.2 "Baloo 2", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;color:#1b2f86}
.wn-sun-i p{margin:0;font-size:.95rem}

/* поводы: квадратные плитки сцен с подчёркнутой подписью */
.wn-oc-a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:#1c1d3d}
@media (max-width:47.99em){.wn-oc-l.wn-rows>li,.wn-gcards.wn-rows>li{display:flex;justify-content:center}.wn-oc-a,.wn-gcard-a{width:100%;max-width:24rem}} /* бокс кадра до 48em не шире 24em: sizes (build.js gridBox) */
.wn-oc-pic{margin:0 0 .75rem;border-radius:16px;overflow:hidden;background:#1b2f86}
.wn-oc-pic img{width:100%;aspect-ratio:16/9;object-fit:cover}
@media (max-width:29.99em){.wn-oc-pic img{aspect-ratio:16/9}}
.wn-oc-label{font:800 1.18rem/1.2 "Baloo 2", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;color:#1b2f86;text-decoration:underline;text-decoration-color:#d84888;text-decoration-thickness:3px;text-underline-offset:.22em}
.wn-oc-p{margin-top:.35rem;font-size:.95rem;color:#4a4968}

/* линейка: текст рядом с полкой */
.wn-line-in{display:grid;gap:1.6rem;align-items:start}
@media (min-width:48em){.wn-line-in{grid-template-columns:minmax(0,38fr) minmax(0,62fr);gap:2.6rem}}
.wn-line-t h2{margin-bottom:.6rem}
.wn-line-shelf .wn-strip{margin:0 0 .9rem;background:#ffffff}
.wn-line-shelf .wn-strip:last-child{margin-bottom:0}

/* ролик */
.wn-video-in{display:grid;gap:1.6rem;align-items:start}
@media (min-width:60em){.wn-video-in{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:2.8rem}}
.wn-video-f{margin:0}
.wn-reel{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:16px;background:#000;box-shadow:0 0 0 6px #22378f}
.wn-video-f figcaption{margin-top:.6rem;font-size:.9rem;color:#d3d9f5}
.wn-video-desc{font-size:.9rem;color:#d3d9f5}

/* пункты со значками (качество, проверка, «в каждом пакете») */
.wn-points{list-style:none;margin:0 0 1.8rem;padding:0}
.wn-point{display:flex;flex-direction:column;gap:.4rem;padding:1.2rem 1.2rem 1.3rem;border-radius:16px;background:var(--card,#fffbf1)}
.wn-band--page .wn-point,.wn-band--lemon .wn-point,.wn-band--mint .wn-point,.wn-band--blush .wn-point{--card:#ffffff}
.wn-point-ico{display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:#f8d808;color:#1b2f86}
.wn-point h3{margin:.3rem 0 .1rem;font-size:1.15rem}
.wn-point p{margin:0;color:#4a4968}
.wn-point-src{margin-top:auto!important;padding-top:.3rem}
.wn-quality-tb{margin-bottom:1rem}
.wn-after{margin:1rem 0 0;color:#4a4968}

/* текст о марке: ряды «кадр + текст», таблица */
.wn-story-in{display:block}
.wn-story-in>h2{margin-bottom:1.4rem}
.wn-story-row{display:grid;gap:1.4rem;align-items:start;margin-bottom:2rem}
@media (min-width:48em){.wn-story-row{grid-template-columns:minmax(0,45fr) minmax(0,55fr);gap:2.6rem}.wn-story-row--rev{grid-template-columns:minmax(0,55fr) minmax(0,45fr)}.wn-story-row--tb{grid-template-columns:minmax(0,55fr) minmax(0,45fr)}}
@media (min-width:48em){.wn-story-row--rev>.wn-story-fig{order:2}.wn-story-row--strips{grid-template-columns:minmax(0,38fr) minmax(0,62fr)}}
.wn-story-strips .wn-strip{margin:0 0 .8rem}
.wn-story-fig{width:100%;max-width:min(26rem,480px);justify-self:center;margin:0;position:relative;border-radius:16px;overflow:hidden;background:#1b2f86}
.wn-story-fig img{width:100%;aspect-ratio:3/2;object-fit:cover}
.wn-story-fig figcaption{padding:.65rem .9rem;background:#1b2f86;color:#d3d9f5;font-size:.9rem}
.wn-story-t p{margin:0 0 1em}

/* история: даты синими плитками */
.wn-path{list-style:none;margin:0 0 2rem;padding:0}
.wn-path-i{display:flex;flex-direction:column;padding:1.2rem 1.2rem 1.3rem;border-radius:16px;background:#22378f;border-top:6px solid #f8d808}
.wn-path-y{display:block;margin-bottom:.4rem;font:800 2.2rem/1 "Baloo 2", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;color:#f8d808}
.wn-path-i h3{margin:.1rem 0 .4rem;font-size:1.12rem}
.wn-path-i p{margin:0 0 .4rem;color:#d3d9f5}
.wn-path-src{margin-top:auto!important}
.wn-pull{margin:0;padding:1.4rem 1.6rem;border-radius:16px;background:#22378f;border-left:6px solid #d84888}
.wn-pull p{margin:0 0 .5rem;font:800 1.25rem/1.4 "Baloo 2", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;color:#fffbf1}
.wn-pull footer{color:#d3d9f5;font-size:.92rem}
.wn-q{quotes:"“" "”"}
.wn-q-src{font-size:.86em;white-space:nowrap}

/* галерея главной: квадратные кнопки-кадры, увеличение в диалоге */
.wn-gal-b{display:block;width:100%;padding:0;border:0;border-radius:14px;overflow:hidden;background:#fff3b0;cursor:zoom-in}
.wn-gal-b img{width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .2s ease}
.wn-gal-b:hover img{transform:scale(1.03)}
.wn-viewer{width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:3.6rem 4rem 3rem;border:0;background:rgba(16,20,56,.96);color:#fff}
.wn-viewer[open]{display:flex;align-items:center;justify-content:center}
.wn-viewer::backdrop{background:rgba(16,20,56,.8)}
.wn-viewer img{max-height:100%;width:auto;object-fit:contain;background:#fff;border-radius:8px;user-select:none}
.wn-viewer-x,.wn-viewer-p,.wn-viewer-n{position:absolute;display:grid;place-items:center;width:3rem;height:3rem;border:0;border-radius:50%;background:rgba(255,255,255,.16);color:#fff}
.wn-viewer-x{top:.7rem;right:.7rem;border:1.5px solid rgba(255,255,255,.5);background:transparent}
.wn-viewer-p{left:.6rem;top:50%;transform:translateY(-50%)}
.wn-viewer-n{right:.6rem;top:50%;transform:translateY(-50%)}
.wn-viewer-c{position:absolute;left:0;right:0;bottom:.8rem;margin:0;text-align:center;font-weight:600}
@media (max-width:29.99em){.wn-viewer{padding:3.6rem .6rem 5rem}.wn-viewer-p,.wn-viewer-n{top:auto;bottom:.6rem;transform:none}.wn-viewer-c{bottom:1.6rem}}

/* статьи на главной */
.wn-gcard-a{display:flex;flex-direction:column;height:100%;border-radius:16px;overflow:hidden;background:#ffffff;text-decoration:none;color:#1c1d3d;box-shadow:0 10px 26px rgba(28,29,61,.08)}
.wn-gcard-pic{margin:0;background:#1b2f86}
.wn-gcard-pic img{width:100%;aspect-ratio:16/9;object-fit:cover}
.wn-gcard-k,.wn-guide-k{display:block;font:600 .8rem/1.3 Outfit, "Segoe UI", "Helvetica Neue", Arial, sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#ad2867}
.wn-gcard-a .wn-gcard-k{padding:1rem 1.15rem 0}
.wn-gcard-h{display:block;padding:.35rem 1.15rem 0;font:800 1.25rem/1.25 "Baloo 2", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif}
.wn-gcard-p{display:block;padding:.4rem 1.15rem 1.2rem;color:#4a4968}
.wn-gcard-a:hover .wn-gcard-h{text-decoration:underline;text-decoration-color:#d84888}

/* паспорт */
.wn-pass-cta{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.6rem;margin:1.8rem 0 0}
.wn-def{font:800 1.25rem/1.45 "Baloo 2", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;color:#1b2f86}
.wn-band--navy .wn-def,.wn-ahero .wn-def{color:inherit}
.wn-pass-site{margin:0 0 1.2rem;color:#4a4968;font-size:.95rem}
.wn-ahero .wn-pass-site{margin:.8rem 0 0}
.wn-fact dt{color:#ad2867}
.wn-fact dd a{font-weight:600}

/* шапка страницы */
.wn-phead{background:#fffbf1}
.wn-phead-pic{border-radius:16px;border:0;box-shadow:0 10px 26px rgba(28,29,61,.1)}
.wn-phead-pic img{aspect-ratio:2/1} /* 16:9 при шрифте 24 требовал 676 px высоты от сцены вазочки 1500×649 */
.wn-phead-facts li{color:#1b2f86}
.wn-phead-facts svg{color:#d84888}
.wn-intro-band{background:#ffffff;padding:0 0 2.4rem}
.wn-intro{columns:1;column-gap:2.6rem}
@media (min-width:48em){.wn-intro{columns:2}}
.wn-intro p{break-inside:avoid}

/* плитка пакета в отделе: главная цифра — штук в пакете (§9.10) */
.wn-vt-in{display:flex;flex-direction:column;height:100%;background:#ffffff;overflow:hidden}
.wn-vt-b{display:flex;flex-direction:column;gap:.45rem;flex:1 1 auto;padding:1rem 1.1rem 1.15rem}
.wn-metric{display:flex;align-items:baseline;gap:.4rem;margin:0;color:#1b2f86}
.wn-metric b{font:800 2rem/1 "Baloo 2", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif}
.wn-metric span{font-size:.92rem;font-weight:600}
.facets-widget-checkbox legend{color:#ad2867}
.wn-chk input{accent-color:#1b2f86}
.wn-chk-n{background:#fff3b0}
.wn-filter-n{background:#f8d808;color:#1b2f86}
.wn-chip{border-color:#1b2f86;color:#1b2f86;border-radius:999px}
.wn-empty{background:#fff3b0}
.wn-linecard a{display:flex;flex-direction:column;gap:.3rem;height:100%;padding:1.2rem 1.3rem;border-radius:16px;background:var(--tone);text-decoration:none;color:#1c1d3d}
.wn-linecard-h{font:800 1.2rem/1.25 "Baloo 2", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;color:#1b2f86}
.wn-linecard-p{color:#4a4968}
.wn-linecard svg{color:#d84888;margin-top:auto}

/* карточка конфеты */
.wn-stage{border:0;border-radius:16px;background:var(--tone,#fff3b0)}
.wn-stage img{mix-blend-mode:multiply}
.wn-gallery-main{border-radius:16px}
.wn-thumb[aria-current="true"]{border-color:#d84888;box-shadow:0 0 0 2px #f8d808}
.wn-pdp-z a{color:#ad2867}
.wn-buybox{border-radius:16px;background:#fffbf1}
.wn-option{border-radius:12px}
.wn-options-b[data-n="2"],.wn-options-b[data-n="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.wn-options-b[data-n="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:29.99em){.wn-options-b[data-n="3"]{grid-template-columns:minmax(0,1fr)}}
.wn-option[aria-pressed="true"]{border-color:#1b2f86;box-shadow:inset 0 0 0 1px #1b2f86;background:#fff3b0}
.wn-badge-ic{color:#d84888}
.wn-subnav{background:#1b2f86}
.wn-subnav a[aria-current]{border-bottom-color:#f8d808;color:#f8d808}
.wn-label-in{display:grid;gap:1.8rem;align-items:start}
@media (min-width:60em){.wn-label-in{grid-template-columns:minmax(0,22rem) minmax(0,1fr);gap:3rem}.wn-label-in--one{grid-template-columns:minmax(0,1fr)}}
.wn-key-src{display:block;font-size:.84rem;color:#4a4968;margin-top:.15rem}
.wn-keys{border-top-color:#ecdfc3}
.wn-keys>div{border-bottom-color:#ecdfc3}
@media (min-width:48em){.wn-keys>div{grid-template-columns:11rem minmax(0,1fr)}}

/* этикетка Nutrition Facts (набрана таблицей в духе панели FDA) */
.wn-nf{margin:0;max-width:22rem}
.wn-nf-t{width:100%;border-collapse:collapse;background:#fff;color:#000;border:2px solid #000;font:400 .95rem/1.3 Arial,"Helvetica Neue",sans-serif}
.wn-nf-t caption{caption-side:top;text-align:left;padding:.3rem .5rem 0;background:#fff;border:2px solid #000;border-bottom:0;font:900 2rem/1 "Arial Black",Arial,sans-serif;letter-spacing:-.02em;color:#000}
.wn-nf-t th,.wn-nf-t td{padding:.22rem .5rem;border-top:1px solid #000;text-align:left;font-weight:700}
.wn-nf-t td:last-child{text-align:right}
.wn-nf-t th span{font-weight:400}
.wn-nf-sv td{border-top:0;font-weight:400}
.wn-nf-size th,.wn-nf-size td{border-bottom:8px solid #000;font-size:1.05rem}
.wn-nf-cal th{font-size:1.4rem;font-weight:900}
.wn-nf-cal th span{display:block;font-size:.85rem;font-weight:700}
.wn-nf-cal td{font:900 2.2rem/1 "Arial Black",Arial,sans-serif;border-bottom:4px solid #000}
.wn-nf-dvh td{text-align:right!important;font-size:.85rem}
.wn-nf-sub th{padding-left:1.3rem;font-weight:400}
.wn-nf-sub2 th{padding-left:2.1rem;font-weight:400}
.wn-nf-micro td{border-top:8px solid #000;font-weight:400;font-size:.85rem;text-align:left!important}
.wn-nf figcaption{margin-top:.6rem;font-size:.86rem;color:#4a4968}

/* вопросы */
.wn-qa-i{border-radius:16px;border-top:5px solid #d84888}
.wn-band--mint .wn-qa-i,.wn-band--lemon .wn-qa-i,.wn-band--blush .wn-qa-i{background:#ffffff}

/* отзывы */
.wn-review{border-radius:16px;border:0;box-shadow:0 2px 0 #ecdfc3}
.wn-review-of{display:inline-block;margin-top:.4rem;font-weight:600;font-size:.9rem}

/* о марке */
.wn-ahero{background:#fffbf1;padding:clamp(1.6rem,1rem + 2vw,3rem) 0}
.wn-ahero-in{display:grid;gap:1.8rem;align-items:start}
@media (min-width:48em){.wn-ahero-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem}}
.wn-ahero-t h1{font-size:clamp(2rem,1.3rem + 2.4vw,3.3rem)}
.wn-ahero-pic{margin:0;position:relative;border-radius:20px;overflow:hidden;box-shadow:0 12px 30px rgba(28,29,61,.12);width:100%;max-width:500px;justify-self:center} /* сцена 1000 px: бокс не шире 500 px (DPR 2) */
.wn-ahero-pic img{width:100%;aspect-ratio:7/6;object-fit:cover}
@media (max-width:47.99em){.wn-ahero-in{display:block}.wn-ahero-pic{margin:1.8rem auto 0}} /* стопка блоком: кадр не шире 500 px не оставляет полупустой ряд сетки */
.wn-origin{display:grid;gap:2rem;align-items:start}
@media (min-width:48em){.wn-origin{grid-template-columns:minmax(0,24rem) minmax(0,1fr);gap:3rem}}
.wn-origin-pic{margin:0;border-radius:16px;overflow:hidden;background:var(--tone)}
.wn-origin-pic img{width:100%;aspect-ratio:1/1;object-fit:contain;mix-blend-mode:multiply}
.wn-origin-pic figcaption{padding:.6rem .9rem;font-size:.9rem;color:#4a4968;background:#ffffff}
.wn-accent{background:#f8d808;padding:clamp(2rem,1.4rem + 2vw,3.4rem) 0}
.wn-accent-t{margin:0;font:800 clamp(1.5rem,1.05rem + 1.8vw,2.5rem)/1.3 "Baloo 2", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;color:#1b2f86;text-align:center}
.wn-nums{list-style:none;margin:0 0 2rem;padding:0}
.wn-num{display:flex;flex-direction:column;gap:.2rem;height:100%;min-height:8rem;padding:1.1rem 1.2rem;border-radius:16px;background:#fff3b0;border-bottom:6px solid #d84888}
.wn-num b{font:800 clamp(2rem,1.5rem + 1.5vw,2.8rem)/1 "Baloo 2", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;color:#1b2f86}
.wn-num span{color:#4a4968}
.wn-lineimg a{display:flex;flex-direction:column;height:100%;border-radius:16px;overflow:hidden;background:#ffffff;text-decoration:none;color:#1c1d3d}
.wn-lineimg-pic{margin:0;background:#1b2f86}
.wn-lineimg-pic img{width:100%;aspect-ratio:16/9;object-fit:cover}
.wn-lineimg-h{display:block;padding:1rem 1.15rem .2rem;font:800 1.2rem/1.25 "Baloo 2", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;color:#1b2f86}
.wn-lineimg-p{display:flex;align-items:center;gap:.3rem;padding:0 1.15rem 1.1rem;color:#4a4968}
.wn-team .wn-story-fig img{aspect-ratio:3/2} /* сцена 1500×940: рамка 3:2 не шире 576 px закрывается на DPR 2 при любом шрифте */
.wn-team .wn-story-fig{max-width:576px;width:100%;margin-inline:auto}
@media (min-width:60em){.wn-story-row.wn-team{grid-template-columns:minmax(0,1fr) minmax(0,min(576px,45%))}}
@media (max-width:59.99em){.wn-story-row.wn-team{display:block}.wn-team .wn-story-fig{margin-top:1.4rem}} /* стопка блоком: кадр ≤ 576 px не оставляет полупустой ряд сетки */ /* колонка кадра = потолок кадра: без пустоты в ячейке */
.wn-exit-cta{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.6rem;margin:2rem 0 0}

/* две плитки-истории над подвалом (образец: «Our Story», «Business»): кадр сверху, синяя плашка с текстом */
.wn-doors{background:#fffbf1;padding:2.6rem 0}
.wn-door{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:#1b2f86;--fg:#fffbf1;--soft:#d3d9f5;--acc:#f8d808;--rule:#3a4fa6;color:#fffbf1}
.wn-door-pic{margin:0;background:#22378f}
@media (max-width:47.99em){.wn-door-pic{width:100%;max-width:30rem;margin:0 auto}} /* бокс кадра до 48em не шире 30em: sizes (parts.js) */
.wn-door-pic img{width:100%;aspect-ratio:5/2;object-fit:cover}
@media (min-width:48em){.wn-door-pic{max-width:750px}} /* сцена 1500 px в ширину: рамка 5:2 не шире 750 px (DPR 2 при шрифте 24) */
.wn-door-b{display:flex;flex-direction:column;gap:.4rem;flex:1 1 auto;padding:1.2rem 1.3rem 1.4rem}
.wn-door-b h2{font-size:1.5rem;margin:0;color:#fffbf1}
.wn-door-b p{margin:0;color:#d3d9f5}
.wn-door-b .wn-link{color:#f8d808;margin-top:auto;padding-top:.4rem}

/* подвал: синий, много узких колонок (образец glencairn), мелкий шрифт внизу */
.wn-foot{background:#1b2f86;--fg:#fffbf1;--soft:#d3d9f5;--acc:#f8d808;--rule:#3a4fa6;color:#fffbf1;padding:0;border-top:0}
.wn-foot .region-footer{padding:2.6rem 0 0}
.wn-foot-cols{display:grid;gap:1.8rem 2rem;padding:0 0 2rem;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:48em){.wn-foot-cols{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:75em){.wn-foot-cols{grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,.8fr)) minmax(0,1.3fr) repeat(2,minmax(0,.9fr)) minmax(max-content,1fr)}} /* колонка почты по ширине адреса: адрес не вылезает за полосу */
.wn-foot-brand{grid-column:1 / -1}
@media (min-width:75em){.wn-foot-brand{grid-column:auto}}
.wn-foot-brand p{margin:.8rem 0 0;color:#d3d9f5;font-size:.95rem}
.wn-foot-brand .wn-logo-art{height:2.7rem}
.wn-foot-h{color:#f8d808}
.wn-foot-col ul{gap:.5rem}
.wn-foot-col a{font-size:.95rem}
.wn-foot-mail{display:inline-flex!important;align-items:center;gap:.45rem}
.wn-foot-mail span{white-space:nowrap;font-size:min(1em,4.4vw)}
.wn-foot-bottom{background:none;padding:1.2rem 0 1.6rem;text-align:left;border-top:1px solid #3a4fa6}
.wn-foot-bottom p{margin:.3rem 0 0;max-width:none}
.wn-top{background:#1b2f86}

/* плашки и увеличение */
.wn-plate{border-top:0;box-shadow:0 -6px 18px rgba(28,29,61,.14)}
.wn-plate::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#22b8e6,#5cc84a,#f8d808,#f88808,#d84888,#7a2a7c)}
.wn-zoom{background:rgba(16,20,56,.96)}
.wn-contact-c{border-radius:16px;border-top-color:#d84888}
.wn-contact-c--lemon{background:#fff3b0;border-top-color:#f8d808}
.wn-contact-mail{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:1.1rem}
.wn-contact-mail svg{color:#d84888}
.wn-404-art svg{width:100%;height:auto}
.wn-step-n{background:#f8d808;color:#1b2f86;border-radius:50%}
.wn-toc a i{background:#1b2f86}
.wn-tip{background:#fff3b0}
.wn-tip svg{flex:0 0 auto;color:#d84888}
.wn-insert{border-left-color:#d84888;border-radius:16px;background:#ffffff}
.wn-insert-pic{background:var(--tone,#fff3b0)}
.wn-insert-pic img{mix-blend-mode:multiply}
.wn-strip{border-radius:14px}
.wn-strip-pic{background:#fff3b0;border-radius:10px}
.wn-strip-pic img{mix-blend-mode:multiply}
.wn-table thead th{background:#1b2f86}
.wn-table thead th a{color:#f8d808}
.wn-table thead th .wn-src{color:#d3d9f5;font-weight:400;display:block}
.wn-table-better th,.wn-table-better td{background:#fff3b0!important}
.wn-reads a{background:#ffffff;border-left-color:#d84888;border-radius:14px}
.wn-reads--on a{background:#22378f;border-left-color:#f8d808}
.wn-reads--on a .wn-guide-k{color:#f8d808}
.wn-guide-a{border-radius:16px}
.wn-guide-n{font:800 1.25rem/1.25 "Baloo 2", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif}