/* ═══════════════════════════════════════════════════════════
   OH MY ZIGI — «ЛАТИ ТА ШИФОН»
   Кожен шов — це броня. Кожен шар шифону — це зброя.
   ═══════════════════════════════════════════════════════════ */

:root{
  /* ── ґрунт: ніколи чистий #000 ── */
  --void:#0A0708; --ink:#120C0F; --raise:#1A1013; --scrim:rgba(10,7,8,.72);
  /* ── вино ── */
  --wine-900:#2A050E; --wine-850:#3A0512; --wine-800:#45081A;
  --wine-700:#5C0A1E; --wine-600:#7B1028; --wine-500:#9C1B37;
  /* ── окислена латунь ── */
  --brass-900:#6B5423; --brass:#A8863F; --brass-100:#D9BC7A;
  /* ── кістка / пергамент ── */
  --bone:#EDE4D6; --parchment:#C9BCA8; --ash:#8A7E70;
  /* ── кров: тільки акцент ── */
  --blood:#C81528; --blood-lit:#E4525C;

  --f-display:"Playfair Display",Georgia,"Times New Roman",serif;
  --f-ui:"Manrope",system-ui,-apple-system,sans-serif;
  /* третій шрифт (JetBrains Mono) знято на прохання власника 26.08.2026 —
     дрібні підписи тепер той самий Manrope, тільки з розрядкою */
  --f-mono:"Manrope",system-ui,-apple-system,sans-serif;

  --d1:clamp(3.2rem,10.5vw,10.5rem);
  --d2:clamp(2.2rem,6.2vw,5.6rem);
  --d3:clamp(1.6rem,3.1vw,2.9rem);
  --h4:clamp(1.05rem,1.4vw,1.45rem);
  --body:clamp(.98rem,.5vw + .88rem,1.16rem);
  --micro:.7rem;

  --container:min(92vw,1560px);
  --gutter:clamp(16px,1.6vw,32px);
  --section:clamp(110px,13vw,240px);
  --bleed:clamp(20px,6vw,110px);
  --stagger:clamp(20px,4vw,68px);
  --radius:2px; --rule:1px;

  --e-silk:cubic-bezier(.16,.84,.44,1);
  --e-corset:cubic-bezier(.7,0,.2,1);
  --e-drape:cubic-bezier(.22,1,.36,1);
  --e-blade:cubic-bezier(.85,0,.15,1);
  --e-breath:cubic-bezier(.37,0,.63,1);
  --e-thread:cubic-bezier(.65,.05,.36,1);

  --t-micro:260ms; --t-ui:420ms; --t-reveal:760ms; --t-morph:620ms; --t-cloth:900ms;
  --hd-h:74px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:auto}
body{
  margin:0;background:var(--void);color:var(--parchment);
  font:400 var(--body)/1.65 var(--f-ui);letter-spacing:.005em;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
body.lock{overflow:hidden}
img{display:block;max-width:100%;height:auto}
button,input,textarea,select{font:inherit;color:inherit}
button{background:none;border:0;padding:0;cursor:pointer}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,p,figure,blockquote{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
::selection{background:var(--wine-600);color:var(--bone)}
:focus-visible{outline:2px solid var(--brass-100);outline-offset:3px}
.skip{position:fixed;left:-999px;top:0;z-index:99999;background:var(--wine-700);color:var(--bone);padding:12px 20px}
.skip:focus{left:12px;top:12px}

/* ═════ АТМОСФЕРА ═════ */
.grain{
  position:fixed;inset:0;z-index:9999;pointer-events:none;
  opacity:.052;mix-blend-mode:overlay;background-size:170px 170px;
  animation:grainShift .55s steps(3) infinite;
}
@keyframes grainShift{
  0%{background-position:0 0} 33%{background-position:-37px 24px} 66%{background-position:29px -33px} 100%{background-position:0 0}
}
.vignette{
  position:fixed;inset:0;z-index:9998;pointer-events:none;
  background:radial-gradient(125% 92% at 50% 42%,transparent 38%,rgba(10,7,8,.9) 100%);
}

/* ═════ КУРСОР ═════ */
/* власний курсор прибрано на прохання власника — 26.08.2026 */

/* ═════ РЕЙКА-СТІБОК ═════ */
.stitch-rail{
  position:fixed;left:calc(50vw - var(--container)/2 - 22px);top:0;width:40px;height:100vh;
  z-index:40;pointer-events:none;opacity:.5;
}
.stitch-rail path{
  fill:none;stroke:var(--brass);stroke-width:1;stroke-dasharray:6 5;
  stroke-dashoffset:var(--stitch,1000);
}
@media(max-width:1100px){.stitch-rail{display:none}}

/* ═════ ПРЕЛОАДЕР ═════ */
.preloader{
  position:fixed;inset:0;z-index:10001;background:var(--void);
  display:grid;place-items:center;
}
.preloader.gone{pointer-events:none}
.pre-svg{position:absolute;inset:0;width:100%;height:100%}
.pre-thread{stroke:var(--brass);stroke-width:1;stroke-dasharray:1080;stroke-dashoffset:1080}
.pre-svg g line{stroke:var(--brass-100);stroke-width:1;transform-box:fill-box;transform-origin:center;transform:scaleY(0)}
.pre-word{
  position:relative;z-index:2;display:flex;align-items:baseline;gap:.34em;
  transform-origin:0 0;
}
.pre-oh{font:italic 400 clamp(.85rem,1.5vw,1.3rem)/1 var(--f-display);color:var(--brass-100)}
.pre-zigi{font:500 clamp(2.4rem,6vw,4.6rem)/1 var(--f-display);color:var(--bone);letter-spacing:.06em}
.pre-word span i{display:inline-block;opacity:0;transform:translateY(16px);filter:blur(6px)}
.pre-meta{
  position:absolute;left:clamp(18px,4vw,52px);bottom:clamp(18px,4vw,44px);z-index:2;
  display:flex;gap:.9em;align-items:baseline;
  font:500 var(--micro)/1 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ash);
}
#preCount{color:var(--brass-100);font-variant-numeric:tabular-nums}

/* ═════ ШАПКА ═════ */
.hd{
  position:fixed;left:0;right:0;top:0;z-index:900;height:var(--hd-h);
  display:flex;align-items:center;gap:var(--gutter);
  padding:0 clamp(16px,4vw,52px);
  transition:background var(--t-ui) var(--e-silk),backdrop-filter var(--t-ui) var(--e-silk),transform var(--t-ui) var(--e-corset);
}
.hd::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(168,134,63,.3) 22%,rgba(168,134,63,.3) 78%,transparent);opacity:0;transition:opacity var(--t-ui)}
.hd.solid{background:rgba(10,7,8,.78);backdrop-filter:blur(14px) saturate(120%)}
.hd.solid::after{opacity:1}
.hd.up{transform:translateY(-102%)}
.hd-logo{display:flex;align-items:baseline;gap:.3em;margin-right:auto;opacity:0}
.hd-logo.ready{opacity:1;transition:opacity 300ms var(--e-silk)}
.hd-oh{font:italic 400 .72rem/1 var(--f-display);color:var(--brass-100)}
.hd-zigi{font:500 1.32rem/1 var(--f-display);color:var(--bone);letter-spacing:.09em}
.hd-nav{display:flex;gap:clamp(16px,2vw,34px)}
.hd-nav a{
  font:600 var(--micro)/1 var(--f-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--parchment);
  padding:6px 0;position:relative;
}
.hd-nav a::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--brass-100);
  transform:scaleX(0);transform-origin:left;transition:transform var(--t-ui) var(--e-corset);
}
.hd-nav a:hover::after,.hd-nav a.act::after{transform:scaleX(1)}
.hd-nav a.act{color:var(--bone)}
.hd-right{display:flex;align-items:center;gap:14px;margin-left:clamp(10px,2vw,28px)}
.hd-ico{position:relative;display:flex;align-items:center;gap:8px;padding:8px}
.hd-ico svg{fill:none;stroke:var(--bone);stroke-width:1.15;stroke-linejoin:round;stroke-linecap:round}
.hd-count{
  font:500 .66rem/1 var(--f-mono);color:var(--brass-100);
  height:1em;overflow:hidden;display:block;min-width:1ch;
}
.hd-count i{display:block;font-style:normal;transition:transform 340ms var(--e-corset)}
.hd-burger{display:none;width:34px;height:34px;position:relative}
.hd-burger i{position:absolute;left:7px;right:7px;height:1px;background:var(--bone);transition:transform 320ms var(--e-corset),opacity 200ms}
.hd-burger i:nth-child(1){top:14px}.hd-burger i:nth-child(2){top:20px}
.hd-burger[aria-expanded="true"] i:nth-child(1){transform:translateY(3px) rotate(42deg)}
.hd-burger[aria-expanded="true"] i:nth-child(2){transform:translateY(-3px) rotate(-42deg)}
@media(max-width:900px){
  .hd-burger{display:block}
  .hd-nav{
    position:fixed;inset:var(--hd-h) 0 auto 0;flex-direction:column;gap:0;
    background:rgba(10,7,8,.97);backdrop-filter:blur(16px);padding:14px clamp(16px,5vw,32px) 30px;
    clip-path:inset(0 0 100% 0);transition:clip-path 520ms var(--e-corset);
  }
  .hd-nav.open{clip-path:inset(0 0 0 0)}
  .hd-nav a{padding:16px 0;border-bottom:1px solid rgba(168,134,63,.16);font-size:.78rem}
}

