/* Завод бассейнов — стили сайта */
@font-face{font-family:"Dela Gothic One";font-display:swap;src:url(/assets/fonts/dela-gothic-one-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Dela Gothic One";font-display:swap;src:url(/assets/fonts/dela-gothic-one-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+20BD}
@font-face{font-family:"Manrope";font-weight:400;font-display:swap;src:url(/assets/fonts/manrope-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Manrope";font-weight:400;font-display:swap;src:url(/assets/fonts/manrope-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+20BD}
@font-face{font-family:"Manrope";font-weight:600;font-display:swap;src:url(/assets/fonts/manrope-cyrillic-600-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Manrope";font-weight:600;font-display:swap;src:url(/assets/fonts/manrope-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+20BD}
@font-face{font-family:"Manrope";font-weight:700;font-display:swap;src:url(/assets/fonts/manrope-cyrillic-700-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Manrope";font-weight:700;font-display:swap;src:url(/assets/fonts/manrope-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+20BD}
@font-face{font-family:"Manrope";font-weight:800;font-display:swap;src:url(/assets/fonts/manrope-cyrillic-800-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Manrope";font-weight:800;font-display:swap;src:url(/assets/fonts/manrope-latin-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+20BD}
/* Layout: витрина магазина. Короткий первый экран с переключателем сезона и размерами, сразу под ним — выбор бассейна с ценой и кнопкой покупки.
   Сезон переключает токены через data-season на body; страница сознательно в своей палитре (лето/зима), не зависит от темы. */
:root{
  --f-disp:"Dela Gothic One","Arial Black",Impact,sans-serif;
  --f-body:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --buy:#ff6a13; --buy-h:#f05a00; --ok:#1f9d55;
  color-scheme:light;
}
body{
  --bg:#f1f9fb; --card:#ffffff; --ink:#0a2733; --muted:#4b6872; --line:#cfe5ec;
  --accent:#ff7a1a; --accent-ink:#ffffff; --water:#13a3c6; --water-soft:#d5f1f8;
  --hero-ink:#0a2733; --hero-muted:#24515e; --chip:#ffffffcc; --head:#ffffffe6; --deep:#0a2733;
}
body[data-season="winter"]{
  --bg:#edf2f7; --card:#ffffff; --ink:#0f1d2e; --muted:#566779; --line:#d5e0ea;
  --accent:#5fb8ff; --accent-ink:#06182b; --water:#4f86b8; --water-soft:#dde9f4;
  --hero-ink:#ffffff; --hero-muted:#c9d8e8; --chip:#ffffff1f; --head:#0f1d2ee6; --deep:#0f1d2e;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.55;transition:background-color .7s ease,color .7s ease}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--head)}
h1,h2,h3{margin:0;text-wrap:balance;line-height:1.08}
h2{font-family:var(--f-disp);font-weight:400;font-size:clamp(26px,4vw,42px);letter-spacing:-.01em;text-transform:uppercase}
h3{font-size:19px;font-weight:800}
p{margin:0}
a{color:inherit}
img{display:block;max-width:100%}
button,input{font:inherit}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}
.in{max-width:1200px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
section.band{padding-block:clamp(48px,7vw,88px)}
.eyebrow{font-size:12.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.sec-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px 30px;margin-bottom:28px}
.sec-head p{max-width:46ch;color:var(--muted)}
.tnum{font-variant-numeric:tabular-nums}

/* ---------- шапка ---------- */
.head{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--head);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #0a273314;transition:background-color .7s}
body[data-season="winter"] .head{color:#fff;border-bottom-color:#ffffff1a}
.head .in{display:flex;align-items:center;gap:20px;height:64px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--f-disp);font-size:15px;letter-spacing:.02em;line-height:1;white-space:nowrap}
.logo svg{flex:none}
.nav{display:flex;gap:20px;font-weight:700;font-size:14.5px;margin-left:auto}
.nav a{text-decoration:none;opacity:.85}.nav a:hover{opacity:1}
.phone{font-weight:800;font-size:14.5px;white-space:nowrap}
.cart{position:relative;display:inline-flex;align-items:center;gap:7px;background:var(--buy);color:#fff;text-decoration:none;font-weight:800;font-size:14px;padding:9px 14px;border-radius:999px}
.cart .n{background:#fff;color:var(--buy);border-radius:999px;min-width:20px;height:20px;display:inline-grid;place-items:center;font-size:12px;padding:0 5px}
.cart.bump{animation:bump .5s}
@keyframes bump{40%{transform:scale(1.15)}}
@media (max-width:900px){.nav{display:none}.phone{margin-left:auto}}
@media (max-width:520px){.phone{display:none}.cart{margin-left:auto}.logo{font-size:13px}}

/* ---------- первый экран (компактный) ---------- */
.hero{position:relative;overflow:hidden;color:var(--hero-ink);transition:color .7s}
.sky{position:absolute;inset:0;transition:opacity .9s ease}
.sky.s{background:radial-gradient(60% 70% at 85% 8%,#fff6c9 0%,#ffe08a00 55%),linear-gradient(180deg,#7fd0f5 0%,#bfe9fb 60%,#f1f9fb 100%)}
.sky.w{background:radial-gradient(50% 60% at 80% 0%,#8fb0d633 0%,#0000 60%),linear-gradient(180deg,#121f33 0%,#2b4363 60%,#4f6b8c 100%);opacity:0}
body[data-season="winter"] .sky.s{opacity:0} body[data-season="winter"] .sky.w{opacity:1}
.sun{position:absolute;right:6%;top:-120px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,#fff7d6 0%,#ffd86b 35%,#ffb84d00 70%);transition:opacity .9s,transform 1.2s;animation:glow 6s ease-in-out infinite}
body[data-season="winter"] .sun{opacity:0;transform:translateY(-80px)}
@keyframes glow{50%{transform:scale(1.06)}}
#snow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .9s}
body[data-season="winter"] #snow{opacity:1}
.drift{position:absolute;left:0;right:0;bottom:-2px;height:56px;color:var(--bg);transition:color .7s}
.drift svg{width:100%;height:100%;display:block}
.drift .snowcap{opacity:0;transition:opacity .9s}
body[data-season="winter"] .drift .snowcap{opacity:1}
.hero .in{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(20px,4vw,56px);align-items:center;padding-block:clamp(28px,4vw,48px) clamp(64px,7vw,88px)}
@media (max-width:880px){.hero .in{grid-template-columns:1fr}.porthole{width:min(78vw,340px)!important}}
.hero .eyebrow{color:var(--hero-muted);transition:color .7s}
.hl{margin:10px 0 14px;font-family:var(--f-disp);font-weight:400;text-transform:uppercase;font-size:clamp(32px,4.4vw,60px);line-height:.98;letter-spacing:-.015em;display:grid}
.hl span{grid-area:1/1;display:block;transition:opacity .55s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.hl .w{opacity:0;transform:translateY(30px)}
body[data-season="winter"] .hl .s{opacity:0;transform:translateY(-30px)}
body[data-season="winter"] .hl .w{opacity:1;transform:none}
.hl em{font-style:normal;color:var(--water);transition:color .7s}
body[data-season="winter"] .hl em{color:var(--accent)}
.lead{display:grid;font-size:clamp(15.5px,1.5vw,17.5px);max-width:44ch;color:var(--hero-muted);transition:color .7s}
.lead span{grid-area:1/1;display:block;transition:opacity .5s}
.lead .w{opacity:0}
body[data-season="winter"] .lead .s{opacity:0} body[data-season="winter"] .lead .w{opacity:1}

.season{margin-top:20px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.switch{position:relative;display:grid;grid-template-columns:1fr 1fr;width:220px;height:52px;padding:5px;border-radius:999px;border:0;cursor:pointer;background:#ffffffb3;box-shadow:inset 0 0 0 1.5px #0a273322,0 10px 30px #0a27331f;transition:background-color .7s}
body[data-season="winter"] .switch{background:#ffffff1a;box-shadow:inset 0 0 0 1.5px #ffffff40,0 10px 30px #0006}
.knob{position:absolute;top:5px;left:5px;width:calc(50% - 5px);height:42px;border-radius:999px;background:var(--accent);transition:transform .55s cubic-bezier(.3,1.4,.4,1),background-color .7s;box-shadow:0 6px 16px #0003}
body[data-season="winter"] .knob{transform:translateX(100%)}
.switch span{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:800;font-size:15px;color:var(--hero-ink);transition:color .4s}
body:not([data-season="winter"]) .switch .o-s{color:#fff}
body[data-season="winter"] .switch .o-w{color:var(--accent-ink)}
.season small{font-size:13px;color:var(--hero-muted);transition:color .7s;max-width:34ch;line-height:1.35}

/* быстрый выбор размера в первом экране */
.quick{margin-top:22px;background:var(--chip);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:10px;transition:background-color .7s;max-width:560px}
body:not([data-season="winter"]) .quick{background:#ffffffd9;box-shadow:0 12px 30px #0a27331a}
.quick b{font-size:14px}
.qsizes{display:flex;flex-wrap:wrap;gap:6px}
.qsizes{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))}
.qsizes small{display:block;font-size:11.5px;font-weight:700;opacity:.7;margin-top:1px}
@media (max-width:520px){.qsizes{gap:5px}.qsizes button{padding:7px 2px;font-size:13.5px}.qsizes small{font-size:10.5px;white-space:nowrap;letter-spacing:-.01em}}
.chips small{font-size:12px;font-weight:700;opacity:.65}
.qsizes button{border:0;cursor:pointer;border-radius:10px;padding:8px 6px;font-weight:800;font-size:14.5px;text-align:center;background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}
body[data-season="winter"] .qsizes button{background:#ffffff14;color:#fff;box-shadow:inset 0 0 0 1.5px #ffffff3a}
.qsizes button:hover{box-shadow:inset 0 0 0 2px var(--buy)}
.quick .row{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;font-size:13.5px;color:var(--hero-muted)}
.quick .row a{font-weight:800;color:inherit}

/* круг с фото и термометром */
.porthole{position:relative;width:min(100%,430px);aspect-ratio:1/1;justify-self:center}
.dial{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.dial .tick{stroke:var(--hero-ink);opacity:.35;transition:stroke .7s}
.dial .tick.big{opacity:.7}
.dial text{fill:var(--hero-ink);font-family:var(--f-body);font-weight:800;font-size:16px;transition:fill .7s}
.dial .arc{stroke:var(--accent);transition:stroke .7s,stroke-dashoffset 1.1s cubic-bezier(.3,.9,.3,1)}
.dial .mark{fill:var(--accent);stroke:#fff;stroke-width:3;transition:fill .7s}
.dial .mark-g{transition:transform 1.1s cubic-bezier(.3,.9,.3,1);transform-origin:270px 270px}
.photo{position:absolute;inset:12%;border-radius:50%;overflow:hidden;box-shadow:0 30px 70px #0a273340;background:#cfe5ec}
.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .9s ease,transform 1.4s ease}
.photo .w{opacity:0;transform:scale(1.08)}
body[data-season="winter"] .photo .s{opacity:0;transform:scale(1.08)}
body[data-season="winter"] .photo .w{opacity:1;transform:none}
.photo::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 6px #fff;pointer-events:none}
.temp{position:absolute;left:50%;bottom:0;transform:translateX(-50%);background:var(--deep);color:#fff;border-radius:14px;padding:8px 16px 7px;text-align:center;box-shadow:0 14px 34px #0a273340;transition:background-color .7s;min-width:130px}
body[data-season="winter"] .temp{background:#fff;color:var(--deep)}
.temp b{display:block;font-family:var(--f-disp);font-weight:400;font-size:32px;line-height:1}
.temp small{font-size:11.5px;font-weight:700;opacity:.75}

/* ---------- выбор и покупка ---------- */
#shop{padding-top:clamp(16px,3vw,32px)}
.cfg{background:var(--card);border-radius:28px;border:1px solid var(--line);display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);overflow:hidden;box-shadow:0 24px 60px #0a273314;transition:background-color .7s,border-color .7s}
@media (max-width:860px){.cfg{grid-template-columns:1fr}}
.gallery{display:flex;flex-direction:column;min-width:0;background:#e9f3f6}
.pic{position:relative;aspect-ratio:1/1;background:#e9f3f6;touch-action:pan-y;overflow:hidden}
.pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .25s}
.pic img.fade{opacity:.35}
.gnav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:46px;height:46px;border-radius:50%;border:0;cursor:pointer;background:#ffffffe6;color:#0a2733;box-shadow:0 6px 18px #0a273333;display:grid;place-items:center}
.gnav:hover{background:#fff}
.gnav.prev{left:12px}.gnav.next{right:12px}
.gcount{position:absolute;right:12px;bottom:12px;z-index:2;background:#0a2733cc;color:#fff;font-weight:800;font-size:13px;padding:4px 10px;border-radius:999px}
.thumbs{display:flex;gap:8px;padding:10px;overflow-x:auto;scrollbar-width:thin}
.thumbs button{flex:none;width:72px;height:72px;border:0;padding:0;border-radius:10px;overflow:hidden;cursor:pointer;background:#fff;box-shadow:inset 0 0 0 2px transparent;opacity:.7}
.thumbs button img{width:100%;height:100%;object-fit:cover;border-radius:10px}
.thumbs button[aria-current="true"]{opacity:1;box-shadow:0 0 0 3px var(--water)}
.links{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14px;font-weight:800}
.links a{color:var(--water);text-decoration:none}.links a:hover{text-decoration:underline}
.cat.big{grid-column:span 3;flex-direction:row;align-items:stretch;gap:14px}
.cat.big .ph{flex:0 0 44%;aspect-ratio:1/1}
.cat.big .ph img{object-fit:cover}
.cat.big .tx{display:flex;flex-direction:column;gap:6px;justify-content:center}
.cat.big b{font-family:var(--f-disp);font-weight:400;font-size:22px;text-transform:uppercase;line-height:1.05}
.cat.big .pr{font-weight:800;font-size:16px;color:var(--ink)}
.cat.big em{font-style:normal;font-weight:800;color:var(--water);font-size:14px;margin-top:4px}
@media (max-width:900px){.cat.big{grid-column:span 3}}
@media (max-width:520px){.cat.big{grid-column:span 2}}
.opts{padding:clamp(18px,3vw,32px);display:flex;flex-direction:column;gap:18px;min-width:0}
.opts h2{font-size:clamp(26px,3.2vw,36px)}
.grp{display:flex;flex-direction:column;gap:8px}
.grp > small{font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tab{border:0;cursor:pointer;text-align:left;border-radius:14px;padding:12px 14px;background:var(--bg);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line);display:flex;flex-direction:column;gap:2px}
.tab b{font-size:17px}.tab span{font-size:13px;color:var(--muted);font-weight:600}
.tab[aria-pressed="true"]{box-shadow:inset 0 0 0 3px var(--water);background:var(--water-soft)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips button{border:0;cursor:pointer;border-radius:10px;padding:10px 12px;font-weight:800;font-size:15px;background:var(--bg);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}
.chips button[aria-pressed="true"]{background:var(--deep);color:#fff;box-shadow:none}
.chips button:disabled{opacity:.35;cursor:not-allowed;text-decoration:line-through}
.colors{display:flex;flex-wrap:wrap;gap:8px}
.col{border:0;cursor:pointer;display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;background:var(--bg);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line);font-weight:700;font-size:14px}
.col i{width:28px;height:28px;border-radius:50%;box-shadow:inset 0 0 0 1px #0002}
.col[aria-pressed="true"]{box-shadow:inset 0 0 0 3px var(--water)}
.i-dub{background:repeating-linear-gradient(100deg,#6e4a2e 0 5px,#7b5435 5px 8px,#5f3f27 8px 12px)}
.i-derevo{background:repeating-linear-gradient(100deg,#b07a4e 0 5px,#c28c5d 5px 8px,#9e6b42 8px 12px)}
.i-8017{background:#45322e}.i-7024{background:#474a50}
.facts{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;color:var(--muted)}
.facts b{color:var(--ink)}
.buybox{margin-top:auto;border-top:1px solid var(--line);padding-top:18px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}
.price{display:flex;flex-direction:column;margin-right:auto}
.price b{font-family:var(--f-disp);font-weight:400;font-size:clamp(28px,3.4vw,38px);line-height:1}
.price small{font-size:13px;color:var(--ok);font-weight:800}
.price b.tick{animation:pt .4s}
@keyframes pt{40%{color:var(--buy)}}
.bbtn{border:0;cursor:pointer;border-radius:14px;padding:16px 22px;font-weight:800;font-size:16px;display:inline-flex;align-items:center;gap:8px;text-decoration:none}
.bbtn.cart-add{background:var(--buy);color:#fff;box-shadow:0 10px 24px #ff6a1340}
.bbtn.cart-add:hover{background:var(--buy-h)}
.bbtn.one{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.bbtn.added{background:var(--ok)!important;box-shadow:none}
#addBtn{min-width:180px;justify-content:center}
.buybox .price{flex:1 1 100%}
.buybox .bbtn{flex:1 1 180px;justify-content:center}
@media (max-width:460px){.buybox .bbtn{flex:1 1 100%;justify-content:center}}

/* баки */
.tanks{margin-top:18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media (max-width:900px){.tanks{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tank{background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:background-color .7s,border-color .7s}
.tank img{aspect-ratio:1/1;width:100%;object-fit:cover}
.tank .t{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;flex:1}
.tank b{font-size:15.5px}
.tank .p{font-weight:800;font-size:17px;margin-top:auto}
.tank button{border:0;cursor:pointer;border-radius:12px;padding:11px;font-weight:800;font-size:14.5px;background:var(--buy);color:#fff}
.tank button.added{background:var(--ok)}
.subhead{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:40px;flex-wrap:wrap}
.subhead h3{font-family:var(--f-disp);font-weight:400;font-size:24px;text-transform:uppercase}
.subhead a{font-weight:800;color:var(--water);text-decoration:none}

/* окно «Купить в 1 клик» */
.modal{position:fixed;inset:0;z-index:80;background:#06121acc;display:grid;place-items:center;padding:16px}
.modal[hidden]{display:none!important}
.sheet{background:#fff;color:#0a2733;border-radius:22px;width:min(100%,420px);padding:24px;display:flex;flex-direction:column;gap:14px;box-shadow:0 30px 80px #0008}
.sheet h3{font-family:var(--f-disp);font-weight:400;font-size:24px;text-transform:uppercase}
.sheet .what{font-size:14px;color:#4b6872}
.sheet label{display:flex;flex-direction:column;gap:5px;font-weight:700;font-size:14px}
.sheet input[type=text],.sheet input[type=tel]{border:1.5px solid #cfe5ec;border-radius:12px;padding:13px 14px;font-size:16px;color:#0a2733;background:#fff}
.sheet input:focus{outline:none;border-color:#13a3c6}
.sheet .agree{flex-direction:row;align-items:flex-start;gap:9px;font-weight:500;font-size:13px;color:#4b6872}
.sheet .agree input{margin-top:2px;width:18px;height:18px;flex:none}
.sheet .err{color:#c4332b;font-size:13px;font-weight:700}
.sheet input[type=email]{border:1.5px solid #cfe5ec;border-radius:12px;padding:13px 14px;font-size:16px;color:#0a2733;background:#fff}
.sheet .opt{font-weight:500;color:#7d97a4;font-size:13px}
.sheet .hint{font-weight:500;font-size:12.5px;color:#4b6872;line-height:1.4;background:#fff4e8;border-radius:8px;padding:7px 10px}
.sheet .acts{display:flex;gap:10px;flex-wrap:wrap}
.sheet .acts .bbtn{flex:1;justify-content:center}
.sheet .done{display:flex;flex-direction:column;gap:10px;text-align:center;align-items:center}
.sheet .done i{width:56px;height:56px;border-radius:50%;background:#1f9d55;display:grid;place-items:center}

/* липкая панель покупки на телефоне */
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:55;background:var(--card);border-top:1px solid var(--line);box-shadow:0 -10px 30px #0a27331f;
  padding:10px max(16px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));
  display:none;align-items:center;gap:12px;transform:translateY(110%);transition:transform .3s}
.sticky.show{transform:none}
.sticky .s1{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.sticky .s1 span{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sticky .s1 b{font-size:18px}
.sticky .bbtn{padding:13px 18px}
@media (max-width:860px){.sticky{display:flex}.season small{max-width:none;flex:1 1 100%}}

/* toast */
.toast{position:fixed;left:50%;top:76px;z-index:70;transform:translate(-50%,-20px);opacity:0;background:var(--deep);color:#fff;padding:12px 18px;border-radius:12px;font-weight:700;font-size:14.5px;transition:all .3s;pointer-events:none;max-width:calc(100% - 32px)}
.toast.show{opacity:1;transform:translate(-50%,0)}

/* ---------- сезонный блок ---------- */
.seasonal{background:var(--deep);color:#fff;transition:background-color .7s}
.seasonal .eyebrow{color:#ffffffa6}
.seasonal .sec-head p{color:#ffffffb3}
.pane{display:none}
body:not([data-season="winter"]) .pane.s, body[data-season="winter"] .pane.w{display:block;animation:rise .7s ease both}
@keyframes rise{from{opacity:0;transform:translateY(16px)}}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:820px){.steps{grid-template-columns:1fr}}
.step{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:20px;overflow:hidden;display:flex;flex-direction:column}
.step img{aspect-ratio:5/4;object-fit:cover;width:100%}
.step .t{padding:16px 18px 20px;display:flex;flex-direction:column;gap:6px}
.step .n{font-family:var(--f-disp);font-size:40px;line-height:1;color:var(--accent);transition:color .7s}
.step p{color:#ffffffc7;font-size:15px}
.gal{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px}
@media (max-width:820px){.gal{grid-template-columns:1fr 1fr}.gal img:first-child{grid-column:1/-1}}
.gal img{width:100%;aspect-ratio:5/4;object-fit:cover;border-radius:20px}
.addons{margin-top:16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media (max-width:820px){.addons{grid-template-columns:1fr 1fr}}
.addon{border:1px solid #ffffff26;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:6px;text-decoration:none}
.addon b{font-size:16px}.addon span{font-size:14px;color:#ffffffb3}
.addon em{font-style:normal;font-weight:800;color:var(--accent);font-size:14px;margin-top:auto;transition:color .7s}
.seasonal .cta-row{margin-top:24px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.seasonal .cta-row span{color:#ffffffb3;font-size:14.5px}

/* ---------- каталог ---------- */
.cats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
@media (max-width:900px){.cats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:520px){.cats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cat{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:12px;text-decoration:none;display:flex;flex-direction:column;gap:8px;transition:transform .2s,box-shadow .2s,background-color .7s,border-color .7s}
.cat:hover{transform:translateY(-3px);box-shadow:0 16px 36px #0a27331a}
.cat .ph{aspect-ratio:1/1;border-radius:10px;background:#fff;overflow:hidden}
.cat .ph img{width:100%;height:100%;object-fit:contain}
.cat b{font-size:15px}.cat span{font-size:13px;color:var(--muted)}

/* ---------- где купить ---------- */
.buy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:760px){.buy{grid-template-columns:1fr}}
.shop{border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:6px;text-decoration:none;background:var(--card);border:1px solid var(--line);transition:background-color .7s,border-color .7s}
.shop b{font-family:var(--f-disp);font-weight:400;font-size:21px;text-transform:uppercase}
.shop span{color:var(--muted);font-size:14.5px}
.shop.main{background:var(--deep);color:#fff;border-color:transparent}
.shop.main span{color:#ffffffb3}

/* ---------- подвал ---------- */
.foot{background:var(--deep);color:#ffffffc2;padding-block:44px calc(32px + env(safe-area-inset-bottom,0px));transition:background-color .7s;font-size:14.5px}
@media (max-width:860px){.foot{padding-bottom:110px}}
.foot .in{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
@media (max-width:900px){.foot .in{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.foot .in{grid-template-columns:1fr}}
.foot b{color:#fff}
.foot .logo{color:#fff;margin-bottom:12px}
.foot ul{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:7px}
.foot a{text-decoration:none}.foot a:hover{color:#fff}
.legal{grid-column:1/-1;border-top:1px solid #ffffff1f;padding-top:18px;font-size:13px;color:#ffffff8c;display:flex;flex-wrap:wrap;gap:8px 24px}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}html{scroll-behavior:auto}}

/* ================= Дополнения для рабочего сайта ================= */
.skip{position:absolute;left:-9999px;top:0;z-index:100;background:#fff;color:#0a2733;padding:10px 14px;border-radius:8px}
.skip:focus{left:12px;top:12px}
.head .logo span{display:block}
.burger{display:none;width:44px;height:44px;border:0;background:transparent;color:inherit;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;margin-right:-8px}
.burger span{display:block;width:22px;height:2.5px;border-radius:2px;background:currentColor}
.mnav{display:flex;flex-direction:column;padding:8px max(16px,env(safe-area-inset-right,0px)) 16px max(16px,env(safe-area-inset-left,0px));border-top:1px solid #0a273314}
.mnav a{padding:12px 0;font-weight:700;text-decoration:none;border-bottom:1px solid #0a27330f}
@media (max-width:900px){.burger{display:flex}}
@media (max-width:420px){.cart .cart-l{display:none}}
.banner{background:var(--accent);color:var(--accent-ink);font-weight:800;font-size:14px;text-align:center;padding-block:8px}

.crumbs-wrap{padding-top:18px}
.crumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:13.5px;color:var(--muted)}
.crumbs a{color:var(--muted)}
.crumbs [aria-current]{color:var(--ink);font-weight:600}
.h1{font-family:var(--f-disp);font-weight:400;font-size:clamp(26px,3.6vw,40px);line-height:1.08;text-transform:uppercase;letter-spacing:-.01em;margin:0 0 12px}
.ptitle{font-family:var(--f-disp);font-weight:400;font-size:clamp(22px,2.6vw,30px);line-height:1.12;margin-top:6px}
.inner section.band:first-of-type{padding-top:20px}
.narrow{max-width:860px}
.empty{color:var(--muted);font-size:16px;padding:20px 0}
.note-ok{background:#e4f5ea;color:#1f6b3a;border-radius:10px;padding:10px 14px;font-weight:700}

/* сетка товаров */
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.pcard{background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.pcard:hover{transform:translateY(-3px);box-shadow:0 16px 36px #0a27331a}
.pcard[hidden]{display:none}
.pcard-img{display:block;aspect-ratio:1/1;background:#eef5f7}
.pcard-img img{width:100%;height:100%;object-fit:cover}
.noimg{display:grid;place-items:center;height:100%;color:var(--muted);font-size:13px}
.pcard-t{padding:12px 14px 14px;display:flex;flex-direction:column;gap:10px;flex:1}
.pcard h3{font-size:15px;font-weight:700;line-height:1.3}
.pcard h3 a{text-decoration:none}
.pcard h3 a:hover{color:var(--water)}
.pcard-b{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.pcard-p{font-weight:800;font-size:17px}
.pbtn{border:0;cursor:pointer;border-radius:12px;padding:10px 14px;font-weight:800;font-size:14px;background:var(--buy);color:#fff;text-decoration:none;white-space:nowrap}
.pbtn:hover{background:var(--buy-h)}
.pbtn.added{background:var(--ok)}
.pcard-out{font-size:13px;color:var(--muted);font-weight:700}
.tanks{margin-top:18px}

/* категория */
.cat-intro{color:var(--muted);margin-top:-4px}
.sorts{display:flex;flex-wrap:wrap;gap:6px}
.sorts a{font-size:14px;font-weight:700;text-decoration:none;padding:8px 12px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--line);background:var(--card)}
.sorts a[aria-current]{background:var(--deep);color:#fff;box-shadow:none}
.filters{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:16px;display:flex;flex-wrap:wrap;gap:16px 28px;align-items:flex-start;margin-bottom:18px}
.filters .chips button,.filters .col{font-size:14px}
.fcount{align-self:flex-end;margin-left:auto;font-size:14px;color:var(--muted);font-weight:700}
.cat-desc{margin-top:40px;max-width:860px;color:var(--ink)}

/* чипы-ссылки и радиокнопки на странице товара */
a.chip,label.chip{display:inline-flex;align-items:center;gap:6px;text-decoration:none;border-radius:10px;padding:10px 12px;font-weight:800;font-size:15px;background:var(--bg);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line);cursor:pointer}
a.chip[aria-current]{background:var(--deep);color:#fff;box-shadow:none}
a.chip:hover,label.chip:hover{box-shadow:inset 0 0 0 2px var(--water)}
label.chip input{position:absolute;opacity:0;pointer-events:none}
label.chip:has(input:checked){background:var(--deep);color:#fff;box-shadow:none}
label.chip:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:2px}
fieldset.grp{border:0;padding:0;margin:0;min-width:0}
fieldset.grp legend{padding:0;margin-bottom:8px}
fieldset.grp legend small{font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
a.col{text-decoration:none}
a.col[aria-current]{box-shadow:inset 0 0 0 3px var(--water)}
.price small.out{color:#b42318}
.pp .cfg{box-shadow:0 18px 50px #0a273312}
.pinfo{margin-top:28px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px;align-items:start}
@media (max-width:860px){.pinfo{grid-template-columns:1fr}}
.pinfo h2{font-family:var(--f-disp);font-weight:400;font-size:24px;text-transform:uppercase;margin-bottom:12px}
.pattr{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px}
.attrs{width:100%;border-collapse:collapse;font-size:14.5px}
.attrs th,.attrs td{padding:9px 0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.attrs th{color:var(--muted);font-weight:600;width:48%;padding-right:12px}
.attrs td{font-weight:700}
.pnote{font-size:13.5px;color:var(--muted);margin-top:12px}

/* текст статей и описаний */
.rich{font-size:16.5px;line-height:1.7;max-width:72ch}
.rich p{margin:0 0 14px}
.rich h2,.rich h3{margin:26px 0 10px;line-height:1.2}
.rich ul,.rich ol{padding-left:22px;margin:0 0 14px}
.rich li{margin:4px 0}
.rich img{height:auto;border-radius:14px;margin:10px 0}
.rich a{color:var(--water)}
.rich table{border-collapse:collapse;width:100%;display:block;overflow-x:auto;margin:0 0 14px}
.rich td,.rich th{border:1px solid var(--line);padding:8px}
.rich iframe{max-width:100%;border:0;border-radius:12px}
.article .date,.post .date{color:var(--muted);font-size:13.5px;margin:-4px 0 16px;display:block}
.art-cta{margin-top:30px;background:var(--deep);color:#fff;border-radius:20px;padding:22px;display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}
.art-cta b{font-family:var(--f-disp);font-weight:400;font-size:22px;text-transform:uppercase;flex:1 1 100%}
.art-cta span{color:#ffffffc7;flex:1 1 260px}

/* статьи списком */
.posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.post{background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;gap:6px;padding-bottom:16px;transition:transform .2s,box-shadow .2s}
.post:hover{transform:translateY(-3px);box-shadow:0 16px 36px #0a27331a}
.post img{width:100%;aspect-ratio:16/10;object-fit:cover;margin-bottom:8px}
.post b,.post span,.post .date{padding:0 16px}
.post b{font-size:16.5px;line-height:1.3}
.post span{font-size:14px;color:var(--muted)}
.post .date{margin:0}
.more-link{margin-top:16px}
.more-link a{color:var(--accent);font-weight:800}

/* корзина */
.clines{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.cline{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:12px;display:grid;grid-template-columns:80px minmax(0,1fr) auto auto 36px;gap:12px;align-items:center}
.cimg img{width:80px;height:80px;object-fit:cover;border-radius:12px}
.cinfo{display:flex;flex-direction:column;gap:2px;min-width:0}
.cinfo a{text-decoration:none}
.cinfo small{color:var(--muted)}
.cinfo .unit{font-size:13px;color:var(--muted)}
.qty{display:flex;align-items:center;gap:6px}
.qty button{width:34px;height:34px;border-radius:10px;border:0;background:var(--bg);box-shadow:inset 0 0 0 1.5px var(--line);font-size:18px;font-weight:800;cursor:pointer;color:var(--ink)}
.qty span{min-width:22px;text-align:center;font-weight:800}
.csum{font-size:16px;white-space:nowrap}
.crm button{width:34px;height:34px;border:0;background:transparent;font-size:22px;color:var(--muted);cursor:pointer;border-radius:10px}
.crm button:hover{background:#fdecea;color:#b42318}
@media (max-width:640px){.cline{grid-template-columns:64px minmax(0,1fr) auto;grid-template-areas:"img info rm" "img qty sum"}.cimg{grid-area:img}.cimg img{width:64px;height:64px}.cinfo{grid-area:info}.qty{grid-area:qty}.csum{grid-area:sum;text-align:right}.crm{grid-area:rm}}
.ctotal{text-align:right;font-size:20px;margin:16px 0 26px}
.ctotal b{font-family:var(--f-disp);font-weight:400;font-size:28px}
.checkout{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:clamp(18px,3vw,28px);display:flex;flex-direction:column;gap:14px;max-width:560px}
.checkout h2{font-family:var(--f-disp);font-weight:400;font-size:26px;text-transform:uppercase}
.checkout label,.sheet label{display:flex;flex-direction:column;gap:5px;font-weight:700;font-size:14px}
.checkout input[type=text],.checkout input[type=tel],.checkout input[type=email],.checkout textarea{border:1.5px solid var(--line);border-radius:12px;padding:13px 14px;font-size:16px;color:var(--ink);background:#fff;font-family:inherit}
.checkout input:focus,.checkout textarea:focus{outline:none;border-color:var(--water)}
.checkout .agree,.sheet .agree{flex-direction:row;align-items:flex-start;gap:9px;font-weight:500;font-size:13.5px;color:var(--muted)}
.checkout .agree input,.sheet .agree input{margin-top:2px;width:18px;height:18px;flex:none}
.agree a{color:var(--water)}
.checkout .hint,.sheet .hint{font-weight:500;font-size:12.5px;color:#4b6872;line-height:1.4;background:#fff4e8;border-radius:8px;padding:7px 10px}
.opt{font-weight:500;color:#7d97a4;font-size:13px}
.ferr{color:#b42318;font-size:13px;font-weight:700}
.err-box{background:#fdecea;color:#b42318;border-radius:10px;padding:10px 14px;font-weight:700}
.checkout .bbtn{align-self:flex-start}
.hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.done-page{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}
.okmark{width:64px;height:64px;border-radius:50%;background:var(--ok);display:grid;place-items:center}
.nf{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}
.nf-code{font-family:var(--f-disp);font-size:96px;line-height:1;color:var(--water)}
.nf-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}

/* окно «Купить в 1 клик» — поля */
.sheet input[type=email]{border:1.5px solid #cfe5ec;border-radius:12px;padding:13px 14px;font-size:16px;color:#0a2733;background:#fff}
.sheet .fbody{display:flex;flex-direction:column;gap:14px}
.sheet .opt{font-weight:500}
.cat .tx{display:flex;flex-direction:column;gap:4px}
.cat .ph img{background:#fff}
.col:disabled{opacity:.35;cursor:not-allowed}
.bbtn:disabled{opacity:.45;cursor:not-allowed}

/* фильтры категории (ссылки-ЧПУ) */
.facets{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:16px;display:flex;flex-wrap:wrap;gap:14px 28px;align-items:flex-start;margin-bottom:18px}
.facets .grp{min-width:0}
.facets .chip{font-size:14px;padding:8px 11px}
.facets .chip small{font-weight:700;opacity:.55;font-size:12px}
.facets .chip.on{background:var(--deep);color:#fff;box-shadow:none}
.facets .chip.zero{opacity:.38;cursor:default;box-shadow:inset 0 0 0 1.5px var(--line)}
.facets .chip.zero:hover{box-shadow:inset 0 0 0 1.5px var(--line)}
.facets .fcount{flex:1 1 100%;margin:0;font-size:14px;color:var(--muted)}
.facets .fcount a{color:var(--water);font-weight:700}
span.chip{display:inline-flex;align-items:center;border-radius:10px;font-weight:800;background:var(--bg);color:var(--ink)}
@media (max-width:560px){.facets{padding:12px;gap:10px}.facets .grp{width:100%}.facets .chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.facets .chips::-webkit-scrollbar{display:none}.facets .chip{flex:none}}