:root{
  --ink:#12121C;
  --ink-2:#4A4A55;
  --muted:#5B5B66;
  --muted-2:#6B6B76;
  --on-dark-2:#C9C9D3;
  --on-dark-3:#A9A9B6;
  --yellow:#FFD400;
  --yellow-soft:#FFF0B0;
  --soft:#F4F4F1;
  --soft-2:#EEEEEA;
  --field:#F9F9F7;
  --line:#EAEAE5;
  --line-2:#E2E2DD;
  --border:#D9D9D3;
  --green-soft:#E4F2D2;
  --blue-soft:#DDE9F8;
  --error:#C42B1C;

  --display:'Unbounded','Arial Black',system-ui,sans-serif;
  --text:'Onest',system-ui,-apple-system,'Segoe UI',sans-serif;
  --ease:cubic-bezier(.2,.7,.2,1);
  --z-header:40; --z-toast:100;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:150px}
body{margin:0;background:#fff;color:var(--ink);font:400 16px/1.5 var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
a:hover{color:var(--ink-2)}
button,input{font:inherit;color:inherit}
button{cursor:pointer}
input::placeholder{color:var(--muted-2)}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.dark :focus-visible,.on-dark:focus-visible{outline-color:var(--yellow)}
.wrap{width:100%;max-width:1280px;margin:0 auto;padding-left:32px;padding-right:32px}
.sec{padding-top:96px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:16px;top:-80px;z-index:200;background:var(--yellow);color:var(--ink);padding:12px 18px;border-radius:12px;font-weight:600}
.skip:focus{top:12px}
.ico{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dot{width:8px;height:8px;border-radius:50%;background:var(--yellow);flex:none}

/* Кнопки */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;font-weight:600;white-space:nowrap;touch-action:manipulation;transition:transform .2s ease,filter .2s ease,background .2s ease}
.btn:hover{transform:translateY(-1px);filter:brightness(.95)}
.btn:active{transform:scale(.97)}
.btn-lg{height:56px;padding:0 26px;border-radius:16px;font-size:16px}
.btn-md{height:48px;padding:0 18px;border-radius:14px;font-size:15px}
.btn-yellow,.btn-yellow:hover{background:var(--yellow);color:var(--ink)}
.btn-ink,.btn-ink:hover{background:var(--ink);color:#fff}
.btn-outline-dark{border:1.5px solid rgba(255,255,255,.3);color:#fff}
.btn-outline-dark:hover{color:#fff;border-color:#fff}
.icon-btn{position:relative;width:48px;height:48px;border-radius:14px;background:var(--soft);display:inline-grid;place-items:center;transition:background .2s}
.icon-btn:hover{background:var(--soft-2)}
.badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--yellow);color:var(--ink);font:700 11px/20px var(--text);text-align:center;transform:scale(0);transition:transform .2s var(--ease)}
.badge.show{transform:scale(1)}

/* Заголовки секций */
.sec-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:36px}
.sec-head > div:first-child{display:flex;flex-direction:column;gap:10px;max-width:760px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.h1{margin:0;font:700 52px/1.06 var(--display);letter-spacing:-.02em;text-wrap:balance}
.h2{margin:0;font:600 40px/1.12 var(--display);letter-spacing:-.02em;text-wrap:balance}
.more{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:16px;padding-bottom:4px;border-bottom:2px solid var(--yellow)}
.more:hover{color:var(--ink)}
.more .ico{width:18px;height:18px;transition:transform .2s var(--ease)}
.more:hover .ico{transform:translateX(3px)}

/* Верхняя полоса */
.topbar{background:var(--ink);color:#fff;font-size:13px}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:40px}
.topbar-info{display:flex;align-items:center;gap:14px;color:var(--on-dark-2)}
.topbar-info .dot{width:4px;height:4px}
.topbar-links{display:flex;align-items:center;gap:20px;margin-left:auto}
.topbar a{color:#fff;font-weight:600;display:inline-flex;align-items:center;gap:6px}
.topbar a:hover{color:var(--yellow)}
.topbar .ico{width:14px;height:14px}
.topbar .ask{color:var(--yellow)}

/* Шапка */
.header{position:sticky;top:0;z-index:var(--z-header);background:#fff;border-bottom:1px solid var(--line);transition:box-shadow .2s}
.header.scrolled{box-shadow:0 8px 24px -16px rgba(18,18,28,.25)}
.header-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding-top:18px;padding-bottom:18px}
.logo{display:block;flex:none}
.logo img{height:38px;width:auto}
.catalog-btn{flex:none}
.search{flex:1 1 280px;position:relative;display:flex;align-items:center;min-width:0;margin:0}
.search input{width:100%;height:48px;padding:0 56px 0 18px;border:1.5px solid transparent;border-radius:14px;background:var(--soft);font-size:15px;transition:border-color .2s,background .2s}
.search input:focus{outline:none;border-color:var(--ink);background:#fff}
.search > button[type=submit]{position:absolute;right:4px;top:4px;width:40px;height:40px;border-radius:11px}
.search > button[type=submit] .ico{width:18px;height:18px;stroke-width:2.2}
.header-phone{display:flex;flex-direction:column;line-height:1.3;flex:none}
.header-phone a:first-child{font-weight:700;font-size:16px}
.header-phone a:last-child{font-size:13px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.header-actions{display:flex;align-items:center;gap:8px;flex:none;margin-left:auto}
.nav{border-top:1px solid var(--line)}
.nav .wrap{display:flex;justify-content:space-between;gap:24px}
.navrow{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;min-width:0}
.navrow::-webkit-scrollbar{display:none}
.navrow + .navrow{flex:none}   /* «Доставка… Контакты» не сжимается — прокручиваются разделы */
.navrow + .navrow .navlink{padding:0 11px}   /* 4 ссылки рядом с разделами каталога влезают на 1280px без прокрутки */
.navrow:first-child{margin-left:-14px}
.navrow:last-child{margin-right:-14px}
.navlink{display:inline-flex;align-items:center;height:52px;padding:0 14px;white-space:nowrap;font-size:15px;font-weight:500;border-bottom:2px solid transparent;transition:border-color .2s}
.navlink:hover{border-bottom-color:var(--yellow);color:var(--ink)}

/* Первый экран */
.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);background:var(--ink);border-radius:32px;overflow:hidden;color:#fff}
.hero-copy{display:flex;flex-direction:column;justify-content:center;gap:28px;padding:64px 56px;min-width:0}
.pill{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.08);font-size:14px;font-weight:500}
.hero .h1 span{color:var(--yellow)}
.hero-lead{margin:0;max-width:520px;font-size:18px;line-height:1.55;color:var(--on-dark-2);text-wrap:pretty}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px}
.hero-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-top:28px;border-top:1px solid rgba(255,255,255,.12)}
.hero-facts div{display:flex;flex-direction:column;gap:4px}
.hero-facts b{font:600 26px/1.2 var(--display);color:var(--yellow)}
.hero-facts span{font-size:14px;line-height:1.35;color:var(--on-dark-3)}
.hero-media{position:relative;display:flex;align-items:flex-end;justify-content:center;min-width:0;min-height:360px}
.hero-media > img{width:100%;max-width:440px;height:auto;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%),linear-gradient(180deg,transparent 0,#000 12%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%),linear-gradient(180deg,transparent 0,#000 12%);
  mask-composite:intersect}
.sticker{position:absolute;top:40px;left:16px;width:116px;height:116px;padding:14px;border-radius:50%;background:var(--yellow);color:var(--ink);display:flex;align-items:center;justify-content:center;text-align:center;font-size:13px;font-weight:700;line-height:1.2;transform:rotate(-12deg)}
.hero-card{position:absolute;right:24px;bottom:28px;display:flex;align-items:center;gap:14px;padding:12px 12px 12px 16px;border-radius:20px;background:#fff;color:var(--ink);box-shadow:0 12px 32px rgba(0,0,0,.35);transition:transform .2s ease}
.hero-card:hover{transform:translateY(-2px);color:var(--ink)}
.hero-card > span:first-child{display:flex;flex-direction:column;line-height:1.3}
.hero-card small{font-size:13px;color:var(--muted)}
.hero-card b{font:600 18px/1.3 var(--display)}
.sq-arrow{width:40px;height:40px;border-radius:12px;background:var(--ink);color:#fff;display:grid;place-items:center;flex:none}
.sq-arrow .ico{width:18px;height:18px}

/* Преимущества */
.perks{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:8px;padding:8px;border-radius:28px;background:var(--soft)}
.perk{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:20px;background:#fff}
.perk-ico{flex:none;width:48px;height:48px;border-radius:14px;background:var(--yellow);color:var(--ink);display:grid;place-items:center}
.perk-ico .ico{width:22px;height:22px;stroke-width:1.9}
.perk > span:last-child{display:flex;flex-direction:column;line-height:1.35}
.perk strong{font-size:15px;font-weight:600}
.perk small{font-size:14px;color:var(--muted)}

/* Каталог — бенто */
.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:260px;gap:16px}
.tile{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:24px;border-radius:28px;overflow:hidden;background:var(--soft-2);color:var(--ink);isolation:isolate;transition:transform .3s ease}
.tile:hover{transform:translateY(-4px);color:var(--ink)}
.tile > img{position:absolute;right:8px;bottom:8px;height:70%;width:auto;z-index:-1;mix-blend-mode:multiply;transition:transform .4s ease}
.tile:hover > img{transform:scale(1.04)}
.tile-text{display:flex;flex-direction:column;gap:6px}
.tile-name{font:600 19px/1.15 var(--display)}
.tile-price{font-size:15px;color:var(--ink-2)}
.go{width:44px;height:44px;border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center;flex:none;transition:transform .3s ease}
.go .ico{width:18px;height:18px}
.tile:hover .go{transform:rotate(-45deg)}
.tile.big{grid-column:span 2;grid-row:span 2;padding:36px;background:var(--yellow-soft)}
.tile.big > img{right:32px;bottom:28px;height:56%}
.tile.big .tile-text{gap:14px}
.tile.big .tile-name{font-size:34px;line-height:1.1;letter-spacing:-.02em}
.tile-sub{font-size:16px}
.tile.big .tile-sub{color:#3B3A33;max-width:240px}
.tile-foot{display:flex;align-items:center;gap:14px}
.tile.big .go{width:52px;height:52px;background:var(--ink);color:#fff}
.tile.big .go .ico{width:22px;height:22px}
.tile-foot b{font:600 20px/1 var(--display)}
.chip{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--ink);color:#fff;font-size:13px;font-weight:600}
.tile.photo{background:var(--ink);color:#fff}
.tile.photo > img{inset:0;width:100%;height:100%;object-fit:cover;object-position:center 60%;mix-blend-mode:normal}
.tile.photo::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(18,18,28,.82) 0%,rgba(18,18,28,.15) 55%,rgba(18,18,28,0) 100%)}
.tile.photo:hover{color:#fff}
.tile.photo .tile-price{color:var(--yellow)}
.tile.photo .go{background:var(--yellow)}
.tile.green{background:var(--green-soft)}
.tile.blue{background:var(--blue-soft)}
.tile.wide{grid-column:span 2;padding:28px}
.tile.wide .tile-name{font-size:22px}
.tile.wide > img{right:36px;bottom:28px;height:64%}
.tile.all{grid-column:span 2;flex-direction:row;align-items:flex-end;gap:16px;padding:28px;background:var(--yellow)}
.tile.all .tile-text{gap:8px}
.tile.all .tile-name{font-size:30px;line-height:1.1;letter-spacing:-.02em}
.tile.all .go{width:64px;height:64px;background:var(--ink);color:#fff}
.tile.all .go .ico{width:26px;height:26px}

/* Хиты — карусель */
.arrows{display:flex;gap:8px}
.arrow{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--border);background:#fff;color:var(--ink);transition:opacity .2s,transform .2s}
.arrow.next{border:0;background:var(--ink);color:#fff}
.arrow:disabled{opacity:.35;cursor:default;transform:none;filter:none}
.hits{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px) / 4);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;margin:0;padding:0 0 4px;list-style:none}
.hits::-webkit-scrollbar{display:none}
.pcard{display:flex;flex-direction:column;gap:16px;min-width:0;scroll-snap-align:start}
.pcard-media{position:relative;aspect-ratio:1/1;border-radius:24px;background:var(--soft);overflow:hidden;display:flex;align-items:center;justify-content:center}
.pcard-media img{max-width:76%;max-height:80%;width:auto;height:auto;mix-blend-mode:multiply;transition:transform .4s ease,opacity .16s ease}
.pcard:hover .pcard-media img{transform:scale(1.06)}
.pcard-media img.swap{opacity:0}
.tag360{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#fff;font-size:12px;font-weight:600}
.tag360 .ico{width:14px;height:14px}
.fav{position:absolute;top:10px;right:10px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center;transition:color .2s,transform .2s}
.fav:hover{transform:scale(1.06)}
.fav .ico{stroke-width:1.9}
.fav[aria-pressed="true"]{color:var(--error)}
.fav[aria-pressed="true"] .ico{fill:currentColor}
.pcard-body{display:flex;flex-direction:column;gap:10px;padding:0 4px}
.pcard-body h3{margin:0;font-size:17px;font-weight:600;line-height:1.3}
.swatches{display:flex;align-items:center;gap:2px;flex-wrap:wrap;margin-left:-6px}
.sw{width:30px;height:30px;padding:6px;border:0;background:none;border-radius:50%;display:grid;place-items:center}
.sw i{display:block;width:18px;height:18px;border-radius:50%;transition:box-shadow .2s}
.sw[aria-checked="true"] i{box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--ink)}
.sw:not([aria-checked="true"]):hover i{box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--border)}
.swatches small{font-size:13px;color:var(--muted);margin-left:6px}
.pcard-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px;margin-top:auto}
.price{font:600 20px/1 var(--display);white-space:nowrap}
.add.added{background:var(--ink);color:#fff}
.sw-extra{display:none}
.swatches.open .sw-extra{display:grid}
.sw-toggle{height:26px;min-width:34px;margin-left:4px;padding:0 8px;border:1.5px solid var(--border);border-radius:999px;background:#fff;font-size:12px;font-weight:600;color:var(--ink-2)}
.sw-toggle:hover{border-color:var(--ink)}
.uph-group{display:inline-flex;align-self:flex-start;gap:2px;padding:3px;border-radius:12px;background:var(--soft)}
.uph{height:34px;padding:0 12px;border:0;border-radius:9px;background:none;font-size:13px;font-weight:600;color:var(--muted);transition:background .2s,color .2s}
.uph:hover{color:var(--ink)}
.uph[aria-checked="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(18,18,28,.12)}
.pcard-note{margin:0;font-size:13px;line-height:1.45;color:var(--muted)}

/* Сравнение */
.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cmp{border-radius:28px;padding:40px;background:var(--soft);display:flex;flex-direction:column;gap:20px}
.cmp-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px}   /* wrap: на 320px плашка «на заказ под ваш интерьер» уходила за экран */
.cmp-head b{font:600 20px/1.3 var(--display);color:var(--ink-2)}
.cmp-head span{padding:6px 12px;border-radius:999px;background:#E6E6E1;font-size:13px;font-weight:500;color:var(--ink-2);white-space:nowrap}
.cmp ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.cmp li{display:flex;align-items:center;gap:14px;min-height:76px;padding:14px 0;border-top:1px solid var(--line-2);font-size:16px;line-height:1.45;color:var(--ink-2)}
.mark{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--line-2);color:var(--muted)}
.mark .ico{width:14px;height:14px;stroke-width:2.6}
.cmp.ours{background:var(--ink);color:#fff}
.cmp.ours .cmp-head b{color:var(--yellow)}
.cmp.ours .cmp-head span{background:rgba(255,255,255,.1);color:#fff}
.cmp.ours li{border-top-color:rgba(255,255,255,.1);color:#fff}
.cmp.ours .mark{background:var(--yellow);color:var(--ink)}
.cmp.ours .mark .ico{stroke-width:3}

/* Индивидуальный заказ */
.prod{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;align-items:center}
.prod-copy{display:flex;flex-direction:column;gap:24px;min-width:0}
.prod-copy p{margin:0;max-width:540px;font-size:18px;line-height:1.6;color:var(--ink-2);text-wrap:pretty}
.palette-label{font-size:14px;font-weight:600}
.palette{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.palette span{width:36px;height:36px;border-radius:50%}
.checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:12px 20px;margin:0;padding:0;list-style:none}
.checks li{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500}
.checks .mark{width:22px;height:22px;background:var(--yellow);color:var(--ink)}
.checks .mark .ico{width:12px;height:12px;stroke-width:3.2}
.prod-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
.prod-ctas .tel{font-weight:600;font-size:16px;text-decoration:underline;text-underline-offset:4px}
.prod-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.prod-photos figure{position:relative;margin:0;height:440px;border-radius:24px;overflow:hidden;background:var(--soft)}
.prod-photos figure:nth-child(2){margin-top:56px}
.prod-photos img{width:100%;height:100%;object-fit:cover}
.prod-photos figcaption{position:absolute;left:16px;bottom:16px;padding:8px 12px;border-radius:999px;background:#fff;font-size:13px;font-weight:500;color:var(--ink-2)}

/* Заявка */
.cta{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center;padding:56px;border-radius:32px;background:var(--yellow)}
.cta-copy{display:flex;flex-direction:column;gap:20px;min-width:0}
.cta-copy p{margin:0;max-width:520px;font-size:18px;line-height:1.55;text-wrap:pretty}
.cta-tel{align-self:flex-start;display:inline-flex;align-items:center;gap:12px;font:600 24px/1.2 var(--display)}
.cta-tel:hover{color:var(--ink)}
.cta-tel .ico{width:24px;height:24px}
.form{display:flex;flex-direction:column;gap:14px;padding:28px;border-radius:24px;background:#fff;min-width:0;margin:0}
.field{display:flex;flex-direction:column;gap:6px}
.field label{font-size:14px;font-weight:600}
.field input{width:100%;height:56px;padding:0 18px;border:1.5px solid var(--line-2);border-radius:14px;background:var(--field);font-size:16px;transition:border-color .2s,background .2s}
.field input:focus{outline:none;border-color:var(--ink);background:#fff}
.field input[aria-invalid="true"]{border-color:var(--error)}
.field .err{font-size:13px;color:var(--error)}
.field .err:empty{display:none}
.form .btn{height:56px;margin-top:4px;border-radius:14px;font-size:16px}
.form .btn:disabled{opacity:.6;cursor:progress}
.consent{margin:0;font-size:12px;line-height:1.45;color:var(--muted)}
.consent a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}
.form-ok{display:none;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:32px 12px}
.form-ok .mark{width:56px;height:56px;background:var(--yellow);color:var(--ink)}
.form-ok .mark .ico{width:26px;height:26px;stroke-width:3}
.form-ok b{font:600 22px/1.2 var(--display)}
.form-ok p{margin:0;color:var(--muted)}
.form.done > :not(.form-ok){display:none}
.form.done .form-ok{display:flex}

/* Подвал */
.footer{margin-top:96px;background:var(--ink);color:var(--on-dark-2)}
.footer .wrap{display:flex;flex-direction:column;gap:48px;padding-top:64px;padding-bottom:32px}
.foot{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:40px}
.foot-about{display:flex;flex-direction:column;gap:18px;max-width:320px}
.foot-about img{height:36px;width:auto;align-self:flex-start}
.foot-about p{margin:0;font-size:15px;line-height:1.6}
.foot-col{display:flex;flex-direction:column;gap:10px;font-size:15px}
.foot-title{margin-bottom:6px;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#fff}
.footer a:hover{color:var(--yellow)}
.foot-tel{font-size:18px;font-weight:600;color:#fff}
.foot-col .btn{align-self:flex-start;height:44px;margin-top:8px;padding:0 18px;border-radius:12px;font-size:14px}
.pay{display:flex;flex-wrap:wrap;gap:6px}
.pay span{padding:4px 9px;border:1px solid rgba(255,255,255,.18);border-radius:6px;font-size:12px;font-weight:600;color:#fff}
.foot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);font-size:13px;color:var(--on-dark-3)}

/* Уведомление */
.toast{position:fixed;left:50%;bottom:24px;z-index:var(--z-toast);display:flex;align-items:center;gap:10px;padding:14px 20px;border-radius:16px;background:var(--ink);color:#fff;font-size:15px;font-weight:500;box-shadow:0 16px 40px -12px rgba(0,0,0,.45);opacity:0;transform:translate(-50%,16px);pointer-events:none;transition:opacity .2s,transform .25s var(--ease);max-width:calc(100% - 32px)}
.toast.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.toast-link{color:var(--yellow);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.toast-link:hover{color:var(--yellow)}
.toast .mark{width:24px;height:24px;background:var(--yellow);color:var(--ink)}
.toast .mark .ico{width:12px;height:12px;stroke-width:3}

/* Адаптив */
@media (max-width:1180px){
  .h1{font-size:44px}
  .hide-lg{display:none !important}
  .hits{grid-auto-columns:calc((100% - 32px) / 3)}
}
@media (max-width:1024px){
  .hero{grid-template-columns:minmax(0,1fr)}
  .bento{grid-template-columns:repeat(2,minmax(0,1fr))}
  .prod,.cta{grid-template-columns:minmax(0,1fr);gap:40px}
  .foot{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hide-md{display:none !important}
  .hits{grid-auto-columns:calc((100% - 16px) / 2)}
}
@media (max-width:640px){
  html{scroll-padding-top:170px}
  .wrap{padding-left:16px;padding-right:16px}
  .sec{padding-top:64px}
  .h1{font-size:clamp(23px,7.6vw,30px)}
  .h2{font-size:26px}
  .header-row{gap:10px;padding-top:12px;padding-bottom:12px}
  .logo img{height:30px}
  .catalog-btn{width:48px;padding:0}
  .search{order:5;flex-basis:100%}
  .navlink{height:46px}
  .hero{border-radius:24px}
  .hero-copy{padding:32px 20px;gap:22px}
  .hero-lead{font-size:16px}
  .hero-ctas .btn{flex:1 1 100%}
  .hero-facts{gap:10px;padding-top:22px}
  .hero-facts b{font-size:19px}
  .hero-facts span{font-size:12.5px}
  .hero-media{min-height:0}
  .hero-media > img{max-width:300px}
  .hero-card{right:12px;bottom:12px;left:12px;justify-content:space-between}
  .bento{grid-template-columns:minmax(0,1fr);grid-auto-rows:220px}
  .tile.big{grid-column:auto;grid-row:span 2;padding:24px}
  .tile.big .tile-name{font-size:28px}
  .tile.big > img{height:44%;right:20px;bottom:20px}
  .tile.wide,.tile.all{grid-column:auto}
  .tile.all .tile-name{font-size:24px}
  .hits{grid-auto-columns:78%}
  .split{grid-template-columns:minmax(0,1fr)}
  .cmp{padding:28px 20px}
  .cmp li{min-height:0}
  .prod-photos figure{height:220px}
  .prod-photos figure:nth-child(2){margin-top:0}
  .cta{padding:32px 20px;border-radius:24px}
  .form{padding:20px}
  .foot{grid-template-columns:minmax(0,1fr)}
  .hide-sm{display:none !important}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:1ms !important;animation-duration:1ms !important;scroll-behavior:auto !important}
}

/* ================= Внутренние страницы ================= */
.btn-outline{border:1.5px solid var(--border);background:#fff;color:var(--ink)}
.btn-outline:hover{border-color:var(--ink);color:var(--ink)}
.btn-block{width:100%}
.icon-btn.active{background:var(--yellow)}

.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:24px 0 0;padding:0;list-style:none;font-size:14px;color:var(--muted)}
.crumbs li{display:inline-flex;align-items:center;gap:6px}
.crumbs li+li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--border)}
.crumbs a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.crumbs [aria-current]{color:var(--ink);font-weight:500}

.page-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin:20px 0 28px}
.page-head h1{margin:0;font:600 40px/1.1 var(--display);letter-spacing:-.02em;text-wrap:balance}
.page-head p{margin:8px 0 0;color:var(--muted);font-size:16px}

/* Категории-«таблетки» */
.cat-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-bottom:24px}
.cat-chips::-webkit-scrollbar{display:none}
.cat-chip{display:inline-flex;align-items:center;gap:10px;flex:none;height:48px;padding:0 18px 0 8px;border-radius:999px;background:var(--soft);font-size:15px;font-weight:600;transition:background .2s}
.cat-chip img{width:34px;height:34px;border-radius:50%;object-fit:contain;background:#fff;mix-blend-mode:multiply}
.cat-chip .n{font-weight:500;color:var(--muted);font-size:13px}
.cat-chip:hover{background:var(--soft-2);color:var(--ink)}
.cat-chip[aria-current="page"]{background:var(--ink);color:#fff}
.cat-chip[aria-current="page"] .n{color:var(--on-dark-3)}
.cat-chip.all{padding-left:18px}

/* Каталог: фильтры + сетка */
.cat-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:32px;align-items:start}
.filters{position:sticky;top:150px;display:flex;flex-direction:column;gap:8px;max-height:calc(100dvh - 170px);overflow:auto;scrollbar-width:thin}
.f-group{padding:18px 20px;border-radius:20px;background:var(--soft)}
.f-group h3{margin:0 0 12px;font-size:15px;font-weight:600}
.f-list{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}
.f-check{display:flex;align-items:center;gap:10px;min-height:40px;cursor:pointer;font-size:15px}
.f-check input{appearance:none;width:22px;height:22px;margin:0;border:1.5px solid var(--border);border-radius:7px;background:#fff;display:grid;place-items:center;flex:none;transition:background .15s,border-color .15s;cursor:pointer}
.f-check input:checked{background:var(--ink);border-color:var(--ink)}
.f-check input:checked::after{content:"";width:10px;height:6px;border:2px solid #fff;border-top:0;border-right:0;transform:translateY(-1px) rotate(-45deg)}
.f-check input:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.f-check .n{margin-left:auto;font-size:13px;color:var(--muted)}
.f-colors{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.f-color{position:relative;aspect-ratio:1;border-radius:50%;border:0;padding:0;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);transition:transform .15s}
.f-color:hover{transform:scale(1.08)}
.f-color[aria-pressed="true"]{box-shadow:0 0 0 2px var(--soft),0 0 0 4px var(--ink)}
.f-color[aria-pressed="true"]::after{content:"";position:absolute;left:50%;top:46%;width:10px;height:6px;border:2px solid #fff;border-top:0;border-right:0;transform:translate(-50%,-50%) rotate(-45deg);filter:drop-shadow(0 0 1px rgba(0,0,0,.6))}
.f-color.light[aria-pressed="true"]::after{border-color:var(--ink);filter:none}
.f-price{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.f-price label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}
.f-price input{height:44px;width:100%;padding:0 12px;border:1.5px solid var(--border);border-radius:12px;background:#fff;font-size:16px}
.f-price input:focus{outline:none;border-color:var(--ink)}
.f-actions{display:flex;flex-direction:column;gap:8px;padding-top:4px}
.f-reset{height:44px;border:0;background:none;font-weight:600;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.f-reset:hover{color:var(--ink)}
.f-sheet-head,.f-apply{display:none}

.toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.toolbar .count{font-size:15px;color:var(--muted)}
.toolbar .count b{color:var(--ink)}
.toolbar-right{display:flex;align-items:center;gap:8px}
.select{position:relative}
.select select{appearance:none;height:44px;padding:0 40px 0 16px;border:1.5px solid var(--border);border-radius:12px;background:#fff;font:inherit;font-size:15px;font-weight:500;color:var(--ink);cursor:pointer}
.select select:focus{outline:none;border-color:var(--ink)}
.select .ico{position:absolute;right:12px;top:50%;width:18px;height:18px;transform:translateY(-50%);pointer-events:none}
.f-open{display:none}
.active-filters{display:flex;flex-wrap:wrap;gap:8px;margin:-8px 0 20px}
.active-filters:empty{display:none}
.af{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px 0 14px;border:0;border-radius:999px;background:var(--yellow-soft);font-size:14px;font-weight:500}
.af .ico{width:14px;height:14px}

.grid-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:28px 16px;margin:0;padding:0;list-style:none}
.grid-products .pcard{scroll-snap-align:none}
.pcard h3 a:hover{color:var(--ink-2)}
.tile.lilac{background:#EEE7F7}
.pcard-media > a[data-plink]{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.pcard[hidden]{display:none}
.empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:12px;padding:64px 20px;border-radius:28px;background:var(--soft);text-align:center}
.empty b{font:600 22px/1.2 var(--display)}
.empty p{margin:0;color:var(--muted);max-width:420px}

.banner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;margin-top:56px;padding:36px 40px;border-radius:28px;background:var(--ink);color:#fff;overflow:hidden;position:relative}
.banner h2{margin:0 0 8px;font:600 28px/1.15 var(--display);letter-spacing:-.01em}
.banner p{margin:0;color:var(--on-dark-2);max-width:560px}
.banner .palette span{width:28px;height:28px}

.seo-text{margin-top:56px;max-width:860px;color:var(--ink-2);font-size:16px;line-height:1.7}
.seo-text h2{font:600 24px/1.2 var(--display);color:var(--ink);margin:0 0 12px}
.seo-text p{margin:0 0 12px}

/* ================= Карточка товара ================= */
.product{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:start;margin-top:20px}
.gallery{display:grid;grid-template-columns:84px minmax(0,1fr);gap:16px;position:sticky;top:150px}
.g-main{position:relative;aspect-ratio:1/1;border-radius:28px;background:var(--soft);overflow:hidden;display:grid;place-items:center;cursor:zoom-in;border:0;padding:0;width:100%}
.g-main img{max-width:86%;max-height:88%;width:auto;height:auto;mix-blend-mode:multiply;transition:opacity .18s ease}
.g-main img.cover{max-width:none;max-height:none;width:100%;height:100%;object-fit:cover;mix-blend-mode:normal}
.g-main img.swap{opacity:0}
.g-zoom{position:absolute;right:16px;bottom:16px;width:44px;height:44px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 4px 12px rgba(18,18,28,.12)}
.g-nav{position:absolute;top:50%;width:44px;height:44px;border-radius:50%;background:#fff;border:0;display:grid;place-items:center;transform:translateY(-50%);box-shadow:0 4px 12px rgba(18,18,28,.12);opacity:0;transition:opacity .2s}
.g-wrap{position:relative}
.g-wrap:hover .g-nav,.g-nav:focus-visible{opacity:1}
.g-nav.prev{left:16px}.g-nav.next{right:16px}
.g-thumbs{order:-1;display:flex;flex-direction:column;gap:10px;max-height:min(640px,calc(100dvh - 190px));overflow-y:auto;scrollbar-width:none;margin:0;padding:2px;list-style:none}
.g-thumbs::-webkit-scrollbar{display:none}
.g-thumb{width:80px;height:80px;flex:none;border-radius:16px;border:0;padding:0;background:var(--soft);overflow:hidden;display:grid;place-items:center;box-shadow:inset 0 0 0 2px transparent;transition:box-shadow .2s}
.g-thumb img{width:100%;height:100%;object-fit:cover}
.g-thumb.contain img{width:84%;height:84%;object-fit:contain;mix-blend-mode:multiply}
.g-thumb[aria-current="true"]{box-shadow:inset 0 0 0 2px var(--ink)}
.g-thumb:hover{box-shadow:inset 0 0 0 2px var(--border)}
.g-thumb[aria-current="true"]:hover{box-shadow:inset 0 0 0 2px var(--ink)}

.buy{display:flex;flex-direction:column;gap:22px}
.buy-top{display:flex;flex-direction:column;gap:10px}
.buy-tags{display:flex;flex-wrap:wrap;gap:8px}
.tag{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;background:var(--soft);font-size:13px;font-weight:600}
.tag .ico{width:14px;height:14px}
.tag.y{background:var(--yellow)}
.buy h1{margin:0;font:600 36px/1.1 var(--display);letter-spacing:-.02em;text-wrap:balance}
.buy .origin{margin:0;color:var(--muted)}
.price-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px}
.price-big{font:600 34px/1 var(--display);letter-spacing:-.01em}
.price-note{font-size:14px;color:var(--muted)}
.opt{display:flex;flex-direction:column;gap:10px}
.opt-label{font-size:15px;font-weight:600}
.opt-label span{font-weight:400;color:var(--muted)}
.swatches-lg{display:flex;flex-wrap:wrap;gap:6px;margin-left:-4px}
.swatches-lg .sw{width:44px;height:44px;padding:6px}
.swatches-lg .sw i{width:30px;height:30px}
.uph-group.lg{gap:4px;padding:4px;border-radius:16px;flex-wrap:wrap}
.uph-group.lg .uph{height:auto;min-height:52px;padding:8px 16px;border-radius:12px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;font-size:15px;line-height:1.2}
.uph-group.lg .uph small{font-size:12px;font-weight:500;color:var(--muted)}
.buy-actions{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px}
.qty{display:inline-flex;align-items:center;height:56px;border-radius:16px;background:var(--soft)}
.qty button{width:44px;height:56px;border:0;background:none;display:grid;place-items:center;border-radius:16px}
.qty button:hover{background:var(--soft-2)}
.qty button:disabled{opacity:.35;cursor:default}
.qty button .ico{width:18px;height:18px}
.qty output{min-width:28px;text-align:center;font-weight:600}
.buy-actions .fav-lg{width:56px;height:56px;border-radius:16px;background:var(--soft);border:0;display:grid;place-items:center;transition:color .2s}
.buy-actions .fav-lg[aria-pressed="true"]{color:var(--error)}
.buy-actions .fav-lg[aria-pressed="true"] .ico{fill:currentColor}
.one-click{justify-self:start;border:0;background:none;padding:4px 0;font-weight:600;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--yellow);text-decoration-thickness:2px}
.buy-perks{display:flex;flex-direction:column;gap:0;padding:6px 20px;border-radius:20px;background:var(--soft);margin:0;list-style:none}
.buy-perks li{display:flex;align-items:center;gap:14px;padding:12px 0;font-size:15px}
.buy-perks li+li{border-top:1px solid var(--line-2)}
.buy-perks .ico{color:var(--ink)}
.buy-perks b{font-weight:600}
.key-specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.key-specs div{padding:14px 16px;border-radius:16px;border:1.5px solid var(--line)}
.key-specs dt{font-size:12px;color:var(--muted)}
.key-specs dd{margin:2px 0 0;font-weight:600;font-size:15px}
.custom-note{display:flex;gap:14px;align-items:center;padding:16px 18px;border-radius:20px;background:var(--yellow-soft)}
.custom-note .perk-ico{width:44px;height:44px}
.custom-note p{margin:0;font-size:14px;line-height:1.45}
.custom-note a{font-weight:600;text-decoration:underline;text-underline-offset:3px}

.anchors{position:sticky;top:var(--header-h,128px);z-index:5;margin-top:72px;background:#fff;border-bottom:1px solid var(--line)}
.anchors .navrow{margin-left:-14px}
.p-section{padding-top:56px;scroll-margin-top:200px}
.p-section > h2{margin:0 0 24px;font:600 30px/1.15 var(--display);letter-spacing:-.02em}
.p-desc{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:48px;align-items:start}
.p-desc .prose p{margin:0 0 14px;font-size:17px;line-height:1.7;color:var(--ink-2)}
.p-desc .prose p:first-child{font-size:19px;color:var(--ink)}
.p-desc figure{margin:0;border-radius:24px;overflow:hidden;aspect-ratio:4/5;background:var(--soft)}
.p-desc figure img{width:100%;height:100%;object-fit:cover}
.spec-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;margin:0}
.spec-table div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.spec-table dt{color:var(--muted)}
.spec-table dd{margin:0;font-weight:500}
.sizes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;padding:32px;border-radius:28px;background:var(--soft)}
.sizes img{width:100%;max-height:460px;object-fit:contain;mix-blend-mode:multiply}
.sizes ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.sizes li{display:flex;justify-content:space-between;gap:16px;padding:14px 18px;border-radius:14px;background:#fff;font-size:15px}
.sizes li b{font-weight:600}
.info-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.info-card{display:flex;flex-direction:column;gap:12px;padding:28px;border-radius:24px;background:var(--soft)}
.info-card h3{margin:0;font:600 18px/1.25 var(--display)}
.info-card p{margin:0;color:var(--ink-2);font-size:15px;line-height:1.6}
.info-card .perk-ico{width:48px;height:48px}

/* Мобильная панель покупки */
.sticky-buy{position:fixed;left:0;right:0;bottom:0;z-index:45;display:none;align-items:center;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 24px -12px rgba(18,18,28,.2);transform:translateY(110%);transition:transform .25s var(--ease)}
.sticky-buy.show{transform:none}
.sticky-buy div{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.sticky-buy small{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sticky-buy b{font:600 18px/1.2 var(--display)}
.sticky-buy .btn{margin-left:auto}

/* Диалоги */
dialog{border:0;padding:0;background:none;max-width:none;max-height:none}
dialog::backdrop{background:rgba(18,18,28,.6)}
.modal{width:min(440px,calc(100vw - 32px));border-radius:28px;background:#fff;color:var(--ink);padding:28px;position:relative}
.modal h2{margin:0 0 8px;font:600 24px/1.2 var(--display)}
.modal p{margin:0 0 18px;color:var(--muted)}
.modal .form{padding:0}
.modal-close{position:absolute;top:14px;right:14px;width:44px;height:44px;border:0;border-radius:50%;background:var(--soft);display:grid;place-items:center}
.modal-item{display:flex;gap:14px;align-items:center;padding:12px;margin-bottom:16px;border-radius:16px;background:var(--soft)}
.modal-item img{width:64px;height:64px;object-fit:contain;mix-blend-mode:multiply}
.modal-item b{display:block;font-size:15px}
.modal-item span{font-size:14px;color:var(--muted)}
.lightbox{width:100vw;height:100dvh;background:rgba(18,18,28,.96)}
.lightbox[open]{display:flex;align-items:center;justify-content:center}
.lightbox img{max-width:min(92vw,1200px);max-height:86dvh;object-fit:contain;border-radius:12px;background:#fff}
.lb-btn{position:absolute;width:52px;height:52px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center}
.lb-btn:hover{background:rgba(255,255,255,.22)}
.lb-close{top:20px;right:20px}
.lb-prev{left:20px;top:50%;transform:translateY(-50%)}
.lb-next{right:20px;top:50%;transform:translateY(-50%)}
.lb-count{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);color:#fff;font-size:14px;font-weight:600}

/* ================= Корзина ================= */
.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:32px;align-items:start}
.cart-list{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}
.cart-item{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:20px;align-items:center;padding:16px;border-radius:24px;border:1.5px solid var(--line)}
.cart-item .ci-img{width:120px;height:120px;border-radius:18px;background:var(--soft);display:grid;place-items:center}
.cart-item .ci-img img{max-width:84%;max-height:88%;mix-blend-mode:multiply}
.ci-info{display:flex;flex-direction:column;gap:6px;min-width:0}
.ci-info a{font-weight:600;font-size:17px}
.ci-info span{font-size:14px;color:var(--muted)}
.ci-right{display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.ci-right .price{font-size:18px}
.ci-actions{display:flex;align-items:center;gap:8px}
.ci-actions .qty{height:44px;border-radius:12px}
.ci-actions .qty button{height:44px;width:40px;border-radius:12px}
.ci-remove{width:44px;height:44px;border:0;border-radius:12px;background:none;color:var(--muted);display:grid;place-items:center}
.ci-remove:hover{background:var(--soft);color:var(--error)}
.summary{position:sticky;top:150px;display:flex;flex-direction:column;gap:16px;padding:28px;border-radius:28px;background:var(--soft)}
.summary h2{margin:0;font:600 22px/1.2 var(--display)}
.sum-row{display:flex;justify-content:space-between;gap:12px;font-size:15px}
.sum-row span:first-child{color:var(--muted)}
.sum-total{display:flex;justify-content:space-between;align-items:baseline;padding-top:16px;border-top:1px solid var(--line-2)}
.sum-total b{font:600 28px/1 var(--display)}
.checkout{margin-top:40px}
.checkout h2{margin:0 0 20px;font:600 28px/1.15 var(--display)}
.checkout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
.checkout-grid .full{grid-column:1/-1}
.choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:10px;border:0;margin:0;padding:0}
.choices legend{font-size:14px;font-weight:600;margin-bottom:8px;padding:0}
.choice{position:relative;display:flex;gap:12px;padding:16px;border-radius:16px;border:1.5px solid var(--line-2);cursor:pointer;transition:border-color .2s,background .2s}
.choice:hover{border-color:var(--border)}
.choice input{appearance:none;width:22px;height:22px;margin:1px 0 0;border:1.5px solid var(--border);border-radius:50%;flex:none;display:grid;place-items:center;background:#fff}
.choice input:checked{border-color:var(--ink)}
.choice input:checked::after{content:"";width:12px;height:12px;border-radius:50%;background:var(--ink)}
.choice:has(input:checked){border-color:var(--ink);background:var(--field)}
.choice b{display:block;font-size:15px}
.choice span{font-size:13px;color:var(--muted);line-height:1.4}
.field textarea{width:100%;min-height:96px;padding:14px 18px;border:1.5px solid var(--line-2);border-radius:14px;background:var(--field);font:inherit;font-size:16px;resize:vertical}
.field textarea:focus{outline:none;border-color:var(--ink);background:#fff}
.order-ok{display:flex;flex-direction:column;align-items:center;gap:14px;padding:72px 20px;border-radius:28px;background:var(--soft);text-align:center}
.order-ok .mark{width:72px;height:72px;background:var(--yellow);color:var(--ink)}
.order-ok .mark .ico{width:32px;height:32px;stroke-width:3}
.order-ok h1{margin:0;font:600 32px/1.15 var(--display)}
.order-ok p{margin:0;color:var(--muted);max-width:460px}

/* ================= Информационные страницы ================= */
.info-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;margin-top:20px;padding:48px;border-radius:32px;background:var(--soft)}
.info-hero h1{margin:0 0 14px;font:600 40px/1.1 var(--display);letter-spacing:-.02em}
.info-hero p{margin:0;font-size:18px;line-height:1.6;color:var(--ink-2)}
.info-hero figure{margin:0;border-radius:24px;overflow:hidden;aspect-ratio:4/3}
.info-hero img{width:100%;height:100%;object-fit:cover}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;counter-reset:s;margin:0;padding:0;list-style:none}
.step{display:flex;flex-direction:column;gap:10px;padding:28px 24px;border-radius:24px;border:1.5px solid var(--line)}
.step::before{counter-increment:s;content:counter(s);width:40px;height:40px;border-radius:12px;background:var(--yellow);display:grid;place-items:center;font:600 18px/1 var(--display)}
.step b{font-size:17px}
.step p{margin:0;font-size:15px;line-height:1.55;color:var(--ink-2)}
.logos{display:flex;flex-wrap:wrap;gap:10px}
.logos span{display:inline-flex;align-items:center;height:44px;padding:0 18px;border-radius:12px;background:#fff;border:1.5px solid var(--line);font-weight:700;font-size:14px}
.faq{display:flex;flex-direction:column;gap:8px;max-width:860px}
.faq details{border-radius:20px;background:var(--soft);padding:0 24px}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:68px;cursor:pointer;font-weight:600;font-size:17px;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary .ico{transition:transform .2s var(--ease)}
.faq details[open] summary .ico{transform:rotate(180deg)}
.faq details p{margin:0;padding:0 0 22px;color:var(--ink-2);line-height:1.65}
.contacts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.contact-card{display:flex;flex-direction:column;gap:10px;padding:28px;border-radius:24px;background:var(--soft)}
.contact-card .perk-ico{width:48px;height:48px}
.contact-card small{color:var(--muted);font-size:14px}
.contact-card a,.contact-card b{font:600 20px/1.3 var(--display)}
.map-box{position:relative;margin-top:16px;border-radius:28px;overflow:hidden;background:var(--soft-2);min-height:380px;display:grid;place-items:center;text-align:center;padding:24px}
.map-box iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* ================= Адаптив внутренних страниц ================= */
@media (max-width:1180px){
  .product{gap:32px}
  .cart-layout{grid-template-columns:minmax(0,1fr) 340px}
}
@media (max-width:1024px){
  .cat-layout{grid-template-columns:minmax(0,1fr)}
  .f-open{display:inline-flex}
  .filters{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:60;max-height:86dvh;padding:0 16px calc(16px + env(safe-area-inset-bottom));background:#fff;border-radius:28px 28px 0 0;box-shadow:0 -20px 60px rgba(18,18,28,.3);transform:translateY(105%);transition:transform .3s var(--ease);visibility:hidden}
  .filters.open{transform:none;visibility:visible}
  .f-sheet-head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:1;padding:16px 0 10px;background:#fff}
  .f-sheet-head b{font:600 20px/1 var(--display)}
  .f-apply{display:inline-flex;position:sticky;bottom:0}
  .f-scrim{position:fixed;inset:0;z-index:55;background:rgba(18,18,28,.5);opacity:0;visibility:hidden;transition:opacity .25s}
  .f-scrim.open{opacity:1;visibility:visible}
  .product{grid-template-columns:minmax(0,1fr)}
  .gallery{position:static}
  .p-desc,.sizes{grid-template-columns:minmax(0,1fr)}
  .spec-table{grid-template-columns:minmax(0,1fr)}
  .info-cards,.contacts-grid{grid-template-columns:minmax(0,1fr)}
  .cart-layout{grid-template-columns:minmax(0,1fr)}
  .summary{position:static}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .info-hero{grid-template-columns:minmax(0,1fr);padding:32px}
  .sticky-buy{display:flex}
  body.has-sticky-buy .toast{bottom:96px}
}
@media (max-width:640px){
  .page-head h1,.info-hero h1{font-size:clamp(24px,7vw,30px)}
  .gallery{grid-template-columns:minmax(0,1fr)}
  .g-thumbs{order:0;flex-direction:row;overflow-x:auto;max-height:none}
  .g-thumb{width:64px;height:64px;border-radius:12px}
  .g-main{border-radius:22px}
  .g-nav{opacity:1;width:40px;height:40px}
  .buy h1{font-size:26px}
  .price-big{font-size:28px}
  .key-specs{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .buy-actions{grid-template-columns:auto minmax(0,1fr)}
  .buy-actions .fav-lg{display:none}
  .swatches-lg .sw{width:42px;height:42px}
  .p-section > h2{font-size:24px}
  .sizes{padding:20px}
  .banner{grid-template-columns:minmax(0,1fr);padding:28px 20px}
  .cart-item{grid-template-columns:88px minmax(0,1fr);gap:14px;padding:12px}
  .cart-item .ci-img{width:88px;height:88px}
  .ci-right{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between}
  .checkout-grid{grid-template-columns:minmax(0,1fr)}
  .steps{grid-template-columns:minmax(0,1fr)}
  .info-hero{padding:24px 20px}
  .faq details{padding:0 18px}
  .anchors{top:var(--header-h,170px)}
}
/* Примерка мебели по фото */
:root { --tryon-blue-1: #4a7aa6; --tryon-blue-2: #325678; --tryon-blue-3: #243f5a; --tryon-go-1: #34d058; --tryon-go-2: #16a34a; --tryon-go-3: #12803b; --tryon-accent: #1f1f1f; --tryon-ink: #1d1d1f; --tryon-muted: #6e6e73; --tryon-line: #e5e5ea; --tryon-bg: #fff; }

/* кнопка в карточке: синий сайта (#325678 — цвет кнопок при наведении) градиентом + мягкая пульсация */
.tryon-open {
  flex: 1 1 100%; width: 100%;
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 50px; padding: 10px 18px;
  border: 0; border-radius: 8px;
  background: linear-gradient(135deg, var(--tryon-blue-1) 0%, var(--tryon-blue-2) 55%, var(--tryon-blue-3) 100%);
  color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.18);
  font: inherit; font-size: 16px; font-weight: 700; line-height: 1.2;
  cursor: pointer; -webkit-tap-highlight-color: transparent;
  box-shadow: 0 6px 18px rgba(50,86,120,.35);
  animation: tryon-open-pulse 2.6s ease-out infinite;
  transition: transform .15s ease, filter .15s ease;
}
.tryon-open span { white-space: nowrap; }
.tryon-open svg { flex: none; }
.tryon-open:hover { transform: translateY(-1px); filter: brightness(1.12); color: #fff; }
.tryon-open:active { transform: scale(.98); }
@media (max-width: 400px) { .tryon-open { padding: 10px 12px; gap: 8px; font-size: 15px; } }
.tryon-open:focus-visible { outline: 3px solid var(--tryon-blue-2); outline-offset: 3px; }
@keyframes tryon-open-pulse {
  0%   { box-shadow: 0 6px 18px rgba(50,86,120,.35), 0 0 0 0 rgba(74,122,166,.6); }
  70%  { box-shadow: 0 6px 18px rgba(50,86,120,.35), 0 0 0 12px rgba(74,122,166,0); }
  100% { box-shadow: 0 6px 18px rgba(50,86,120,.35), 0 0 0 0 rgba(74,122,166,0); }
}

html.tryon-lock, html.tryon-lock body { overflow: hidden; }

.tryon { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; overscroll-behavior: contain; touch-action: pan-y; }
.tryon__sheet { overscroll-behavior: contain; -webkit-overflow-scrolling: touch; }
.tryon[hidden] { display: none; }
.tryon__backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.55); opacity: 0; transition: opacity .2s ease; }
.tryon__sheet {
  position: relative; box-sizing: border-box;
  width: min(640px, calc(100vw - 32px)); max-height: calc(100vh - 32px); overflow-y: auto;
  background: var(--tryon-bg); color: var(--tryon-ink); border-radius: 14px;
  padding: 20px; box-shadow: 0 20px 60px rgba(0,0,0,.25);
  opacity: 0; transform: translateY(12px) scale(.98); transition: opacity .2s ease, transform .2s ease;
  font-size: 15px; line-height: 1.45;
}
.tryon.is-open .tryon__backdrop { opacity: 1; }
.tryon.is-open .tryon__sheet { opacity: 1; transform: none; }

.tryon__x {
  position: absolute; top: 8px; right: 8px; width: 40px; height: 40px;
  border: 0; background: transparent; font-size: 28px; line-height: 1; color: var(--tryon-muted); cursor: pointer; border-radius: 50%;
}
.tryon__x:hover { background: #f2f2f7; color: var(--tryon-ink); }

.tryon__head { display: flex; align-items: center; gap: 12px; padding-right: 40px; margin-bottom: 16px; }
.tryon__thumb { width: 56px; height: 56px; object-fit: cover; border-radius: 8px; border: 1px solid var(--tryon-line); flex: none; }
.tryon__title { font-size: 18px; font-weight: 700; }
.tryon__product { color: var(--tryon-muted); font-size: 14px; }

.tryon__step { display: none; }
.tryon__step.is-active { display: block; }

/* шаги: Фото комнаты → Место → Результат */
.tryon__steps { display: flex; gap: 6px; margin: -4px 0 16px; padding: 0; list-style: none; counter-reset: tryon-step; }
.tryon__steps[hidden] { display: none; }
.tryon__steps li {
  flex: 1 1 0; min-width: 0; display: flex; align-items: center; gap: 6px;
  padding-top: 8px; border-top: 3px solid var(--tryon-line);
  font-size: 13px; color: var(--tryon-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.tryon__steps li::before {
  counter-increment: tryon-step; content: counter(tryon-step);
  flex: none; display: inline-grid; place-items: center; width: 20px; height: 20px; border-radius: 50%;
  background: var(--tryon-line); color: var(--tryon-muted); font-size: 12px; font-weight: 700;
}
.tryon__steps li.is-done { border-color: var(--tryon-accent); }
.tryon__steps li.is-done::before { content: "✓"; background: var(--tryon-accent); color: #fff; }
.tryon__steps li.is-current { border-color: var(--tryon-accent); color: var(--tryon-ink); font-weight: 600; }
.tryon__steps li.is-current::before { background: var(--tryon-accent); color: #fff; }

/* главная кнопка «Сфотографировать комнату» */
.tryon__cta {
  position: relative; display: flex; align-items: center; gap: 14px;
  padding: 20px 20px; border-radius: 14px; cursor: pointer; text-align: left;
  transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease;
  -webkit-tap-highlight-color: transparent;
}
.tryon__cta svg { flex: none; width: 34px; height: 34px; }
.tryon__cta strong { display: block; font-size: 18px; line-height: 1.25; }
.tryon__cta small { display: block; margin-top: 2px; font-size: 13.5px; opacity: .85; }
.tryon__cta--cam, .tryon--desktop .tryon__cta--gallery, .tryon .tryon__btn--go {
  background: linear-gradient(135deg, var(--tryon-go-1) 0%, var(--tryon-go-2) 55%, var(--tryon-go-3) 100%);
  color: #fff; border-color: transparent; text-shadow: 0 1px 1px rgba(0,0,0,.18);
}
.tryon__cta--cam, .tryon--desktop .tryon__cta--gallery {
  box-shadow: 0 8px 22px rgba(22,163,74,.35);
  animation: tryon-pulse 2.2s ease-out infinite;
}
.tryon__cta--cam:hover, .tryon--desktop .tryon__cta--gallery:hover { transform: translateY(-1px); box-shadow: 0 12px 28px rgba(22,163,74,.45); }
.tryon__cta--cam:active, .tryon__cta--gallery:active { transform: scale(.98); }
.tryon__cta--gallery {
  margin-top: 10px; padding: 14px 20px; border: 1.5px solid var(--tryon-line); background: #fff; color: var(--tryon-ink);
}
.tryon__cta--gallery svg { width: 26px; height: 26px; color: var(--tryon-accent); }
.tryon__cta--gallery strong { font-size: 16px; font-weight: 600; }
.tryon__cta--gallery:hover { border-color: var(--tryon-accent); }
.tryon--desktop .tryon__cta--cam { display: none; }
.tryon--desktop .tryon__cta--gallery { margin-top: 0; padding: 20px; border: 0; }
.tryon--desktop .tryon__cta--gallery svg { width: 34px; height: 34px; color: #fff; }
.tryon--desktop .tryon__cta--gallery strong { font-size: 18px; font-weight: 700; }
.tryon__cta:focus-within { outline: 3px solid var(--tryon-accent); outline-offset: 3px; }
@keyframes tryon-pulse {
  0%   { box-shadow: 0 8px 22px rgba(22,163,74,.35), 0 0 0 0 rgba(34,197,94,.6); }
  70%  { box-shadow: 0 8px 22px rgba(22,163,74,.35), 0 0 0 14px rgba(34,197,94,0); }
  100% { box-shadow: 0 8px 22px rgba(22,163,74,.35), 0 0 0 0 rgba(34,197,94,0); }
}
.tryon .tryon__btn--go:hover { filter: brightness(1.06); color: #fff; }
.tryon__file { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }

.tryon__tips { margin: 14px 0 0; padding-left: 20px; color: var(--tryon-muted); font-size: 14px; }

.tryon__hint { margin: 0 0 10px; color: var(--tryon-muted); font-size: 14px; }
.tryon__note { margin: 10px 0 0; color: var(--tryon-muted); font-size: 12.5px; }

.tryon__stage { position: relative; background: #f2f2f7; border-radius: 10px; overflow: hidden; text-align: center; line-height: 0; }
.tryon__stage img { max-width: 100%; max-height: 60vh; width: auto; height: auto; display: inline-block; }
.tryon [data-step="place"] .tryon__stage { cursor: crosshair; }
.tryon__pin {
  position: absolute; width: 28px; height: 28px; margin: -14px 0 0 -14px; border-radius: 50%;
  background: var(--tryon-accent); border: 3px solid #fff; box-shadow: 0 2px 8px rgba(0,0,0,.35); pointer-events: none;
}

/* ожидание: по фото проходит светящаяся линия сканирования */
.tryon__stage--wait img { filter: saturate(.55) brightness(.97); }
.tryon__scan { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.tryon__scan::before {                                   /* светлый шлейф над линией */
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 38%;
  background: linear-gradient(180deg, rgba(52,208,88,0) 0%, rgba(52,208,88,.16) 75%, rgba(52,208,88,.32) 100%);
  transform: translateY(-100%); animation: tryon-scan 2.8s cubic-bezier(.45,0,.55,1) infinite alternate;
}
.tryon__scan::after {                                    /* сама линия */
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 2px;
  background: linear-gradient(90deg, transparent, #7dffa8 20%, #fff 50%, #7dffa8 80%, transparent);
  box-shadow: 0 0 10px 2px rgba(52,208,88,.75), 0 0 28px 6px rgba(34,211,238,.35);
  animation: tryon-scanline 2.8s cubic-bezier(.45,0,.55,1) infinite alternate;
}
@keyframes tryon-scan { from { transform: translateY(-100%); } to { transform: translateY(163%); } }   /* шлейф 38% высоты: низ шлейфа идёт вместе с линией */
@keyframes tryon-scanline { from { top: 0; } to { top: calc(100% - 2px); } }

/* полоса прогресса: переливающийся зелёно-бирюзовый градиент со свечением и бликом */
.tryon__progress {
  position: relative; height: 8px; margin: 14px 0 8px; border-radius: 999px; overflow: hidden;
  background: #eef0f3; box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
}
.tryon__progress i {
  position: relative; display: block; height: 100%; width: 0; border-radius: inherit; overflow: hidden;
  background: linear-gradient(90deg, var(--tryon-go-2), var(--tryon-go-1), #22d3ee, var(--tryon-go-1), var(--tryon-go-2));
  background-size: 300% 100%;
  box-shadow: 0 0 10px rgba(34,197,94,.55);
  transition: width .35s ease-out;
  animation: tryon-flow 3s linear infinite;
}
.tryon__progress i::after {
  content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 40%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.65), transparent);
  animation: tryon-shine 1.6s ease-in-out infinite;
}
@keyframes tryon-flow { to { background-position: -300% 0; } }
@keyframes tryon-shine { from { transform: translateX(-120%); } to { transform: translateX(320%); } }

.tryon__wait-row { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.tryon__wait-text { font-size: 15px; font-weight: 600; color: var(--tryon-ink); }
.tryon__wait-text.is-in { animation: tryon-text-in .45s ease both; }
@keyframes tryon-text-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.tryon__pct { flex: none; font-size: 15px; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--tryon-go-2); }
.tryon [data-step="wait"] .tryon__note { margin-top: 4px; }

/* сравнение «до / после» с ползунком */
.tryon__ba {
  position: relative; display: inline-block; max-width: 100%; line-height: 0; vertical-align: top;
  touch-action: pan-y; cursor: ew-resize; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none;
}
.tryon .tryon__ba img { pointer-events: none; -webkit-user-drag: none; }
.tryon__ba-before { position: absolute; inset: 0; overflow: hidden; clip-path: inset(0 50% 0 0); }
.tryon .tryon__ba-before img { display: block; width: 100%; height: 100%; max-width: none; max-height: none; object-fit: cover; }
.tryon__ba-handle { position: absolute; top: 0; bottom: 0; left: 50%; width: 0; outline: none; }
.tryon__ba-handle::before {
  content: ""; position: absolute; top: 0; bottom: 0; left: -1.5px; width: 3px;
  background: #fff; box-shadow: 0 0 6px rgba(0,0,0,.45);
}
.tryon__ba-knob {
  position: absolute; top: 50%; left: 0; width: 44px; height: 44px; transform: translate(-50%, -50%);
  display: grid; place-items: center; border-radius: 50%;
  background: #fff; color: var(--tryon-ink); box-shadow: 0 2px 10px rgba(0,0,0,.35);
}
.tryon__ba-handle:focus-visible .tryon__ba-knob { outline: 3px solid var(--tryon-go-2); outline-offset: 2px; }
.tryon__tag {
  position: absolute; top: 10px; padding: 5px 10px; border-radius: 12px; line-height: 1.2;
  background: rgba(0,0,0,.55); color: #fff; font-size: 12.5px; font-weight: 600; letter-spacing: .02em; pointer-events: none;
}
.tryon__tag--before { left: 10px; }
.tryon__tag--after { right: 10px; }
.tryon__full {
  position: absolute; right: 10px; bottom: 10px; width: 40px; height: 40px; padding: 0;
  display: grid; place-items: center; border: 0; border-radius: 50%;
  background: rgba(0,0,0,.55); color: #fff; cursor: pointer;
}
.tryon__full:hover { background: rgba(0,0,0,.7); }

/* просмотр на весь экран */
.tryon__viewer {
  position: fixed; inset: 0; z-index: 2; background: #000;
  display: flex; align-items: center; justify-content: center;
  padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);
}
.tryon__viewer[hidden] { display: none; }
.tryon .tryon__viewer .tryon__ba img { max-width: 100vw; max-height: 100vh; max-height: 100dvh; }
.tryon .tryon__viewer .tryon__ba-before img { max-height: none; }
.tryon__viewer-x {
  position: absolute; top: calc(10px + env(safe-area-inset-top)); right: 10px; z-index: 3;
  width: 44px; height: 44px; border: 0; border-radius: 50%;
  background: rgba(255,255,255,.18); color: #fff; font-size: 30px; line-height: 1; cursor: pointer;
}

.tryon__actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.tryon__btn {
  flex: 1 1 140px; display: inline-flex; align-items: center; justify-content: center;
  min-height: 46px; padding: 10px 16px; border-radius: 6px; border: 1.5px solid var(--tryon-accent);
  background: var(--tryon-accent); color: #fff; font: inherit; font-size: 15px; font-weight: 600;
  cursor: pointer; text-decoration: none;
}
.tryon__btn:hover { filter: brightness(1.1); color: #fff; text-decoration: none; }
.tryon__btn--ghost { background: transparent; color: var(--tryon-accent); }
.tryon__btn--ghost:hover { background: #f5f5f7; color: var(--tryon-accent); filter: none; }

.tryon__error { margin: 8px 0; padding: 14px; border-radius: 10px; background: #fff4f2; color: #b42318; }

.tryon__grab { display: none; }

/* телефон: шторка снизу — высота по содержимому (на первом шаге около половины экрана),
   выезжает снизу, смахивается вниз за ручку/шапку; страница сверху затемнена и неподвижна */
@media (max-width: 575px) {
  .tryon { align-items: flex-end; }
  .tryon__sheet {
    width: 100%; max-height: 92vh; max-height: 92dvh; border-radius: 18px 18px 0 0;
    padding: 6px 16px calc(20px + env(safe-area-inset-bottom));
    box-shadow: 0 -8px 30px rgba(0,0,0,.2);
    opacity: 1; transform: translateY(100%);
    transition: transform .42s cubic-bezier(.32,.72,0,1);
  }
  .tryon.is-open .tryon__sheet { transform: translateY(0); }
  .tryon__grab {
    display: block; width: 100%; height: 22px; margin: 0 0 4px; position: relative; touch-action: none;
  }
  .tryon__grab::before {
    content: ""; position: absolute; left: 50%; top: 8px; width: 40px; height: 5px; margin-left: -20px;
    border-radius: 3px; background: #d1d1d6;
  }
  .tryon__head { touch-action: none; }
  .tryon__x { top: 18px; }
  .tryon__stage img { max-height: 46vh; }
}

@media (prefers-reduced-motion: reduce) {
  .tryon__backdrop, .tryon__sheet, .tryon__progress i { transition: none !important; }
  .tryon-open, .tryon__cta, .tryon__scan::before, .tryon__scan::after, .tryon__progress i, .tryon__progress i::after, .tryon__wait-text.is-in { animation: none !important; }
  .tryon__scan { display: none; }
}

/* скрытое скрыто всегда: иначе display:flex у .order-ok/.empty перебивает атрибут hidden */
[hidden]{display:none !important}

/* ================= Цвета: 12 в ряд ================= */
.swatches{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2px;margin-left:0;max-width:100%}
.swatches .sw{width:100%;height:auto;aspect-ratio:1;padding:0;display:grid;place-items:center}
.swatches .sw i{width:72%;height:72%}
.swatches-lg{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;margin-left:0;max-width:560px}
.swatches-lg .sw{width:100%;height:auto;aspect-ratio:1;padding:0;display:grid;place-items:center}
.swatches-lg .sw i{width:76%;height:76%}

/* метка «Примерка по фото» на карточке */
.tag-try{position:absolute;top:14px;left:14px;z-index:1;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#fff;font-size:12px;font-weight:600;color:var(--ink)}
.tag-try:hover{background:var(--yellow);color:var(--ink)}
.tag-try .ico{width:14px;height:14px}
button.tag{border:0;cursor:pointer;font:inherit;font-size:13px;font-weight:600}
button.tag:hover{background:var(--yellow)}

/* ================= Корзина в шапке (как в HomeFine) ================= */
.hcart-wrap{position:relative}
.hcart{display:flex;align-items:center;gap:10px;height:48px;padding:0 16px 0 4px;border-radius:999px;background:var(--soft);transition:background .2s}
.hcart:hover{background:var(--soft-2);color:var(--ink)}
.hcart-ico{position:relative;width:40px;height:40px;border-radius:50%;background:#fff;display:grid;place-items:center;flex:none}
.hcart-ico .ico{width:20px;height:20px}
.hcart-ico .badge{top:-3px;right:-5px}
.hcart-txt{display:flex;flex-direction:column;line-height:1.2;min-width:0}
.hcart-txt b{font-size:14px;font-weight:600}
.hcart-txt small{font-size:12.5px;color:var(--muted);white-space:nowrap}
.hcart.bump .hcart-ico{animation:bag-bump .6s cubic-bezier(.3,1.6,.5,1)}
.badge.pop{animation:badge-pop .45s cubic-bezier(.3,1.6,.5,1)}
@keyframes bag-bump{0%{transform:none}30%{transform:translateY(-6px) scale(1.12)}60%{transform:translateY(1px) scale(.96)}100%{transform:none}}
@keyframes badge-pop{0%{transform:scale(.4)}100%{transform:scale(1)}}
.fly{position:fixed;z-index:200;pointer-events:none;border-radius:16px;object-fit:contain;background:#fff;box-shadow:0 12px 30px rgba(18,18,28,.25)}

.hcp{position:absolute;top:calc(100% + 10px);right:0;z-index:70;width:380px;max-width:calc(100vw - 32px);padding:18px;border-radius:24px;background:#fff;box-shadow:0 24px 60px -12px rgba(18,18,28,.35),0 0 0 1px var(--line);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s,transform .18s,visibility 0s .18s}
.hcp::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.hcp.open{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.cp-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.cp-head b{font:600 17px/1.2 var(--display)}
.cp-head .added{display:inline-flex;align-items:center;gap:8px;font:600 16px/1.2 var(--text)}
.cp-head .added .mark{width:24px;height:24px;background:var(--yellow);color:var(--ink)}
.cp-head .added .mark .ico{width:12px;height:12px;stroke-width:3}
.cp-list{display:flex;flex-direction:column;flex-wrap:nowrap;gap:8px;max-height:min(46dvh,360px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;margin:0;padding:0;list-style:none}
.cp-item{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;align-items:center;flex:none;min-width:0;padding:8px;border-radius:16px;transition:background .3s}
.cp-item > div{min-width:0;overflow-wrap:anywhere}
.cp-item.hl{background:var(--yellow-soft)}
.cp-item .ci-img{width:64px;height:64px;border-radius:12px;background:var(--soft);display:grid;place-items:center}
.cp-item .ci-img img{max-width:84%;max-height:86%;mix-blend-mode:multiply}
.cp-item a{font-weight:600;font-size:14.5px;line-height:1.3}
.cp-item span{display:block;font-size:13px;color:var(--muted)}
.cp-item .ci-remove{width:36px;height:36px;border-radius:10px}
.cp-total{display:flex;justify-content:space-between;align-items:baseline;margin:14px 0;padding-top:14px;border-top:1px solid var(--line)}
.cp-total b{font:600 20px/1 var(--display)}
.cp-actions{display:grid;gap:8px}
.cp-empty{padding:24px 8px;text-align:center;color:var(--muted)}

/* шторка корзины на телефоне */
.csheet{position:fixed;inset:0;z-index:90;visibility:hidden}
.csheet.open{visibility:visible}
.csheet-scrim{position:absolute;inset:0;background:rgba(18,18,28,.5);opacity:0;transition:opacity .25s}
.csheet.open .csheet-scrim{opacity:1}
.csheet-panel{position:absolute;left:0;right:0;bottom:0;max-height:86dvh;overflow:auto;padding:6px 16px calc(16px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;background:#fff;transform:translateY(105%);transition:transform .42s cubic-bezier(.32,.72,0,1)}
.csheet.open .csheet-panel{transform:none}
.csheet-grab{display:block;height:22px;position:relative;touch-action:none}
.csheet-grab::before{content:"";position:absolute;left:50%;top:8px;width:40px;height:5px;margin-left:-20px;border-radius:3px;background:#d1d1d6}

/* ================= Оформление заказа ================= */
.co{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start}
.co-steps{display:flex;flex-direction:column;gap:16px;counter-reset:co}
.co-card{padding:28px;border-radius:28px;border:1.5px solid var(--line);background:#fff}
.co-card > h2{display:flex;align-items:center;gap:12px;margin:0 0 20px;font:600 22px/1.2 var(--display)}
.co-card > h2::before{counter-increment:co;content:counter(co);width:36px;height:36px;border-radius:12px;background:var(--yellow);display:grid;place-items:center;font-size:16px;flex:none}
.co-card .cart-list{gap:10px}
.co-card .cart-item{border:0;background:var(--soft);padding:12px}
.co-card .cart-item .ci-img{background:#fff}
.co-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
.co-grid .full{grid-column:1/-1}
.field .hint{font-size:13px;color:var(--muted)}
.field input[type=tel]{font-variant-numeric:tabular-nums;letter-spacing:.01em}
.co-sum{position:sticky;top:150px;display:flex;flex-direction:column;gap:14px;padding:28px;border-radius:28px;background:var(--ink);color:#fff}
.co-sum h2{margin:0;font:600 22px/1.2 var(--display)}
.co-sum .sum-row span:first-child{color:var(--on-dark-3)}
.co-sum .sum-total{border-top-color:rgba(255,255,255,.14)}
.co-sum .consent{color:var(--on-dark-3)}
.co-sum .consent a{color:#fff}
.co-sum-items{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;font-size:14px;color:var(--on-dark-2)}
.co-sum-items li{display:flex;justify-content:space-between;gap:12px}
.co-sum-items li span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.co-perks{display:flex;flex-direction:column;gap:8px;margin:4px 0 0;padding:0;list-style:none;font-size:13.5px;color:var(--on-dark-2)}
.co-perks li{display:flex;gap:8px;align-items:center}
.co-perks .ico{width:16px;height:16px;color:var(--yellow)}
.co-bar{display:none}
.order-lines{margin:6px 0 0;padding:0;list-style:none;color:var(--ink-2);font-size:15px}
.undo{background:none;border:0;padding:0;margin-left:6px;font:inherit;font-weight:700;color:var(--yellow);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

@media (max-width:1024px){
  .co{grid-template-columns:minmax(0,1fr)}
  .co-sum{position:static}
}
@media (max-width:640px){
  .hcart{width:48px;padding:0;justify-content:center;border-radius:14px}
  .hcart-ico{background:none}
  .hcart-txt{display:none}
  .co-card{padding:20px 16px;border-radius:22px}
  .co-card > h2{font-size:19px}
  .co-grid{grid-template-columns:minmax(0,1fr)}
  .co-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:45;align-items:center;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 24px -12px rgba(18,18,28,.2)}
  .co-bar[hidden]{display:none}
  .co-bar div{display:flex;flex-direction:column;line-height:1.25}
  .co-bar small{font-size:13px;color:var(--muted)}
  .co-bar b{font:600 18px/1.2 var(--display)}
  .co-bar .btn{margin-left:auto}
  body[data-page="cart"] main{padding-bottom:90px}
  body[data-page="cart"] .toast{bottom:96px}
}
@media (prefers-reduced-motion:reduce){
  .hcart.bump .hcart-ico,.badge.pop{animation:none}
}

/* ================= Примерка: кнопка на карточке товара ================= */
.tryon-open{border-radius:16px;min-height:56px;font-family:var(--text)}
.tryon-open small{display:block;font-size:12.5px;font-weight:500;opacity:.9}
.tryon-open > span{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2;white-space:normal;text-align:left}

.tryon-open{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:10px 18px;border:0;cursor:pointer;
  background:linear-gradient(135deg,#2c2c3d 0%,#12121C 60%,#000 100%);color:#fff;font-size:16px;font-weight:600;text-shadow:none;
  box-shadow:0 8px 22px rgba(18,18,28,.28);animation:swag-try-pulse 2.6s ease-out infinite}
.tryon-open:hover{color:#fff;filter:none;transform:translateY(-1px)}
.tryon-open svg{color:var(--yellow)}
.tryon-open:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
@keyframes swag-try-pulse{0%{box-shadow:0 8px 22px rgba(18,18,28,.28),0 0 0 0 rgba(255,212,0,.7)}70%{box-shadow:0 8px 22px rgba(18,18,28,.28),0 0 0 12px rgba(255,212,0,0)}100%{box-shadow:0 8px 22px rgba(18,18,28,.28),0 0 0 0 rgba(255,212,0,0)}}
.tryon{--tryon-accent:#12121C;font-family:var(--text)}
.tryon__title{font-family:var(--display);font-weight:600}
@media (prefers-reduced-motion:reduce){.tryon-open{animation:none}}

/* ================= Мега-меню каталога ================= */
/* Слева — ссылки на разделы: наведение показывает панель, нажатие ведёт в раздел. Жёлтая «пилюля» (.mega-hl) и мягкая
   подсветка пунктов панели (.mp-hl) переезжают между пунктами — их ставит nav.js. Высота — по окну (--mega-max из nav.js). */
.catalog-btn[aria-expanded="true"]{background:var(--yellow);color:var(--ink)}
.mega{--mega-max:620px;--spring:cubic-bezier(.22,1,.36,1);position:absolute;left:0;right:0;top:100%;z-index:60;background:#fff;border-top:1px solid var(--line);box-shadow:0 40px 70px -36px rgba(18,18,28,.4);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease,transform .32s var(--spring),visibility 0s .32s}
.mega.open{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.mega-in{display:grid;grid-template-columns:236px minmax(0,1fr) 256px;gap:28px;padding-top:20px;padding-bottom:20px}
.mega-head{display:none}
.mega-side,.mega-panels{position:relative;max-height:calc(var(--mega-max) - 40px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent}
.mega-side{display:flex;flex-direction:column;gap:6px;padding-right:18px;border-right:1px solid var(--line)}
.mega-cats{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}
.mega-hl,.mp-hl{position:absolute;left:0;top:0;z-index:0;pointer-events:none;opacity:0;will-change:transform;transition:transform .38s var(--spring),width .38s var(--spring),height .38s var(--spring),border-radius .3s ease,opacity .2s ease}
.mega-hl.on,.mp-hl.on{opacity:1}
.mega-hl{border-radius:14px;background:var(--yellow)}
.mega-cat{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;padding:0 14px 0 24px;border-radius:14px;font-size:15px;font-weight:600;color:var(--ink);transition:color .25s ease}
.mega-cat:hover{color:var(--ink)}
.mega-cat small{font-size:12px;font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums;transition:color .25s ease}
.mega-cat.is-active,.mega-cat.is-active:hover{color:var(--ink)}
.mega-cat.is-active small{color:var(--ink-2)}
.mega-side:not(.hl-ready) .mega-cat.is-active{background:var(--yellow)}
.mega-all{display:flex;align-items:center;gap:8px;min-height:42px;margin-top:auto;padding:0 14px;border-radius:14px;font-weight:600;color:var(--ink);transition:background .2s}
.mega-all:hover{background:var(--soft);color:var(--ink)}
.mega-all .ico{width:18px;height:18px;transition:transform .3s var(--spring)}
.mega-all:hover .ico{transform:translateX(4px)}

.mega-panel{display:none}
.mega-panel.active{display:block;animation:mpIn .34s var(--spring)}
@keyframes mpIn{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
.mega-panel.active .mega-item,.mega-panel.active .mg-links a{animation:miIn .42s var(--spring) both;animation-delay:calc(var(--i,0) * 18ms)}
@keyframes miIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.mp-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 12px;padding:2px 8px 12px;border-bottom:1px solid var(--line)}
.mp-title{display:inline-flex;align-items:center;gap:12px;font:600 26px/1.1 var(--display);letter-spacing:-.02em;color:var(--ink)}
.mp-title:hover{color:var(--ink)}
.mp-go{width:34px;height:34px;flex:none;border-radius:50%;background:var(--yellow);display:grid;place-items:center;transition:transform .35s var(--spring)}
.mp-go .ico{width:16px;height:16px}
.mp-title:hover .mp-go{transform:translateX(5px)}
.mp-n{font-size:14px;font-weight:500;color:var(--muted);text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:4px}
.mp-n:hover{color:var(--ink);text-decoration-color:var(--ink)}
.mg + .mg{margin-top:14px}
.mg h4{position:relative;z-index:1;margin:0 0 6px;padding:0 8px;font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.mg-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}
.mega-item{position:relative;z-index:1;display:flex;align-items:center;gap:12px;min-width:0;padding:7px 8px;border-radius:16px;color:var(--ink)}
.mega-item:hover{color:var(--ink)}
.mega-item .mi-img{width:52px;height:52px;flex:none;border-radius:12px;background:var(--soft);display:grid;place-items:center;overflow:hidden;transition:background .25s ease}
.mega-item:hover .mi-img{background:#fff}
.mega-item img{max-width:86%;max-height:88%;mix-blend-mode:multiply;transition:transform .5s var(--spring)}
.mega-item:hover img{transform:scale(1.1)}
.mega-item b{display:block;font-size:14px;font-weight:600;line-height:1.25}
.mega-item span span{display:block;margin-top:1px;font-size:12.5px;color:var(--muted)}
.mg-links{display:flex;flex-wrap:wrap;gap:6px;padding:0 4px}
.mg-links a{position:relative;z-index:1;display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);font-size:14px;font-weight:500;color:var(--ink);transition:box-shadow .2s ease}
.mg-links a:hover{color:var(--ink);box-shadow:inset 0 0 0 1px transparent}
.mp-hl{border-radius:16px;background:var(--soft)}
.mega-panels:not(.hl-ready) .mega-item:hover,.mega-panels:not(.hl-ready) .mg-links a:hover{background:var(--soft)}

.mega-feat{display:flex;flex-direction:column;gap:6px;min-width:0;max-height:calc(var(--mega-max) - 40px);overflow:auto;scrollbar-width:none}
.mf-photo{position:relative;display:grid;place-items:center;aspect-ratio:1/1;flex:none;margin-bottom:6px;border-radius:22px;background:var(--soft);overflow:hidden}
.mf-photo img{max-width:88%;max-height:88%;width:auto;height:auto;mix-blend-mode:multiply;transition:opacity .2s ease,transform .6s var(--spring)}
.mf-photo:hover img{transform:scale(1.05)}
.mf-photo img.swap{opacity:0;transform:scale(.97)}
.mf-tag{position:absolute;top:12px;left:12px;padding:5px 10px;border-radius:999px;background:#fff;font-size:12px;font-weight:600;color:var(--ink)}
.mf-name{font-weight:600;font-size:15px;line-height:1.3;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mf-name:hover{color:var(--ink-2)}
.mf-price{font:600 18px/1.2 var(--display);color:var(--ink)}
.mf-try{margin-top:6px;gap:8px;justify-content:center}
.mf-try .ico{width:18px;height:18px}
.mf-hint{font-size:12px;line-height:1.4;color:var(--muted)}
@media (max-width:1180px){
  .mega-in{grid-template-columns:212px minmax(0,1fr)}
  .mega-feat{display:none}
  .mg-items{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  /* каталог — на весь экран; разделы — ряд «таблеток», подсветки-«пилюли» нет */
  .mega{position:fixed;inset:0;z-index:96;overflow:auto;border:0;transform:translateY(12px)}
  .mega-in{grid-template-columns:minmax(0,1fr);gap:14px;padding-top:0}
  .mega-head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:3;margin:0 -16px;padding:12px 16px;background:#fff;border-bottom:1px solid var(--line)}
  .mega-head b{font:600 20px/1 var(--display)}
  .mega-side,.mega-panels{max-height:none;overflow:visible}
  .mega-side{padding:0;border:0}
  .mega-cats{flex-direction:row;overflow-x:auto;scrollbar-width:none;gap:6px;margin:0 -16px;padding:0 16px}
  .mega-cats::-webkit-scrollbar{display:none}
  .mega-hl,.mp-hl{display:none}
  .mega-cat{flex:none;min-height:40px;padding:0 14px;border-radius:999px;background:var(--soft);gap:8px}
  .mega-side .mega-cat.is-active{background:var(--yellow);color:var(--ink)}
  .mega-all{order:3;margin-top:0}
  .mp-title{font-size:22px}
  .mg-items{grid-template-columns:minmax(0,1fr)}
  .mega-feat{display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:14px;row-gap:2px;max-height:none;padding:12px;border-radius:20px;background:var(--soft)}
  .mf-photo{grid-row:1 / span 4;width:96px;margin:0;border-radius:14px;background:#fff}
  .mf-tag,.mf-hint{display:none}
  .mf-try{grid-column:2;justify-self:start;margin-top:4px}
}
@media (prefers-reduced-motion:reduce){
  .mega,.mega-hl,.mp-hl,.mega-panel.active,.mega-panel.active .mega-item,.mega-panel.active .mg-links a{transition:none;animation:none}
}

/* ================= Поиск как в HomeFine ================= */
.search{position:relative}
.s-clear{position:absolute;right:48px;top:50%;width:32px;height:32px;margin-top:-16px;border:0;border-radius:50%;background:none;color:var(--muted);display:grid;place-items:center;cursor:pointer}
.s-clear:hover{background:var(--soft-2);color:var(--ink)}
.s-clear .ico{width:16px;height:16px}
.s-back{display:none}
.sbox{position:absolute;left:0;right:0;top:calc(100% + 10px);z-index:65;max-height:min(70dvh,620px);overflow:auto;padding:18px;border-radius:24px;background:#fff;box-shadow:0 24px 60px -12px rgba(18,18,28,.35),0 0 0 1px var(--line)}
.sbox[hidden]{display:none}
.sb-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px}
.sb-h{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 8px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.sb-h button{border:0;background:none;padding:0;font:inherit;font-size:12px;letter-spacing:0;text-transform:none;color:var(--muted);text-decoration:underline;cursor:pointer}
.sb-qs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.sb-q{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:0;border-radius:999px;background:var(--soft);font:inherit;font-size:14px;color:var(--ink);cursor:pointer}
.sb-q:hover{background:var(--yellow-soft)}
.sb-q .ico{width:14px;height:14px;color:var(--muted)}
.sb-list{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}
.sb-item{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center;padding:6px;border-radius:14px}
.sb-item:hover,.sb-item.is-active,.sb-cat.is-active,.sb-all.is-active{background:var(--soft);color:var(--ink)}
.sb-img{width:56px;height:56px;border-radius:12px;background:var(--soft);display:grid;place-items:center}
.sb-img img{max-width:84%;max-height:88%;mix-blend-mode:multiply}
.sb-name{font-size:15px;line-height:1.3}
.sb-name small{display:block;font-size:13px;color:var(--muted)}
.sb-name mark{background:var(--yellow-soft);color:inherit;border-radius:3px;padding:0 1px}
.sb-price{font-weight:600;font-size:14px;white-space:nowrap}
.sb-cats{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.sb-cat{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border-radius:999px;border:1.5px solid var(--line);font-size:14px;font-weight:600}
.sb-cat small{color:var(--muted);font-weight:500}
.sb-all{display:flex;justify-content:center;align-items:center;gap:8px;min-height:44px;margin-top:10px;border-radius:14px;background:var(--soft);font-weight:600}
.sb-all .ico{width:18px;height:18px}
.sb-empty{margin:4px 0;color:var(--ink-2)}

@media (max-width:640px){
  /* поиск — окно на весь экран */
  body.s-open{overflow:hidden}
  body.s-open .search{position:fixed;left:0;right:0;top:0;z-index:97;padding:10px 16px;background:#fff;border-bottom:1px solid var(--line);gap:8px}
  body.s-open .s-back{display:grid;place-items:center;flex:none;width:44px;height:48px;border:0;background:none;color:var(--ink);cursor:pointer}
  body.s-open .s-clear{right:64px}
  body.s-open .search > button[type=submit]{right:20px;top:14px}
  body.s-open .sbox{position:fixed;left:0;right:0;top:69px;bottom:0;max-height:none;border-radius:0;box-shadow:none;padding:16px}
  .sb-cols{grid-template-columns:minmax(0,1fr);gap:8px}
}

/* стикер на первом экране: крупно «Без запаха», пояснение мельче */
.sticker{width:156px;height:156px;padding:18px;top:32px;left:12px}
.sticker span{display:flex;flex-direction:column;align-items:center;gap:4px}
.sticker b{font:700 19px/1.1 var(--display);letter-spacing:-.01em}
.sticker small{font-size:12px;font-weight:600;line-height:1.25}

/* фильтр: варианты, под которые сейчас ничего не подходит */
.f-color.none{opacity:.25}
.f-check.none{opacity:.45}

/* каталог: затемнение нужно только мобильной шторке — на компьютере оно занимало вторую колонку сетки,
   и товары уезжали под фильтр в левую колонку 280 px. Колонки задаём явно. */
.f-scrim{display:none}
.cat-layout > .filters{grid-column:1}
.cat-layout > .cat-main{grid-column:2;min-width:0}
@media (max-width:1024px){
  .f-scrim{display:block}
  .cat-layout > .cat-main{grid-column:1}
}

/* ---------- Каталог из HomeFine: меню по группам, подборки, плитки разделов, «Показать ещё» ---------- */
.cat-more{margin:-12px 0 24px}
.cat-more summary{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 16px;border-radius:999px;background:var(--soft);font-weight:600;font-size:14px;cursor:pointer;list-style:none}
.cat-more summary::-webkit-details-marker{display:none}
.cat-more summary .ico{width:16px;height:16px;transition:transform .2s}
.cat-more[open] summary .ico{transform:rotate(180deg)}
.cat-more-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.cat-more-list a{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line);font-size:14px}
.cat-more-list a span{color:var(--muted);font-size:12px}
.cat-more-list a[aria-current="page"]{background:var(--ink);border-color:var(--ink);color:#fff}

.more-wrap{display:flex;justify-content:center;margin-top:32px}
.more-wrap .btn[hidden]{display:none}
/* Страницы раздела (/page/N/): обычные ссылки — для робота и для тех, кто листает без «Показать ещё» */
.pager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:20px}
.pager[hidden]{display:none}
.pager .pg{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 10px;border-radius:999px;border:1px solid var(--line);font-size:14px;font-weight:600;color:var(--ink)}
.pager a.pg:hover{border-color:var(--ink)}
.pager .pg.cur{background:var(--ink);border-color:var(--ink);color:#fff}
.pager .pg.gap{border:0;min-width:20px;padding:0;color:var(--muted)}
.pager .pg.off{opacity:.35}
.pager .pg .ico{width:18px;height:18px}
@media (max-width:420px){.pager{gap:4px}.pager .pg{min-width:34px;height:34px;padding:0 6px;font-size:13px}}
.f-long:not(.open) .f-list li:nth-child(n+11){display:none}
.f-more{margin-top:6px;padding:0;border:0;background:none;font:inherit;font-size:14px;font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.uph-group.wrap-opts{display:flex;flex-wrap:wrap}

/* Разделы на главной: серая карточка, номер и стрелка по углам, товар стоит на белом круге — при наведении круг
   окрашивается в цвет раздела (как на /catalog/) и вырастает, товар приподнимается */
.sec-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sec-tile{position:relative;isolation:isolate;display:flex;flex-direction:column;padding:18px 20px 20px;border-radius:28px;background:var(--soft);color:var(--ink);transition:transform .5s cubic-bezier(.22,1,.36,1)}
.sec-tile:hover{color:var(--ink);transform:translateY(-4px)}
.st-i{position:absolute;top:20px;left:22px;font:600 13px/1 var(--display);letter-spacing:.08em;color:rgba(18,18,28,.38)}
.st-go{position:absolute;top:14px;right:14px;z-index:2;width:40px;height:40px;border-radius:50%;background:#fff;display:grid;place-items:center;transition:background .3s,color .3s,transform .45s cubic-bezier(.22,1,.36,1)}
.st-go .ico{width:17px;height:17px}
.sec-tile:hover .st-go{background:var(--ink);color:#fff;transform:rotate(-45deg)}
.st-img{position:relative;display:grid;place-items:center;aspect-ratio:4/3;margin:18px 0 14px}
.st-img::before{content:"";position:absolute;z-index:0;left:50%;top:50%;width:76%;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.7);transform:translate(-50%,-50%) scale(.84);transition:background .5s,transform .7s cubic-bezier(.22,1,.36,1)}
.sec-tile:hover .st-img::before{background:var(--tint);transform:translate(-50%,-50%) scale(1)}
.st-img img{position:relative;z-index:1;max-width:84%;max-height:90%;width:auto;height:auto;mix-blend-mode:multiply;transition:transform .7s cubic-bezier(.22,1,.36,1)}
.sec-tile:hover .st-img img{transform:translateY(-6px) scale(1.05)}
.st-name{display:flex;align-items:flex-start;gap:6px;font:600 21px/1.1 var(--display);letter-spacing:-.01em}
.st-name sup{flex:none;margin-top:1px;padding:3px 7px;border-radius:999px;background:#fff;font:600 11.5px/1 var(--text);letter-spacing:0;color:var(--muted)}
.st-n{margin-top:7px;font-size:13.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:900px){.sec-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
@media (max-width:640px){.sec-tile{padding:12px 12px 14px;border-radius:22px}.st-i{top:15px;left:15px;font-size:11px}
  .st-go{top:9px;right:9px;width:32px;height:32px}.st-go .ico{width:14px;height:14px}.st-img{margin:12px 0 8px}
  .st-name{font-size:16px;gap:4px}.st-name sup{font-size:10.5px;padding:2px 6px}.st-n{font-size:12px;margin-top:4px}}

/* Карточка: полоски «какое фото» при наведении мышью (nav.js) */
.pm-bars{position:absolute;left:16px;right:16px;bottom:12px;z-index:1;display:flex;gap:5px;pointer-events:none;opacity:0;transition:opacity .2s}
.pcard-media:hover .pm-bars{opacity:1}
.pm-bars i{flex:1;height:3px;border-radius:2px;background:rgba(18,18,28,.14);transition:background .2s}
.pm-bars i.on{background:var(--ink)}

/* Главная, кресла: короткое описание под названием; кресло поменьше, чтобы текст не заходил на него */
.bento .tile:not(.big) > img{height:60%;right:12px;bottom:10px}
.tile-desc{font-size:13.5px;line-height:1.35;color:var(--ink-2);max-width:260px}
.bento .tile:not(.big) .tile-text{gap:4px}
.tile.big .tile-desc{font-size:16px;line-height:1.4;max-width:290px;color:#3B3A33}
.tile.big .tile-sub{font-size:14px;color:rgba(18,18,28,.6)}
@media (min-width:1025px) and (max-width:1180px){.bento .tile:not(.big) > img{height:46%}.tile.big > img{height:46%}.tile.big .tile-desc{max-width:240px}}
@media (max-width:640px){.tile.big .tile-desc{font-size:14.5px}.tile.big > img{height:38%}}
@media (max-width:640px){.tile-desc{max-width:180px}}

/* Главная, кресла: «Весь каталог» — жёлтая полоса во всю ширину под бенто, с кружками фото разделов */
.tile.all-row{margin-top:16px;flex-direction:row;align-items:center;gap:28px;padding:24px 28px 24px 36px;min-height:128px}
.tile.all-row .tile-text{flex:1;min-width:0}
.tile.all-row .tile-sub{max-width:460px}
.all-ths{display:flex;flex:none}
.all-th{display:grid;place-items:center;width:84px;height:84px;margin-left:-18px;border-radius:50%;background:var(--tint);box-shadow:0 0 0 4px var(--yellow);overflow:hidden;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.all-th:first-child{margin-left:0}
.all-th img{width:82%;height:82%;object-fit:contain;mix-blend-mode:multiply}
.tile.all-row:hover .all-th{transform:translateY(-5px)}
.tile.all-row:hover .all-th:nth-child(2){transition-delay:.04s}
.tile.all-row:hover .all-th:nth-child(3){transition-delay:.08s}
.tile.all-row:hover .all-th:nth-child(4){transition-delay:.12s}
.tile.all-row:hover .all-th:nth-child(5){transition-delay:.16s}
@media (max-width:900px){.all-th{width:64px;height:64px;margin-left:-14px}}
@media (max-width:640px){.tile.all-row{margin-top:12px;padding:22px;gap:14px;min-height:0}.all-ths{display:none}}

/* ---------- Каталог: фильтры — панель по кнопке, 4 в ряд, крупные фото, цена не раздвигает карточку ---------- */
.cat-layout{display:block}
.cat-layout > .cat-main{grid-column:auto}
.toolbar{justify-content:flex-start}
.toolbar-right{margin-left:auto}
.f-open{display:inline-flex;gap:8px}
.f-badge{min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--yellow);color:var(--ink);font:700 12px/22px var(--text);text-align:center}
.f-badge[hidden]{display:none}
.filters{position:fixed;top:0;right:0;bottom:0;left:auto;z-index:90;display:flex;flex-direction:column;gap:8px;width:min(420px,100%);max-height:none;padding:0 20px;background:#fff;border-radius:28px 0 0 28px;box-shadow:-30px 0 60px -24px rgba(18,18,28,.35);overflow:auto;overscroll-behavior:contain;transform:translateX(105%);visibility:hidden;transition:transform .4s cubic-bezier(.22,1,.36,1),visibility 0s .4s}
.filters.open{transform:none;visibility:visible;transition-delay:0s}
.f-sheet-head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:2;padding:20px 0 12px;background:#fff}
.f-sheet-head b{font:600 22px/1 var(--display)}
.f-actions{position:sticky;bottom:0;z-index:2;margin-top:auto;padding:12px 0 20px;background:#fff;box-shadow:0 -12px 16px -12px rgba(18,18,28,.12)}
.f-apply{display:inline-flex}
.f-scrim{display:block;position:fixed;inset:0;z-index:85;background:rgba(18,18,28,.3);opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s}
.f-scrim.open{opacity:1;visibility:visible;transition-delay:0s}
.grid-products{grid-template-columns:repeat(4,minmax(0,1fr))}
/* цена и «В корзину» — всегда в одну строку; в узкой карточке кнопка — только иконка */
.pcard{container-type:inline-size}
.pcard-foot{flex-wrap:nowrap;gap:10px}
.pcard-foot .price{min-width:0;font-size:15.5px}
.pcard-foot .add{flex:none;gap:6px;padding:0 14px;font-size:14px}
@container (max-width:280px){
  .pcard-foot .add{width:46px;padding:0;gap:0;font-size:0;justify-content:center}
  .pcard-foot .add .ico{width:20px;height:20px}
}
@media (max-width:1100px){.grid-products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:800px){.grid-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.grid-products{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){
  .filters{top:auto;left:0;width:auto;max-height:86dvh;padding:0 16px;border-radius:28px 28px 0 0;box-shadow:0 -20px 60px rgba(18,18,28,.3);transform:translateY(105%)}
  .f-actions{padding-bottom:calc(16px + env(safe-area-inset-bottom))}
}

/* ---------- Панель фильтров: группы через тонкие линии, варианты — «таблетки», мягкие поля, закреплённый низ ---------- */
.filters{width:min(440px,100%);padding:0 24px;gap:0}
.f-sheet-head{padding:22px 0 16px;border-bottom:1px solid var(--line)}
.f-sheet-head b{font-size:24px;letter-spacing:-.01em}
.filters .f-group{padding:20px 0;border-radius:0;background:none;border-top:1px solid var(--line)}
.filters #fBody > .f-group:first-child{border-top:0}
.filters .f-group h3{margin:0 0 14px;font-size:15px;font-weight:600;letter-spacing:-.005em}
.filters .f-list{flex-direction:row;flex-wrap:wrap;gap:8px}
.filters .f-check{position:relative;gap:6px;min-height:38px;padding:0 14px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--border);font-size:14px;font-weight:500;line-height:1.2;transition:background .2s,color .2s,box-shadow .2s,opacity .2s}
.filters .f-check:hover{background:var(--soft);box-shadow:inset 0 0 0 1px transparent}
.filters .f-check input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;border:0;cursor:pointer}
.filters .f-check:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:2px}
.filters .f-check .n{margin-left:0;font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted)}
.filters .f-check:has(input:checked){background:var(--ink);color:#fff;box-shadow:none}
.filters .f-check:has(input:checked) .n{color:rgba(255,255,255,.6)}
.filters .f-check.none{opacity:.38}
.filters .f-colors{display:flex;flex-wrap:wrap;gap:12px}
.filters .f-color{width:34px;height:34px;flex:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);transition:transform .2s,box-shadow .2s,opacity .2s}
.filters .f-color:hover{transform:scale(1.1)}
.filters .f-color[aria-pressed="true"]{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--ink)}
.filters .f-color.none{opacity:.2}
.filters .f-more{margin-top:12px;font-size:14px;color:var(--ink);text-decoration-color:var(--border)}
.filters .f-price{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}   /* Safari считает минимум поля по его ширине ~150px — без minmax(0) панель уезжала вбок */
.filters .f-price label{min-width:0}
.filters .f-price label{flex-direction:row;align-items:center;gap:8px;height:48px;padding:0 14px;border-radius:14px;background:var(--soft);font-size:13px;color:var(--muted);transition:box-shadow .2s,background .2s}
.filters .f-price label:focus-within{background:#fff;box-shadow:inset 0 0 0 2px var(--ink)}
.filters .f-price input{flex:1;width:0;min-width:0;height:100%;padding:0;border:0;background:none;font-size:16px;font-weight:600;color:var(--ink)}
.filters{overflow-x:hidden}
/* ---------- /catalog/: витрина разделов — мозаика, комнаты, стили ---------- */
.ch{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;align-items:end;margin:18px 0 30px}
.ch h1{margin:12px 0 0;font:600 clamp(36px,4.8vw,66px)/1.02 var(--display);letter-spacing:-.035em;text-wrap:balance}
.ch h1 span{background:linear-gradient(transparent 64%,var(--yellow) 64%,var(--yellow) 90%,transparent 90%)}
.ch-side p{max-width:470px;margin:0 0 18px;font-size:17px;line-height:1.55;color:var(--ink-2)}
.ch-side p b{color:var(--ink)}
.ch-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
.ch-facts li{padding:14px 16px;border-radius:18px;background:var(--soft)}
.ch-facts b{display:block;font:600 20px/1.15 var(--display);letter-spacing:-.01em}
.ch-facts span{display:block;margin-top:4px;font-size:12.5px;line-height:1.35;color:var(--muted)}
.ctiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:270px;gap:14px}
.ct{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;padding:24px;border-radius:28px;background:var(--tint);overflow:hidden;color:var(--ink);animation:ctIn .7s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i) * 60ms)}
.ct:hover{color:var(--ink)}
@keyframes ctIn{from{opacity:0;transform:translateY(18px)}}
.ct.big{grid-column:span 2;grid-row:span 2;padding:34px}
.ct.wide{grid-column:span 2}
.ct img{position:absolute;right:-4%;bottom:0;z-index:-1;width:auto;height:62%;max-width:80%;object-fit:contain;mix-blend-mode:multiply;transition:transform .8s cubic-bezier(.22,1,.36,1)}
.ct.big img{right:-4%;bottom:3%;height:64%;max-width:98%}
.ct.wide img{right:3%;bottom:7%;height:84%;max-width:56%}
.ct:hover img{transform:scale(1.06) translateY(-4px)}
.ct-text{display:flex;flex-direction:column;gap:6px;max-width:72%}
.ct-n{font-size:12.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:rgba(18,18,28,.55)}
.ct-name{font:600 28px/1.05 var(--display);letter-spacing:-.02em}
.ct.big .ct-name{font-size:clamp(40px,4vw,58px)}
.ct.wide .ct-name{font-size:36px}
.ct-subs{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.ct-subs span{padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.66);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:13px;font-weight:500}
.ct-go{width:48px;height:48px;border-radius:50%;background:#fff;display:grid;place-items:center;transition:background .3s,color .3s,transform .45s cubic-bezier(.22,1,.36,1)}
.ct-go .ico{width:20px;height:20px}
.ct:hover .ct-go{background:var(--ink);color:#fff;transform:rotate(-45deg)}
.crooms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.cr{position:relative;display:flex;flex-direction:column;gap:12px;padding:10px 10px 18px;border-radius:24px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);transition:box-shadow .3s,transform .45s cubic-bezier(.22,1,.36,1)}
.cr:hover{color:var(--ink);transform:translateY(-4px);box-shadow:inset 0 0 0 1px var(--line),0 26px 44px -26px rgba(18,18,28,.4)}
.cr-img{display:grid;place-items:center;aspect-ratio:4/3;border-radius:18px;background:var(--soft);overflow:hidden}
.cr-img img{max-width:86%;max-height:84%;mix-blend-mode:multiply;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.cr:hover .cr-img img{transform:scale(1.07)}
.cr-t{padding:0 52px 0 8px}
.cr-t b{display:block;font:600 19px/1.2 var(--display);letter-spacing:-.01em}
.cr-t small{font-size:13px;color:var(--muted)}
.cr-go{position:absolute;right:20px;bottom:20px;width:36px;height:36px;border-radius:50%;background:var(--soft);display:grid;place-items:center;transition:background .3s}
.cr-go .ico{width:16px;height:16px}
.cr:hover .cr-go{background:var(--yellow)}
.cstyles{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:48px;align-items:center;padding:52px;border-radius:32px;background:var(--ink);color:#fff}
.cstyles .eyebrow{color:rgba(255,255,255,.7)}
.cstyles h2{margin:12px 0;font:600 44px/1.05 var(--display);letter-spacing:-.03em}
.cstyles p{margin:0;font-size:16px;line-height:1.55;color:rgba(255,255,255,.7)}
.cstyles-list{display:flex;flex-wrap:wrap;gap:10px}
.cs{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 10px 0 20px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);font-size:16px;font-weight:600;color:#fff;transition:background .25s,color .25s,box-shadow .25s}
.cs small{min-width:30px;height:28px;padding:0 9px;border-radius:999px;background:rgba(255,255,255,.12);font-size:12.5px;line-height:28px;text-align:center;color:rgba(255,255,255,.85)}
.cs:hover{background:var(--yellow);color:var(--ink);box-shadow:none}
.cs:hover small{background:rgba(18,18,28,.1);color:var(--ink)}
@media (max-width:1024px){
  .ch{grid-template-columns:minmax(0,1fr);gap:20px}
  .ctiles{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:220px}
  .crooms{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cstyles{grid-template-columns:minmax(0,1fr);gap:28px;padding:36px}
}
@media (max-width:640px){
  .ch{margin:10px 0 22px}
  .ch h1{font-size:clamp(26px,9.4vw,34px)}   /* 34px на 320px не влезало «Дизайнерская» — страница шире экрана */
  .ch-side p{font-size:15.5px}
  .ch-facts li{padding:12px}
  .ch-facts b{font-size:16px}
  .ctiles{gap:10px;grid-auto-rows:180px}
  .ct{padding:16px;border-radius:22px}
  .ct.big{padding:22px}
  .ct-name,.ct.wide .ct-name{font-size:21px}
  .ct.big .ct-name{font-size:34px}
  .ct-subs{display:none}
  .ct.big .ct-subs{display:flex}
  .ct-text{max-width:100%}
  .ct-go{width:38px;height:38px}
  .ct img{height:56%;max-width:86%}
  .crooms{gap:10px}
  .cr{padding:8px 8px 14px;border-radius:20px}
  .cr-t{padding:0 4px}
  .cr-t b{font-size:15.5px}
  .cr-go{display:none}
  .cstyles{padding:28px 20px;border-radius:24px}
  .cstyles h2{font-size:32px}
  .cs{height:42px;padding:0 8px 0 16px;font-size:14.5px}
}

/* подсказки поиска на компьютере — шире поля, названия переносятся и не наезжают на цену */
@media (min-width:641px){
  .sbox{right:auto;width:max(100%,min(780px,calc(100vw - 48px)));padding:20px 22px}
  .sb-cols{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px}
}
.sb-item{column-gap:14px}
.sb-name{min-width:0;overflow-wrap:anywhere;line-height:1.3}
.sb-name small{margin-top:2px}
.sb-price{align-self:center;padding-left:6px}

/* город — ссылка «Светлогорск ▾» и окошко выбора города */
.geo-city{display:inline;padding:0;border:0;background:none;font:inherit;color:inherit;text-decoration:underline dotted;text-decoration-thickness:1.5px;text-underline-offset:3px;cursor:pointer}
.geo-city::after{content:"▾";margin-left:2px;font-size:.8em;opacity:.7}
.geo-city:hover{text-decoration-style:solid}
.topbar .geo-city{color:var(--yellow)}
.cp{position:fixed;inset:0;z-index:130;display:grid;place-items:center;padding:16px}
.cp[hidden]{display:none}
.cp-bg{position:absolute;inset:0;background:rgba(18,18,28,.45);opacity:0;transition:opacity .25s}
.cp.open .cp-bg{opacity:1}
.cp-panel{position:relative;width:min(560px,100%);max-height:min(80dvh,640px);display:flex;flex-direction:column;padding:20px 22px 22px;border-radius:24px;background:#fff;box-shadow:0 30px 70px -24px rgba(18,18,28,.5);opacity:0;transform:translateY(12px) scale(.98);transition:opacity .22s,transform .3s cubic-bezier(.22,1,.36,1)}
.cp.open .cp-panel{opacity:1;transform:none}
/* окно выбора города (.cp); классы cp-head/cp-list/cp-empty есть и у корзины в шапке — поэтому только внутри .cp */
.cp .cp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.cp .cp-head b{font:600 22px/1.2 var(--display)}
.cp-form{display:flex;gap:8px;margin-bottom:14px}
.cp-form input{flex:1;min-width:0;height:48px;padding:0 14px;border:1.5px solid var(--border);border-radius:14px;font-size:16px}
.cp-form input:focus{outline:none;border-color:var(--ink)}
.cp .cp-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;overflow:auto;max-height:none;padding:2px}
.cp-c{height:36px;padding:0 14px;border:0;border-radius:999px;background:var(--soft);font:inherit;font-size:14px;font-weight:500;color:var(--ink);cursor:pointer}
.cp-c:hover{background:var(--yellow)}
.cp .cp-empty{margin:4px 0;padding:0;text-align:left;color:var(--muted)}
.cp-note{margin:14px 0 0;font-size:13px;color:var(--muted)}
@media (max-width:640px){.cp{place-items:end stretch;padding:0}.cp-panel{border-radius:24px 24px 0 0;padding-bottom:calc(22px + env(safe-area-inset-bottom))}}

/* логотип на телефоне крупнее (было 30px) */
@media (max-width:640px){.logo img,.logo .logo-svg{height:38px}}
@media (max-width:380px){.logo img,.logo .logo-svg{height:33px}.header-row{column-gap:6px}.header-actions{gap:4px}.menu-btn{padding:0 8px}}

/* Логотип буквами (tools/build_logo.py): по наведению/касанию буквы вспыхивают по одной, вразброс, цветами наших кресел (nav.js) */
.logo .logo-svg{display:block;width:auto;height:38px;color:#111;overflow:visible}
.foot-logo{display:block;align-self:flex-start}
.foot-logo .logo-svg{height:36px;color:#fff}
.logo-svg path{transform-box:fill-box;transform-origin:50% 60%}
.logo .logo-svg .lg-s{fill:#000!important;transform:none!important;transition:none!important}   /* «design» вверху — всегда чёрное, без анимации */
.foot-logo .logo-svg .lg-s{fill:#fff!important}
/* поиск на телефоне: белая панель — по высоте содержимого, ниже — затемнение (касание закрывает поиск, nav.js) */
@media (max-width:640px){
  body.s-open .sbox{bottom:auto;max-height:calc(100dvh - 69px);border-radius:0 0 24px 24px;box-shadow:0 24px 40px -20px rgba(18,18,28,.35)}
  body.s-open::after{content:"";position:fixed;inset:0;z-index:96;background:rgba(18,18,28,.35)}
}
/* ползунки цены и ширины: две ручки поверх одной дорожки */
.rng{position:relative;height:30px;margin:14px 12px 0}
.rng-track{position:absolute;left:0;right:0;top:50%;height:4px;margin-top:-2px;border-radius:2px;background:var(--border)}
.rng-fill{position:absolute;top:0;bottom:0;left:0;right:0;border-radius:2px;background:var(--ink)}
.rng input[type=range]{position:absolute;left:-12px;right:-12px;top:0;width:calc(100% + 24px);height:30px;margin:0;padding:0;background:none;-webkit-appearance:none;appearance:none;pointer-events:none}
.rng input[type=range]::-webkit-slider-runnable-track{height:30px;background:none;border:0}
.rng input[type=range]::-moz-range-track{height:30px;background:none;border:0}
.rng input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:2px;border:2px solid var(--ink);border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(18,18,28,.22);pointer-events:auto;cursor:grab}
.rng input[type=range]::-moz-range-thumb{width:22px;height:22px;border:2px solid var(--ink);border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(18,18,28,.22);pointer-events:auto;cursor:grab}
.rng input[type=range]:active::-webkit-slider-thumb{cursor:grabbing;background:var(--yellow)}
.rng input[type=range]:focus-visible::-webkit-slider-thumb{outline:3px solid var(--yellow);outline-offset:1px}
.filters .f-price input::placeholder{font-weight:500;color:var(--muted)}
.filters .f-actions{flex-direction:row;align-items:center;gap:12px;margin:auto -24px 0;padding:14px 24px 20px;border-top:1px solid var(--line);box-shadow:none}
.filters .f-reset{order:-1;flex:none;height:52px;padding:0 4px;text-decoration:none}
.filters .f-apply{flex:1;width:auto;min-width:0;height:52px;padding:0 14px;border-radius:16px;background:var(--yellow);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* сортировка на телефоне — первой группой в панели фильтров, над товарами её нет */
.f-sortg{display:none}
@media (max-width:640px){.f-sortg{display:block}.toolbar .select{display:none}}
.filters .f-apply:hover{background:#ffdd33;color:var(--ink)}
.filters.open .f-group{animation:fgIn .5s cubic-bezier(.22,1,.36,1) both}
.filters.open .f-group:nth-child(2){animation-delay:.04s}.filters.open .f-group:nth-child(3){animation-delay:.08s}
.filters.open .f-group:nth-child(4){animation-delay:.12s}.filters.open .f-group:nth-child(5){animation-delay:.16s}
@keyframes fgIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
@media (max-width:640px){
  .filters{padding:0 16px}
  .filters .f-actions{margin:auto -16px 0;padding:12px 16px calc(14px + env(safe-area-inset-bottom))}
}
@media (prefers-reduced-motion:reduce){.filters.open .f-group{animation:none}}

/* ---------- Чипы подразделов: переносятся строками, выбранный — жёлтый; «Все подборки» — панель слева ---------- */
.cat-chips{flex-wrap:wrap;overflow:visible;row-gap:8px;margin-bottom:28px}
.cat-chip{transition:background .2s,color .2s}
.cat-chip img{background:#fff;mix-blend-mode:normal}
.cat-chip[aria-current="page"]{background:var(--yellow);color:var(--ink)}
.cat-chip[aria-current="page"] .n{color:var(--ink-2)}
.cat-subs{gap:8px;padding:0 8px 0 16px;border:0;background:#E8EEF7;font:inherit;font-weight:600;color:var(--ink);cursor:pointer}
.cat-subs:hover{background:#DCE5F2}
.cat-subs .ico{width:18px;height:18px}
.cat-subs .n{min-width:26px;height:26px;padding:0 8px;border-radius:999px;background:#fff;font-size:13px;font-weight:600;line-height:26px;text-align:center;color:var(--ink)}
.sp-scrim{position:fixed;inset:0;z-index:90;background:rgba(18,18,28,.3);opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s}
.sp-scrim.open{opacity:1;visibility:visible;transition-delay:0s}
.subpanel{position:fixed;top:0;bottom:0;left:0;z-index:95;display:flex;flex-direction:column;width:min(420px,100%);background:#fff;border-radius:0 28px 28px 0;box-shadow:30px 0 60px -24px rgba(18,18,28,.35);transform:translateX(-105%);visibility:hidden;transition:transform .4s cubic-bezier(.22,1,.36,1),visibility 0s .4s}
.subpanel.open{transform:none;visibility:visible;transition-delay:0s}
.sp-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 24px 14px}
.sp-head b{font:600 24px/1.15 var(--display);letter-spacing:-.01em}
.sp-search{display:flex;align-items:center;gap:10px;height:48px;margin:0 24px 12px;padding:0 14px;border-radius:14px;background:var(--soft);transition:background .2s,box-shadow .2s}
.sp-search:focus-within{background:#fff;box-shadow:inset 0 0 0 2px var(--ink)}
.sp-search .ico{width:18px;height:18px;flex:none;color:var(--muted)}
.sp-search input{flex:1;min-width:0;height:100%;padding:0;border:0;background:none;font-size:16px;color:var(--ink)}
.sp-search input:focus{outline:none}
.sp-all{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 24px 8px;padding:14px 16px;border-radius:16px;background:var(--ink);color:#fff;font-weight:600;transition:background .2s}
.sp-all:hover{background:#262633;color:#fff}
.sp-all b{font-size:13px;font-weight:500;color:rgba(255,255,255,.65);white-space:nowrap}
.sp-all[aria-current="page"]{background:var(--yellow);color:var(--ink)}
.sp-all[aria-current="page"] b{color:var(--ink-2)}
.sp-list{flex:1;margin:0;padding:4px 16px 20px;list-style:none;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.sp-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:6px 8px;border-radius:14px;color:var(--ink);transition:background .15s}
.sp-row:hover{background:var(--soft);color:var(--ink)}
.sp-row[aria-current="page"]{background:var(--yellow)}
.sp-img{width:48px;height:48px;border-radius:12px;background:var(--soft);display:grid;place-items:center;overflow:hidden;transition:background .15s}
.sp-row:hover .sp-img,.sp-row[aria-current="page"] .sp-img{background:#fff}
.sp-img img{max-width:86%;max-height:86%;mix-blend-mode:multiply}
.sp-name{font-size:15px;font-weight:500;line-height:1.3}
.sp-n{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
.sp-row[aria-current="page"] .sp-n{color:var(--ink-2)}
.sp-empty{margin:8px 24px;color:var(--muted)}
@media (max-width:640px){
  .subpanel{border-radius:0}
  .sp-head{padding:16px 16px 12px}
  .sp-search,.sp-all{margin-left:16px;margin-right:16px}
  .sp-list{padding:4px 8px calc(16px + env(safe-area-inset-bottom))}
  .cat-chips{gap:6px;row-gap:6px;margin-bottom:20px}
  .cat-chip{height:36px;padding:0 12px;gap:6px;font-size:13.5px}
  .cat-chip img{display:none}
  .cat-chip .n{font-size:12px}
  .cat-chips:has(.cat-subs) > a.cat-chip:nth-child(n+6):not([aria-current]){display:none}   /* остальное — в «Все подборки» */
  .cat-subs{padding:0 5px 0 12px}
  .cat-subs .ico{width:16px;height:16px}
  .cat-subs .n{min-width:24px;height:24px;line-height:24px}
}

/* ---------- Размеры: «таблетки» со стрелками в карточке, плитки с «кубиком» на странице товара ---------- */
.pcard-dims{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:0}
.pcard-dims .dm{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 8px 0 6px;border-radius:8px;background:var(--soft);font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink)}
.pcard-dims svg{width:14px;height:14px;fill:none;stroke:var(--muted);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.pcard-dims .dm-u{margin-left:2px;font-size:12.5px;color:var(--muted)}
.dims{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.dim{display:flex;align-items:center;gap:10px;padding:12px 14px 12px 10px;border-radius:18px;background:var(--soft)}
.dim-ico{width:46px;height:46px;flex:none}
.dim-box{fill:none;stroke:var(--border);stroke-width:1.5;stroke-linejoin:round}
.dim-edge{fill:none;stroke:var(--ink);stroke-width:3.5;stroke-linecap:round}
.dim small{display:block;font-size:12px;color:var(--muted)}
.dim b{display:block;font:600 22px/1.15 var(--display);letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.dim b span{margin-left:3px;font:500 13px var(--text);color:var(--muted)}
.dim.txt b{font-size:16px;line-height:1.25}
.mat-pick + .dims,.uph-group + .dims{margin-top:2px}
@media (max-width:640px){.dim{flex-direction:column;align-items:flex-start;gap:4px;padding:12px}.dim-ico{width:38px;height:38px}.dim b{font-size:20px}}

/* ---------- Кнопка примерки на странице товара — больше воздуха, иконка в круге ---------- */
.buy .tryon-open{margin:10px 0 4px;min-height:72px;padding:12px 22px 12px 12px;justify-content:flex-start;gap:14px;border-radius:20px}
.buy .tryon-open > svg{box-sizing:content-box;flex:none;padding:10px;border-radius:50%;background:rgba(255,212,0,.16)}
.buy .tryon-open > span{gap:3px;font-size:16px}
.buy .tryon-open small{font-size:13px;opacity:.75}
.buy .one-click{margin-top:4px}
/* «Доставка в Москву и 330 городов» — одной строкой */
.geo-line{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}
.buy-perks li > span{min-width:0}
@media (max-width:640px){.buy-perks .geo-line{font-size:14px;letter-spacing:-.01em}}

/* «Выбрать ткань» на карточке и окно образцов (как в HomeFine) */
.mat-btn{display:flex;align-items:center;gap:14px;width:100%;min-height:72px;padding:10px 16px 10px 10px;border:0;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--border);font:inherit;color:var(--ink);text-align:left;cursor:pointer;transition:box-shadow .2s,background .2s}
.mat-btn:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}
.mat-btn.chosen{background:var(--soft);box-shadow:none}
.mat-sw{width:52px;height:52px;flex:none;border-radius:14px;background:conic-gradient(from 200deg,#c8202e,#e8b92a,#6db22e,#4fa3e0,#9b7bc8,#c8202e);display:grid;place-items:center;overflow:hidden}
.mat-sw .ico{width:22px;height:22px;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}
.mat-sw img{width:100%;height:100%;object-fit:cover}
.mat-t{display:flex;flex-direction:column;gap:1px;min-width:0}
.mat-t b{font-size:16px;font-weight:600;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mat-t small{font-size:12.5px;color:var(--muted)}
.mat-go{margin-left:auto;width:20px;height:20px;flex:none;color:var(--muted)}
.mp{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:24px}
.mp[hidden]{display:none}
.mp-bg{position:absolute;inset:0;background:rgba(18,18,28,.45);opacity:0;transition:opacity .25s}
.mp.open .mp-bg{opacity:1}
.mp-panel{position:relative;display:flex;flex-direction:column;width:min(980px,100%);height:min(86dvh,860px);border-radius:28px;background:#fff;box-shadow:0 40px 80px -30px rgba(18,18,28,.55);overflow:hidden;opacity:0;transform:translateY(16px) scale(.98);transition:opacity .25s,transform .35s cubic-bezier(.22,1,.36,1)}
.mp.open .mp-panel{opacity:1;transform:none}
.mp-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 24px 12px}
.mp-head b{display:block;font:600 24px/1.15 var(--display);letter-spacing:-.01em}
.mp-head small{display:block;margin-top:4px;font-size:14px;color:var(--muted)}
.mp-types{display:flex;flex-wrap:wrap;gap:6px;padding:0 24px 14px;border-bottom:1px solid var(--line)}
.mp-types::-webkit-scrollbar{display:none}
.mp-type{flex:none;height:38px;padding:0 16px;border:0;border-radius:999px;background:var(--soft);font:inherit;font-size:14px;font-weight:600;color:var(--ink);cursor:pointer;transition:background .2s}
.mp-type:hover{background:var(--soft-2)}
.mp-type[aria-selected="true"]{background:var(--yellow)}
.mp-body{flex:1;overflow:auto;overscroll-behavior:contain;padding:18px 24px 28px}
.mp-about{margin-bottom:18px;padding:14px 18px;border-radius:18px;background:var(--soft)}
.mp-about b{font:600 18px/1.2 var(--display)}
.mp-about p{margin:6px 0 0;color:var(--ink-2);font-size:14.5px;line-height:1.5}
.mp-uph{display:inline-block;margin-top:8px;padding:3px 10px;border-radius:999px;background:#fff;font-size:12.5px;font-weight:600}
.mp-col + .mp-col{margin-top:20px}
.mp-col h3{margin:0 0 10px;font-size:15px;font-weight:600}
.mp-col h3 small{font-weight:500;color:var(--muted)}
.mp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:10px}
.mp-sw{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;border:0;background:none;font:inherit;cursor:pointer}
.mp-sw img{width:100%;aspect-ratio:1;border-radius:14px;object-fit:cover;background:var(--soft);box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);transition:transform .2s,box-shadow .2s}
.mp-sw:hover img{transform:scale(1.04)}
.mp-sw.on img{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--ink)}
.mp-sw span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--muted)}
.mp-load{height:200px;border-radius:18px;background:linear-gradient(90deg,var(--soft),#fff,var(--soft));background-size:200% 100%;animation:mpLoad 1.2s linear infinite}
@keyframes mpLoad{to{background-position:-200% 0}}
.mp-empty{color:var(--muted)}
@media (max-width:640px){
  .mp{padding:0;place-items:end stretch}
  .mp-panel{height:92dvh;border-radius:24px 24px 0 0;transform:translateY(40px)}
  .mp-head,.mp-types{padding-left:16px;padding-right:16px}
  .mp-body{padding:14px 16px calc(20px + env(safe-area-inset-bottom))}
  .mp-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}
  .mp-types{gap:5px;padding-bottom:12px}
  .mp-type{height:32px;padding:0 11px;font-size:13px}
}

/* «Делаем на заказ» — жёлтая плашка с часами и подсказкой о сроке */
.buy-perks li.perk-order{position:relative;margin:6px -12px 4px;padding:12px;border-radius:16px;background:var(--yellow-soft)}
.buy-perks li.perk-order + li{border-top:0}
.po-ico{width:38px;height:38px;flex:none;border-radius:50%;background:var(--yellow);display:grid;place-items:center}
.po-ico .ico{width:19px;height:19px}
.po-tip{margin-left:auto;flex:none;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:#fff;font:700 14px/1 var(--display);color:var(--ink);cursor:help;box-shadow:0 1px 3px rgba(18,18,28,.14);transition:background .2s,color .2s}
.po-tip:hover,.perk-order.open .po-tip{background:var(--ink);color:#fff}
.po-bubble{position:absolute;right:0;bottom:calc(100% + 10px);z-index:5;width:min(300px,calc(100vw - 48px));padding:14px 16px;border-radius:16px;background:var(--ink);color:#fff;font-size:14px;line-height:1.45;box-shadow:0 18px 40px -16px rgba(18,18,28,.6);opacity:0;visibility:hidden;transform:translateY(6px);pointer-events:none;transition:opacity .2s,transform .25s cubic-bezier(.22,1,.36,1),visibility 0s .25s}
.po-bubble b{display:block;margin-bottom:4px;font:600 16px/1.2 var(--display);color:var(--yellow)}
.po-bubble::after{content:"";position:absolute;right:20px;top:100%;border:7px solid transparent;border-top-color:var(--ink)}
.po-tip:hover + .po-bubble,.po-tip:focus-visible + .po-bubble,.perk-order.open .po-bubble{opacity:1;visibility:visible;transform:none;transition-delay:0s}

/* Шапка на телефоне: строка 1 — логотип, избранное, корзина, «Меню»; строка 2 — жёлтый «Каталог» и поиск.
   Разделы — отдельной строкой под шапкой (.nav-m), при прокрутке уезжают. «Меню» — панель со страницами и контактами. */
.menu-btn,.nav-m,.mm-scrim,.mmenu{display:none}
@media (max-width:1024px){
  .menu-btn{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 12px;border:0;border-radius:12px;background:var(--soft);font:inherit;font-size:14px;font-weight:600;color:var(--ink);cursor:pointer}
  .menu-btn .ico{width:20px;height:20px}
  .mm-scrim{display:block;position:fixed;inset:0;z-index:97;background:rgba(18,18,28,.35);opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s}
  .mm-scrim.open{opacity:1;visibility:visible;transition-delay:0s}
  .mmenu{display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;z-index:98;width:min(360px,88vw);padding-bottom:calc(16px + env(safe-area-inset-bottom));background:#fff;border-radius:24px 0 0 24px;box-shadow:-30px 0 60px -24px rgba(18,18,28,.35);overflow:auto;transform:translateX(105%);visibility:hidden;transition:transform .38s cubic-bezier(.22,1,.36,1),visibility 0s .38s}
  .mmenu.open{transform:none;visibility:visible;transition-delay:0s}
  .mm-head{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 8px 20px}
  .mm-head b{font:600 22px/1 var(--display)}
  .mm-links{display:flex;flex-direction:column;padding:4px 8px}
  .mm-links a{display:flex;align-items:center;gap:14px;min-height:52px;padding:0 12px;border-radius:14px;font-size:16px;font-weight:600;color:var(--ink)}
  .mm-links a:active,.mm-links a:hover{background:var(--soft);color:var(--ink)}
  .mm-links .ico{width:22px;height:22px;color:var(--muted)}
  .mm-contacts{display:flex;flex-direction:column;gap:6px;margin:auto 20px 0;padding-top:16px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}
  .mm-contacts a{color:var(--ink)}
  .mm-phone{font:600 20px/1.3 var(--display)}
  .mm-contacts .btn{margin-top:10px;gap:8px}
}
@media (max-width:640px){
  .header-row{row-gap:0}
  .header-actions{order:2}
  .header-row::before{content:"";order:3;flex-basis:100%;height:0}   /* перенос строки: «Каталог» и поиск — ниже */
  .catalog-btn{order:4;width:auto;height:48px;margin-top:10px;padding:0 14px;gap:6px;background:var(--yellow);color:var(--ink)}
  .catalog-btn:hover{background:var(--yellow);color:var(--ink)}
  .search{order:5;flex:1 1 0;margin-top:10px}
  .header .nav-d{display:none}
  .nav-m{display:block;border-bottom:1px solid var(--line)}
  .menu-btn{height:40px;padding:0 10px}
}

/* Каталог на телефоне: уровень 1 — разделы столбиком с фото, касание — плавный переезд к подразделам (уровень 2),
   «Все разделы» — обратно (.mega.lvl2, nav.js) */
.mc-img,.mp-back{display:none}
@media (max-width:640px){
  .mega-in{grid-template-rows:auto auto auto;row-gap:0;overflow-x:clip}   /* clip, не hidden: hidden делает блок прокручиваемым и ломает закрепление шапки и «Все разделы» */
  .mega-side,.mega-panels{grid-row:2;grid-column:1;min-width:0}
  .mega-feat{grid-row:3;margin-top:18px}
  .mega-side{transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .3s,visibility 0s}
  .mega-panels{transform:translateX(104%);visibility:hidden;transition:transform .42s cubic-bezier(.22,1,.36,1),visibility 0s .42s}
  .mega.lvl2 .mega-panels{transform:none;visibility:visible;transition-delay:0s}
  .mega.lvl2 .mega-side{transform:translateX(-30%);opacity:0;visibility:hidden;pointer-events:none;transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .3s,visibility 0s .42s}
  .mega-cats{flex-direction:column;overflow:visible;margin:0;padding:8px 0 0;gap:2px}
  .mega-cat,.mega-side .mega-cat.is-active{min-height:64px;padding:8px 6px 8px 8px;gap:14px;justify-content:flex-start;border-radius:16px;background:none;font-size:17px;color:var(--ink)}
  .mega-cat:active{background:var(--soft)}
  .mega-cat > span:not(.mc-img){flex:1}
  .mega-cat small,.mega-cat.is-active small{font-size:13px;color:var(--muted)}
  .mega-cat::after{content:"";width:8px;height:8px;margin:0 8px 0 2px;border-top:2px solid var(--muted);border-right:2px solid var(--muted);transform:rotate(45deg)}
  .mc-img{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:14px;background:var(--soft);overflow:hidden}
  .mc-img img{max-width:88%;max-height:88%;mix-blend-mode:multiply}
  .mega-all{justify-content:center;min-height:52px;margin-top:10px;border-radius:16px;background:var(--yellow)}
  .mp-head{display:contents}   /* кнопка «Все разделы» закрепляется в пределах всей панели, а не маленькой шапки */
  .mp-back{position:sticky;top:58px;z-index:2;display:flex;align-items:center;gap:8px;width:100%;height:50px;margin:10px 0 14px;padding:0 16px 0 10px;border:0;border-radius:16px;background:var(--soft);box-shadow:0 0 0 6px #fff;font:inherit;font-size:16px;font-weight:600;color:var(--ink);cursor:pointer}
  .mp-back .ico{width:24px;height:24px}
  .mp-title{display:flex;font-size:26px;margin-bottom:6px}
  .mp-n{display:block;margin-bottom:16px}
  .mega.lvl2 .mega-feat{display:none}
  /* второй уровень — экранный список: крупные строки с фото, подборки и коллекции — тоже строками */
  .mg + .mg{margin-top:20px}
  .mg h4{padding:0 2px;margin-bottom:4px}
  .mg-items{gap:0}
  .mg-items .mega-item{gap:14px;padding:10px 2px;border-radius:0;border-bottom:1px solid var(--line)}
  .mg-items .mi-img{width:60px;height:60px}
  .mega-item b{font-size:16px}
  .mega-item span span{font-size:13px}
  .mega-item::after,.mg-links a::after{content:"";flex:none;width:8px;height:8px;margin:0 8px 0 auto;border-top:2px solid var(--muted);border-right:2px solid var(--muted);transform:rotate(45deg)}
  .mg-links{flex-direction:column;gap:0;padding:0}
  .mg-links a{min-height:52px;padding:0 2px;border-radius:0;box-shadow:none;border-bottom:1px solid var(--line);font-size:16px}
}

/* Похожие модели: 6 компактных карточек в ряд (ноутбук — 4, телефон — 2 и краешек третьей), стрелки листают по 6 */
#similar .hits{grid-auto-columns:calc((100% - 5 * 16px) / 6)}
#similar .pcard{gap:10px}
#similar .pcard-media{border-radius:18px}
#similar .pcard-body{gap:6px;padding:0 2px}
#similar .pcard-body h3{font-size:14px;line-height:1.3}
#similar .uph-group,#similar .pcard-note{display:none}
#similar .swatches{gap:2px}
#similar .pcard-dims{gap:3px}
#similar .pcard-dims .dm{height:22px;padding:0 5px 0 4px;gap:3px;font-size:11.5px}
#similar .pcard-dims svg{width:12px;height:12px}
#similar .pcard-dims .dm-u{font-size:11.5px}
#similar .tag-try{top:8px;left:8px;gap:0;padding:7px;font-size:0}
#similar .tag-try .ico{width:15px;height:15px}
#similar .fav{top:6px;right:6px;width:34px;height:34px}
#similar .pcard-foot{gap:6px;padding:0 2px}
#similar .pcard-foot .price{font-size:13.5px;letter-spacing:-.01em}
#similar .pcard-foot .add{width:38px;height:38px;padding:0;gap:0;border-radius:12px;font-size:0;justify-content:center}
#similar .pcard-foot .add .ico{width:18px;height:18px}
@media (max-width:1180px){#similar .hits{grid-auto-columns:calc((100% - 3 * 16px) / 4)}}
@media (max-width:640px){#similar .hits{grid-auto-columns:calc((100% - 16px) / 2.3)}}

/* Телефон: поиск без приближения (iPhone приближает поля мельче 16 px), каталог — по 2 товара в строке */
@media (max-width:640px){.search input{font-size:16px}}
@media (max-width:560px){
  .grid-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 10px}
  .grid-products .pcard{gap:10px}
  .grid-products .pcard-media{border-radius:18px}
  .grid-products .pcard-body{gap:6px;padding:0 2px}
  .grid-products .pcard-body h3{font-size:14px;line-height:1.3}
  .grid-products .uph-group{display:none}
  .grid-products .pcard-note{font-size:12px}
  .grid-products .pcard-dims{gap:3px}
  .grid-products .pcard-dims .dm{height:22px;padding:0 5px 0 4px;gap:3px;font-size:11.5px}
  .grid-products .pcard-dims svg{width:12px;height:12px}
  .grid-products .pcard-dims .dm-u{font-size:11.5px}
  .grid-products .swatches{gap:2px}
  .grid-products .tag-try{top:8px;left:8px;gap:0;padding:7px;font-size:0}
  .grid-products .tag-try .ico{width:15px;height:15px}
  .grid-products .fav{top:6px;right:6px;width:36px;height:36px}
  .grid-products .pcard-foot{gap:6px;padding:0 2px}
  .grid-products .pcard-foot .price{font-size:13px;letter-spacing:-.01em}
  .grid-products .pcard-foot .add{width:38px;height:38px;padding:0;gap:0;border-radius:12px;font-size:0;justify-content:center}
  .grid-products .pcard-foot .add .ico{width:18px;height:18px}
}

/* ================= Мессенджеры, ссылки ================= */
.u{font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}
.msg-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.msg{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px 0 10px;border-radius:12px;background:var(--soft);font-size:14px;font-weight:600;color:var(--ink);transition:background .2s,color .2s,transform .2s}
.msg .ico{width:20px;height:20px}
.msg.tg .ico{color:#229ED9}
.msg.mx .ico{color:#7B4BFF}
.msg:hover{background:var(--soft-2);color:var(--ink);transform:translateY(-1px)}
.msg.on-dark{background:rgba(255,255,255,.08);color:#fff}
.msg.on-dark:hover{background:rgba(255,255,255,.16);color:#fff}
.msg.on-dark .ico{color:#fff}
.msg.on-yellow{background:rgba(18,18,28,.08)}
.msg.on-yellow:hover{background:rgba(18,18,28,.14)}
.msg.on-yellow .ico{color:var(--ink)}
.msg-label{font-size:14px;font-weight:500;color:rgba(18,18,28,.7);margin-right:2px}
.tb-msg{display:inline-flex;align-items:center;gap:6px}
.tb-msg .ico{width:16px;height:16px}
.mm-contacts .msg-row{margin:4px 0 6px}
.foot-col .msg-row{margin:6px 0 2px}
.foot-addr{font-size:14px;color:var(--on-dark-3)}
.foot-legal{display:flex;flex-wrap:wrap;gap:6px 18px}
.foot-legal a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.25)}
.consent a{text-decoration:underline;text-underline-offset:2px}

/* ================= Главная: «Какой стиль ваш?» ================= */
.sty{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:40px;align-items:stretch;padding:44px;border-radius:32px;background:var(--ink);color:#fff;position:relative;overflow:hidden;isolation:isolate}
.sty::before{content:"";position:absolute;z-index:-1;left:-12%;bottom:-40%;width:60%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(255,212,0,.16),transparent);pointer-events:none}
.sty-side{display:flex;flex-direction:column;gap:18px;min-width:0;padding-top:4px}
.sty .eyebrow{color:rgba(255,255,255,.7)}
.sty-h{margin:0;font:600 46px/1.04 var(--display);letter-spacing:-.035em;text-wrap:balance}
.sty-h span{color:var(--yellow)}
.sty-lead{margin:0;max-width:440px;font-size:16px;line-height:1.55;color:rgba(255,255,255,.72)}
.sty-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.sty-tab{position:relative;display:inline-flex;align-items:center;gap:9px;height:44px;padding:0 8px 0 14px;border:0;border-radius:999px;background:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);font:inherit;font-size:15px;font-weight:600;color:#fff;overflow:hidden;cursor:pointer;transition:background .25s,color .25s,box-shadow .25s}
.sty-tab i{width:10px;height:10px;border-radius:50%;background:var(--tint);flex:none;transition:transform .3s var(--ease)}
.sty-tab small{min-width:30px;height:28px;padding:0 8px;border-radius:999px;background:rgba(255,255,255,.1);font-size:12px;line-height:28px;text-align:center;color:rgba(255,255,255,.8)}
.sty-tab:hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
.sty-tab[aria-selected="true"]{background:var(--yellow);color:var(--ink);box-shadow:none}
.sty-tab[aria-selected="true"] i{transform:scale(1.25);box-shadow:0 0 0 2px var(--ink)}
.sty-tab[aria-selected="true"] small{background:rgba(18,18,28,.12);color:var(--ink)}
/* полоска автопрокрутки на активной вкладке */
.sty-tab::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:rgba(18,18,28,.35);transform:scaleX(0);transform-origin:left}
.sty.auto .sty-tab[aria-selected="true"]::after{animation:sty-bar var(--sty-t,6s) linear forwards}
@keyframes sty-bar{to{transform:scaleX(1)}}

.sty-stage{display:grid;min-width:0}
.sty-panel{grid-area:1/1;position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr;gap:14px;padding:22px;border-radius:26px;background:var(--tint);color:var(--ink);overflow:hidden;min-height:540px}
.sty-num{position:absolute;right:18px;top:4px;z-index:0;font:700 128px/1 var(--display);letter-spacing:-.06em;color:rgba(18,18,28,.06);pointer-events:none}
.sty-pics{grid-column:1/-1;position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;height:330px}
.sty-pic{position:relative;display:grid;place-items:center;border-radius:20px;background:#fff;overflow:hidden}
.sty.js .sty-pic{opacity:0;transform:translateY(14px) scale(.97)}
.sty-pic:first-child{grid-row:1/3}
.sty-pic img{width:84%;height:84%;object-fit:contain;mix-blend-mode:multiply;transition:transform .7s cubic-bezier(.22,1,.36,1)}
.sty-pic:hover img{transform:scale(1.06)}
.sty-cap{position:absolute;left:10px;right:10px;bottom:10px;padding:7px 11px;border-radius:12px;background:rgba(255,255,255,.92);box-shadow:0 6px 18px -8px rgba(18,18,28,.3);font-size:12.5px;font-weight:600;line-height:1.3;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateY(6px);transition:opacity .25s,transform .3s var(--ease)}
.sty-pic:hover .sty-cap,.sty-pic:focus-visible .sty-cap{opacity:1;transform:none}
.sty.js .sty-panel.in .sty-pic{animation:sty-in .6s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--d) * 70ms)}
.sty-panel.in .sty-info{animation:sty-fade .5s ease forwards}
@keyframes sty-in{to{opacity:1;transform:none}}
@keyframes sty-fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.sty-info{grid-column:1/-1;position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name go" "text go" "keys go";gap:6px 24px;align-items:center;padding:6px 6px 2px}
.sty-name{grid-area:name;margin:0;font:600 30px/1.1 var(--display);letter-spacing:-.02em}
.sty-info p{grid-area:text;margin:0;max-width:520px;font-size:15px;line-height:1.55;color:var(--ink-2)}
.sty-keys{grid-area:keys;display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 0;padding:0;list-style:none}
.sty-keys li{padding:5px 11px;border-radius:999px;background:rgba(255,255,255,.6);box-shadow:inset 0 0 0 1px rgba(18,18,28,.08);font-size:12.5px;font-weight:600;color:var(--ink-2)}
.sty-go{grid-area:go;align-self:end}
.sty-go .ico{transition:transform .3s var(--ease)}
.sty-go:hover .ico{transform:translateX(3px)}
@media (max-width:1180px){
  .sty{grid-template-columns:minmax(0,1fr);gap:28px}
  .sty-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:6px -44px 0;padding:2px 44px;scroll-padding:0 44px}
  .sty-tabs::-webkit-scrollbar{display:none}
  .sty-tab{flex:none}
  .sty-lead{max-width:640px}
}
@media (max-width:640px){
  .sty{padding:28px 16px 16px;border-radius:28px;gap:20px}
  .sty-h{font-size:clamp(26px,8.4vw,34px)}
  .sty-lead{font-size:15px}
  .sty-tabs{margin:4px -16px 0;padding:2px 16px;scroll-padding:0 16px}
  .sty-panel{padding:14px;min-height:0;border-radius:22px}
  .sty-pics{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;height:auto}
  .sty-pic{aspect-ratio:1}
  .sty-pic:first-child{grid-row:auto;grid-column:1/-1;aspect-ratio:4/3}
  .sty-num{font-size:84px;right:10px}
  .sty-info{grid-template-columns:minmax(0,1fr);grid-template-areas:"name" "text" "keys" "go";padding:4px 2px 2px}
  .sty-name{font-size:24px}
  .sty-go{justify-self:stretch;margin-top:10px}
  .sty-cap{opacity:1;transform:none;font-size:12px;bottom:8px;left:8px;right:8px}
}
@media (prefers-reduced-motion:reduce){
  .sty.js .sty-pic{opacity:1;transform:none}
  .sty.js .sty-panel.in .sty-pic,.sty-panel.in .sty-info{animation:none}
}

/* ================= Информационные страницы ================= */
.info-hero .eyebrow{margin-bottom:14px}
.info-hero .hero-ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.lead-sm{margin:12px 0 0;font-size:15px;color:var(--muted)}
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:16px;padding:8px;border-radius:28px;background:var(--ink);color:#fff}
.facts div{display:flex;flex-direction:column;gap:6px;padding:22px 24px}
.facts div+div{border-left:1px solid rgba(255,255,255,.1)}
.facts b{font:600 30px/1.1 var(--display);letter-spacing:-.02em;color:var(--yellow)}
.facts span{font-size:14px;line-height:1.4;color:var(--on-dark-3)}
.facts.facts-2{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}
.facts.facts-2 div:nth-child(3){border-left:0}
.facts.facts-2 div:nth-child(n+3){border-top:1px solid rgba(255,255,255,.1)}
.prose-lg{max-width:780px;font-size:18px;line-height:1.7;color:var(--ink-2)}
.prose-lg p{margin:0 0 16px}
.prose-lg p:first-child{color:var(--ink);font-size:20px}
.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.two-col figure{margin:0;border-radius:28px;overflow:hidden;aspect-ratio:4/3;background:var(--soft)}
.two-col figure img{width:100%;height:100%;object-fit:cover}
.note{display:flex;gap:16px;align-items:flex-start;padding:22px 24px;border-radius:24px;background:var(--yellow-soft)}
.note .perk-ico{flex:none}
.note b{display:block;margin-bottom:4px;font-size:17px}
.note p{margin:0;color:var(--ink-2);line-height:1.6}
.cards-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.cards-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.info-card.dark{background:var(--ink);color:#fff}
.info-card.dark p{color:var(--on-dark-2)}
.info-card.line{background:#fff;border:1.5px solid var(--line)}
.info-card ul{margin:0;padding:0 0 0 18px;color:var(--ink-2);font-size:15px;line-height:1.6}
.info-card li+li{margin-top:4px}
.info-card .u{color:var(--ink)}
.color-row{display:flex;flex-wrap:wrap;gap:14px 10px;margin:0;padding:0;list-style:none}
.color-row li{display:flex;flex-direction:column;align-items:center;gap:6px;width:72px;font-size:12.5px;color:var(--muted);text-align:center}
.color-row i{width:52px;height:52px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.check-steps{display:grid;gap:10px;margin:0;padding:0;list-style:none;counter-reset:c}
.check-steps li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;align-items:start;padding:18px 20px;border-radius:20px;background:var(--soft)}
.check-steps li::before{counter-increment:c;content:counter(c);width:40px;height:40px;border-radius:12px;background:#fff;display:grid;place-items:center;font:600 17px/1 var(--display)}
.check-steps b{display:block;margin-bottom:2px}
.check-steps p{margin:0;color:var(--ink-2);font-size:15px;line-height:1.55}
.cmp.plain li{min-height:0;font-size:15px}
.cmp .mark.no{background:#F6DCD9;color:var(--error)}
.biz{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:center;padding:44px;border-radius:32px;background:var(--ink);color:#fff}
.biz h2{margin:10px 0 14px;font:600 34px/1.1 var(--display);letter-spacing:-.02em}
.biz p{margin:0;color:var(--on-dark-2);font-size:16px;line-height:1.6}
.biz .eyebrow{color:rgba(255,255,255,.7)}
.biz ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.biz li{display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.06);font-weight:500}
.biz li .mark{background:var(--yellow);color:var(--ink);width:24px;height:24px}
.biz li .mark .ico{width:12px;height:12px;stroke-width:3}

/* реквизиты */
.req{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;margin:0;padding:8px 28px;border-radius:24px;background:var(--soft)}
.req div{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--line-2)}
.req dt{color:var(--muted);font-size:14px}
.req dd{margin:0;font-weight:500;font-size:15px;overflow-wrap:anywhere}

/* контакты */
.contacts-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.contact-card p{margin:0;font-size:14px;line-height:1.5;color:var(--muted)}
.contact-card .msg-row{margin-top:2px}

/* документы: оглавление + текст */
.doc-head{margin:20px 0 32px;padding:40px 44px;border-radius:32px;background:var(--soft)}
.doc-head h1{margin:0 0 10px;font:600 38px/1.1 var(--display);letter-spacing:-.02em;text-wrap:balance}
.doc-head p{margin:0;color:var(--muted)}
.doc-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:48px;align-items:start}
.doc-toc{position:sticky;top:150px;display:flex;flex-direction:column;gap:2px;max-height:calc(100dvh - 170px);overflow:auto;padding:4px;font-size:14px}
.doc-toc b{margin:0 0 8px 12px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.doc-toc a{padding:8px 12px;border-radius:10px;color:var(--ink-2);line-height:1.35}
.doc-toc a:hover{background:var(--soft);color:var(--ink)}
.doc{max-width:780px;font-size:16px;line-height:1.7;color:var(--ink-2);counter-reset:sec}
.doc section{padding-top:8px;scroll-margin-top:160px}
.doc section+section{margin-top:28px}
.doc h2{display:flex;gap:12px;align-items:baseline;margin:0 0 12px;font:600 22px/1.25 var(--display);color:var(--ink);letter-spacing:-.01em}
.doc h2::before{counter-increment:sec;content:counter(sec);flex:none;display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--yellow);font-size:15px;transform:translateY(-3px)}
.doc p{margin:0 0 12px}
.doc ul,.doc ol{margin:0 0 12px;padding-left:22px}
.doc li+li{margin-top:6px}
.doc a{color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.doc .req{margin:8px 0 0}
.doc-foot{margin-top:36px;padding-top:20px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}

@media (max-width:1024px){
  .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .facts div:nth-child(3){border-left:0}
  .facts div:nth-child(n+3){border-top:1px solid rgba(255,255,255,.1)}
  .two-col,.biz{grid-template-columns:minmax(0,1fr);gap:28px}
  .cards-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .contacts-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}
  .doc-layout{grid-template-columns:minmax(0,1fr);gap:24px}
  .doc-toc{position:static;max-height:none;flex-direction:row;flex-wrap:wrap;gap:6px;padding:0}
  .doc-toc b{display:none}
  .doc-toc a{padding:7px 12px;background:var(--soft);border-radius:999px;font-size:13px}
  .req{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .facts{padding:4px}
  .facts div{min-width:0;padding:14px 12px}
  .facts b{font-size:clamp(16px,5.2vw,22px);overflow-wrap:break-word}
  .cards-4,.cards-2,.contacts-grid.four{grid-template-columns:minmax(0,1fr)}
  .biz{padding:28px 20px}
  .biz h2{font-size:26px}
  .req{padding:4px 18px}
  .req div{grid-template-columns:minmax(0,1fr);gap:2px}
  .doc-head{padding:24px 16px}
  .doc-head h1{font-size:clamp(19px,5.8vw,30px);overflow-wrap:break-word;hyphens:auto}   /* «конфиденциальности» не влезало в 375px */
  .doc{font-size:15.5px}
  .doc h2{font-size:19px}
  .note{padding:18px}
  .prose-lg{font-size:16.5px}
  .prose-lg p:first-child{font-size:18px}
  .color-row li{width:62px}
  .color-row i{width:44px;height:44px}
}

/* ссылки на модели в SEO-тексте раздела */
.seo-text a{color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--yellow);text-decoration-thickness:2px}
.faq details p a{font-weight:600;text-decoration:underline;text-underline-offset:3px}