/* ═════ ЗАГАЛЬНІ ПРИМІТИВИ ═════ */
.wrap{width:var(--container);margin-inline:auto}
.grid12{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gutter)}
.sec{padding-block:var(--section);position:relative}
.kicker{
  font:500 var(--micro)/1 var(--f-mono);letter-spacing:.22em;text-transform:uppercase;
  color:var(--brass);display:flex;align-items:center;gap:.9em;
}
.kicker::before{content:"";width:clamp(20px,4vw,54px);height:1px;background:var(--brass-900);display:block;
  transform:scaleX(0);transform-origin:left;transition:transform 900ms var(--e-drape)}
.in .kicker::before{transform:scaleX(1)}
.dspl{font:500 var(--d2)/.94 var(--f-display);color:var(--bone);letter-spacing:-.02em}
.dspl-1{font-size:var(--d1);line-height:.86;letter-spacing:-.03em}
.lead{font-size:var(--body);color:var(--parchment);max-width:56ch}
.mono{font:500 var(--micro)/1 var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ash);font-variant-numeric:tabular-nums}
.price{font:500 1rem/1 var(--f-mono);color:var(--bone);font-variant-numeric:tabular-nums}

/* лінія-волосинка, що креслиться сама */
.hair{height:1px;background:var(--brass-900);transform:scaleX(0);transform-origin:left;
  transition:transform 900ms var(--e-drape);position:relative}
.hair::after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;background:var(--brass-100);opacity:0;transition:opacity 300ms 700ms}
.in .hair{transform:scaleX(1)}
.in .hair::after{opacity:1}

/* маска-ревіл рядків */
.rv{display:block;overflow:hidden}
.rv > *{display:block;transform:translateY(106%) rotate(2.4deg);opacity:0;
  transition:transform var(--t-reveal) var(--e-silk),opacity var(--t-reveal) var(--e-silk);
  transition-delay:var(--d,0ms)}
.in .rv > *{transform:none;opacity:1}
.fade{opacity:0;transform:translateY(24px);transition:opacity 700ms var(--e-silk),transform 700ms var(--e-silk);transition-delay:var(--d,0ms)}
.in .fade{opacity:1;transform:none}

/* броньова кнопка */
.btn{
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.8em;
  padding:1.15em 2.2em;
  font:600 var(--micro)/1 var(--f-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--bone);
  background:linear-gradient(135deg,var(--wine-700),var(--wine-900));
  clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px));
  box-shadow:inset 0 1px 0 rgba(217,188,122,.42),inset 0 -1px 0 rgba(0,0,0,.6);
  overflow:hidden;transition:color var(--t-micro) var(--e-silk);
}
/* Bliskavka po knopci i magnitne prytjahuvannja znjati na prohannja
   vlasnyka 27.08.2026. Lyshaetsja tilky zmina kolju pry navedenni. */
.btn:hover{color:var(--brass-100)}
.btn span{position:relative}
.btn.ghost{background:transparent;box-shadow:inset 0 0 0 1px rgba(168,134,63,.85);color:var(--brass-100)}
.btn.ghost:hover{color:var(--bone)}
.btn[disabled]{opacity:.4;pointer-events:none}

