/* Jost из Google без є і ї ґ — свой файл с дорисованными украинскими буквами */
  @font-face{font-family:'Jost';font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/jost-300.woff2) format('woff2')}
  @font-face{font-family:'Jost';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/jost-400.woff2) format('woff2')}
  @font-face{font-family:'Jost';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/jost-500.woff2) format('woff2')}
  :root{
    --ink:#0b0b0b; --bg:#fff; --line:#e9e9e9; --muted:#707070; --soft:#f6f6f4;
    --pad:clamp(16px,4.2vw,64px);
    --logo-font:'Jost',sans-serif; --logo-weight:300; --logo-track:.28em; --logo-size:34px;
  }
  body.logo-b{ --logo-font:'Syncopate',sans-serif; --logo-weight:700; --logo-track:.08em; --logo-size:30px; }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{background:var(--bg);color:var(--ink);font-family:'Jost',sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}
  a{color:inherit;text-decoration:none}
  button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
  img{display:block;max-width:100%}

  /* ── Instagram-смуга ── */
  .ig{position:relative;background:var(--ink);color:#fff;height:36px;display:flex;align-items:center;justify-content:center;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
  .ig a{display:inline-flex;gap:8px;align-items:center}
  .ig a:hover{opacity:.75}
  .ig .x{position:absolute;right:var(--pad);top:0;height:36px;width:36px;display:grid;place-items:center;font-size:18px;color:#fff;opacity:.8}
  .ig{transition:height .45s cubic-bezier(.7,0,.2,1),opacity .3s;overflow:hidden}
  .ig.hidden{height:0!important;opacity:0}

  /* ── Шапка (як 044garden) ── */
  header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(8px);-webkit-backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--line)}
  .row1{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:78px;padding:0 var(--pad)}
  .logo{font-family:var(--logo-font);font-weight:var(--logo-weight);font-size:var(--logo-size);letter-spacing:var(--logo-track);padding-left:var(--logo-track);line-height:1}
  .tools{display:flex;justify-content:flex-end;align-items:center;gap:26px;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
  .sw span{color:#b5b5b5;cursor:pointer;transition:color .3s}.sw span.on{color:var(--ink)}
  .sw i{font-style:normal;color:#cfcfcf;margin:0 5px}
  .ico{width:22px;height:22px;display:grid;place-items:center;position:relative}
  .ico svg{width:20px;height:20px;stroke:var(--ink);fill:none;stroke-width:1.3}
  .ico b{position:absolute;top:-5px;right:-8px;font-size:10px;font-weight:500;background:var(--ink);color:#fff;border-radius:10px;min-width:16px;height:16px;display:grid;place-items:center;padding:0 4px;letter-spacing:0}
  nav{display:flex;justify-content:center;gap:clamp(20px,3vw,44px);height:42px;align-items:flex-start;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase}
  nav a{position:relative;padding-bottom:6px;white-space:nowrap}
  nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.7,0,.2,1)}
  nav a.cur::after{transform:scaleX(1)}
  nav a:hover::after{transform:scaleX(1)}

  /* ── Hero ── */
  .hero .two{display:none;position:absolute;inset:0;grid-template-columns:1fr 1fr}
  .hero .two img{width:100%;height:100%;object-fit:cover;object-position:50% 12%}
  .hero.v3 .one{display:none}.hero.v3 .two{display:grid}
  
  
  
  
  .hero picture,.banner picture{display:block;width:100%;height:100%}
  .hero{position:relative;height:calc(100vh - 157px);height:calc(100svh - 157px);min-height:440px;max-height:1100px;overflow:hidden;background:#cfcac4}
  .hero img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:scale(1.03);animation:settle 2.4s cubic-bezier(.2,.7,.2,1) forwards}
  @keyframes settle{to{transform:scale(1)}}
  .hero .cta,.banner .cta{position:absolute;left:var(--pad);bottom:56px;display:flex;flex-direction:column;align-items:flex-start;gap:18px;color:#fff}
  .hero .cta small{font-size:12px;letter-spacing:.3em;text-transform:uppercase;text-shadow:0 1px 12px rgba(0,0,0,.25)}
  .btn{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:50px;padding:0 34px;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;border:1px solid currentColor;transition:background .25s,color .25s}
  .btn.light{color:#fff;border-color:#fff}
  .btn.dark{color:var(--ink)}

  /* ── Категорії ── */
  .cats{padding:56px 0 64px;border-bottom:1px solid var(--line);position:relative}
  .cats .track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 7*16px)/8);gap:16px;padding:0 var(--pad);overflow-x:auto;scrollbar-width:none}
  .cats .track::-webkit-scrollbar{display:none}
  .cat{display:flex;flex-direction:column;gap:14px;text-align:center}
  .cat .ph{aspect-ratio:3/4;overflow:hidden;background:var(--soft)}
  .cat img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
  .cat:hover img{transform:scale(1.05)}
  .cat span{font-size:13px;letter-spacing:.08em;text-transform:uppercase}

  /* ── Bestsellers ── */
  .sec{padding:88px var(--pad) 96px}
  .sec h2{font-weight:300;font-size:clamp(28px,2.6vw,38px);letter-spacing:.02em;text-align:center;margin-bottom:44px}
  .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
  .card{display:flex;flex-direction:column;gap:12px}
  .card .ph{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--soft)}
  .card .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
  .card .ph img.b{opacity:0}
  .card .ph.pack{background:#fff}
  .card .ph.pack .badge{background:var(--ink);color:#fff}
  .card .ph.pack img{object-fit:contain;padding:6% 4%}
  .card .ph.pack img.b{padding:0}
  .card:hover .ph img.b{opacity:1}
  .badge{position:absolute;top:12px;left:12px;z-index:2;background:#fff;font-size:11px;letter-spacing:.14em;padding:5px 9px;text-transform:uppercase}
  .quick{position:absolute;left:12px;right:12px;bottom:12px;z-index:2;background:rgba(255,255,255,.94);height:44px;display:flex;align-items:center;justify-content:center;gap:14px;font-size:12px;letter-spacing:.12em;opacity:0;transform:translateY(8px);transition:.3s}
  .card:hover .quick{opacity:1;transform:none}
  .quick span:hover{text-decoration:underline}
  .card .nm{font-size:14px;letter-spacing:.02em}
  .card .pr{font-size:14px;font-weight:500}
  .dots{display:flex;gap:6px;align-items:center;font-size:11px;color:var(--muted)}
  .dots i{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.12)}
  .more{display:flex;justify-content:center;margin-top:52px}

  /* ── Банер 2 ── */
  .banner{position:relative;height:min(88vh,860px);min-height:560px;overflow:hidden}
  .banner img{width:100%;height:100%;object-fit:cover;object-position:58% 72%}



  /* ── Типографіка без розтягувань ── */
  h1,h2,h3,.h2{text-wrap:balance}
  p,.step p,.nm{text-wrap:pretty;hyphens:manual}
  .burger,.mnav{display:none}
  /* ── reveal ── */
  .rv{opacity:0;transform:translateY(24px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
  .rv.in{opacity:1;transform:none}
  @media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}
  .kick{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}
  .h2{font-weight:300;font-size:clamp(30px,3vw,46px);line-height:1.1;letter-spacing:.01em}

  /* ── Velour collection ── */
  .vel{padding:110px var(--pad) 110px;display:grid;grid-template-columns:1.05fr 1fr;gap:18px;align-items:stretch}
  .vel .lead{position:relative;overflow:hidden;background:var(--soft);min-height:780px}
  .vel .lead img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
  .vel .lead:hover img{transform:scale(1.03)}
  .vel .lead::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0) 38%)}
  .vel .lead .cap{z-index:2}
  .vel .lead .cap{position:absolute;left:32px;right:32px;bottom:32px;color:#fff;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
  .vel .lead .cap .h2{color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.25)}
  .vel .side{display:grid;grid-template-columns:1fr 1fr;gap:18px}
  .vel .side{grid-template-rows:1fr 1fr}
  .vel .side .card{gap:8px;min-height:0}
  .vel .side .card .ph.pack{aspect-ratio:auto;flex:1;min-height:0}

  /* ── Чому IDOL унікальний ── */
  .uniq{display:grid;grid-template-columns:1fr 1fr;min-height:760px;background:var(--ink);color:#fff}
  .uniq .ph{position:relative;overflow:hidden}
  .uniq .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 60%}
  .uniq .txt{padding:clamp(40px,7vw,120px);display:flex;flex-direction:column;justify-content:center;gap:28px;max-width:640px}
  .uniq .kick{color:rgba(255,255,255,.55)}
  .uniq .h2{font-size:clamp(34px,3.6vw,56px)}
  .uniq .lead-p{font-weight:300;font-size:clamp(19px,1.6vw,23px);line-height:1.55;color:#fff}
  .uniq .sub-p{font-size:15.5px;line-height:1.75;color:rgba(255,255,255,.62);border-left:1px solid rgba(255,255,255,.25);padding-left:20px}
  .uniq .logo-mark{font-family:var(--logo-font);font-weight:300;letter-spacing:.34em;font-size:15px;color:rgba(255,255,255,.7)}

  /* ── Три лінійки ── */
  .lines{padding:110px var(--pad);display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .line{position:relative;aspect-ratio:3/4.3;overflow:hidden;background:var(--soft);color:#fff}
  .line img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
  .line:hover img{transform:scale(1.04)}
  .line::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.45),rgba(0,0,0,0) 45%)}
  .line .lbl{position:absolute;z-index:2;left:28px;right:28px;bottom:28px;display:flex;justify-content:space-between;align-items:center;font-size:13px;letter-spacing:.2em;text-transform:uppercase}
  .line .lbl b{font-weight:400}
  .line .lbl span{font-size:18px;transition:transform .3s}
  .line:hover .lbl span{transform:translateX(6px)}

  /* ── Як замовити ── */
  .how{padding:110px var(--pad);border-top:1px solid var(--line)}
  .how .top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:64px}
  .how .top a{font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid var(--ink);padding-bottom:4px}
  .steps{display:grid;grid-template-columns:repeat(5,1fr);gap:28px;counter-reset:st}
  .step{border-top:1px solid var(--ink);padding-top:22px;display:flex;flex-direction:column;gap:12px}
  .step i{font-style:normal;font-weight:300;font-size:44px;line-height:1;color:#c9c9c9}
  .step b{font-weight:500;font-size:16px;letter-spacing:.01em}
  .step p{font-size:14.5px;line-height:1.6;color:#555}

  /* ── Про бренд ── */
  .about{padding:0 var(--pad) 120px;display:grid;grid-template-columns:5fr 7fr;gap:clamp(32px,6vw,110px);align-items:start}
  .about .ph{aspect-ratio:3/4;overflow:hidden;background:var(--soft);position:sticky;top:150px}
  .about .ph img{width:100%;height:100%;object-fit:cover}
  .about .txt{padding-top:20px;display:flex;flex-direction:column;gap:22px;max-width:680px}
  .about .txt p{font-size:17px;line-height:1.75;color:#2b2b2b}
  .about .txt p.ph-note{color:#9a9a9a;font-style:italic}
  .about h3{font-weight:400;font-size:20px;margin-top:22px}
  .about ul{list-style:none;columns:2;column-gap:40px;font-size:15.5px;line-height:2.1}
  .about ul li::before{content:"— ";color:#aaa}
  .about .more-link{align-self:flex-start;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid var(--ink);padding-bottom:4px;margin-top:10px}

  /* ── Футер ── */
  footer{border-top:1px solid var(--line);padding:80px var(--pad) 0;overflow:hidden}
  .fcols{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
  .fcols h4{font-weight:400;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:22px}
  .fcols a,.fcols span{display:block;font-size:13px;letter-spacing:.1em;text-transform:uppercase;line-height:2.3}
  .fcols a{width:fit-content;background:linear-gradient(currentColor,currentColor) left 88%/0 1px no-repeat;transition:background-size .45s cubic-bezier(.7,0,.2,1)}
  .fcols a:hover{background-size:100% 1px}
  .fcols .soc{display:flex;gap:16px;margin-top:14px}
  .fcols .soc a{width:22px;height:22px}
  .fcols .soc svg{width:22px;height:22px;stroke:var(--ink);fill:none;stroke-width:1.4}
  .wordmark{font-family:var(--logo-font);font-weight:300;letter-spacing:.28em;font-size:clamp(72px,15vw,230px);line-height:.8;text-align:center;margin:90px 0 0;padding-left:.28em;user-select:none}
  .fbottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);margin-top:48px;padding:22px 0 26px;font-size:12px;color:var(--muted);letter-spacing:.06em}
  .fbottom .pay{display:flex;gap:8px}
  .fbottom .pay img{height:22px;width:auto;opacity:.85}

  /* ── Пошук на весь екран ── */
  .search{position:fixed;inset:0;z-index:50;background:#fff;display:flex;flex-direction:column;align-items:center;padding-top:14vh;visibility:hidden;clip-path:inset(0 0 100% 0);transition:clip-path .55s cubic-bezier(.7,0,.2,1),visibility 0s .55s}
  .search.open{visibility:visible;clip-path:inset(0 0 0 0);transition:clip-path .55s cubic-bezier(.7,0,.2,1)}
  .search h3,.search input,.search .x{opacity:0;transform:translateY(16px);transition:opacity .3s,transform .3s}
  .search.open h3,.search.open input,.search.open .x{opacity:1;transform:none;transition:opacity .5s .3s,transform .6s .3s cubic-bezier(.2,.7,.2,1)}
  .search.open input{transition-delay:.4s}
  .search input{transform-origin:left}
  .search h3{font-weight:300;font-size:34px;margin-bottom:40px}
  .search input{width:min(680px,86vw);border:0;border-bottom:1px solid var(--ink);font:300 20px 'Jost',sans-serif;padding:10px 2px;outline:none}
  .search .x{position:absolute;top:28px;right:var(--pad);font-size:30px;font-weight:300}

  @media (max-width:900px){
    .tools .sw,.tools .acc{display:none}
    nav{gap:18px;overflow-x:auto;justify-content:flex-start;padding:0 var(--pad);scrollbar-width:none}
    .cats .track{grid-auto-columns:38%}
    .grid{grid-template-columns:repeat(2,1fr);gap:12px}
    .hero .cta,.banner .cta{left:50%;transform:translateX(-50%);align-items:center;bottom:40px}
    .btn{padding:0 26px}
    .row1{height:64px}
    :root{--pad:20px}
    .burger{display:flex;flex-direction:column;gap:6px;width:26px;padding:6px 0}
    .burger i{display:block;height:1.3px;background:var(--ink)}
    .burger i:nth-child(2){width:76%}
    .burger i:nth-child(3){width:52%}
    .tools{gap:0}
    .tools .ico{width:30px;height:36px}
    nav{display:none}
    .logo{font-size:26px}
    .mnav{display:flex;position:fixed;inset:0;z-index:60;background:#fff;flex-direction:column;padding:0 var(--pad) 32px;clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .55s cubic-bezier(.7,0,.2,1),visibility 0s .55s;overflow:auto}
    body.menu-open .mnav{clip-path:inset(0 0 0 0);visibility:visible;transition:clip-path .55s cubic-bezier(.7,0,.2,1)}
    .mtop{display:flex;justify-content:space-between;align-items:center;height:64px;border-bottom:1px solid var(--line)}
    .mtop .x{font-size:28px;font-weight:300}
    .hero{height:calc(100svh - 36px - 65px);min-height:520px;max-height:none}
    .hero img{object-position:50% 50%}
    .hero .cta{display:flex}
    .ig{font-size:11px;letter-spacing:.12em}
    .cats{padding:36px 0 44px}
    .cats .track{grid-auto-columns:40%;gap:10px}
    .cat{gap:10px}.cat span{font-size:11.5px;letter-spacing:.06em}
    .sec{padding:60px var(--pad) 64px}
    .sec h2{margin-bottom:28px}
    .grid{gap:24px 10px}
    .card .nm{font-size:13px;line-height:1.4}.card .pr{font-size:13px}
    .quick{display:none}
    .more{margin-top:36px}
    .btn{height:48px;font-size:12px;letter-spacing:.12em}
    .banner{height:auto;min-height:0;aspect-ratio:4/5}
    .banner .cta{bottom:28px}
    .kick{letter-spacing:.16em;font-size:11px}
    .vel .lead .cap{left:20px;right:20px;bottom:20px;flex-direction:column;align-items:flex-start;gap:16px}
    .uniq .txt{padding:48px var(--pad) 56px;gap:20px}
    .uniq .lead-p{font-size:19px}
    .line{aspect-ratio:4/5}
    .line .lbl{left:20px;right:20px;bottom:20px;letter-spacing:.14em;font-size:12px}
    .how .top{margin-bottom:36px}
    .step{padding-top:16px;gap:8px}.step i{font-size:34px}
    .about .txt p{font-size:16px;line-height:1.7}
    .about ul{font-size:15px;line-height:2}
    footer{padding:56px var(--pad) 0}
    .fcols{gap:36px 20px}
    .fcols a,.fcols span{font-size:12px;letter-spacing:.06em;line-height:2.2}
    .wordmark{margin-top:56px;letter-spacing:.2em;padding-left:.2em}
    .hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(to top,rgba(0,0,0,.42),rgba(0,0,0,0));pointer-events:none}
    .hero .cta{display:flex;z-index:2;bottom:40px;width:calc(100% - 40px)}
    .hero .cta .btn{width:100%;background:rgba(255,255,255,.14);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
    .banner .cta{bottom:34px}
    .uniq .logo-mark{letter-spacing:.2em;font-size:13px}
    .fcols a,.fcols span{line-height:1.45;padding:6px 0}
    .fcols h4{margin-bottom:14px}
    .vel .lead .kick{display:none}
    .vel{grid-template-columns:1fr;padding:72px var(--pad)}
    .vel .lead{min-height:520px}
    .vel .side{grid-template-rows:auto}
    .vel .side .card .ph.pack{aspect-ratio:3/4;flex:none}
    .uniq{grid-template-columns:1fr}
    .uniq .ph{aspect-ratio:4/5}
    .how{padding:72px var(--pad)}
    .how .top{flex-direction:column;align-items:flex-start}
    .steps{grid-template-columns:1fr;gap:26px}
    .about{grid-template-columns:1fr;padding-bottom:72px}
    .about .ph{position:static}
    .about ul{columns:1}
    .fcols{grid-template-columns:1fr 1fr}
    .fbottom{flex-direction:column;align-items:flex-start}
  }

  /* === 24.09 вечер: перестройка главной === */
  a.hero,a.banner{display:block;color:inherit}
  .banner .btn{pointer-events:none}
  .banner.b2{height:min(88vh,860px)}
  .banner .duo{display:grid;grid-template-columns:1fr 1fr;height:100%}
  .banner .duo img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
  .banner:hover .duo img{transform:scale(1.02)}
  .banner.b2::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.35),rgba(0,0,0,0) 35%);pointer-events:none}
  .banner.b2 .cta{z-index:2;left:50%;transform:translateX(-50%);align-items:center}
  .vel-h,.vel-more{display:none}
  .lines-wrap{padding:110px 0}
  .lines-wrap .lines{padding:0 var(--pad)}
  .news{margin-top:64px;max-width:460px}
  .news h4{font-weight:400;font-size:15px;letter-spacing:.02em;margin-bottom:16px;color:var(--ink);text-transform:none}
  .news .nrow{display:flex;border:1px solid var(--ink)}
  .news input{flex:1;min-width:0;border:0;outline:none;padding:0 16px;height:50px;font:300 14px 'Jost',sans-serif;background:transparent}
  .news button{border-left:1px solid var(--ink);padding:0 22px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
  .news button:hover{background:var(--ink);color:#fff}
  .news p{margin-top:12px;font-size:11.5px;line-height:1.55;color:var(--muted)}
  .news p a{text-decoration:underline;text-underline-offset:3px}
  .fbottom .pay{gap:8px;flex-wrap:wrap}
  .pb{display:inline-flex;align-items:center;justify-content:center;gap:3px;height:32px;min-width:54px;padding:0 10px;background:#fff;border:1px solid #dcdad6;border-radius:5px;color:#111}
  .pb b{font-weight:500;font-size:14px;letter-spacing:0}
  .pb .ap{width:14px;height:14px;fill:#111;margin-top:-2px}
  .pb .g{font-size:15px}.pb .g i{font-style:normal;font-weight:500}
  .pb .gp{color:#5f6368;font-weight:400}
  .pb .mc{width:34px;height:22px}
  .pb .visa{font-style:italic;font-weight:700;font-size:15px;color:#1a1f71;letter-spacing:.02em}
  .cookie{position:fixed;left:24px;bottom:24px;z-index:70;max-width:420px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 40px rgba(0,0,0,.12);padding:22px 22px 20px;display:flex;flex-direction:column;gap:16px;font-size:13px;line-height:1.6}
  .cookie a{text-decoration:underline;text-underline-offset:3px}
  .cookie .btn{align-self:flex-start;height:44px}
  .cookie{animation:ckIn .7s 1s cubic-bezier(.2,.7,.2,1) both;transition:opacity .4s,transform .45s cubic-bezier(.7,0,.2,1)}
  @keyframes ckIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
  .cookie.hiding{opacity:0;transform:translateY(24px)}
  .cookie.hidden,html.ck-ok .cookie{display:none}
  @media (max-width:900px){
    .vel-h{display:block;font-weight:300;font-size:28px;letter-spacing:.02em;text-align:center;margin-bottom:28px}
    .vel{display:block}
    .vel .lead{display:none}
    .vel .side{grid-template-columns:1fr 1fr;gap:24px 10px}
    .vel .side .card:nth-child(n+3){display:none}
    .vel-more{display:flex}
    .banner.b2{height:auto;aspect-ratio:4/5}
    .banner .duo{grid-template-columns:1fr}
    .banner .duo .d2{display:none}
    .banner.b2 .cta{bottom:34px}
    .lines-wrap{padding:64px 0 56px}
    .lines-wrap .lines{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*var(--pad) - 10px)/2.3);gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--pad);scrollbar-width:none}
    .lines-wrap .lines::-webkit-scrollbar{display:none}
    .lines-wrap .line{aspect-ratio:3/4.4;scroll-snap-align:start}
    .lines-wrap .line .lbl{left:12px;right:12px;bottom:12px;font-size:10px;letter-spacing:.1em;line-height:1.4;gap:6px}
    .lines-wrap .line .lbl span{font-size:14px}
    .news{margin-top:44px;max-width:none}
    .cookie{left:12px;right:12px;bottom:12px;max-width:none;padding:18px}
    .cookie .btn{align-self:stretch}
  }

  /* === мобільне меню === */
  @media (max-width:900px){
    .mtop{position:sticky;top:0;background:#fff;z-index:2;flex:none}
    .mlinks{display:flex;flex-direction:column;padding:14px 0 18px;border-bottom:1px solid var(--line);flex:none}
    .mlinks>a,.mcat summary{font-size:24px;font-weight:300;line-height:1;padding:11px 0;display:flex;justify-content:space-between;align-items:center}
    .mlinks .msale{color:#b3261e}
    .mcat summary{list-style:none;cursor:pointer}
    .mcat summary::-webkit-details-marker{display:none}
    .mcat summary i{width:12px;height:12px;border-right:1.2px solid var(--ink);border-bottom:1.2px solid var(--ink);transform:rotate(45deg) translate(-3px,-3px);transition:transform .25s}
    .mcat[open]:not(.closing) summary i{transform:rotate(-135deg) translate(-3px,-3px)}
    .mcat-in{padding:6px 0 14px 0;display:flex;flex-direction:column;gap:18px}
    .mall{display:flex;justify-content:space-between;align-items:center;height:46px;padding:0 16px;background:var(--soft);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase}
    .mgrp h6{font-weight:400;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
    .mgrp a{display:block;font-size:15px;line-height:1.3;padding:7px 0}
    .mgrid{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}
    .mtiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:22px 0;border-bottom:1px solid var(--line);flex:none}
    .mtiles a{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--soft)}
    .mtiles img{width:100%;height:100%;object-fit:cover}
    .mtiles a::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.45),rgba(0,0,0,0) 50%)}
    .mtiles span{position:absolute;z-index:2;left:12px;bottom:12px;color:#fff;font-size:11px;letter-spacing:.16em;text-transform:uppercase}
    .msub{display:flex;flex-direction:column;padding:16px 0;border-bottom:1px solid var(--line);flex:none}
    .msub a{font-size:14px;letter-spacing:.04em;line-height:1;padding:10px 0;color:#333}
    .msub .macc{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:500}
    .msub .macc svg{width:18px;height:18px;fill:none;stroke:var(--ink);stroke-width:1.3}
    .mset{display:flex;align-items:flex-end;gap:28px;padding:20px 0 4px;font-size:13px;letter-spacing:.08em;flex:none}
    .mset h6{font-weight:400;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
    .msoc{display:flex;gap:16px;margin-left:auto}
    .msoc svg{width:22px;height:22px;fill:none;stroke:var(--ink);stroke-width:1.3}
  }

  /* === Ефект «Заливка» (варіант 3, обрав Бос 25.09) === */
  .btn{position:relative;overflow:hidden;isolation:isolate;transition:color .45s cubic-bezier(.7,0,.2,1),border-color .45s}
  .btn::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.7,0,.2,1)}
  .btn.light::before{background:#fff}
  .btn.fill{background:var(--ink);color:#fff;border-color:var(--ink)}
  .btn.fill::before{background:#3a3a3a}
  .btn.fill:hover{background:var(--ink);border-color:var(--ink)}
  .btn:active::before,a.hero:active .btn::before,a.banner:active .btn::before{transform:scaleX(1);transition-duration:.25s}
  .btn.dark:active,a.banner:active .btn.dark{color:#fff}
  .btn.light:active,a.hero:active .btn.light,a.banner:active .btn.light{color:var(--ink)}
  @media (hover:hover){
    .btn:hover::before,a.hero:hover .btn::before,a.banner:hover .btn::before,.lead:hover .btn::before{transform:scaleX(1)}
    .btn.dark:hover{color:#fff}
    .btn.light:hover,a.hero:hover .btn.light,a.banner:hover .btn.light,.lead:hover .btn.light{color:var(--ink)}
    .card:hover .ph img{transform:scale(1.04)}
  }
  .card:active .ph img{transform:scale(1.04)}

  /* на телефоні — без смуги: м’яке натискання */
  @media (hover:none){
    .btn::before{display:none}
    .btn,a.hero .btn,a.banner .btn{transition:transform .18s cubic-bezier(.2,.7,.2,1),opacity .18s,background .25s,color .25s}
    .btn:active,a.hero:active .btn,a.banner:active .btn,.lead:active .btn{transform:scale(.96);opacity:.82}
    .btn.dark:active,a.banner:active .btn.dark{color:var(--ink)}
    .btn.light:active,a.hero:active .btn.light,a.banner:active .btn.light{color:#fff}
    .card:active .ph img{transform:none}
    .card{transition:opacity .18s}.card:active{opacity:.8}
  }
  /* шторка між сторінками */
  html::after{content:"IDOL";position:fixed;inset:0;z-index:9999;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;font:300 34px 'Jost',sans-serif;letter-spacing:.3em;padding-left:.3em;transform:translateY(100%);pointer-events:none;visibility:hidden}
  html.cur-cover::after{visibility:visible;animation:curIn .5s cubic-bezier(.7,0,.2,1) forwards}
  html.cur-on::after{visibility:visible;transform:none}
  html.cur-on.cur-out::after{animation:curOut .6s cubic-bezier(.7,0,.2,1) forwards}
  @keyframes curIn{from{transform:translateY(100%)}to{transform:none}}
  @keyframes curOut{from{transform:none}to{transform:translateY(-100%)}}
  @media (prefers-reduced-motion:reduce){html::after{display:none}.btn::before{transition:none}}

  /* === Плавність усюди === */
  html{scroll-behavior:smooth}
  .chips a,.fchips span,.fsizes span,.fcolors i,.opt,.opt .rd,.qty button,.tgl i,.iside a,.crumbs a,.news button,.code button,.mtiles img,.gc{transition:background .3s,color .3s,border-color .3s,box-shadow .3s,opacity .3s,transform .5s cubic-bezier(.2,.7,.2,1)}
  .opt .rd::after{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
  .opt:not(.on) .rd::after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--ink);transform:scale(0)}
  .fav svg{transition:fill .3s,transform .3s cubic-bezier(.34,1.56,.64,1)}
  .fav.on svg{fill:var(--ink)}
  .fav:active svg{transform:scale(.8)}
  .gmain .strip{touch-action:pan-y}
  .quick span{transition:opacity .2s}

  /* «Показати більше» — товари довантажуються нижче на цій же сторінці */
  .more-item{display:none!important}
  .more-item.shown{display:flex!important;animation:cardIn .8s cubic-bezier(.2,.7,.2,1) both}
  @keyframes cardIn{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
  .more,.pager{transition:opacity .4s}
  .more.gone,.pager .btn.gone{opacity:0;pointer-events:none}
  /* подсказка «гортай» — только мобилка */
  .swipe-hint{display:none}
  @media (max-width:600px){
    .swipe-hint{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:22px;padding:0 var(--pad);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8a8580;transition:opacity .4s}
    .swipe-hint svg{width:26px;height:26px;flex:none;animation:swipe 1.8s cubic-bezier(.45,0,.3,1) infinite}
    .swipe-hint.gone{opacity:0}
  }
  @keyframes swipe{0%,15%{transform:translateX(8px) rotate(0)}55%{transform:translateX(-10px) rotate(-8deg)}70%,100%{transform:translateX(8px) rotate(0)}}


  /* ==== catalog ==== */

  /* === Каталог === */
  /* активний пункт меню — див. index.html (nav a.cur::after) */
  .cat-page{padding:28px var(--pad) 100px}
  .crumbs{font-size:12px;letter-spacing:.08em;color:var(--muted);display:flex;gap:10px}
  .crumbs i{font-style:normal}
  .crumbs a:hover{color:var(--ink)}
  .ctop{display:flex;align-items:baseline;gap:18px;margin:26px 0 22px}
  .ctop h1{font-weight:300;font-size:clamp(30px,3vw,44px);letter-spacing:.02em}
  .ctop .cnt{font-size:13px;color:var(--muted);letter-spacing:.04em}
  .chips{display:flex;gap:8px;flex-wrap:wrap}
  .chips a{height:38px;padding:0 18px;display:inline-flex;align-items:center;border:1px solid var(--line);font-size:12px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;transition:border-color .2s}
  .chips a:hover{border-color:var(--ink)}
  .chips a.on{background:var(--ink);border-color:var(--ink);color:#fff}
  .bar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:26px 0 30px;height:56px}
  .fbtn{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
  .fbtn svg{width:20px;height:20px;stroke:var(--ink);fill:none;stroke-width:1.3}
  .sort{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
  .sort .lbl{color:var(--muted)}
  .sort button{font-size:12px;letter-spacing:.12em;text-transform:uppercase}
  .sort em{font-style:normal;font-size:10px;margin-left:4px}
  .cgrid{gap:40px 18px}
  .card .fav{position:absolute;top:10px;right:10px;z-index:2;width:34px;height:34px;display:grid;place-items:center}
  .card .fav svg{width:20px;height:20px;fill:none;stroke:var(--ink);stroke-width:1.3}
  .pager{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:64px;font-size:12px;letter-spacing:.08em;color:var(--muted)}
  .prog{width:200px;height:2px;background:var(--line)}
  .prog i{display:block;height:100%;background:var(--ink)}
  .flt-back{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:80;opacity:0;pointer-events:none;transition:opacity .3s}
  .flt{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:100%;background:#fff;z-index:81;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
  body.flt-open .flt{transform:none}
  body.flt-open .flt-back{opacity:1;pointer-events:auto}
  .fhead{display:flex;justify-content:space-between;align-items:center;height:68px;padding:0 28px;border-bottom:1px solid var(--line)}
  .fhead b{font-weight:400;font-size:13px;letter-spacing:.16em;text-transform:uppercase}
  .fhead .x{font-size:28px;font-weight:300}
  .fbody{flex:1;overflow:auto;padding:4px 28px}
  .fgrp{padding:24px 0;border-bottom:1px solid var(--line)}
  .fgrp:last-child{border-bottom:0}
  .fgrp h5{font-weight:400;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}
  .fchips{display:flex;flex-wrap:wrap;gap:8px}
  .fchips span{height:36px;padding:0 14px;display:inline-flex;align-items:center;border:1px solid var(--line);font-size:13px;cursor:pointer}
  .fchips span.on{border-color:var(--ink);background:var(--ink);color:#fff}
  .fsizes{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
  .fsizes span{height:44px;display:grid;place-items:center;border:1px solid var(--line);font-size:13px;letter-spacing:.06em;cursor:pointer}
  .fsizes span.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
  .fcolors{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
  .fcolors span{display:flex;align-items:center;gap:10px;font-size:13px;cursor:pointer}
  .fcolors i{width:22px;height:22px;border-radius:50%;border:1px solid rgba(0,0,0,.14);flex:none}
  .fcolors span.on i{box-shadow:0 0 0 2px #fff,0 0 0 3px var(--ink)}
  .tgl{display:flex;justify-content:space-between;align-items:center;font-size:14px;cursor:pointer}
  .tgl i{width:42px;height:24px;border-radius:12px;background:var(--line);position:relative}
  .tgl i::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .2s}
  .tgl i.on{background:var(--ink)}
  .tgl i.on::after{left:21px}
  .ffoot{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;padding:18px 28px 22px;border-top:1px solid var(--line)}
  .ffoot .btn{padding:0 12px;width:100%}
  @media (max-width:900px){
    .cat-page{padding:18px var(--pad) 72px}
    .ctop{margin:18px 0 16px;gap:12px}
    .ctop h1{font-size:30px}
    .chips{flex-wrap:nowrap;overflow-x:auto;margin:0 calc(-1*var(--pad));padding:0 var(--pad);scrollbar-width:none}
    .chips::-webkit-scrollbar{display:none}
    .chips a{height:36px;padding:0 14px;font-size:11px;letter-spacing:.08em}
    .bar{margin:18px 0 22px;height:50px}
    .sort .lbl{display:none}
    .cgrid{gap:28px 10px}
    .card .fav{top:4px;right:4px}
    .card .fav svg{width:18px;height:18px}
    .flt{width:100%}
    .fhead{padding:0 var(--pad);height:64px}
    .fbody{padding:0 var(--pad)}
    .ffoot{padding:14px var(--pad) 18px}
  }


  /* ==== product ==== */

  /* === Картка товару === */
  .pd-page{padding:28px var(--pad) 0}
  .pd{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(40px,5vw,88px);margin-top:26px;align-items:start}
  .gal{display:grid;grid-template-columns:84px minmax(0,1fr);gap:16px}
  .thumbs{display:flex;flex-direction:column;gap:10px}
  .thumbs img{width:84px;aspect-ratio:3/4;object-fit:cover;opacity:.55;cursor:pointer;transition:opacity .2s}
  .thumbs img.on{opacity:1;outline:1px solid var(--ink);outline-offset:2px}
  .gmain{position:relative;aspect-ratio:3/4;background:var(--soft);overflow:hidden}
  .gmain .strip{display:flex;height:100%;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
  .gmain .strip img{flex:0 0 100%;width:100%;height:100%;object-fit:cover}
  .gmain .nav{position:absolute;left:0;right:0;bottom:18px;display:flex;justify-content:center;align-items:center;gap:18px;font-size:12px;letter-spacing:.16em}
  .gmain .nav span{background:rgba(255,255,255,.9);padding:7px 14px}
  .gmain .arr{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.9);display:grid;place-items:center;font-size:20px}
  .gmain .arr.l{left:16px}.gmain .arr.r{right:16px}
  .gmain .zoom{position:absolute;top:16px;right:16px;width:40px;height:40px;background:rgba(255,255,255,.9);display:grid;place-items:center}
  .gmain .zoom svg,.pinfo svg{width:18px;height:18px;fill:none;stroke:var(--ink);stroke-width:1.3}
  .gdots{display:none}

  .pinfo{position:sticky;top:150px;display:flex;flex-direction:column}
  .pinfo .badge{position:static;align-self:flex-start;background:var(--ink);color:#fff;margin-bottom:16px}
  .pinfo h1{font-weight:300;font-size:clamp(26px,2.2vw,32px);line-height:1.2;letter-spacing:.01em}
  .pprice{font-size:20px;font-weight:500;margin-top:14px}
  .pparts{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin-top:8px}
  .pparts svg{width:15px;height:15px}
  .prow{border-top:1px solid var(--line);margin-top:26px;padding-top:24px}
  .plabel{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:14px}
  .plabel b{font-weight:400;color:var(--muted);margin-right:6px}
  .plabel a{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid var(--ink);padding-bottom:2px}
  .psw{display:flex;gap:12px}
  .psw i{width:34px;height:34px;border-radius:50%;border:1px solid rgba(0,0,0,.14);cursor:pointer}
  .psw i.on{box-shadow:0 0 0 3px #fff,0 0 0 4px var(--ink)}
  .psizes{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:22px}
  .psizes span{height:48px;display:grid;place-items:center;border:1px solid var(--line);font-size:14px;letter-spacing:.06em;cursor:pointer;position:relative}
  .psizes span:hover{border-color:var(--ink)}
  .psizes span.on{background:var(--ink);border-color:var(--ink);color:#fff}
  .psizes span.sold{color:#b5b1ac;background:linear-gradient(to top right,transparent calc(50% - .5px),#d4d0cb 50%,transparent calc(50% + .5px))}
  .psizes span.sold.on{background:#fff;color:var(--ink);border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
  .psnote{font-size:12px;color:var(--muted);margin-top:10px}
  .pstock{display:flex;align-items:center;gap:10px;font-size:14px;margin-top:22px}
  .pstock i{width:8px;height:8px;border-radius:50%;background:#3a8a4f}
  .pbuy{display:grid;grid-template-columns:1fr 56px;gap:8px;margin-top:20px}
  .pbuy .btn{width:100%;height:56px;font-size:13px}
  .pbuy .heart{border:1px solid var(--ink);display:grid;place-items:center}
  .pbuy .heart svg{width:20px;height:20px}
  .pnotify{display:none}
  body.st-notify .pnotify{display:flex}
  body.st-notify .pbuy .add{display:none}
  .pmeta{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#444;margin-top:22px;line-height:1.5}
  .pmeta b{font-weight:500;color:var(--ink)}
  .pperks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}
  .pperks div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:14px 8px;background:var(--soft);font-size:11px;letter-spacing:.08em;text-transform:uppercase;line-height:1.4}
  .pperks svg{width:22px;height:22px}
  .acc{margin-top:28px;border-top:1px solid var(--line)}
  .acc details{border-bottom:1px solid var(--line)}
  .acc summary{list-style:none;display:flex;justify-content:space-between;align-items:center;height:58px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
  .acc summary::-webkit-details-marker{display:none}
  .acc summary::after{content:"";flex:none;width:14px;height:14px;background:linear-gradient(var(--ink),var(--ink)) center/14px 1.2px no-repeat,linear-gradient(var(--ink),var(--ink)) center/1.2px 14px no-repeat;transition:transform .4s cubic-bezier(.2,.7,.2,1),background-size .4s cubic-bezier(.2,.7,.2,1)}
  .acc details[open]:not(.closing) summary::after{transform:rotate(180deg);background-size:14px 1.2px,1.2px 0}
  .acc .ab{padding:0 0 22px;font-size:14px;line-height:1.7;color:#444}
  .acc .ab p+p{margin-top:10px}
  .acc .ab ul{list-style:none}
  .acc .ab li{padding-left:16px;position:relative}
  .acc .ab li::before{content:"—";position:absolute;left:0}
  .rel{padding:110px 0 100px}
  .rel h2{font-weight:300;font-size:clamp(26px,2.4vw,34px);text-align:center;margin-bottom:40px}

  /* окна */
  .modal-back{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:90;display:none}
  .modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:91;background:#fff;width:min(520px,calc(100% - 32px));max-height:calc(100% - 40px);overflow:auto;padding:36px 36px 32px;display:none}
  body.st-notify-modal .m-notify,body.st-notify-modal .modal-back,body.st-size .m-size,body.st-size .modal-back{display:block}
  .modal .x{position:absolute;top:14px;right:18px;font-size:28px;font-weight:300}
  .modal h3{font-weight:300;font-size:26px;margin-bottom:22px}
  .mprod{display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:22px}
  .mprod img{width:72px;aspect-ratio:3/4;object-fit:cover}
  .mprod b{display:block;font-weight:400;font-size:14px;margin-bottom:6px}
  .mprod span{font-size:13px;color:var(--muted)}
  .modal p{font-size:14px;line-height:1.6;color:#444}
  .mfield{width:100%;height:52px;border:1px solid var(--ink);padding:0 16px;font:300 15px 'Jost',sans-serif;margin:18px 0 12px;outline:none}
  .modal .btn{width:100%}
  .modal small{display:block;font-size:11.5px;color:var(--muted);margin-top:12px;line-height:1.55}
  .modal small a{text-decoration:underline}
  .stable{width:100%;border-collapse:collapse;font-size:14px;margin:6px 0 18px}
  .stable th,.stable td{border-bottom:1px solid var(--line);padding:12px 6px;text-align:center}
  .stable th{font-weight:400;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
  .stable td:first-child,.stable th:first-child{text-align:left;font-weight:500}
  .mhow{background:var(--soft);padding:16px 18px;font-size:13px;line-height:1.6;color:#444}

  @media (max-width:900px){
    .pd-page{padding:0}
    .pd-page>.crumbs{display:none}
    .pd{grid-template-columns:1fr;gap:0;margin-top:0}
    .gal{display:block}
    .thumbs{display:none}
    .gmain .arr{display:none}
    .gmain .nav{display:none}
    .gdots{display:flex;justify-content:center;gap:6px;position:absolute;left:0;right:0;bottom:14px}
    .gdots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.6)}
    .gdots i.on{background:#fff}
    .gmain .zoom{top:12px;right:12px}
    .pinfo{position:static;padding:22px var(--pad) 0}
    .pinfo h1{font-size:24px}
    .psizes span{height:46px}
    .pbuy{position:sticky;bottom:0;z-index:5;background:#fff;margin:20px calc(-1*var(--pad)) 0;padding:10px var(--pad) calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}
    .pperks{gap:6px}
    .pperks div{font-size:10px;letter-spacing:.04em;padding:12px 4px}
    .rel{padding:72px var(--pad) 72px}
    .rel .grid .card:nth-child(n+3){display:none}
    .modal{padding:30px 22px 24px;top:auto;bottom:0;transform:translateX(-50%);width:100%;max-height:88%}
    .modal h3{font-size:22px}
    .stable{font-size:13px}
  }
  /* залита кнопка — головна дія */
  .btn.fill{background:var(--ink);color:#fff;border-color:var(--ink)}
  .btn.fill:hover{background:#333;border-color:#333}
  @media (max-width:900px){ .gmain{aspect-ratio:4/5} .gmain .strip img{object-position:50% 30%} }
  /* плавні вікна */
  .modal-back{display:block;opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s .4s}
  .modal{display:block;opacity:0;visibility:hidden;transform:translate(-50%,-46%);transition:opacity .4s,transform .5s cubic-bezier(.2,.7,.2,1),visibility 0s .5s}
  body.st-notify-modal .m-notify,body.st-size .m-size{opacity:1;visibility:visible;transform:translate(-50%,-50%);transition:opacity .4s,transform .5s cubic-bezier(.2,.7,.2,1)}
  body.st-notify-modal .modal-back,body.st-size .modal-back{opacity:1;visibility:visible;transition:opacity .4s}
  @media (max-width:900px){
    .modal{transform:translate(-50%,100%);opacity:1}
    body.st-notify-modal .m-notify,body.st-size .m-size{transform:translate(-50%,0)}
  }
  .psizes span,.psw i,.thumbs img,.pbuy .heart,.fav svg{transition:background .3s,color .3s,border-color .3s,box-shadow .3s,opacity .3s,fill .3s}
  .pbuy .heart.on svg{fill:var(--ink)}
  /* зум фото: лупа за курсором, клік — збільшення, водиш — роздивляєшся */
  .gmain .strip img{transition:transform .55s cubic-bezier(.2,.7,.2,1);will-change:transform}
  .gmain .strip img.zoomed{transform:scale(2.4)}
  .gmain .arr,.gmain .nav,.gmain .zoom,.gmain .gdots{transition:opacity .35s}
  .gmain.zoom .arr,.gmain.zoom .nav,.gmain.zoom .gdots{opacity:0;pointer-events:none}
  .lens{position:absolute;left:0;top:0;z-index:4;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 6px 24px rgba(0,0,0,.14);display:grid;place-items:center;pointer-events:none;opacity:0;transform:translate(-100px,-100px) scale(.6);transition:opacity .25s,scale .25s}
  .lens svg{width:22px;height:22px;fill:none;stroke:var(--ink);stroke-width:1.3}
  .lens .mi{display:none}
  .gmain.zoom .lens .pl{display:none}.gmain.zoom .lens .mi{display:block}
  @media (hover:hover) and (pointer:fine){
    .gmain{cursor:none}
    .gmain .arr,.gmain .zoom,.thumbs img{cursor:pointer}
    .gmain.hov .lens{opacity:1}
  }
  .gmain.zoom .strip{touch-action:none}


  /* ==== cart ==== */

  /* === Кошик === */
  .btn.fill{background:var(--ink);color:#fff;border-color:var(--ink)}
  .btn.fill:hover{background:#333;border-color:#333}
  .cart-page{padding:28px var(--pad) 110px}
  .cart-page h1{font-weight:300;font-size:clamp(30px,3vw,44px);letter-spacing:.02em;margin:26px 0 34px;display:flex;align-items:baseline;gap:16px}
  .cart-page h1 span{font-size:13px;color:var(--muted);letter-spacing:.04em}
  .cart{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:clamp(40px,5vw,80px);align-items:start}
  .chead{display:grid;grid-template-columns:minmax(0,1fr) 150px 120px;gap:20px;padding-bottom:14px;border-bottom:1px solid var(--line);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
  .chead span:nth-child(n+2){text-align:right}
  .citem{display:grid;grid-template-columns:minmax(0,1fr) 150px 120px;gap:20px;align-items:center;padding:26px 0;border-bottom:1px solid var(--line)}
  .cprod{display:grid;grid-template-columns:120px minmax(0,1fr);gap:22px;align-items:start}
  .cprod .ph{aspect-ratio:3/4;background:var(--soft);overflow:hidden}
  .cprod .ph.pack{background:#fff;border:1px solid var(--line)}
  .cprod .ph img{width:100%;height:100%;object-fit:cover}
  .cprod .ph.pack img{object-fit:contain;padding:8%}
  .cprod b{display:block;font-weight:400;font-size:15px;line-height:1.35;margin-bottom:10px}
  .cprod .opt{font-size:13px;color:#555;line-height:1.8}
  .cprod .opt em{font-style:normal;color:var(--muted)}
  .cprod .rm{display:inline-block;margin-top:14px;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid currentColor;padding-bottom:2px}
  .qty{justify-self:end;display:inline-grid;grid-template-columns:38px 40px 38px;height:44px;border:1px solid var(--line);align-items:center;text-align:center;font-size:14px}
  .qty button{height:100%;font-size:18px;font-weight:300}
  .cprice{text-align:right;font-size:15px;font-weight:500}
  .cback{display:inline-flex;align-items:center;gap:10px;margin-top:26px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid var(--ink);padding-bottom:3px}

  .sum{position:sticky;top:150px;background:var(--soft);padding:32px 30px 30px}
  .sum h3{font-weight:400;font-size:13px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:22px}
  .srow{display:flex;justify-content:space-between;gap:16px;font-size:14px;padding:9px 0}
  .srow span:last-child{text-align:right}
  .srow.muted{color:#666;font-size:13px}
  .stotal{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid #d9d5cf;margin-top:14px;padding-top:18px;font-size:15px}
  .stotal b{font-weight:500;font-size:22px}
  .code{display:flex;margin:22px 0 0;border:1px solid #cfcac4;background:#fff}
  .code input{flex:1;min-width:0;border:0;outline:none;height:48px;padding:0 14px;font:300 14px 'Jost',sans-serif;background:transparent}
  .code button{padding:0 16px;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;border-left:1px solid #cfcac4}
  .sum .btn{width:100%;height:56px;margin-top:22px;font-size:13px}
  .spay{margin-top:22px;padding-top:20px;border-top:1px solid #d9d5cf;font-size:12.5px;line-height:1.7;color:#555}
  .spay b{display:block;font-weight:500;color:var(--ink);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:6px}
  .spay .pay{display:flex;gap:6px;margin-top:14px;flex-wrap:wrap}

  /* порожній кошик */
  .cempty{display:none;flex-direction:column;align-items:center;text-align:center;padding:70px 0 40px;gap:18px}
  .cempty svg{width:44px;height:44px;fill:none;stroke:var(--ink);stroke-width:1}
  .cempty h2{font-weight:300;font-size:28px}
  .cempty p{font-size:14px;color:#555;max-width:360px;line-height:1.6}
  .cempty .btn{margin-top:10px}
  body.st-empty .cart,body.st-empty .cart-page h1 span{display:none}
  body.st-empty .cempty{display:flex}

  /* міні-кошик */
  .mc-back{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:80;display:none}
  .mini{position:fixed;top:0;right:0;bottom:0;width:440px;max-width:100%;background:#fff;z-index:81;display:none;flex-direction:column}
  body.st-mini .mini{display:flex}
  body.st-mini .mc-back{display:block}
  .mini .mh{display:flex;justify-content:space-between;align-items:center;height:68px;padding:0 28px;border-bottom:1px solid var(--line)}
  .mini .mh b{font-weight:400;font-size:13px;letter-spacing:.16em;text-transform:uppercase}
  .mini .mh .x{font-size:28px;font-weight:300}
  .mini .added{display:flex;align-items:center;gap:10px;padding:14px 28px;background:var(--soft);font-size:13px}
  .mini .added i{width:18px;height:18px;border-radius:50%;background:#3a8a4f;display:grid;place-items:center;color:#fff;font-style:normal;font-size:11px}
  .mini .mb{flex:1;overflow:auto;padding:0 28px}
  .mini .mi{display:grid;grid-template-columns:84px 1fr auto;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}
  .mini .mi .ph{aspect-ratio:3/4;background:var(--soft);overflow:hidden}
  .mini .mi .ph.pack{background:#fff;border:1px solid var(--line)}
  .mini .mi img{width:100%;height:100%;object-fit:cover}
  .mini .mi .ph.pack img{object-fit:contain;padding:8%}
  .mini .mi b{display:block;font-weight:400;font-size:14px;line-height:1.35;margin-bottom:6px}
  .mini .mi span{font-size:12.5px;color:#666;line-height:1.7}
  .mini .mi .pr{font-size:14px;font-weight:500;white-space:nowrap}
  .mini .mf{padding:20px 28px 24px;border-top:1px solid var(--line)}
  .mini .mf .stotal{border:0;margin:0 0 6px;padding:0}
  .mini .mf small{display:block;font-size:12px;color:var(--muted);margin-bottom:16px}
  .mini .mf .btn{width:100%;height:54px}
  .mini .mf .btn+.btn{margin-top:8px}

  @media (max-width:900px){
    .cart-page{padding:18px var(--pad) 72px}
    .cart-page h1{font-size:30px;margin:18px 0 20px}
    .cart{grid-template-columns:1fr;gap:34px}
    .chead{display:none}
    .citem{grid-template-columns:96px minmax(0,1fr);grid-template-areas:"ph info" "ph ctl";gap:10px 16px;padding:20px 0;align-items:start}
    .citem .cprod{display:contents}
    .citem .cprod .ph{grid-area:ph}
    .citem .cprod>div:last-child{grid-area:info}
    .cprod b{font-size:14px;margin-bottom:6px}
    .cprod .opt{font-size:12.5px;line-height:1.7}
    .cprod .rm{margin-top:8px}
    .citem .ctl{grid-area:ctl;display:flex;justify-content:space-between;align-items:center}
    .qty{justify-self:start;grid-template-columns:34px 34px 34px;height:38px}
    .sum{position:static;padding:26px 20px 22px;margin:0 calc(-1*var(--pad))}
    .mini{width:100%}
    .mini .mh,.mini .added,.mini .mb,.mini .mf{padding-left:var(--pad);padding-right:var(--pad)}
  }
  @media (min-width:901px){ .citem .ctl{display:contents} }
  .spay .pb b{display:inline;text-transform:none;letter-spacing:0;font-size:14px;margin:0;color:inherit}
  .spay .pb .gp{color:#5f6368;font-weight:400}
  .spay .pb .visa{color:#1a1f71;font-weight:700;letter-spacing:.02em}
  /* плавний міні-кошик */
  .mc-back{display:block;opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s .4s}
  .mini{display:flex;transform:translateX(100%);visibility:hidden;transition:transform .55s cubic-bezier(.7,0,.2,1),visibility 0s .55s}
  body.st-mini .mini{transform:none;visibility:visible;transition:transform .55s cubic-bezier(.7,0,.2,1)}
  body.st-mini .mc-back{opacity:1;visibility:visible;transition:opacity .4s}
  .qty span{display:inline-block;transition:transform .25s,opacity .25s}


  /* ==== checkout ==== */

  /* === Оформлення замовлення === */
  .co-page{padding:28px var(--pad) 110px}
  .co-page h1{font-weight:300;font-size:clamp(30px,3vw,44px);letter-spacing:.02em;margin:26px 0 36px}
  .co{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:clamp(40px,5vw,80px);align-items:start}
  .cstep{padding:0 0 38px;margin-bottom:38px;border-bottom:1px solid var(--line)}
  .cstep:last-of-type{border-bottom:0;margin-bottom:0}
  .cstep h2{display:flex;align-items:center;gap:14px;font-weight:400;font-size:20px;margin-bottom:24px}
  .cstep h2 i{font-style:normal;width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:13px}
  .fgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .fgrid .full{grid-column:1/-1}
  .fld{display:flex;flex-direction:column;gap:7px}
  .fld label{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
  .fld input,.fld textarea,.fld .sel{height:52px;border:1px solid #cfcac4;padding:0 16px;font:300 15px 'Jost',sans-serif;background:#fff;outline:none;display:flex;align-items:center;justify-content:space-between;color:var(--ink)}
  .fld .sel{color:#8a8580}
  .fld .sel em{font-style:normal;font-size:11px;color:var(--ink)}
  .fld textarea{height:96px;padding:14px 16px;resize:none}
  .fld input:focus,.fld textarea:focus{border-color:var(--ink)}
  .opts{display:flex;flex-direction:column;gap:10px}
  .opt{border:1px solid #cfcac4;padding:18px 20px;display:grid;grid-template-columns:22px 1fr auto;gap:14px;align-items:start;cursor:pointer;background:#fff}
  .opt .rd{width:20px;height:20px;border-radius:50%;border:1px solid #9d9892;margin-top:1px;position:relative}
  .opt.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
  .opt.on .rd{border-color:var(--ink)}
  .opt.on .rd::after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--ink)}
  .opt b{display:block;font-weight:500;font-size:15px;margin-bottom:4px}
  .opt span{font-size:13px;color:#666;line-height:1.55}
  .opt .tag{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);white-space:nowrap;padding-top:3px}
  .opt .sub{grid-column:2/-1;margin-top:10px}
  .note{margin-top:14px;padding:14px 16px;background:var(--soft);font-size:13px;line-height:1.6;color:#555}

  .osum{position:sticky;top:150px;background:var(--soft);padding:30px 28px}
  .osum h3{font-weight:400;font-size:13px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:18px;display:flex;justify-content:space-between}
  .osum h3 a{font-size:11px;color:var(--muted);border-bottom:1px solid currentColor}
  .oi{display:grid;grid-template-columns:64px 1fr auto;gap:14px;padding:14px 0;border-bottom:1px solid #dcd8d2;align-items:start}
  .oi .ph{position:relative;aspect-ratio:3/4;background:#fff;overflow:visible}
  .oi .ph img{width:100%;height:100%;object-fit:cover}
  .oi .ph.pack img{object-fit:contain;padding:6%}
  .oi .ph i{position:absolute;top:-7px;right:-7px;width:20px;height:20px;border-radius:50%;background:var(--ink);color:#fff;font-style:normal;font-size:11px;display:grid;place-items:center}
  .oi b{display:block;font-weight:400;font-size:13.5px;line-height:1.35;margin-bottom:4px}
  .oi span{font-size:12.5px;color:#666}
  .oi .pr{font-size:14px;font-weight:500;white-space:nowrap}
  .osum .srow{display:flex;justify-content:space-between;gap:16px;font-size:14px;padding:8px 0}
  .osum .srow.muted{color:#666;font-size:13px}
  .osum .srow:first-of-type{margin-top:12px}
  .osum .stotal{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid #d9d5cf;margin-top:12px;padding-top:16px;font-size:15px}
  .osum .stotal b{font-weight:500;font-size:22px}
  .osum .pnow{display:flex;justify-content:space-between;font-size:13px;margin-top:10px;padding:10px 12px;background:#fff}
  .osum .btn{width:100%;height:58px;margin-top:20px;font-size:13px}
  .osum small{display:block;margin-top:14px;font-size:11.5px;line-height:1.6;color:var(--muted)}
  .osum small a{text-decoration:underline;text-underline-offset:2px}
  .btn.fill{background:var(--ink);color:#fff;border-color:var(--ink)}

  /* Дякуємо */
  .ty{max-width:760px;margin:0 auto;padding:70px var(--pad) 110px;text-align:center}
  .ty .ok{width:64px;height:64px;border-radius:50%;border:1px solid var(--ink);display:grid;place-items:center;margin:0 auto 26px}
  .ty .ok svg{width:28px;height:28px;fill:none;stroke:var(--ink);stroke-width:1.3}
  .ty h1{font-weight:300;font-size:clamp(32px,3.4vw,46px);margin-bottom:12px}
  .ty .num{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
  .ty p.lead{font-size:16px;line-height:1.7;color:#444;margin:26px auto 0;max-width:560px}
  .tsteps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:42px 0 0;text-align:left}
  .tsteps div{background:var(--soft);padding:22px 20px}
  .tsteps i{font-style:normal;font-weight:300;font-size:28px;display:block;margin-bottom:10px}
  .tsteps b{display:block;font-weight:500;font-size:14px;margin-bottom:6px}
  .tsteps span{font-size:13px;color:#666;line-height:1.55}
  .tbox{margin-top:36px;border:1px solid var(--line);text-align:left;padding:24px 26px}
  .tbox h3{font-weight:400;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
  .tbox .tr{display:flex;justify-content:space-between;gap:20px;font-size:14px;padding:9px 0;border-bottom:1px solid var(--line)}
  .tbox .tr:last-child{border-bottom:0}
  .tbox .tr span:first-child{color:#666}
  .tbox .tr span:last-child{text-align:right}
  .tact{display:flex;justify-content:center;gap:10px;margin-top:36px;flex-wrap:wrap}
  .tact .btn{min-width:240px}

  @media (max-width:900px){
    .co-page{padding:18px var(--pad) 72px}
    .co-page h1{font-size:30px;margin:18px 0 24px}
    .co{grid-template-columns:1fr;gap:10px}
    .co>aside{order:-1}
    .osum{position:static;margin:0 calc(-1*var(--pad)) 26px;padding:22px var(--pad)}
    .cstep{padding-bottom:30px;margin-bottom:30px}
    .cstep h2{font-size:18px;margin-bottom:18px}
    .fgrid{grid-template-columns:1fr;gap:12px}
    .opt{padding:16px}
    .co .final{margin:0 calc(-1*var(--pad));padding:22px var(--pad) 0;border-top:1px solid var(--line)}
    .ty{padding:48px var(--pad) 72px}
    .tsteps{grid-template-columns:1fr}
    .tact .btn{width:100%}
  }
  @media (min-width:901px){ .co .final{display:none} }
  /* Нова пошта: живий пошук міст і відділень */
  .np{position:relative}
  .np input{width:100%;padding-right:40px}
  .np .ico{position:absolute;right:14px;top:40px;width:18px;height:18px;pointer-events:none;fill:none;stroke:#8a8580;stroke-width:1.4;transition:transform .3s}
  .np.open .ico{transform:rotate(180deg)}
  .np input:disabled{background:#f7f6f4;color:#aaa;cursor:not-allowed}
  .np-list{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:20;background:#fff;border:1px solid var(--ink);max-height:300px;overflow:auto;opacity:0;transform:translateY(-6px);visibility:hidden;transition:opacity .25s,transform .3s cubic-bezier(.2,.7,.2,1),visibility 0s .3s;box-shadow:0 18px 40px rgba(0,0,0,.08)}
  .np.open .np-list{opacity:1;transform:none;visibility:visible;transition:opacity .25s,transform .3s cubic-bezier(.2,.7,.2,1)}
  .np-list button{display:block;width:100%;text-align:left;padding:12px 16px;font-size:14px;line-height:1.4;border-bottom:1px solid var(--line);transition:background .2s}
  .np-list button:last-child{border-bottom:0}
  .np-list button:hover,.np-list button.act{background:var(--soft)}
  .np-list button small{display:block;font-size:12px;color:#8a8580;margin-top:2px}
  .np-list button b{font-weight:500}
  .np-list .tag{display:inline-block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;border:1px solid #cfcac4;padding:1px 6px;margin-left:6px;vertical-align:2px;color:#666}
  .np-list .msg{padding:14px 16px;font-size:13px;color:#8a8580}
  .np-hint{font-size:12px;color:#8a8580;margin-top:6px;min-height:16px}


  /* ==== gift ==== */

  /* === Gift card === */
  .btn.fill{background:var(--ink);color:#fff;border-color:var(--ink)}
  .gift-page{padding:28px var(--pad) 0}
  .ghead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:end;margin:26px 0 40px}
  .ghead h1{font-weight:300;font-size:clamp(30px,3vw,44px);letter-spacing:.02em}
  .ghead p{font-size:15px;line-height:1.7;color:#444;max-width:520px;justify-self:end}
  .ggrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 18px}
  .gitem{display:flex;flex-direction:column;gap:12px}
  .gtile{aspect-ratio:4/3.4;background:var(--soft);display:block;overflow:hidden;position:relative}
  .gc{width:74%;aspect-ratio:1.586;border-radius:14px;padding:6% 7%;display:flex;flex-direction:column;justify-content:space-between;position:absolute;left:50%;top:50%;height:auto;transform:translate(-50%,-50%) rotate(-7deg);box-shadow:0 24px 50px rgba(0,0,0,.18),0 4px 10px rgba(0,0,0,.08);transition:transform .5s cubic-bezier(.2,.7,.2,1);overflow:hidden}
  .gc::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.18),rgba(255,255,255,0) 40%,rgba(255,255,255,0) 70%,rgba(255,255,255,.08))}
  .gitem:hover .gc{transform:translate(-50%,calc(-50% - 6px)) rotate(-3deg)}
  .gc .top{display:flex;justify-content:space-between;align-items:flex-start}
  .gc .lg{font-weight:300;font-size:clamp(20px,2vw,28px);letter-spacing:.34em;line-height:1}
  .gc .est{font-size:10px;letter-spacing:.2em;opacity:.7}
  .gc .bot{display:flex;justify-content:space-between;align-items:flex-end}
  .gc .kind{font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;opacity:.8}
  .gc .val{font-weight:300;font-size:clamp(20px,2vw,28px);letter-spacing:.02em}
  .gc.c-black{background:#0f0f0f;color:#fff}
  .gc.c-milk{background:#f3efe3;color:#111}
  .gc.c-mint{background:#8fd9cf;color:#0f2e2a}
  .gc.c-pink{background:#f0c9d2;color:#3a1a22}
  .gc.c-choco{background:#4a3128;color:#f3efe3}
  .gitem .nm{font-size:14px;letter-spacing:.02em}
  .gitem .pr{font-size:14px;font-weight:500}

  .ghow{margin:110px calc(-1*var(--pad)) 0;background:var(--soft);padding:90px var(--pad)}
  .ghow h2{font-weight:300;font-size:clamp(26px,2.4vw,34px);margin-bottom:40px}
  .gsteps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .gsteps div{background:#fff;padding:28px 26px}
  .gsteps i{font-style:normal;font-weight:300;font-size:34px;display:block;margin-bottom:14px}
  .gsteps b{display:block;font-weight:500;font-size:15px;margin-bottom:8px}
  .gsteps span{font-size:14px;color:#555;line-height:1.6}
  .gterms{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}
  .gterms div{border-top:1px solid #d9d5cf;padding-top:18px;font-size:14px;line-height:1.6;color:#444}
  .gterms b{display:block;font-weight:400;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
  .gcta{display:flex;justify-content:center;margin-top:44px}
  footer{margin-top:0}

  @media (max-width:900px){
    .gift-page{padding:18px var(--pad) 0}
    .ghead{grid-template-columns:1fr;gap:12px;margin:18px 0 26px}
    .ghead h1{font-size:30px}
    .ghead p{justify-self:start;font-size:14px}
    .ggrid{grid-template-columns:1fr 1fr;gap:26px 10px}
    .gtile{aspect-ratio:1}
    .gc{width:82%;border-radius:9px;padding:7% 8%}
    .gc .lg{font-size:14px;letter-spacing:.28em}
    .gc .est{display:none}
    .gc .kind{font-size:7px;letter-spacing:.18em}
    .gc .val{font-size:14px}
    .gitem .nm{font-size:13px;line-height:1.4}
    .ghow{margin-top:72px;padding:60px var(--pad)}
    .gsteps,.gterms{grid-template-columns:1fr;gap:10px}
    .gcta .btn{width:100%}
  }


  /* ==== info ==== */

  /* === Текстові сторінки === */
  .btn.fill{background:var(--ink);color:#fff;border-color:var(--ink)}
  .ipage{padding:28px var(--pad) 110px}
  .ipage>h1{font-weight:300;font-size:clamp(30px,3vw,44px);letter-spacing:.02em;margin:26px 0 40px}
  .ilay{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(40px,6vw,110px);align-items:start}
  .iside{position:sticky;top:150px;display:flex;flex-direction:column;border-top:1px solid var(--line)}
  .iside a{padding:14px 0;border-bottom:1px solid var(--line);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#777;transition:color .2s}
  .iside a:hover{color:var(--ink)}
  .iside a.on{color:var(--ink);font-weight:500}
  .itext{max-width:760px}
  .itext .upd{font-size:12px;letter-spacing:.08em;color:var(--muted);margin-bottom:28px}
  .isec{padding:0 0 34px;margin-bottom:34px;border-bottom:1px solid var(--line)}
  .isec:last-child{border-bottom:0;margin-bottom:0}
  .isec h2{font-weight:400;font-size:21px;margin-bottom:16px;display:flex;align-items:center;gap:14px}
  .isec h2 svg{width:24px;height:24px;fill:none;stroke:var(--ink);stroke-width:1.2;flex:none}
  .isec p{font-size:15px;line-height:1.75;color:#3d3d3d}
  .isec p+p{margin-top:12px}
  .isec ul{list-style:none;margin-top:10px}
  .isec li{font-size:15px;line-height:1.75;color:#3d3d3d;padding-left:22px;position:relative}
  .isec li::before{content:"—";position:absolute;left:0}
  .ph-note{background:var(--soft);padding:16px 18px;font-size:13px;line-height:1.6;color:#666;margin-bottom:30px}
  .hl{background:var(--ink);color:#fff;padding:22px 24px;font-size:15px;line-height:1.6;margin-top:16px}
  .cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:6px}
  .cards3 div{background:var(--soft);padding:22px 20px}
  .cards3 b{display:block;font-weight:500;font-size:15px;margin-bottom:8px}
  .cards3 span{font-size:13.5px;color:#555;line-height:1.6}
  .ihow{display:flex;flex-direction:column}
  .ihow .hs{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}
  .ihow .hs:first-child{border-top:1px solid var(--line)}
  .ihow .hs i{font-style:normal;font-weight:300;font-size:36px;line-height:1}
  .ihow .hs b{display:block;font-weight:500;font-size:16px;margin-bottom:6px}
  .ihow .hs span{font-size:14.5px;color:#555;line-height:1.65}
  .icta{margin-top:36px;display:flex;gap:10px;flex-wrap:wrap}
  .care{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .care div{border:1px solid var(--line);padding:22px 22px 20px}
  .care b{display:block;font-weight:500;font-size:15px;margin-bottom:10px}
  .care ul{margin:0}
  .care li{font-size:13.5px;line-height:1.7}

  /* Контакти */
  .clay{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,100px);align-items:start}
  .clist{border-top:1px solid var(--line)}
  .clist div{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);font-size:15px}
  .clist span{font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);padding-top:3px}
  .clist a{text-decoration:underline;text-underline-offset:4px}
  .cform{background:var(--soft);padding:36px 34px}
  .cform h2{font-weight:300;font-size:26px;margin-bottom:8px}
  .cform p{font-size:14px;color:#555;margin-bottom:22px}
  .cform .fld{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}
  .cform label{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
  .cform input,.cform textarea{height:52px;border:1px solid #cfcac4;padding:0 16px;font:300 15px 'Jost',sans-serif;background:#fff;outline:none}
  .cform textarea{height:120px;padding:14px 16px;resize:none}
  .cform .btn{width:100%;height:54px;margin-top:6px}
  .cform small{display:block;font-size:11.5px;color:var(--muted);margin-top:12px;line-height:1.55}
  .cform small a{text-decoration:underline}
  .csoc{display:flex;gap:10px;margin-top:26px}
  .csoc a{display:flex;align-items:center;gap:10px;height:48px;padding:0 20px;border:1px solid var(--ink);font-size:12px;letter-spacing:.14em;text-transform:uppercase}
  .csoc svg{width:18px;height:18px;fill:none;stroke:var(--ink);stroke-width:1.4}

  /* Про бренд */
  .ab-hero{position:relative;height:min(78vh,760px);min-height:520px;overflow:hidden;background:#cfcac4}
  .ab-hero img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}
  .ab-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0) 50%)}
  .ab-hero .t{position:absolute;z-index:2;left:var(--pad);right:var(--pad);bottom:56px;color:#fff}
  .ab-hero .t div{font-size:12px;letter-spacing:.3em;text-transform:uppercase;opacity:.85;margin-bottom:14px}
  .ab-hero h1{font-weight:300;font-size:clamp(40px,5vw,76px);line-height:1.05;letter-spacing:.01em}
  .ab-sec{padding:110px var(--pad)}
  .ab-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(40px,6vw,110px)}
  .ab-intro .k{font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}
  .ab-intro h2{font-weight:300;font-size:clamp(28px,2.8vw,40px);line-height:1.2}
  .ab-intro p{font-size:17px;line-height:1.75;color:#3d3d3d}
  .ab-intro p+p{margin-top:16px}
  .ab-dark{background:#0d0d0d;color:#fff;display:grid;grid-template-columns:1fr 1fr}
  .ab-dark .ph{min-height:640px}
  .ab-dark .ph img{width:100%;height:100%;object-fit:cover}
  .ab-dark .tx{padding:clamp(48px,7vw,110px);display:flex;flex-direction:column;justify-content:center;gap:24px}
  .ab-dark .k{font-size:12px;letter-spacing:.26em;text-transform:uppercase;opacity:.6}
  .ab-dark h2{font-weight:300;font-size:clamp(28px,2.8vw,42px);line-height:1.2}
  .ab-dark p{font-size:17px;line-height:1.7;font-weight:300;opacity:.9}
  .ab-lines{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .ab-line .ph{aspect-ratio:3/4;overflow:hidden;background:var(--soft)}
  .ab-line img{width:100%;height:100%;object-fit:cover}
  .ab-line b{display:block;font-weight:400;font-size:13px;letter-spacing:.2em;text-transform:uppercase;margin:20px 0 10px}
  .ab-line p{font-size:14.5px;line-height:1.7;color:#444}
  .ab-h{font-weight:300;font-size:clamp(28px,2.6vw,38px);margin-bottom:40px;text-align:center}
  .ab-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .ab-facts div{padding:40px 30px;border-right:1px solid var(--line);text-align:center}
  .ab-facts div:last-child{border-right:0}
  .ab-facts b{display:block;font-weight:300;font-size:clamp(28px,2.6vw,38px);margin-bottom:10px}
  .ab-facts span{font-size:13px;letter-spacing:.08em;color:#555;line-height:1.6}
  .ab-cta{text-align:center;padding:0 var(--pad) 110px}
  .ab-cta p{font-size:16px;color:#444;margin-bottom:24px}

  @media (max-width:900px){
    .ipage{padding:18px var(--pad) 72px}
    .ipage>h1{font-size:30px;margin:18px 0 18px}
    .ilay{grid-template-columns:1fr;gap:26px}
    .iside{position:static;flex-direction:row;overflow-x:auto;border:0;gap:8px;margin:0 calc(-1*var(--pad));padding:0 var(--pad);scrollbar-width:none}
    .iside::-webkit-scrollbar{display:none}
    .iside a{border:1px solid var(--line);padding:0 14px;height:36px;display:flex;align-items:center;white-space:nowrap;font-size:11px;letter-spacing:.08em}
    .iside a.on{background:var(--ink);color:#fff;border-color:var(--ink)}
    .isec h2{font-size:19px}
    .isec p,.isec li{font-size:14.5px}
    .cards3,.care{grid-template-columns:1fr}
    .ihow .hs{grid-template-columns:52px 1fr;gap:14px}
    .ihow .hs i{font-size:30px}
    .icta .btn{width:100%}
    .clay{grid-template-columns:1fr;gap:34px}
    .clist div{grid-template-columns:1fr;gap:6px;padding:16px 0}
    .cform{margin:0 calc(-1*var(--pad));padding:30px var(--pad)}
    .csoc{flex-direction:column}
    .ab-hero{height:78svh;min-height:480px}
    .ab-hero .t{bottom:36px}
    .ab-sec{padding:64px var(--pad)}
    .ab-intro{grid-template-columns:1fr;gap:20px}
    .ab-intro p{font-size:15.5px}
    .ab-dark{grid-template-columns:1fr}
    .ab-dark .ph{min-height:0;aspect-ratio:4/5}
    .ab-dark .tx{padding:48px var(--pad) 56px}
    .ab-dark p{font-size:15.5px}
    .ab-lines{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:78%;overflow-x:auto;margin:0 calc(-1*var(--pad));padding:0 var(--pad);gap:10px;scrollbar-width:none}
    .ab-facts{grid-template-columns:1fr}
    .ab-facts div{border-right:0;border-bottom:1px solid var(--line);padding:28px 10px}
    .ab-facts div:last-child{border-bottom:0}
    .ab-cta{padding-bottom:72px}
    .ab-cta .btn{width:100%}
  }


  /* ==== sale / swim ==== */
  .pr s{font-weight:300;color:var(--muted);margin-right:8px}
  .card .ph .badge.sale{background:#b3261e;color:#fff}
  .ctop p{font-size:14px;color:#555;margin-left:auto;max-width:420px;line-height:1.6}
  @media (max-width:900px){.ctop{flex-wrap:wrap}.ctop p{margin-left:0;max-width:none;flex-basis:100%}}
  @media (max-width:900px){ .osum .btn,.osum small,.osum .pnow{display:none} }

  /* ==== магазинна логіка (site.js) ==== */
  .sw a{color:#b5b5b5;transition:color .3s}.sw a.on{color:var(--ink)}
  .sw.lang a:hover{color:var(--ink)}
  button.gitem{display:flex;flex-direction:column;gap:12px;text-align:left;width:100%;cursor:pointer}
  .msub button.macc{display:flex;align-items:center;gap:10px;font-size:14px;letter-spacing:.04em;padding:10px 0;color:var(--ink);font-weight:500}
  .msub button.macc svg{width:18px;height:18px;fill:none;stroke:var(--ink);stroke-width:1.3}
  .tools button.acc svg{width:20px;height:20px;stroke:var(--ink);fill:none;stroke-width:1.3}
  .sres{width:min(680px,86vw);margin-top:26px;display:flex;flex-direction:column;max-height:56vh;overflow:auto;opacity:0;transition:opacity .4s .45s}
  .search.open .sres{opacity:1}
  .sres a{display:grid;grid-template-columns:54px 1fr;gap:16px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);transition:background .2s}
  .sres a:hover{background:var(--soft)}
  .sres img{width:54px;aspect-ratio:3/4;object-fit:cover;background:var(--soft)}
  .sres b{display:block;font-weight:400;font-size:15px}
  .sres em{font-style:normal;font-size:13px;color:#666}
  .snone{font-size:14px;color:var(--muted);padding:14px 0}
  /* вікна на всіх сторінках */
  .modal.on{opacity:1!important;visibility:visible!important;transform:translate(-50%,-50%)!important;transition:opacity .4s,transform .5s cubic-bezier(.2,.7,.2,1)!important}
  .modal-back.on{opacity:1!important;visibility:visible!important;transition:opacity .4s!important}
  @media (max-width:900px){.modal.on{transform:translate(-50%,0)!important}}
  .m-acc p{font-size:15px;line-height:1.65;color:#444}
  /* сортування */
  .sort select{font:inherit;font-size:12px;letter-spacing:.12em;text-transform:uppercase;border:0;background:transparent;color:var(--ink);cursor:pointer;padding:4px 18px 4px 0;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:right 6px center,right 1px center;background-size:5px 5px;background-repeat:no-repeat}
  .fbtn em{font-style:normal;color:var(--muted);margin-left:2px}
  .cgrid .card[hidden]{display:none!important}
  .card.shown-now{animation:cardIn .7s cubic-bezier(.2,.7,.2,1) both}
  .cempty-f{text-align:center;padding:50px 0;display:flex;flex-direction:column;align-items:center;gap:18px;color:#555}
  .cempty-f[hidden],[data-pager][hidden],[data-page-more][hidden]{display:none!important}
  /* повідомлення форм і помилки полів */
  .fmsg{font-size:13px;line-height:1.5;margin-top:10px;min-height:0;transition:opacity .3s}
  .fmsg:empty{display:none}
  .fmsg.ok{color:#2f7a45}.fmsg.err{color:#b3261e}
  .ferr{display:block;font-size:12px;color:#b3261e;margin-top:6px}
  .bad{border-color:#b3261e!important}
  .perr{font-size:13px;color:#b3261e;margin-top:10px;min-height:0}
  .perr:empty{display:none}
  .news .fmsg{margin-top:10px}
  /* кошик */
  .citem .rm{display:inline-block;margin-top:14px;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid currentColor;padding-bottom:2px}
  .cart-page .cempty{display:none}
  body.st-empty .cart-page .cempty{display:flex}
  body.st-empty .cart-page .cart,body.st-empty .cart-page h1>span{display:none}
  .mini .mb:empty::before{content:"—";display:block;padding:30px 0;color:var(--muted);text-align:center}
  .mi .ph{background:var(--soft)}
  /* оформлення */
  .opt.off{opacity:.4;pointer-events:none}
  .opt .sub[hidden]{display:none}
  /* тост */
  .toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:var(--ink);color:#fff;font-size:13px;padding:12px 18px;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;z-index:95;white-space:nowrap}
  .toast.show{opacity:1;transform:translate(-50%,0)}
  .cookie.hidden{display:none}
  .sres a.scat{grid-template-columns:54px 1fr;background:var(--soft);margin-bottom:6px;padding:12px 14px;border:0}
  .sres a.scat span:first-child{width:54px}
  .sres a.scat b{font-weight:500}
  .psw{flex-wrap:wrap;row-gap:12px;padding:4px}