/* стібкова рамка */
.seam{
  position:relative;
  background-image:
    repeating-linear-gradient(90deg,var(--brass-900) 0 7px,transparent 7px 13px),
    repeating-linear-gradient(90deg,var(--brass-900) 0 7px,transparent 7px 13px),
    repeating-linear-gradient(0deg,var(--brass-900) 0 7px,transparent 7px 13px),
    repeating-linear-gradient(0deg,var(--brass-900) 0 7px,transparent 7px 13px);
  background-size:100% 1px,100% 1px,1px 100%,1px 100%;
  background-position:0 0,0 100%,0 0,100% 0;
  background-repeat:no-repeat;
  transition:background-position 500ms var(--e-corset);
}
.seam:hover{background-position:13px 0,-13px 100%,0 13px,100% -13px}

/* сургучева печатка */
/* pechatka «Z» prybrana na prohannja vlasnyka 26.08.2026 */

/* ═════ ГЕРОЙ ═════ */
.hero{position:relative;height:100svh;min-height:600px;overflow:hidden}
.hero-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.hero-shade{position:absolute;inset:0;background:
  linear-gradient(0deg,rgba(10,7,8,.3),rgba(10,7,8,.3)),
  linear-gradient(190deg,rgba(10,7,8,.62) 0%,rgba(10,7,8,.12) 34%,rgba(10,7,8,.5) 70%,rgba(10,7,8,.94) 100%),
  linear-gradient(90deg,rgba(10,7,8,.86) 0%,rgba(10,7,8,.3) 46%,transparent 74%)}
.hero-weave{position:absolute;inset:0;opacity:.5;
  background:repeating-linear-gradient(45deg,rgba(237,228,214,.03) 0 1px,transparent 1px 3px)}
.hero-in{position:relative;height:100%;display:flex;align-items:flex-end;padding-bottom:clamp(70px,11vh,140px)}
.hero-txt{grid-column:2/9}
@media(max-width:900px){.hero-txt{grid-column:1/13}}
.hero-kick{margin-bottom:clamp(18px,3vh,34px)}
.hero-h1{font:500 var(--d1)/.86 var(--f-display);color:var(--bone);letter-spacing:-.03em}
.hero-h1 em{font-style:italic;color:var(--brass-100)}
.hero-sub{margin-top:clamp(18px,3vh,32px);max-width:44ch;color:var(--parchment)}
.hero-cta{margin-top:clamp(24px,4vh,44px);display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.hero-scroll{
  position:absolute;right:clamp(16px,4vw,52px);bottom:clamp(24px,5vh,54px);
  display:flex;align-items:center;gap:12px;writing-mode:vertical-rl;
  font:500 var(--micro)/1 var(--f-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ash);
}
.hero-scroll::after{content:"";width:1px;height:64px;background:linear-gradient(var(--brass),transparent);
  animation:scrollPulse 2.4s var(--e-breath) infinite}
@keyframes scrollPulse{0%,100%{transform:scaleY(.3);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}}
@media(max-width:700px){.hero-scroll{display:none}}
.hero-reel{
  position:absolute;left:clamp(16px,4vw,52px);bottom:clamp(24px,5vh,54px);display:flex;gap:5px;
}
.hero-reel i{width:14px;height:2px;background:rgba(237,228,214,.2);transition:background 180ms}
.hero-reel i.on{background:var(--brass-100)}
@media(max-width:700px){.hero-reel{display:none}}

/* ═════ МАНІФЕСТ ═════ */
.mani{position:relative}
.mani-txt{grid-column:7/13}
.mani-img{grid-column:1/6;position:relative;align-self:start;margin-left:calc(-1 * var(--bleed))}
.mani-img img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 22%;filter:grayscale(.35) contrast(1.08) brightness(.8)}
.mani-img figcaption{margin-top:14px;padding-left:var(--bleed)}
@media(max-width:900px){.mani-txt,.mani-img{grid-column:1/13}.mani-img{margin-left:0;margin-bottom:34px}}
.mani p{margin-top:1.35em;max-width:52ch}
.pull{
  margin-top:clamp(40px,6vw,80px);padding:clamp(24px,3vw,40px) 0;
  border-top:1px solid rgba(168,134,63,.22);border-bottom:1px solid rgba(168,134,63,.22);
  font:italic 400 var(--d3)/1.2 var(--f-display);color:var(--brass-100);max-width:22ch;
}

/* ═════ ПОЛОТНО-ШИФОН ═════ */
.cloth-band{position:relative;height:clamp(220px,32vw,420px);overflow:hidden;background:var(--ink)}
.cloth-band canvas{position:absolute;inset:0;width:100%;height:100%;display:block;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 9%,#000 78%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0,#000 9%,#000 78%,transparent 100%)}
.cloth-band .cb-txt{
  position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;
  font:italic 400 var(--d3)/1.2 var(--f-display);color:rgba(237,228,214,.9);text-align:center;
  padding:0 6vw;text-shadow:0 6px 40px rgba(10,7,8,.9);
}

/* ═════ КОЛЕКЦІЯ — ГОРИЗОНТАЛЬНА РЕЙКА ═════ */
.rail-sec{position:relative}
.rail-pin{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding-top:var(--hd-h)}
.rail-head{width:var(--container);margin-inline:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:clamp(20px,3vh,40px)}
.rail-head h2{max-width:14ch}
.rail-prog{width:min(30vw,260px);height:1px;background:rgba(168,134,63,.22);position:relative;margin-bottom:10px}
.rail-prog i{position:absolute;left:0;top:-1px;height:3px;background:var(--brass-100);width:calc(var(--rp,0) * 100%)}
.rail-track{display:flex;gap:clamp(18px,2.4vw,44px);padding-left:calc(50vw - var(--container)/2);will-change:transform}
.card{display:block;width:100%;position:relative}
.card-media{position:relative;overflow:hidden;background:var(--ink)}
.card-media img{width:100%;height:100%;object-fit:cover;transition:transform 1200ms var(--e-drape),filter 700ms var(--e-silk);
  filter:brightness(.86) contrast(1.05)}
.card:hover .card-media img{transform:scale(1.045);filter:brightness(1) contrast(1.05)}
.card-media::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(135deg,rgba(237,228,214,.028) 0 1px,transparent 1px 3px);
  opacity:.5;transition:opacity 600ms}
.card:hover .card-media::after{opacity:1}
.card-badge{
  position:absolute;left:12px;top:12px;z-index:2;
  padding:.5em .9em;background:rgba(10,7,8,.78);backdrop-filter:blur(6px);
  font:500 .58rem/1 var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--brass-100);
}
.card-meta{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-top:16px}
.card-name{font:500 var(--h4)/1.15 var(--f-display);color:var(--bone)}
.card-sub{font:500 .64rem/1.3 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ash);margin-top:6px}
.card-swatch{width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 1px rgba(237,228,214,.28);display:inline-block;vertical-align:middle;margin-right:.55em}
.rail-hint{width:var(--container);margin-inline:auto;padding-top:clamp(20px,3vh,38px);display:flex;justify-content:space-between;align-items:center;gap:20px}
@media(max-width:900px){
  .rail-pin{position:static;height:auto;padding-block:var(--section)}
  /* карусель дугою: стрічка їде вбік, картки лягають по колу */
  .rail-track{
    display:flex;gap:12px;width:100%;margin:0;transform:none!important;
    overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;scrollbar-width:none;
    padding:56px calc(50% - 34vw) 34px;
  }
  .rail-track::-webkit-scrollbar{display:none}
  .rail-track .card-wrap{
    flex:0 0 64vw;width:64vw;scroll-snap-align:center;margin-top:0!important;
    transform-origin:50% 135%;will-change:transform,opacity;
  }
  /* тінь шарами, щоб картка в центрі дуги відривалась від тла */
  .rail-track .card-media{
    box-shadow:0 1px 2px rgba(0,0,0,.28),0 6px 14px rgba(0,0,0,.3),
               0 18px 40px rgba(0,0,0,.34),0 36px 80px rgba(0,0,0,.3);
  }
  .card-wrap{width:auto}
  .rail-head,.rail-hint{flex-direction:column;align-items:flex-start}
  .rail-prog{display:none}
}
@media(max-width:520px){.rail-track{grid-template-columns:1fr}.card-wrap:nth-child(even){margin-top:0}}

/* ═════ ЛИЦАР ═════ */
  background:linear-gradient(210deg,rgba(42,5,14,.3),rgba(10,7,8,.08) 44%,rgba(10,7,8,.42))}
  background:repeating-linear-gradient(0deg,rgba(10,7,8,.30) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}
  box-shadow:0 0 28px var(--brass);opacity:0;left:var(--kd,50%)}
  linear-gradient(180deg,rgba(10,7,8,.66) 0%,rgba(10,7,8,.08) 30%,rgba(10,7,8,.72) 66%,rgba(10,7,8,.97) 100%),
  linear-gradient(90deg,rgba(10,7,8,.82) 0%,rgba(10,7,8,.34) 38%,transparent 62%)}
  display:flex;align-items:center;gap:9px;opacity:0;
  font:500 .62rem/1 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--bone)}
@keyframes rec{0%,49%{opacity:1}50%,100%{opacity:.15}}

/* ═════ ПРОЦЕС ═════ */
.proc-list{grid-column:1/13;margin-top:clamp(30px,5vw,70px)}
.proc-row{
  display:grid;grid-template-columns:clamp(60px,7vw,110px) minmax(0,1.05fr) minmax(0,1.6fr);
  gap:var(--gutter);align-items:start;
  padding:clamp(22px,3vw,40px) 0;border-top:1px solid rgba(168,134,63,.18);
  transition:background 500ms var(--e-silk);
}
.proc-row:last-child{border-bottom:1px solid rgba(168,134,63,.18)}
.proc-row:hover{background:linear-gradient(90deg,rgba(92,10,30,.22),transparent 70%)}
.proc-n{font:500 var(--micro)/1 var(--f-mono);letter-spacing:.2em;color:var(--brass)}
.proc-t{font:500 var(--d3)/1.05 var(--f-display);color:var(--bone)}
.proc-b{color:var(--parchment);max-width:52ch}
@media(max-width:760px){.proc-row{grid-template-columns:1fr;gap:10px}}

/* ═════ АТЕЛЬЄ ═════ */
.atl-img{grid-column:1/7;margin-left:calc(-1 * var(--bleed));position:relative}
.atl-img img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:50% 34%;filter:contrast(1.1) brightness(.9)}
.atl-txt{grid-column:8/13;align-self:center}
@media(max-width:900px){.atl-img,.atl-txt{grid-column:1/13}.atl-img{margin-left:0;margin-bottom:34px}}
.lacing{width:100%;height:64px;display:block;margin-block:clamp(26px,4vw,50px);overflow:visible}
.lacing .rail{stroke:rgba(168,134,63,.32);stroke-width:1}
.lacing .lace{fill:none;stroke:var(--brass);stroke-width:1.4;vector-effect:non-scaling-stroke;
  stroke-dasharray:2400;stroke-dashoffset:2400;transition:stroke-dashoffset 1700ms var(--e-thread)}
.lacing .lace2{stroke:var(--brass-100);opacity:.75;transition-delay:180ms}
.lacing .eyes circle{fill:var(--void);stroke:var(--brass);stroke-width:1;vector-effect:non-scaling-stroke;
  opacity:0;transition:opacity 400ms var(--e-silk)}
.in .lacing .lace{stroke-dashoffset:0}
.in .lacing .eyes circle{opacity:1}

/* ═════ ЛІЧИЛЬНИКИ ═════ */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--gutter);grid-column:1/13;margin-top:clamp(30px,5vw,64px)}
.stat{border-top:1px solid rgba(168,134,63,.2);padding-top:18px}
.stat b{display:block;font:500 clamp(2rem,4vw,3.4rem)/1 var(--f-display);color:var(--bone);font-variant-numeric:tabular-nums}
.stat span{display:block;margin-top:8px;font:500 var(--micro)/1.4 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ash)}

/* ═════ ВІДГУКИ ═════ */
.tst{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--gutter);grid-column:1/13;margin-top:clamp(30px,5vw,64px)}
.tst blockquote{padding:clamp(20px,2.4vw,34px);background:linear-gradient(160deg,rgba(26,16,19,.9),rgba(18,12,15,.5))}
.tst p{font:italic 400 1.02rem/1.6 var(--f-display);color:var(--bone)}
.tst footer{margin-top:16px;font:500 var(--micro)/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--brass)}

/* ═════ КАТАЛОГ (сторінка) ═════ */
.cat-head{grid-column:1/13;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,40ch);
  align-items:end;gap:clamp(20px,4vw,60px)}
.cat-lead{margin-bottom:.4em}
@media(max-width:900px){.cat-head{grid-template-columns:1fr}}

/* ── панель добору ── */
.cat-bar{
  grid-column:1/13;margin-top:clamp(26px,4vw,50px);display:grid;gap:12px;
  padding:clamp(14px,2vw,20px) 0;background:var(--void);
  border-top:1px solid rgba(168,134,63,.3);border-bottom:1px solid rgba(168,134,63,.3);
}
.cat-row{display:flex;align-items:center;gap:clamp(10px,1.6vw,20px);flex-wrap:wrap}
.cat-row-end{justify-content:space-between;padding-top:2px}
.cat-lab{font:500 var(--micro)/1 var(--f-ui);letter-spacing:.2em;text-transform:uppercase;
  color:var(--brass);flex:0 0 auto;min-width:11ch}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{
  display:inline-flex;align-items:center;gap:.55em;padding:.6em 1em;
  font:600 var(--micro)/1 var(--f-ui);letter-spacing:.13em;text-transform:uppercase;color:var(--parchment);
  box-shadow:inset 0 0 0 1px rgba(168,134,63,.42);
  transition:color 260ms var(--e-silk),background 260ms var(--e-silk),box-shadow 260ms var(--e-silk);
}
.chip:hover{color:var(--bone);box-shadow:inset 0 0 0 1px var(--brass)}
.chip.on{color:var(--void);background:var(--brass-100);box-shadow:none}
.chip i{width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 1px rgba(237,228,214,.3);flex:0 0 auto}
.chip b{font-weight:500;opacity:.55;font-variant-numeric:tabular-nums}
.chip.on b{opacity:.62}
.cat-sortwrap{display:flex;align-items:center;gap:clamp(10px,1.6vw,20px)}
.cat-sel{
  appearance:none;padding:.6em 2.4em .6em 1em;color:var(--bone);background-color:transparent;
  font:600 var(--micro)/1 var(--f-ui);letter-spacing:.13em;text-transform:uppercase;cursor:pointer;
  box-shadow:inset 0 0 0 1px rgba(168,134,63,.42);
  background-image:linear-gradient(45deg,transparent 50%,var(--brass) 50%),
                   linear-gradient(135deg,var(--brass) 50%,transparent 50%);
  background-position:calc(100% - 18px) 52%,calc(100% - 13px) 52%;
  background-size:5px 5px,5px 5px;background-repeat:no-repeat;
}
.cat-sel option{background:var(--ink);color:var(--bone)}
.cat-count{color:var(--ash);white-space:nowrap}

/* ── сітка каталогу: рівна, однакове кадрування ── */
.cat-grid{grid-column:1/13;display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(20px,2.6vw,42px) clamp(14px,1.8vw,28px);margin-top:clamp(26px,4vw,50px)}
.cat-grid .card-media{aspect-ratio:4/5!important}
.cat-grid .card-wrap:nth-child(even),.cat-grid-3 .card-wrap:nth-child(even){margin-top:0}
.cat-grid-3{grid-template-columns:repeat(3,1fr)}
.cat-empty{grid-column:1/13;padding:clamp(40px,8vw,90px) 0;display:grid;gap:22px;justify-items:start}

@media(max-width:1000px){.cat-grid,.cat-grid-3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){
  .cat-grid,.cat-grid-3{grid-template-columns:1fr}
  .cat-lab{min-width:0;width:100%}
  .cat-row-end{flex-direction:column;align-items:flex-start;gap:12px}
  .cat-sortwrap{flex-direction:column;align-items:flex-start;gap:8px;width:100%}
  .cat-sel{width:100%}
}

/* ═════ ТОВАР ═════ */
.pdp{padding-top:calc(var(--hd-h) + clamp(24px,5vw,70px))}
.pdp-media{grid-column:1/8;display:grid;gap:clamp(10px,1.4vw,22px)}
.pdp-media figure{position:relative;overflow:hidden;background:var(--ink)}
.pdp-media img{width:100%;object-fit:cover}
@media(max-width:900px){.pdp-media figure{aspect-ratio:4/5}.pdp-media img{height:100%}}
.pdp-panel{grid-column:9/13;position:sticky;top:calc(var(--hd-h) + 26px);align-self:start}
@media(max-width:900px){.pdp-media{grid-column:1/13}.pdp-panel{grid-column:1/13;position:static;margin-top:34px}}
.pdp-name{font:500 var(--d2)/.96 var(--f-display);color:var(--bone);letter-spacing:-.02em}
.pdp-sub{margin-top:10px;font:500 var(--micro)/1.5 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--brass)}
.pdp-price{margin-top:22px;font:500 1.4rem/1 var(--f-mono);color:var(--bone);font-variant-numeric:tabular-nums}
.pdp-story{margin-top:22px;color:var(--parchment)}
.pdp-block{margin-top:clamp(24px,3vw,38px)}
.pdp-block h3{font:600 var(--micro)/1 var(--f-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--ash);margin-bottom:14px}
.pdp-det li{padding:9px 0 9px 20px;border-bottom:1px solid rgba(168,134,63,.14);position:relative;font-size:.94rem}
.pdp-det li::before{content:"";position:absolute;left:0;top:19px;width:9px;height:1px;background:var(--brass)}
.sizes{display:flex;gap:8px;flex-wrap:wrap}
.sizes button{
  min-width:56px;padding:.85em .6em;font:500 .78rem/1 var(--f-mono);letter-spacing:.1em;color:var(--parchment);
  box-shadow:inset 0 0 0 1px rgba(168,134,63,.62);transition:all 280ms var(--e-silk);
}
.sizes button:hover{color:var(--bone);box-shadow:inset 0 0 0 1px var(--brass)}
.sizes button.on{background:var(--wine-700);color:var(--bone);box-shadow:inset 0 1px 0 rgba(217,188,122,.4)}
.pdp-note{margin-top:14px;font-size:.82rem;color:var(--ash)}
.pdp-cta{margin-top:26px;display:flex;flex-direction:column;gap:12px}
.pdp-cta .btn{width:100%}
.pdp-facts{margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:14px;border-top:1px solid rgba(168,134,63,.2);padding-top:20px}
.pdp-facts div span{display:block;font:500 .6rem/1 var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ash);margin-bottom:7px}
.pdp-facts div b{font-weight:500;color:var(--bone);font-size:.9rem}
.plate-note{position:absolute;left:12px;bottom:12px;z-index:2;padding:.5em .9em;background:rgba(10,7,8,.72);backdrop-filter:blur(6px);
  font:500 .56rem/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--parchment)}
.morph-clone{position:fixed;z-index:800;transform-origin:0 0;pointer-events:none;object-fit:cover;will-change:transform}

/* ═════ ДОВІДКА ═════ */
.tbl{width:100%;border-collapse:collapse;margin-top:22px}
.tbl th,.tbl td{padding:14px 10px;text-align:left;border-bottom:1px solid rgba(168,134,63,.16);font:500 .88rem/1.3 var(--f-mono);font-variant-numeric:tabular-nums}
.tbl th{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ash)}
.tbl td:first-child{color:var(--brass-100)}
.acc{border-top:1px solid rgba(168,134,63,.18);margin-top:clamp(24px,4vw,50px)}
.acc details{border-bottom:1px solid rgba(168,134,63,.18)}
.acc summary{
  list-style:none;cursor:pointer;padding:clamp(16px,2vw,26px) 44px clamp(16px,2vw,26px) 0;position:relative;
  font:500 var(--h4)/1.3 var(--f-display);color:var(--bone);
}
.acc summary::-webkit-details-marker{display:none}
.acc summary::after,.acc summary::before{content:"";position:absolute;right:8px;top:50%;background:var(--brass);transition:transform 380ms var(--e-corset)}
.acc summary::after{width:14px;height:1px;margin-top:-.5px}
.acc summary::before{width:1px;height:14px;right:14.5px;margin-top:-7px}
.acc details[open] summary::before{transform:scaleY(0)}
.acc .acc-b{padding:0 44px clamp(20px,2.4vw,30px) 0;color:var(--parchment);max-width:74ch}
.care-list li{padding:16px 0 16px 30px;border-bottom:1px solid rgba(168,134,63,.14);position:relative}
.care-list li::before{content:"";position:absolute;left:0;top:24px;width:14px;height:1px;background:var(--brass)}

/* ═════ КОШИК / ШУХЛЯДА ═════ */
.drawer[hidden],.drawer-scrim[hidden]{display:none}
.drawer-scrim{position:fixed;inset:0;z-index:950;background:rgba(10,7,8,0);backdrop-filter:blur(0);
  transition:background 480ms var(--e-silk),backdrop-filter 480ms var(--e-silk)}
.drawer-scrim.on{background:rgba(10,7,8,.66);backdrop-filter:blur(13px)}
.drawer{
  position:fixed;top:0;right:0;bottom:0;z-index:960;width:min(460px,100vw);
  background:linear-gradient(200deg,var(--raise),var(--ink));
  box-shadow:-1px 0 0 rgba(168,134,63,.28),-40px 0 90px rgba(0,0,0,.6);
  display:flex;flex-direction:column;transform:translateX(101%);
  transition:transform 520ms var(--e-corset);
}
.drawer.on{transform:none}
.drawer-hd{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px clamp(20px,3vw,32px);border-bottom:1px solid rgba(168,134,63,.2)}
.drawer-title{font:500 var(--d3)/1 var(--f-display);color:var(--bone)}
.drawer-x{font:600 var(--micro)/1 var(--f-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--ash)}
.drawer-x:hover{color:var(--bone)}
.drawer-body{flex:1;overflow-y:auto;padding:clamp(16px,2.4vw,26px) clamp(20px,3vw,32px);perspective:900px}
.drawer-ft{padding:clamp(18px,2.6vw,28px) clamp(20px,3vw,32px);border-top:1px solid rgba(168,134,63,.2)}
.ci{display:grid;grid-template-columns:74px 1fr auto;gap:16px;padding:16px 0;border-bottom:1px solid rgba(168,134,63,.14);
  transform-origin:top center}
.ci img{width:74px;height:94px;object-fit:cover}
.ci-n{font:500 1.02rem/1.2 var(--f-display);color:var(--bone)}
.ci-s{margin-top:6px;font:500 .6rem/1.4 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ash)}
.ci-q{margin-top:10px;display:flex;align-items:center;gap:10px}
.ci-q button{width:28px;height:28px;display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(168,134,63,.75);color:var(--bone);font-size:.85rem}
.ci-q button:hover{color:var(--bone);box-shadow:inset 0 0 0 1px var(--brass)}
.ci-q b{font:500 .82rem/1 var(--f-mono);color:var(--bone);min-width:2ch;text-align:center}
.ci-p{font:500 .9rem/1 var(--f-mono);color:var(--bone);font-variant-numeric:tabular-nums;white-space:nowrap}
.ci-x{margin-top:10px;font:500 .58rem/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ash);text-align:right;display:block;width:100%}
.ci-x:hover{color:var(--blood-lit)}
.cart-empty{padding:40px 0;color:var(--ash);text-align:center}
.sum{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px}
.sum span{font:500 var(--micro)/1 var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ash)}
.sum b{font:500 1.3rem/1 var(--f-mono);color:var(--bone);font-variant-numeric:tabular-nums}
.fly-layer{position:fixed;inset:0;z-index:940;pointer-events:none}
.fly-img{position:fixed;object-fit:cover;will-change:transform,opacity}
.toast{
  position:fixed;left:50%;bottom:34px;z-index:970;transform:translate(-50%,calc(100% + 60px));
  padding:14px 26px;background:var(--raise);box-shadow:inset 0 0 0 1px rgba(168,134,63,.35);
  font:600 var(--micro)/1 var(--f-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--bone);
  transition:transform 480ms var(--e-drape);
}
.toast.on{transform:translate(-50%,0)}

/* ═════ ЧЕКАУТ ═════ */
.co{padding-top:calc(var(--hd-h) + clamp(24px,5vw,70px))}
.co-form{grid-column:1/8}
.co-side{grid-column:9/13;position:sticky;top:calc(var(--hd-h) + 26px);align-self:start}
@media(max-width:900px){.co-form,.co-side{grid-column:1/13}.co-side{position:static;margin-top:38px}}
.fld{position:relative;margin-top:26px}
.fld input,.fld textarea{
  width:100%;background:transparent;border:0;border-bottom:1px solid rgba(168,134,63,.3);
  padding:14px 0 10px;color:var(--bone);font-size:1rem;
}
.fld textarea{resize:vertical;min-height:88px}
.fld label{
  position:absolute;left:0;top:14px;pointer-events:none;color:var(--ash);
  transition:transform 300ms var(--e-silk),color 300ms,font-size 300ms;transform-origin:0 0;
}
.fld input:focus + label,.fld textarea:focus + label,.fld.filled label{transform:translateY(-17px) scale(.72);color:var(--brass)}
.fld i{position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--brass-100);transform:scaleX(0);transform-origin:left;
  transition:transform 360ms var(--e-corset)}
.fld input:focus ~ i,.fld textarea:focus ~ i{transform:scaleX(1)}
.fld.err input,.fld.err textarea{border-bottom-color:var(--blood-lit)}
.fld.err{animation:shake 320ms}
@keyframes shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-5px)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}
.pay{margin-top:34px;display:grid;gap:10px}
.pay label{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;cursor:pointer;
  box-shadow:inset 0 0 0 1px rgba(168,134,63,.24);transition:box-shadow 300ms,background 300ms}
.pay label:has(input:checked){box-shadow:inset 0 0 0 1px var(--brass);background:rgba(92,10,30,.24)}
.pay input{appearance:none;width:14px;height:14px;margin-top:5px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--brass);flex:0 0 auto}
.pay input:checked{background:var(--brass-100);box-shadow:inset 0 0 0 3px var(--void),0 0 0 1px var(--brass)}
.co-sum{background:linear-gradient(170deg,rgba(26,16,19,.94),rgba(18,12,15,.6));padding:clamp(20px,2.6vw,30px)}
.co-line{display:flex;justify-content:space-between;gap:14px;padding:10px 0;font-size:.9rem;border-bottom:1px solid rgba(168,134,63,.12)}
.co-line b{font:500 .9rem/1 var(--f-mono);color:var(--bone);white-space:nowrap}
.done{min-height:70svh;display:grid;place-items:center;text-align:center;padding-top:var(--hd-h)}

/* ═════ ПІДВАЛ ═════ */
.ft{border-top:1px solid rgba(168,134,63,.2);padding-block:clamp(50px,7vw,100px) 34px;margin-top:clamp(36px,5vw,80px)}
.ft-top{grid-column:1/13;display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:var(--gutter)}
@media(max-width:900px){.ft-top{grid-template-columns:1fr 1fr}}
@media(max-width:520px){
  /* bulo odnijeju kolonkoju — pidval rostjahuvavsja na dva ekrany */
  .ft-top{grid-template-columns:1fr 1fr;gap:26px 18px}
  .ft-brand{grid-column:1/-1}
  .ft-col li{margin-bottom:7px}
  .ft-col a{font-size:.82rem}
  .ft{padding-block:clamp(34px,7vw,60px) 24px;margin-top:clamp(28px,5vw,60px)}
  .ft-bot{margin-top:30px;padding-top:18px}
}
.ft-brand .hd-zigi{font-size:2rem}
.ft-tag{margin-top:16px;max-width:26ch;color:var(--ash);font-size:.9rem}
.ft-col li{margin-bottom:10px}
.ft-col a{font-size:.88rem;color:var(--parchment);
  background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-repeat:no-repeat;background-position:0 100%;
  transition:background-size 420ms var(--e-corset),color 300ms}
.ft-col a:hover{color:var(--bone);background-size:100% 1px}
.ft-bot{grid-column:1/13;margin-top:clamp(40px,6vw,80px);padding-top:24px;border-top:1px solid rgba(168,134,63,.14);
  display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center;
  font:500 .62rem/1.6 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ash)}
.calm{display:flex;align-items:center;gap:10px;cursor:pointer}
.calm i{width:34px;height:16px;box-shadow:inset 0 0 0 1px rgba(168,134,63,.4);position:relative;display:block}
.calm i::after{content:"";position:absolute;left:2px;top:2px;width:10px;height:10px;background:var(--brass);transition:transform 320ms var(--e-corset)}
.calm.on i::after{transform:translateX(18px);background:var(--brass-100)}

/* ═════ СПОКІЙНИЙ РЕЖИМ ═════ */
html[data-motion="calm"] .grain{animation:none;opacity:.03}
html[data-motion="calm"] .rail-pin,
html[data-motion="calm"] .rail-sec{height:auto!important}
html[data-motion="calm"] .rail-track{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));padding-left:0;width:var(--container);margin-inline:auto;transform:none!important}
html[data-motion="calm"] .card-wrap{width:auto}
html[data-motion="calm"] .rv > *,html[data-motion="calm"] .fade{transform:none;opacity:1;transition:opacity 200ms}
html[data-motion="calm"] .hair,html[data-motion="calm"] .kicker::before{transform:scaleX(1)}
html[data-motion="calm"] .hero-scroll::after{animation:none}
html[data-motion="calm"] .cloth-band canvas{opacity:.9}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .rv > *,.fade{transform:none;opacity:1}
  .hair,.kicker::before{transform:scaleX(1)}
}

/* ═════ ДОДАНЕ: службові класи ═════ */
.sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* власний курсор прибрано — системний лишається завжди */
.lnk{color:var(--brass-100);
  background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-repeat:no-repeat;background-position:0 100%;
  transition:background-size 420ms var(--e-corset)}
.lnk:hover{background-size:100% 1px}
.h-lbl{font:600 var(--micro)/1 var(--f-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--ash);margin-bottom:14px;padding:0}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* ═════ ОБРАНЕ ═════ */
.card-wrap{position:relative;flex:0 0 auto;width:clamp(240px,26vw,400px)}
.cat-grid .card-wrap,html[data-motion="calm"] .card-wrap{width:auto}
.card-wrap:nth-child(even){margin-top:var(--stagger)}
.card:nth-child(even){margin-top:0}
.wish{
  position:absolute;right:12px;top:12px;z-index:3;width:38px;height:38px;display:grid;place-items:center;
  background:rgba(10,7,8,.62);backdrop-filter:blur(6px);box-shadow:inset 0 0 0 1px rgba(168,134,63,.4);
  transition:background 300ms,box-shadow 300ms;
}
.wish svg{fill:none;stroke:var(--bone);stroke-width:1.3;stroke-linejoin:round;transition:fill 300ms,stroke 300ms}
.wish:hover{box-shadow:inset 0 0 0 1px var(--brass)}
.wish[aria-pressed="true"] svg{fill:var(--blood);stroke:var(--blood-lit)}
.btn[aria-pressed="true"]{color:var(--bone);box-shadow:inset 0 0 0 1px var(--brass-100)}
.card-badge.sold{left:auto;right:58px;background:rgba(200,21,40,.85);color:var(--bone)}

/* ═════ ІНФО-СТОРІНКИ ═════ */
.info-grid{grid-column:1/13;display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(18px,2.4vw,40px);margin-top:clamp(34px,5vw,64px)}
@media(max-width:760px){.info-grid{grid-template-columns:1fr}}
.info-card{padding:clamp(22px,2.6vw,34px);background:linear-gradient(165deg,rgba(26,16,19,.9),rgba(18,12,15,.45));
  box-shadow:inset 0 0 0 1px rgba(168,134,63,.16)}
.info-h{font:500 var(--d3)/1.05 var(--f-display);color:var(--bone);font-size:clamp(1.25rem,2vw,1.7rem)}
.info-b{margin-top:14px;color:var(--parchment);font-size:.96rem}
.info-rows{margin-top:20px;border-top:1px solid rgba(168,134,63,.18)}
.info-rows > div{display:grid;grid-template-columns:minmax(120px,.8fr) 1.2fr;gap:14px;padding:11px 0;border-bottom:1px solid rgba(168,134,63,.12)}
.info-rows dt{font:500 .62rem/1.4 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ash)}
.info-rows dd{margin:0;font-size:.9rem;color:var(--bone)}
@media(max-width:520px){.info-rows > div{grid-template-columns:1fr;gap:4px}}

.contact-list{margin-top:clamp(30px,4vw,50px);border-top:1px solid rgba(168,134,63,.2)}
.contact-list > div{display:grid;grid-template-columns:minmax(140px,.7fr) 1.3fr;gap:16px;padding:18px 0;border-bottom:1px solid rgba(168,134,63,.14)}
.contact-list dt{font:500 var(--micro)/1.4 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--brass)}
.contact-list dd{margin:0;color:var(--bone);font-size:1rem}
@media(max-width:760px){.contact-list > div{grid-template-columns:1fr;gap:6px}
  .contacts-aside,aside[style*="grid-column:9/13"]{grid-column:1/13!important;margin-top:34px}}

/* ═════ ЮРИДИЧНІ ═════ */
.legal .legal-body{margin-top:clamp(26px,4vw,44px);max-width:78ch;column-gap:clamp(24px,4vw,60px)}
.legal-body section{margin-bottom:clamp(28px,3.4vw,46px)}
.legal-body h2{font:500 var(--h4)/1.3 var(--f-display);color:var(--bone);margin-bottom:14px}
.legal-body p{margin-bottom:12px;color:var(--parchment);font-size:.95rem;line-height:1.7}
.warn{margin-top:22px;padding:16px 20px;background:rgba(200,21,40,.1);
  box-shadow:inset 0 0 0 1px rgba(228,82,92,.4);color:var(--blood-lit);font-size:.88rem;max-width:70ch}

/* ═════ ФОРМА: помилки ═════ */
.fld-err{margin:8px 0 0;font:500 .74rem/1.4 var(--f-ui);color:var(--blood-lit)}
.pay{border:0;padding:0;margin-top:34px;display:grid;gap:10px}
.pay legend{padding:0;margin-bottom:6px}
.drawer-note{margin:-6px 0 14px;font:500 .72rem/1.5 var(--f-mono);letter-spacing:.08em;color:var(--ash)}
.done-box{margin-top:28px;padding:20px;background:rgba(18,12,15,.8);box-shadow:inset 0 0 0 1px rgba(168,134,63,.24);text-align:left}
.done-box pre{margin:0;white-space:pre-wrap;font:400 .8rem/1.6 var(--f-mono);color:var(--parchment);max-height:280px;overflow:auto}
.back{display:inline-block;margin-bottom:20px;color:var(--ash)}
.back:hover{color:var(--bone)}
.wide-img{width:100%;aspect-ratio:21/9;object-fit:cover;filter:contrast(1.1) brightness(.86)}

/* ═════ КУКІ ═════ */
.consent[hidden]{display:none}
.consent{
  position:fixed;left:50%;bottom:20px;z-index:965;transform:translate(-50%,140%);
  width:min(680px,calc(100vw - 32px));display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;
  padding:18px 22px;background:rgba(18,12,15,.96);backdrop-filter:blur(12px);
  box-shadow:inset 0 0 0 1px rgba(168,134,63,.3),0 20px 50px rgba(0,0,0,.5);
  transition:transform 480ms var(--e-drape);
}
.consent.on{transform:translate(-50%,0)}
.consent p{margin:0;font-size:.88rem;color:var(--parchment);flex:1 1 260px}
.consent-b{display:flex;align-items:center;gap:18px}
.consent .btn{padding:.9em 1.6em}

/* ═════ ДРІБНИЦІ ═════ */
.hd-nav{gap:clamp(12px,1.6vw,26px)}
@media(max-width:980px){
  .hd-burger{display:block}
  .hd-nav{
    position:fixed;inset:var(--hd-h) 0 auto 0;flex-direction:column;gap:0;
    background:rgba(10,7,8,.97);backdrop-filter:blur(16px);padding:14px clamp(16px,5vw,32px) 30px;
    clip-path:inset(0 0 100% 0);transition:clip-path 520ms var(--e-corset);
  }
  .hd-nav.open{clip-path:inset(0 0 0 0)}
  .hd-nav a{padding:15px 0;border-bottom:1px solid rgba(168,134,63,.16);font-size:.76rem}
}
@media(min-width:981px){.hd-nav{clip-path:none!important}}