/* ============ TOKENS ============ */
:root{
  --cream:#f8ebda;
  --cream-deep:#efe0c8;
  --ink:#141313;
  --red:#f03749;
  --yellow:#fee600;
  --green:#009146;
  --blue:#0756a5;
  --blue-lt:#7fa8d9;
  --orange:#eb6325;
  --purple:#6607a5;
  --white:#ffffff;
  --line:1px solid var(--ink);
  --font-display:'Oswald',sans-serif;
  --font-body:'Onest',sans-serif;
  --font-mono:'IBM Plex Mono',monospace;
  --header-h:72px;
  --announce-h:34px;
}
*{margin:0;padding:0;box-sizing:border-box;border-radius:0}
html{scroll-behavior:smooth}
body{
  background:var(--cream);
  color:var(--ink);
  font-family:var(--font-body);
  font-weight:400;
  font-size:16px;
  line-height:1.45;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
::selection{background:var(--red);color:var(--white)}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;background:none;border:none;color:inherit}
img{display:block;max-width:100%}
.mono{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.display{font-family:var(--font-display);text-transform:uppercase;line-height:.95;letter-spacing:-.01em}

/* ============ ANNOUNCE BAR ============ */
.announce{
  position:fixed;top:0;left:0;right:0;z-index:60;
  height:var(--announce-h);
  background:var(--yellow);
  border-bottom:var(--line);
  display:flex;align-items:center;justify-content:space-between;
  padding:0 20px;
}
.announce .mono{display:flex;gap:28px;align-items:center;white-space:nowrap;overflow:hidden}
.announce a{border-bottom:1px solid var(--ink)}
.announce .ozon{display:flex;align-items:center;gap:8px}
.announce .dot{width:8px;height:8px;background:var(--ink)}

/* ============ HEADER ============ */
.header{
  position:fixed;top:var(--announce-h);left:0;right:0;z-index:55;
  height:var(--header-h);
  background:var(--cream);
  border-bottom:var(--line);
  display:grid;
  grid-template-columns:auto auto 1fr auto auto auto;
  align-items:stretch;
}
.header>*{display:flex;align-items:center}
.brand{
  padding:0 22px;border-right:var(--line);
  font-family:var(--font-display);font-weight:700;font-size:26px;text-transform:uppercase;
  letter-spacing:.01em;white-space:nowrap;
}
.brand em{font-style:normal;color:var(--red)}
.catalog-btn{
  padding:0 24px;border-right:var(--line);
  background:var(--red);color:var(--white);
  font-family:var(--font-display);font-weight:600;font-size:16px;text-transform:uppercase;letter-spacing:.06em;
  display:flex;align-items:center;gap:12px;
  transition:background .2s ease;
}
.catalog-btn:hover{background:var(--ink)}
.burger{width:22px;height:14px;position:relative}
.burger i{position:absolute;left:0;right:0;height:2px;background:var(--white);transition:transform .25s ease,top .25s ease}
.burger i:nth-child(1){top:0}
.burger i:nth-child(2){top:6px}
.burger i:nth-child(3){top:12px}
.catalog-btn.open .burger i:nth-child(1){top:6px;transform:rotate(45deg)}
.catalog-btn.open .burger i:nth-child(2){opacity:0}
.catalog-btn.open .burger i:nth-child(3){top:6px;transform:rotate(-45deg)}
.nav{display:flex;align-items:stretch;height:100%}
.nav a{
  display:flex;align-items:center;padding:0 18px;
  font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  border-right:var(--line);position:relative;transition:background .15s ease,color .15s ease;
  white-space:nowrap;text-align:center;
}
.nav a:hover{background:var(--ink);color:var(--cream)}
.head-phone{
  padding:0 22px;border-left:var(--line);
  font-family:var(--font-display);font-weight:600;font-size:19px;white-space:nowrap;
  flex-direction:column;justify-content:center;align-items:flex-start;line-height:1.05;
}
.head-phone small{font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;font-weight:400}
.cart-btn{
  padding:0 24px;border-left:var(--line);position:relative;
  font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  display:flex;align-items:center;gap:10px;transition:background .15s ease,color .15s ease;
}
.cart-btn:hover{background:var(--ink);color:var(--cream)}
.cart-count{
  min-width:24px;height:24px;padding:0 6px;background:var(--red);color:var(--white);
  display:inline-flex;align-items:center;justify-content:center;
  font-family:var(--font-display);font-weight:600;font-size:14px;
  transition:transform .2s ease;
}
.cart-count.bump{transform:scale(1.45)}
.cart-btn:hover .cart-count{background:var(--yellow);color:var(--ink)}

/* ============ DRAWER (catalog) ============ */
.drawer{
  position:fixed;inset:0;z-index:50;
  background:var(--red);color:var(--white);
  transform:translateX(-100%);
  transition:transform .45s cubic-bezier(.77,0,.18,1);
  display:flex;flex-direction:column;
  padding-top:calc(var(--announce-h) + var(--header-h));
  overflow-y:auto;
}
.drawer.open{transform:translateX(0)}
.drawer-grid{
  flex:1;display:grid;grid-template-columns:1.6fr 1fr;
}
.drawer-cats{display:flex;flex-direction:column}
.drawer-cats a{
  display:flex;align-items:baseline;gap:18px;
  padding:14px 32px;
  border-bottom:1px solid rgba(255,255,255,.35);
  font-family:var(--font-display);font-weight:600;text-transform:uppercase;
  font-size:clamp(22px,3.4vw,44px);line-height:1;
  transition:background .15s ease,color .15s ease,padding-left .25s ease;
}
.drawer-cats a .idx{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;opacity:.75}
.drawer-cats a:hover{background:var(--cream);color:var(--ink);padding-left:48px}
.drawer-aside{
  border-left:1px solid rgba(255,255,255,.35);
  padding:32px;display:flex;flex-direction:column;gap:26px;
}
.drawer-aside .big{font-family:var(--font-display);font-weight:600;font-size:clamp(28px,3vw,44px);text-transform:uppercase;line-height:1}
.drawer-aside .mono{opacity:.85;line-height:2}
.drawer-foot{
  border-top:1px solid rgba(255,255,255,.35);
  padding:18px 32px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;
}
.scrim{position:fixed;inset:0;z-index:49;background:rgba(20,19,19,.45);opacity:0;pointer-events:none;transition:opacity .3s ease}
.scrim.on{opacity:1;pointer-events:auto}

/* ============ PAGE OFFSET ============ */
main{padding-top:calc(var(--announce-h) + var(--header-h))}

/* ============ HERO ============ */
.hero{
  position:relative;
  height:calc(100vh - var(--announce-h) - var(--header-h));
  min-height:560px;
  border-bottom:var(--line);
  overflow:hidden;
  cursor:crosshair;
}
.hero-slide{
  position:absolute;inset:0;display:flex;
  opacity:0;pointer-events:none;
  transition:opacity .55s ease;
}
.hero-slide.active{opacity:1;pointer-events:auto}
.hero-text{
  width:58%;flex:none;
  display:flex;flex-direction:column;justify-content:space-between;
  padding:clamp(24px,4vw,56px);
  position:relative;z-index:2;
}
.hero-kicker{display:flex;gap:14px;align-items:center}
.hero-kicker .bar{width:44px;height:1px;background:currentColor}
.hero-h1{
  font-family:var(--font-display);font-weight:700;text-transform:uppercase;
  font-size:clamp(44px,7.4vw,124px);line-height:.92;letter-spacing:-.015em;
}
.hero-h1 .hl{background:var(--ink);color:var(--cream);padding:0 .12em;display:inline-block}
.hero-sub{max-width:420px;font-size:15px;font-weight:500}
.hero-cta-row{display:flex;gap:0;border:var(--line);width:max-content;background:var(--white)}
.hero-cta{
  padding:16px 28px;font-family:var(--font-display);font-weight:600;font-size:17px;text-transform:uppercase;letter-spacing:.05em;
  background:var(--ink);color:var(--cream);transition:background .15s ease,color .15s ease;
}
.hero-cta:hover{background:var(--cream);color:var(--ink)}
.hero-cta.ghost{background:var(--white);color:var(--ink);border-left:var(--line)}
.hero-cta.ghost:hover{background:var(--yellow)}
.hero-img-panel{
  flex:1;position:relative;border-left:var(--line);
  display:flex;align-items:center;justify-content:center;
  transition:width .1s linear;
  overflow:hidden;
}
.hero-img-panel img{
  width:100%;height:100%;max-height:none;object-fit:cover;
  filter:saturate(.94) contrast(1.06);
  will-change:transform;
}
.hero-idx{
  position:absolute;right:clamp(16px,3vw,40px);top:clamp(16px,3vw,40px);z-index:3;
  font-family:var(--font-display);font-weight:700;font-size:clamp(18px,2vw,28px);
  mix-blend-mode:multiply;opacity:.65;
}
/* slide color fields */
.slide-yellow{background:var(--yellow)}
.slide-red{background:var(--red);color:var(--white)}
.slide-red .hero-h1 .hl{background:var(--yellow);color:var(--ink)}
.slide-green{background:var(--green);color:var(--white)}
.slide-green .hero-h1 .hl{background:var(--cream);color:var(--ink)}
/* dots */
.hero-dots{
  position:absolute;left:clamp(24px,4vw,56px);bottom:clamp(20px,3vw,40px);z-index:5;
  display:flex;gap:10px;
}
.hero-dots button{
  width:34px;height:8px;background:transparent;border:1px solid currentColor;
  transition:background .2s ease;position:relative;
}
.hero-dots button.on{background:var(--ink);border-color:var(--ink)}
.slide-red .hero-dots button.on,.slide-green .hero-dots button.on{background:var(--white);border-color:var(--white)}
.hero-progress{
  position:absolute;left:0;bottom:0;height:4px;background:var(--ink);z-index:6;width:0%;
}
.slide-red .hero-progress,.slide-green .hero-progress{background:var(--white)}

/* ============ TICKER-LIKE STATS (static, no marquee) ============ */
.stats{
  display:grid;grid-template-columns:repeat(4,1fr);
  border-bottom:var(--line);
  background:var(--ink);color:var(--cream);
}
.stat{
  padding:clamp(20px,2.6vw,40px);
  border-right:1px solid rgba(248,235,218,.35);
  display:flex;flex-direction:column;gap:8px;
}
.stat:last-child{border-right:none}
.stat .num{font-family:var(--font-display);font-weight:700;font-size:clamp(38px,4.6vw,76px);line-height:.9;text-transform:uppercase}
.stat .num span{color:var(--yellow)}
.stat .lbl{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.75}

/* ============ SECTION HEAD ============ */
.sec-head{
  display:flex;justify-content:space-between;align-items:flex-end;gap:24px;
  padding:clamp(28px,4vw,56px) clamp(20px,4vw,56px) clamp(20px,2.6vw,36px);
  border-bottom:var(--line);
}
.sec-head h2{
  font-family:var(--font-display);font-weight:700;text-transform:uppercase;
  font-size:clamp(34px,5.2vw,84px);line-height:.92;letter-spacing:-.01em;
}
.sec-head h2 .hl{background:var(--red);color:var(--white);padding:0 .12em;display:inline-block}
.sec-head .mono{max-width:280px;text-align:right;line-height:1.9}

/* ============ CATEGORY GRID ============ */
.cat-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  border-bottom:var(--line);
}
.cat-cell{
  position:relative;border-right:var(--line);border-bottom:var(--line);
  min-height:300px;padding:20px;
  display:flex;flex-direction:column;justify-content:space-between;
  overflow:hidden;
}
.cat-cell:nth-child(6n){border-right:none}
.cat-cell.w2{grid-column:span 2}
.cat-cell .mono{position:relative;z-index:2}
.cat-name{
  position:relative;z-index:2;
  font-family:var(--font-display);font-weight:600;text-transform:uppercase;
  font-size:clamp(20px,1.9vw,30px);line-height:1;max-width:85%;
}
.cat-img{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
}
.cat-img img{
  width:64%;max-height:64%;object-fit:contain;
  filter:grayscale(1) contrast(1.12) brightness(1.06);
  mix-blend-mode:luminosity;
  transition:opacity .3s ease;
}
.cat-img .alt{position:absolute;opacity:0;mix-blend-mode:normal;filter:none;transition:opacity .3s ease;width:64%;max-height:64%;object-fit:contain}
.cat-cell:hover .cat-img .base{opacity:0}
.cat-cell:hover .cat-img .alt{opacity:1}
.cat-cell .arrow{
  position:absolute;right:16px;top:16px;z-index:2;
  width:34px;height:34px;border:var(--line);background:var(--cream);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--font-display);font-weight:600;font-size:16px;
  transition:background .15s ease,transform .3s ease;
}
.cat-cell:hover .arrow{background:var(--ink);color:var(--cream);transform:rotate(45deg)}
.cat-count{margin-top:auto;position:relative;z-index:2}
/* per-cell colors */
.c-red{background:var(--red);color:var(--white)}
.c-red .arrow{border-color:var(--white)}
.c-orange{background:var(--orange);color:var(--white)}
.c-orange .arrow{border-color:var(--white)}
.c-green{background:var(--green);color:var(--white)}
.c-green .arrow{border-color:var(--white)}
.c-purple{background:var(--purple);color:var(--white)}
.c-purple .arrow{border-color:var(--white)}
.c-blue{background:var(--blue);color:var(--white)}
.c-blue .arrow{border-color:var(--white)}
.c-bluelight{background:var(--blue-lt)}
.c-yellow{background:var(--yellow)}
.c-ink{background:var(--ink);color:var(--cream)}
.c-ink .arrow{border-color:var(--cream);background:var(--ink)}
.c-ink:hover .arrow{background:var(--cream);color:var(--ink)}
.c-cream{background:var(--cream-deep)}
.c-red .arrow,.c-orange .arrow,.c-green .arrow,.c-purple .arrow,.c-blue .arrow{background:transparent;color:inherit}
.c-red:hover .arrow,.c-orange:hover .arrow,.c-green:hover .arrow,.c-purple:hover .arrow,.c-blue:hover .arrow{background:var(--white);color:var(--ink);border-color:var(--white)}
.cat-all{
  display:flex;align-items:center;justify-content:center;gap:14px;
  background:var(--white);
  font-family:var(--font-display);font-weight:600;font-size:clamp(20px,1.8vw,28px);text-transform:uppercase;
  transition:background .2s ease,color .2s ease;
}
.cat-all:hover{background:var(--red);color:var(--white)}

/* ============ PRODUCTS ============ */
.tabs{
  display:flex;border-bottom:var(--line);background:var(--white);
}
.tabs button{
  flex:1;padding:18px 10px;
  font-family:var(--font-display);font-weight:600;font-size:clamp(15px,1.6vw,22px);text-transform:uppercase;letter-spacing:.04em;
  border-right:var(--line);
  transition:background .15s ease,color .15s ease;
  position:relative;
}
.tabs button:last-child{border-right:none}
.tabs button:hover{background:var(--cream-deep)}
.tabs button.on{background:var(--ink);color:var(--cream)}
.tabs button.on::after{
  content:'';position:absolute;left:0;right:0;bottom:-1px;height:4px;background:var(--red);
}
.rail-wrap{position:relative;border-bottom:var(--line);background:var(--cream)}
.rail{
  display:flex;overflow-x:auto;scroll-snap-type:x mandatory;
  scrollbar-width:none;cursor:grab;
}
.rail::-webkit-scrollbar{display:none}
.rail.dragging{cursor:grabbing;scroll-snap-type:none}
.p-card{
  flex:0 0 min(320px,78vw);
  scroll-snap-align:start;
  border-right:var(--line);
  background:var(--white);
  display:flex;flex-direction:column;
  position:relative;
  transition:opacity .3s ease;
}
.rail.fading .p-card{opacity:0}
.p-img{
  height:250px;display:flex;align-items:center;justify-content:center;
  border-bottom:var(--line);position:relative;overflow:hidden;
  background:var(--white);
  transition:background-color .3s ease;
}
.p-img img{
  max-width:78%;max-height:78%;object-fit:contain;
  transition:transform .4s cubic-bezier(.2,.8,.2,1);
}
.p-card:hover .p-img{background:var(--card-color,var(--yellow))}
.p-card:hover .p-img img{mix-blend-mode:multiply;transform:scale(1.06)}
.p-tag{
  position:absolute;left:0;top:14px;z-index:2;
  background:var(--ink);color:var(--cream);
  font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;
  padding:5px 10px;
}
.p-tag.sale{background:var(--red);color:var(--white)}
.p-body{padding:18px 18px 0;display:flex;flex-direction:column;gap:10px;flex:1}
.p-name{font-weight:600;font-size:15px;line-height:1.3;min-height:59px}
.p-price-row{display:flex;align-items:baseline;gap:12px;margin-top:auto}
.p-price{
  font-family:var(--font-display);font-weight:600;font-size:30px;line-height:1;
  border-bottom:2px solid var(--red);padding-bottom:2px;
}
.p-old{font-family:var(--font-mono);font-size:12px;text-decoration:line-through;opacity:.55}
.p-actions{display:flex;border-top:var(--line);margin:16px -18px 0;overflow:hidden}
.p-buy{
  flex:1;padding:14px;background:var(--red);color:var(--white);
  font-family:var(--font-display);font-weight:600;font-size:15px;text-transform:uppercase;letter-spacing:.06em;
  transition:background .15s ease,color .15s ease,letter-spacing .25s ease;
}
.p-card:hover .p-buy{background:var(--ink);letter-spacing:.1em}
.p-buy:hover{background:var(--ink)}
.p-buy.in-cart{background:var(--green)}
.p-card:hover .p-buy.in-cart{background:var(--green);letter-spacing:.06em}
.p-oneclick{
  padding:14px 18px;border-left:var(--line);
  font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  transition:background .15s ease;
}
.p-oneclick:hover{background:var(--yellow)}
.rail-nav{
  display:flex;justify-content:space-between;align-items:center;
  padding:14px clamp(20px,4vw,56px);border-top:var(--line);background:var(--white);
}
.rail-arrows{display:flex}
.rail-arrows button{
  width:52px;height:40px;border:var(--line);
  font-family:var(--font-display);font-size:18px;font-weight:600;
  transition:background .15s ease,color .15s ease;
}
.rail-arrows button+button{border-left:none}
.rail-arrows button:hover{background:var(--ink);color:var(--cream)}
.rail-bar{flex:1;height:1px;background:rgba(20,19,19,.2);margin:0 24px;position:relative}
.rail-bar i{position:absolute;left:0;top:-1.5px;height:4px;background:var(--red);width:20%;transition:left .1s linear,width .2s ease}

/* ============ SOLUTIONS ============ */
.solutions{background:var(--purple);color:var(--white);border-bottom:var(--line)}
.solutions .sec-head{border-bottom-color:rgba(255,255,255,.4)}
.solutions .sec-head h2 .hl{background:var(--yellow);color:var(--ink)}
.sol-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.sol-card{
  border-right:1px solid rgba(255,255,255,.4);
  padding:26px;display:flex;flex-direction:column;gap:18px;
  position:relative;transition:background .2s ease,color .2s ease;
  min-height:340px;
}
.sol-card:last-child{border-right:none}
.sol-card img{width:64%;max-height:150px;object-fit:contain;margin:8px auto;transition:transform .35s ease}
.sol-card h3{font-family:var(--font-display);font-weight:600;font-size:clamp(20px,1.7vw,27px);text-transform:uppercase;line-height:1}
.sol-card p{font-size:13px;opacity:.85;font-weight:300}
.sol-card .mono{opacity:.7}
.sol-card:hover{background:var(--white);color:var(--ink)}
.sol-card:hover img{transform:translateY(-8px)}
.sol-link{
  margin-top:auto;display:inline-flex;align-items:center;gap:10px;
  font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  border-bottom:1px solid currentColor;width:max-content;padding-bottom:4px;
}

/* ============ SERVICES ============ */
.svc{border-bottom:var(--line)}
.svc-row{
  display:grid;grid-template-columns:120px 1fr 1.2fr auto;gap:24px;align-items:center;
  padding:clamp(18px,2.4vw,34px) clamp(20px,4vw,56px);
  border-bottom:var(--line);
  transition:background .18s ease,color .18s ease;
}
.svc-row:last-child{border-bottom:none}
.svc-row .num{font-family:var(--font-display);font-weight:700;font-size:clamp(30px,3.4vw,56px);opacity:.25;transition:opacity .2s ease}
.svc-row h3{font-family:var(--font-display);font-weight:600;font-size:clamp(22px,2.4vw,40px);text-transform:uppercase;line-height:.95}
.svc-row p{font-size:14px;max-width:520px}
.svc-row .go{
  width:56px;height:56px;border:var(--line);display:flex;align-items:center;justify-content:center;
  font-size:22px;font-family:var(--font-display);font-weight:600;transition:background .15s ease,color .15s ease,transform .3s ease;
}
.svc-row:hover{background:var(--red);color:var(--white)}
.svc-row:hover .num{opacity:.8}
.svc-row:hover .go{background:var(--white);color:var(--ink);border-color:var(--white);transform:rotate(45deg)}

/* ============ CTA BAND ============ */
.cta-band{
  background:var(--yellow);border-bottom:var(--line);
  padding:clamp(40px,6vw,90px) clamp(20px,4vw,56px);
  display:flex;flex-direction:column;gap:28px;align-items:flex-start;
  position:relative;overflow:hidden;
}
.cta-band h2{
  font-family:var(--font-display);font-weight:700;text-transform:uppercase;
  font-size:clamp(38px,6vw,96px);line-height:.92;max-width:16ch;
}
.cta-band h2 .hl{background:var(--ink);color:var(--yellow);padding:0 .12em;display:inline-block}
.cta-row{display:flex;flex-wrap:wrap;gap:0;border:var(--line);background:var(--white)}
.cta-input{
  padding:18px 22px;border:none;outline:none;background:var(--white);
  font-family:var(--font-mono);font-size:13px;letter-spacing:.06em;min-width:min(340px,70vw);color:var(--ink);
}
.cta-submit{
  padding:18px 30px;background:var(--red);color:var(--white);border-left:var(--line);
  font-family:var(--font-display);font-weight:600;font-size:17px;text-transform:uppercase;letter-spacing:.05em;
  transition:background .15s ease;
}
.cta-submit:hover{background:var(--ink)}
.cta-note{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}

/* ============ FOOTER ============ */
.footer{background:var(--ink);color:var(--cream)}
.foot-grid{
  display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;
  border-bottom:1px solid rgba(248,235,218,.3);
}
.foot-col{padding:clamp(24px,3vw,44px);border-right:1px solid rgba(248,235,218,.3)}
.foot-col:last-child{border-right:none}
.foot-col h4{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:18px}
.foot-col a,.foot-col span{display:block;font-size:14px;padding:4px 0;opacity:.85;transition:opacity .15s ease,color .15s ease}
.foot-col a:hover{opacity:1;color:var(--yellow)}
.foot-phone{font-family:var(--font-display);font-weight:600;font-size:clamp(22px,2vw,32px);color:var(--white)}
.wordmark{
  overflow:hidden;padding:clamp(20px,4vw,50px) 0 0;
  line-height:.78;user-select:none;
}
.wordmark div{
  font-family:var(--font-display);font-weight:700;text-transform:uppercase;
  font-size:clamp(70px,13.4vw,230px);white-space:nowrap;text-align:center;
  transform:translateY(.18em);letter-spacing:-.01em;
  color:var(--cream);
}
.wordmark div em{font-style:normal;color:var(--red)}
.foot-bottom{
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  padding:18px clamp(20px,4vw,56px);
  font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:.6;
}

/* ============ CART DRAWER ============ */
.cart-drawer{
  position:fixed;top:0;right:0;bottom:0;z-index:70;
  width:min(440px,92vw);
  background:var(--cream);border-left:var(--line);
  transform:translateX(100%);
  transition:transform .45s cubic-bezier(.77,0,.18,1);
  display:flex;flex-direction:column;
}
.cart-drawer.open{transform:translateX(0)}
.cart-head{
  padding:22px 24px;border-bottom:var(--line);
  display:flex;justify-content:space-between;align-items:center;
  background:var(--ink);color:var(--cream);
}
.cart-head h3{font-family:var(--font-display);font-weight:600;font-size:24px;text-transform:uppercase}
.cart-close{width:40px;height:40px;border:1px solid var(--cream);font-size:18px;font-family:var(--font-display);transition:background .15s ease,color .15s ease}
.cart-close:hover{background:var(--red);border-color:var(--red)}
.cart-items{flex:1;overflow-y:auto}
.cart-empty{padding:40px 24px;font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:.6}
.cart-item{
  display:grid;grid-template-columns:76px 1fr auto;gap:14px;align-items:center;
  padding:14px 24px;border-bottom:var(--line);background:var(--white);
}
.cart-item img{width:76px;height:64px;object-fit:contain;border:var(--line);background:var(--white)}
.cart-item .n{font-size:13px;font-weight:600;line-height:1.25}
.cart-item .pr{font-family:var(--font-display);font-weight:600;font-size:19px;margin-top:4px}
.cart-item .rm{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--red);color:var(--red)}
.cart-foot{border-top:var(--line);padding:20px 24px;background:var(--yellow)}
.cart-total{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}
.cart-total .sum{font-family:var(--font-display);font-weight:700;font-size:32px}
.cart-order{
  width:100%;padding:16px;background:var(--ink);color:var(--cream);
  font-family:var(--font-display);font-weight:600;font-size:17px;text-transform:uppercase;letter-spacing:.05em;
  transition:background .15s ease;
}
.cart-order:hover{background:var(--red)}

/* ============ TOAST ============ */
.toast{
  position:fixed;left:50%;bottom:28px;transform:translate(-50%,220%);opacity:0;
  background:var(--ink);color:var(--cream);z-index:90;
  font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  padding:14px 26px;border:1px solid var(--cream);
  transition:transform .4s cubic-bezier(.2,.8,.2,1), opacity .3s;
}
.toast.show{transform:translate(-50%,0);opacity:1}
.toast b{color:var(--yellow)}

/* ============ RESPONSIVE ============ */
@media (max-width:1100px){
  .nav{display:none}
  .head-phone small{display:none}
  .cat-grid{grid-template-columns:repeat(3,1fr)}
  .cat-cell:nth-child(6n){border-right:var(--line)}
  .cat-cell:nth-child(3n){border-right:none}
  .sol-grid{grid-template-columns:repeat(2,1fr)}
  .sol-card:nth-child(2n){border-right:none}
  .sol-card{border-bottom:1px solid rgba(255,255,255,.4)}
  .svc-row{grid-template-columns:70px 1fr auto}
  .svc-row p{display:none}
  .stats{grid-template-columns:repeat(2,1fr)}
  .stat:nth-child(2n){border-right:none}
  .stat{border-bottom:1px solid rgba(248,235,218,.35)}
  .foot-grid{grid-template-columns:1fr 1fr}
  .foot-col{border-bottom:1px solid rgba(248,235,218,.3)}
}
@media (max-width:767px){
  :root{--header-h:60px}
  .brand{font-size:19px;padding:0 14px}
  .catalog-btn span.lbl{display:none}
  .catalog-btn{padding:0 18px}
  .head-phone{display:none}
  .cart-btn{padding:0 16px}
  .cart-btn .txt{display:none}
  .hero{min-height:520px}
  .hero-slide{flex-direction:column}
  .hero-text{width:100%;flex:1.2}
  .hero-img-panel{width:100%!important;flex:1;border-left:none;border-top:var(--line)}
  .hero-img-panel img{width:56%;max-height:86%}
  .cat-grid{grid-template-columns:repeat(2,1fr)}
  .cat-cell{min-height:230px}
  .cat-cell:nth-child(3n){border-right:var(--line)}
  .cat-cell:nth-child(2n){border-right:none}
  .drawer-grid{grid-template-columns:1fr}
  .drawer-aside{display:none}
  .sec-head{flex-direction:column;align-items:flex-start}
  .sec-head .mono{text-align:left}
  .sol-grid{grid-template-columns:1fr}
  .sol-card{border-right:none;min-height:auto}
  .svc-row{grid-template-columns:1fr auto;padding:18px 20px}
  .svc-row .num{display:none}
  .tabs button{font-size:13px}
  .hero-idx{top:auto;bottom:clamp(20px,3vw,40px);right:16px;opacity:.5}
  .cta-input{min-width:0;flex:1}
  .cta-row{width:100%}
  .foot-grid{grid-template-columns:1fr}
  .announce{padding:0 12px}
  .announce .mono:first-child span:not(:last-child){display:none}
  .announce .mono{gap:14px}
  .announce .ozon .ozon-link{display:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
  html{scroll-behavior:auto}
}

/* ============ INNER PAGES (catalog / about) ============ */
.page-main{padding-top:calc(var(--announce-h) + var(--header-h))}

/* category hero */
.cat-hero{
  display:grid;grid-template-columns:1.25fr 1fr;
  border-bottom:var(--line);min-height:440px;
}
.cat-hero-text{
  padding:clamp(28px,4vw,56px);
  display:flex;flex-direction:column;justify-content:space-between;gap:26px;
}
.crumbs{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.crumbs a{border-bottom:1px solid currentColor;transition:opacity .15s ease}
.crumbs a:hover{opacity:.6}
.crumbs .sep{opacity:.5}
.cat-hero h1{
  font-family:var(--font-display);font-weight:700;text-transform:uppercase;
  font-size:clamp(40px,5.6vw,92px);line-height:.92;letter-spacing:-.01em;
}
.cat-hero h1 .hl{background:var(--ink);color:var(--cream);padding:0 .12em;display:inline-block}
.cat-hero-meta{display:flex;gap:26px;flex-wrap:wrap}
.cat-hero-img{
  border-left:1px solid currentColor;
  display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;
}
.cat-hero-img img{
  width:min(66%,380px);max-height:74%;object-fit:contain;
  filter:grayscale(1) contrast(1.12) brightness(1.06);
  mix-blend-mode:luminosity;
}
.cat-hero-img .hero-idx{mix-blend-mode:normal;opacity:.6}

/* color variants reuse .c-* from index grid */
.cat-hero.c-red,.cat-hero.c-orange,.cat-hero.c-green,.cat-hero.c-purple,.cat-hero.c-blue{color:var(--white)}
.cat-hero.c-red h1 .hl,.cat-hero.c-orange h1 .hl,.cat-hero.c-green h1 .hl,
.cat-hero.c-purple h1 .hl,.cat-hero.c-blue h1 .hl{background:var(--white);color:var(--ink)}
.cat-hero.c-yellow h1 .hl{background:var(--ink);color:var(--yellow)}
.cat-hero.c-bluelight h1 .hl{background:var(--ink);color:var(--blue-lt)}
.cat-hero.c-cream h1 .hl{background:var(--ink);color:var(--cream)}
.cat-hero.c-ink{color:var(--cream)}
.cat-hero.c-ink h1 .hl{background:var(--red);color:var(--white)}
.cat-hero .hero-cta{border:1px solid currentColor}
.cat-hero .hero-cta-row{background:transparent;border:1px solid currentColor}
.cat-hero .hero-cta.ghost{background:transparent;color:inherit;border-left:1px solid currentColor}
.cat-hero.c-ink .hero-cta-row,.cat-hero.c-ink .hero-cta{border-color:var(--cream)}

/* subcategories — SEO links */
.subcat-grid{
  display:grid;grid-template-columns:repeat(4,1fr);
  border-bottom:var(--line);
}
.subcat{
  display:flex;align-items:baseline;gap:12px;
  padding:18px 20px;border-right:var(--line);border-bottom:var(--line);
  background:var(--white);
  font-family:var(--font-display);font-weight:500;font-size:17px;text-transform:uppercase;line-height:1.15;
  transition:background .15s ease,color .15s ease;
  position:relative;
}
.subcat:nth-child(4n){border-right:none}
.subcat .idx{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;opacity:.5;flex:none}
.subcat .go{margin-left:auto;opacity:0;transform:translateX(-6px);transition:opacity .2s ease,transform .2s ease;flex:none}
.subcat:hover{background:var(--ink);color:var(--cream)}
.subcat:hover .go{opacity:1;transform:none}
.subcat .ext{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;opacity:.45;flex:none}

/* products of category */
.cat-products{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));
  border-bottom:var(--line);background:var(--white);
}
.cat-products .p-card{border-bottom:var(--line)}

/* SEO text block */
.seo-block{
  padding:clamp(32px,4.5vw,64px) clamp(20px,4vw,56px);
  border-bottom:var(--line);
  display:grid;grid-template-columns:300px 1fr;gap:clamp(24px,4vw,64px);
}
.seo-block .sticky-label{position:sticky;top:calc(var(--announce-h) + var(--header-h) + 20px);align-self:start}
.seo-text{max-width:860px;font-size:15.5px;font-weight:300;line-height:1.65}
.seo-text p{margin:0 0 1em}
.seo-text strong{font-weight:600}
.seo-text ul{list-style:none;margin:0 0 1.2em;padding:0}
.seo-text li{
  padding:10px 0 10px 26px;position:relative;border-bottom:1px dashed rgba(20,19,19,.25);
}
.seo-text li::before{
  content:'';position:absolute;left:2px;top:19px;width:9px;height:9px;background:var(--red);
}
.seo-text h2,.seo-text h3,.seo-text h4{
  font-family:var(--font-display);font-weight:600;text-transform:uppercase;
  font-size:clamp(20px,2vw,28px);line-height:1;margin:1.2em 0 .6em;
}
.seo-note{
  margin-top:26px;padding:16px 20px;border:var(--line);background:var(--yellow);
  font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;
}

/* next categories band */
.next-cats{display:flex;flex-wrap:wrap;border-bottom:var(--line);background:var(--ink);color:var(--cream)}
.next-cats a{
  padding:16px 22px;border-right:1px solid rgba(248,235,218,.3);
  font-family:var(--font-display);font-weight:500;font-size:16px;text-transform:uppercase;
  transition:background .15s ease,color .15s ease;
}
.next-cats a:hover{background:var(--red);color:var(--white)}
.next-cats .mono{display:flex;align-items:center;padding:0 20px;opacity:.6}

/* ============ ABOUT PAGE ============ */
.about-hero{
  background:var(--ink);color:var(--cream);
  padding:clamp(36px,5vw,80px) clamp(20px,4vw,56px);
  border-bottom:var(--line);
  display:flex;flex-direction:column;gap:26px;
}
.about-hero h1{
  font-family:var(--font-display);font-weight:700;text-transform:uppercase;
  font-size:clamp(52px,9vw,150px);line-height:.9;letter-spacing:-.015em;
}
.about-hero h1 .hl{background:var(--red);color:var(--white);padding:0 .12em;display:inline-block}
.about-hero .crumbs{color:var(--cream)}
.about-hero p{max-width:620px;font-size:16px;font-weight:300;opacity:.9}

.letter{
  display:grid;grid-template-columns:300px 1fr;gap:clamp(24px,4vw,64px);
  padding:clamp(32px,4.5vw,64px) clamp(20px,4vw,56px);
  border-bottom:var(--line);background:var(--white);
}
.letter .sticky-label{position:sticky;top:calc(var(--announce-h) + var(--header-h) + 20px);align-self:start}
.letter-body{max-width:820px}
.letter-body p{font-size:17px;font-weight:300;line-height:1.7;margin:0 0 1.1em}
.letter-body p:first-child{
  font-family:var(--font-display);font-weight:600;font-size:clamp(26px,2.6vw,40px);
  text-transform:uppercase;line-height:1.05;
}
.letter-sign{
  margin-top:8px;padding:18px 22px;border:var(--line);background:var(--cream);
  display:flex;flex-direction:column;gap:4px;width:max-content;max-width:100%;
}
.letter-sign .name{font-family:var(--font-display);font-weight:600;font-size:22px;text-transform:uppercase}
.letter-sign a{color:var(--red);border-bottom:1px solid var(--red);font-family:var(--font-mono);font-size:12px;letter-spacing:.08em}

.about-rows{border-bottom:var(--line)}
.about-row{
  display:grid;grid-template-columns:80px 1fr auto;gap:24px;align-items:center;
  padding:clamp(16px,2.2vw,28px) clamp(20px,4vw,56px);
  border-bottom:var(--line);transition:background .18s ease,color .18s ease;
}
.about-row:last-child{border-bottom:none}
.about-row .num{font-family:var(--font-display);font-weight:700;font-size:clamp(26px,3vw,44px);opacity:.25}
.about-row h3{font-family:var(--font-display);font-weight:600;font-size:clamp(19px,2vw,30px);text-transform:uppercase;line-height:1;margin-bottom:8px}
.about-row p{font-size:14px;max-width:760px;font-weight:300;line-height:1.6}
.about-row .go{
  width:48px;height:48px;border:var(--line);display:flex;align-items:center;justify-content:center;
  font-size:19px;font-family:var(--font-display);font-weight:600;transition:background .15s ease,color .15s ease,transform .3s ease;
}
.about-row:hover{background:var(--yellow)}
.about-row:hover .num{opacity:.7}
.about-row:hover .go{background:var(--ink);color:var(--cream);transform:rotate(45deg)}

.brand-chips{
  display:flex;flex-wrap:wrap;gap:0;border-bottom:var(--line);
  padding:clamp(24px,3vw,44px) clamp(20px,4vw,56px);
}
.brand-chips span{
  border:var(--line);padding:12px 20px;margin:-.5px;
  font-family:var(--font-display);font-weight:500;font-size:clamp(15px,1.5vw,21px);text-transform:uppercase;
  background:var(--white);transition:background .15s ease,color .15s ease;
}
.brand-chips span:hover{background:var(--red);color:var(--white)}

@media (max-width:1100px){
  .subcat-grid{grid-template-columns:repeat(2,1fr)}
  .subcat:nth-child(4n){border-right:var(--line)}
  .subcat:nth-child(2n){border-right:none}
  .seo-block,.letter{grid-template-columns:1fr}
  .seo-block .sticky-label,.letter .sticky-label{position:static}
}
@media (max-width:767px){
  .cat-hero{grid-template-columns:1fr}
  .cat-hero-img{border-left:none;border-top:1px solid currentColor;min-height:220px}
  .cat-hero-img img{max-height:200px}
  .subcat-grid{grid-template-columns:1fr}
  .subcat{border-right:none!important}
  .about-row{grid-template-columns:1fr auto;padding:18px 20px}
  .about-row .num{display:none}
}

/* product grid column counts */
.cat-products.cp-3{grid-template-columns:repeat(3,1fr)}
.cat-products.cp-4{grid-template-columns:repeat(4,1fr)}
.cat-products.cp-1{grid-template-columns:minmax(290px,420px)}
@media (max-width:1100px){.cat-products.cp-3,.cat-products.cp-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:767px){.cat-products.cp-3,.cat-products.cp-4{grid-template-columns:1fr}.cat-products.cp-1{grid-template-columns:1fr}}

/* ============ SEARCH ============ */
.search-btn{
  padding:0 22px;border-left:var(--line);
  display:flex;align-items:center;gap:10px;
  font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--ink);background:transparent;
  transition:background .15s ease,color .15s ease;
}
.search-btn svg{width:16px;height:16px}
.search-btn:hover{background:var(--ink);color:var(--cream)}
.search-panel{
  position:fixed;left:0;right:0;top:0;z-index:60;
  background:var(--cream);border-bottom:2px solid var(--ink);
  transform:translateY(-102%);transition:transform .45s cubic-bezier(.77,0,.18,1);
  max-height:100vh;max-height:100dvh;overflow-y:auto;
}
.search-panel.open{transform:translateY(0)}
.search-bar{
  display:flex;align-items:center;gap:18px;
  padding:0 clamp(16px,3vw,40px);height:calc(var(--announce-h) + var(--header-h));
  border-bottom:var(--line);
}
.search-ico{width:26px;height:26px;flex:none}
.search-bar input{
  flex:1;min-width:0;border:none;background:transparent;outline:none;
  font-family:var(--font-display);font-weight:600;text-transform:uppercase;
  font-size:clamp(20px,3vw,36px);color:var(--ink);letter-spacing:.02em;
}
.search-bar input::placeholder{color:rgba(20,19,19,.3)}
.search-close{
  width:44px;height:44px;border:var(--line);font-size:18px;font-family:var(--font-display);
  flex:none;transition:background .15s ease,color .15s ease;
}
.search-close:hover{background:var(--red);color:var(--white);border-color:var(--red)}
.search-body{padding:clamp(18px,3vw,36px) clamp(16px,3vw,40px) 48px}
.search-hint{opacity:.5;margin:26px 0 12px;letter-spacing:.14em;text-transform:uppercase}
.search-hint:first-child{margin-top:0}
.search-chips{display:flex;flex-wrap:wrap;gap:8px}
.search-chip{
  padding:10px 16px;border:var(--line);background:var(--white);
  font-family:var(--font-display);font-weight:600;font-size:15px;text-transform:uppercase;letter-spacing:.04em;
  transition:background .15s ease;
}
.search-chip:hover{background:var(--yellow)}
.search-cats{display:flex;flex-wrap:wrap;gap:1px;background:var(--ink);border:var(--line)}
.search-cats a{
  flex:1 1 240px;display:flex;align-items:center;gap:12px;
  padding:16px 18px;background:var(--white);
  font-family:var(--font-display);font-weight:600;font-size:17px;text-transform:uppercase;
  transition:background .15s ease,color .15s ease;
}
.search-cats a .idx{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;opacity:.5}
.search-cats a .go{margin-left:auto;transition:transform .2s ease}
.search-cats a:hover{background:var(--ink);color:var(--cream)}
.search-cats a:hover .go{transform:translateX(5px)}
.search-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));
  gap:1px;background:var(--ink);border:var(--line);
}
.search-grid .p-card{flex:none;border-right:none}
.search-none{padding:40px 0}
.search-none .big{font-family:var(--font-display);font-weight:700;font-size:clamp(30px,4vw,52px);text-transform:uppercase;line-height:1}
.search-none p{margin:14px 0 22px;max-width:520px;line-height:1.55}
.search-call{
  display:inline-block;padding:16px 24px;background:var(--ink);color:var(--cream);
  font-family:var(--font-display);font-weight:600;font-size:17px;text-transform:uppercase;letter-spacing:.05em;
  transition:background .15s ease;
}
.search-call:hover{background:var(--red)}
@media (max-width:767px){
  .search-btn{padding:0 16px}
  .search-btn .txt{display:none}
  .search-bar{gap:12px}
  .search-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:520px){.search-grid{grid-template-columns:1fr}}

/* ============ NAV DROPDOWN (Информация) ============ */
.nav-drop{position:relative;display:flex;align-items:stretch;height:100%;border-right:var(--line)}
.nav-drop>a{
  display:flex;align-items:center;gap:8px;padding:0 18px;white-space:nowrap;
  font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  transition:background .15s ease,color .15s ease;
}
.nav-drop>a::after{content:'↓';font-size:10px;transition:transform .2s ease}
.nav-drop:hover>a,.nav-drop:focus-within>a{background:var(--ink);color:var(--cream)}
.nav-drop:hover>a::after{transform:rotate(180deg)}
.nav-menu{
  position:absolute;top:100%;left:-1px;min-width:250px;
  background:var(--cream);border:var(--line);
  display:none;flex-direction:column;z-index:70;
  box-shadow:8px 8px 0 rgba(20,19,19,.15);
}
.nav-drop:hover .nav-menu,.nav-drop:focus-within .nav-menu{display:flex}
.nav-menu a{
  padding:15px 18px;border-bottom:1px solid rgba(20,19,19,.15);
  font-family:var(--font-display);font-weight:600;font-size:15px;text-transform:uppercase;letter-spacing:.03em;
  transition:background .15s ease;
}
.nav-menu a:last-child{border-bottom:none}
.nav-menu a:hover{background:var(--yellow)}

/* ============ INFO PAGES ============ */
.info-hero .cat-hero-img{display:flex;align-items:center;justify-content:center;overflow:hidden}
.info-hero-word{
  font-family:var(--font-display);font-weight:700;text-transform:uppercase;line-height:.9;
  font-size:clamp(60px,9vw,150px);opacity:.16;transform:rotate(-4deg);white-space:nowrap;
}
.info-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
  gap:1px;background:var(--ink);border-top:var(--line);border-bottom:var(--line);
}
.info-card{background:var(--white);display:flex;flex-direction:column;transition:background .2s ease}
.info-card-img{
  height:190px;display:flex;align-items:center;justify-content:center;overflow:hidden;
  border-bottom:var(--line);background:var(--white);
}
.info-card-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.1);transition:filter .3s ease,transform .4s cubic-bezier(.2,.8,.2,1)}
.info-card:hover .info-card-img img{filter:none;transform:scale(1.04)}
.info-card-body{padding:18px;display:flex;flex-direction:column;gap:10px;flex:1}
.info-card-body .mono{opacity:.5;font-size:10px}
.info-card-body h3{font-family:var(--font-display);font-weight:600;font-size:19px;text-transform:uppercase;line-height:1.15;flex:1}
.info-card-body .go{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid var(--red);align-self:flex-start;padding-bottom:2px;transition:color .15s ease}
.info-card:hover{background:var(--yellow)}
.info-card:hover .go{color:var(--red)}
.info-strip a.cur{background:var(--ink);color:var(--cream);pointer-events:none}

/* FAQ accordion */
.faq-list{border-top:var(--line)}
.faq-item{border-bottom:var(--line);background:var(--white)}
.faq-item summary{
  display:flex;align-items:center;gap:18px;cursor:pointer;list-style:none;
  padding:20px clamp(18px,3vw,44px);
  transition:background .15s ease;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:hover{background:var(--cream)}
.faq-item[open] summary{background:var(--ink);color:var(--cream)}
.faq-num{opacity:.5;flex:none}
.faq-q{font-family:var(--font-display);font-weight:600;font-size:clamp(17px,1.8vw,24px);text-transform:uppercase;flex:1}
.faq-toggle{
  width:40px;height:40px;border:1px solid currentColor;flex:none;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--font-display);font-size:20px;transition:transform .25s ease;
}
.faq-item[open] .faq-toggle{transform:rotate(45deg);background:var(--red);border-color:var(--red)}
.faq-a{padding:22px clamp(18px,3vw,44px) 28px;border-top:var(--line);background:var(--cream)}
.faq-a p{max-width:820px;line-height:1.65;font-weight:300;margin-bottom:12px}
.faq-a .faq-quest{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;opacity:.6;border-left:3px solid var(--red);padding-left:14px}
@media (max-width:767px){
  .info-grid{grid-template-columns:1fr 1fr}
  .faq-toggle{width:32px;height:32px;font-size:16px}
}
@media (max-width:520px){.info-grid{grid-template-columns:1fr}}

/* drawer subhead */
.drawer-subhead{padding:18px 24px 8px;border-top:1px solid rgba(248,235,218,.3);opacity:.55;letter-spacing:.16em;text-transform:uppercase}

/* ============ SUBCATEGORY PRODUCT GRID ============ */
.sp-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));
  gap:1px;background:var(--ink);border-top:var(--line);border-bottom:var(--line);
}
.sp-card{background:var(--white);display:flex;flex-direction:column;position:relative;transition:background .2s ease}
.sp-img{
  height:210px;display:flex;align-items:center;justify-content:center;overflow:hidden;
  border-bottom:var(--line);background:var(--white);
}
.sp-img img{max-width:80%;max-height:80%;object-fit:contain;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.sp-card:hover .sp-img img{transform:scale(1.06)}
.sp-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:10px;flex:1}
.sp-idx{opacity:.45;font-size:10px}
.sp-name{font-weight:600;font-size:14px;line-height:1.35;min-height:37px}
.sp-specs{display:flex;flex-direction:column;gap:4px;margin-top:2px}
.sp-spec{display:flex;justify-content:space-between;gap:12px;font-family:var(--font-mono);font-size:10px;letter-spacing:.04em}
.sp-spec span:first-child{opacity:.5}
.sp-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px}
.sp-price{font-family:var(--font-display);font-weight:600;font-size:23px;border-bottom:2px solid var(--red);padding-bottom:2px}
.sp-price.ask{font-size:15px;border-color:var(--ink)}
.sp-foot .go{
  width:36px;height:36px;border:var(--line);display:flex;align-items:center;justify-content:center;
  transition:background .15s ease,color .15s ease;
}
.sp-card:hover{background:var(--cream)}
.sp-card:hover .sp-foot .go{background:var(--ink);color:var(--cream)}
@media (max-width:767px){.sp-grid{grid-template-columns:1fr 1fr}.sp-img{height:150px}}
@media (max-width:520px){.sp-grid{grid-template-columns:1fr}}

/* ============ PRODUCT PAGE (2026) ============ */
.prod-crumbs{padding:18px clamp(16px,3vw,40px);border-bottom:var(--line)}
.prod-hero{
  display:grid;grid-template-columns:1.05fr 1fr;border-bottom:var(--line);
}
.prod-gallery{border-right:var(--line);display:flex;flex-direction:column}
.pg-main{
  position:relative;min-height:480px;flex:1;
  display:flex;align-items:center;justify-content:center;
  background:var(--card-color,var(--yellow));
}
.pg-main img{max-width:72%;max-height:440px;object-fit:contain;filter:drop-shadow(14px 18px 0 rgba(20,19,19,.16));transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.pg-main:hover img{transform:scale(1.05) rotate(-1deg)}
.pg-thumbs{display:flex;border-top:var(--line);background:var(--white)}
.pg-thumb{
  width:92px;height:76px;border-right:var(--line);background:var(--white);cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:background .15s ease;
}
.pg-thumb img{max-width:80%;max-height:80%;object-fit:contain;filter:grayscale(1)}
.pg-thumb:hover{background:var(--cream)}
.pg-thumb.on{background:var(--yellow)}
.pg-thumb.on img{filter:none}
.prod-panel{padding:clamp(22px,3vw,44px);display:flex;flex-direction:column;gap:16px;position:sticky;top:calc(var(--announce-h) + var(--header-h) + 16px);align-self:start}
.prod-meta{opacity:.55;letter-spacing:.12em;text-transform:uppercase}
.prod-meta a{border-bottom:1px solid currentColor}
.prod-panel h1{font-family:var(--font-display);font-weight:600;font-size:clamp(26px,2.8vw,42px);text-transform:uppercase;line-height:1.02}
.prod-stock{display:flex;align-items:center;gap:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--green)}
.prod-stock .dot{width:8px;height:8px;background:var(--green);border-radius:50%;animation:pulse 1.6s infinite}
@keyframes pulse{50%{opacity:.3}}
.prod-price-row{display:flex;align-items:baseline;gap:16px;border-top:var(--line);padding-top:18px}
.prod-price{font-family:var(--font-display);font-weight:700;font-size:clamp(38px,4vw,58px);line-height:1;border-bottom:3px solid var(--red)}
.prod-old{font-family:var(--font-mono);font-size:16px;text-decoration:line-through;opacity:.5}
.prod-lease{opacity:.6;letter-spacing:.08em;text-transform:uppercase;font-size:11px}
.prod-actions{display:flex;border:var(--line)}
.prod-buy{flex:1;padding:18px;background:var(--red);color:var(--white);font-family:var(--font-display);font-weight:600;font-size:19px;text-transform:uppercase;letter-spacing:.06em;transition:background .15s ease}
.prod-buy:hover{background:var(--ink)}
.prod-buy.in-cart{background:var(--green)}
.prod-one{padding:18px 24px;border-left:var(--line);font-family:var(--font-display);font-weight:600;font-size:19px;text-transform:uppercase;background:var(--white);transition:background .15s ease}
.prod-one:hover{background:var(--yellow)}
.prod-benefits{display:grid;grid-template-columns:1fr 1fr;border:var(--line);gap:0;background:transparent;overflow:hidden}
.prod-benefits>div{background:var(--white);padding:14px 16px;display:flex;flex-direction:column;gap:4px;box-shadow:inset -1px -1px 0 var(--ink)}
.prod-benefits b{font-family:var(--font-display);font-weight:600;font-size:14px;text-transform:uppercase}
.prod-benefits span{font-size:12px;opacity:.65;line-height:1.4}
.prod-phone{
  display:flex;justify-content:space-between;align-items:baseline;gap:14px;
  border:var(--line);padding:14px 18px;transition:background .15s ease,color .15s ease;
}
.prod-phone span{font-family:var(--font-display);font-weight:700;font-size:26px}
.prod-phone small{opacity:.6;letter-spacing:.1em;text-transform:uppercase}
.prod-phone:hover{background:var(--ink);color:var(--cream)}
/* tabs */
.ptab{border-bottom:var(--line)}
.ptab summary{
  display:flex;align-items:center;gap:18px;cursor:pointer;list-style:none;
  padding:20px clamp(18px,3vw,44px);
  font-family:var(--font-display);font-weight:600;font-size:clamp(19px,2vw,28px);text-transform:uppercase;
  transition:background .15s ease;
}
.ptab summary::-webkit-details-marker{display:none}
.ptab summary .mono{opacity:.4;font-size:12px}
.ptab summary .faq-toggle{margin-left:auto}
.ptab summary:hover{background:var(--white)}
.ptab[open] summary{background:var(--ink);color:var(--cream)}
.ptab-body{padding:24px clamp(18px,3vw,44px) 32px;background:var(--white)}
.ptab-body p{max-width:860px;line-height:1.7;font-weight:300}
.pspecs{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:0;background:transparent;border:var(--line);overflow:hidden}
.pspec{background:var(--white);padding:12px 16px;box-shadow:inset -1px -1px 0 var(--ink);display:flex;justify-content:space-between;gap:16px;font-size:13px}
.pspec span:first-child{opacity:.55;font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase}
.pspec span:last-child{font-weight:600;text-align:right}
/* related rail */
.prod-related{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border-top:var(--line);border-bottom:var(--line)}
/* sticky buy bar */
.buy-bar{
  position:fixed;left:0;right:0;bottom:0;z-index:45;
  display:flex;justify-content:space-between;align-items:center;gap:14px;
  background:var(--ink);color:var(--cream);border-top:2px solid var(--red);
  padding:10px clamp(14px,3vw,40px);
  transform:translateY(102%);transition:transform .35s cubic-bezier(.22,1,.36,1);
}
.buy-bar.show{transform:translateY(0)}
.bb-price{display:flex;flex-direction:column}
.bb-price .mono{font-size:9px;opacity:.6;letter-spacing:.12em;text-transform:uppercase}
.bb-price b{font-family:var(--font-display);font-weight:700;font-size:24px}
.buy-bar .p-buy{padding:12px 34px;background:var(--red);color:var(--white);font-family:var(--font-display);font-weight:600;font-size:16px;text-transform:uppercase}
.buy-bar .p-buy.in-cart{background:var(--green)}
@media (max-width:1100px){
  .prod-hero{grid-template-columns:1fr}
  .prod-gallery{border-right:none;border-bottom:var(--line)}
  .prod-panel{position:static}
  .pg-main{min-height:340px}
}
@media (max-width:767px){
  .pg-main{min-height:280px}
  .pg-main img{max-height:240px}
  .prod-benefits{grid-template-columns:1fr 1fr}
  .prod-one{padding:18px 14px;font-size:15px}
  .prod-buy{font-size:16px}
}

/* ============ annotation fixes ============ */
/* заметная надпись «Мы на OZON» — теперь это ссылка на продавца */
.announce .ozon .ozon-link{
  background:var(--ink);color:var(--yellow);
  padding:5px 12px;font-weight:500;letter-spacing:.16em;
  border-bottom:none;text-decoration:none;transition:background .18s ease,color .18s ease;
}
.announce .ozon .ozon-link:hover{background:var(--red);color:var(--cream)}
.announce .ozon .dot{background:var(--red);animation:pulse 1.6s infinite}
/* более заметные заголовки вопросов FAQ */
.faq-q{font-size:clamp(20px,2.2vw,32px);font-weight:700;line-height:1.1}

/* ---- product-view (dynamic ext card) ---- */
.pv-loading{display:flex;align-items:center;gap:14px;padding:90px 20px;font:600 18px/1 Oswald,sans-serif;text-transform:uppercase;letter-spacing:.08em}
.pv-spin{width:22px;height:22px;border:3px solid var(--ink);border-top-color:var(--red);border-radius:50%;animation:pvspin .7s linear infinite;flex:none}
@keyframes pvspin{to{transform:rotate(360deg)}}
.pg-placeholder{display:flex;align-items:center;justify-content:center;text-align:center;font:700 34px/1.05 Oswald,sans-serif;text-transform:uppercase;letter-spacing:.04em;color:var(--ink);opacity:.28;position:absolute;inset:0}
.prod-src{display:inline-block;margin-top:14px;font:500 12px/1.4 'IBM Plex Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);opacity:.6;border-bottom:1px dashed var(--ink)}
.prod-src:hover{opacity:1;color:var(--red);border-color:var(--red)}
.sp-img.noimg{background:var(--cat-color,var(--blue-lt))}
.sp-img.noimg::after{content:'FOOD SERVICE';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:700 15px/1.2 Oswald,sans-serif;letter-spacing:.1em;color:#fff;opacity:.85;text-align:center;padding:10px}
.pg-main img{position:relative;z-index:1}

.sp-img{position:relative}

@media (max-width:640px){.prod-benefits[style*='repeat(3']{grid-template-columns:1fr !important}}

/* ---- legal page ---- */
.legal-hero{padding:clamp(36px,5vw,72px) clamp(20px,4vw,56px);border-bottom:var(--line)}
.legal-hero h1{font-family:var(--font-display);font-weight:700;font-size:clamp(34px,4.6vw,72px);line-height:.95;text-transform:uppercase;margin:16px 0 18px;max-width:1000px}
.legal-hero h1 em{font-style:normal;color:var(--red)}
.legal-hero .mono{opacity:.55}
.legal-wrap{display:grid;grid-template-columns:300px 1fr;gap:0;border-bottom:var(--line)}
.legal-toc{position:sticky;top:106px;align-self:start;border-right:var(--line);padding:28px 0;background:var(--cream)}
.legal-toc a{display:flex;gap:10px;padding:10px 24px;text-decoration:none;color:var(--ink);font-family:var(--font-mono);font-size:12px;letter-spacing:.05em;text-transform:uppercase;opacity:.75;border-left:3px solid transparent}
.legal-toc a:hover{opacity:1;border-left-color:var(--red);background:var(--white)}
.legal-body{padding:clamp(24px,3.4vw,56px);max-width:960px}
.legal-body h2{font-family:var(--font-display);font-weight:600;font-size:clamp(20px,2vw,30px);text-transform:uppercase;margin:40px 0 14px;display:flex;gap:14px;align-items:baseline}
.legal-body h2 .n{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;color:var(--red)}
.legal-body h2:first-child{margin-top:0}
.legal-body p,.legal-body li{font-size:15px;line-height:1.7;margin:0 0 12px}
.legal-body ul{margin:0 0 14px 0;padding-left:22px}
.legal-body li{margin-bottom:6px}
.legal-body b{font-weight:600}
.legal-note{border:var(--line);background:var(--yellow);padding:18px 22px;margin:20px 0;font-size:14px;line-height:1.6}
.legal-body a{color:var(--blue)}
@media (max-width:900px){.legal-wrap{grid-template-columns:1fr}.legal-toc{position:static;border-right:none;border-bottom:var(--line);display:flex;flex-wrap:wrap;padding:10px 0}.legal-toc a{border-left:none;border:1px solid var(--ink);margin:6px;padding:8px 12px}}

.foot-bottom a{color:inherit;text-decoration:none;border-bottom:1px dashed currentColor;opacity:.75;font:inherit;letter-spacing:inherit;text-transform:inherit}
.foot-bottom a:hover{opacity:1;color:var(--yellow)}

.consent-note{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;opacity:.6;margin-top:12px;max-width:520px}
.consent-note a{color:inherit;border-bottom:1px dashed currentColor;text-decoration:none}
.consent-note a:hover{opacity:1;color:var(--red)}
.cart-foot .consent-note{margin:12px 0 0;max-width:none}

/* delivery page h3 */
.legal-body h3{font-family:'Oswald',sans-serif;font-size:clamp(20px,2.2vw,28px);text-transform:uppercase;letter-spacing:.02em;margin:34px 0 12px;padding-top:14px;border-top:var(--line)}
.legal-body ol{margin:0 0 18px;padding-left:22px}
.legal-body ol li{margin-bottom:8px}

/* about: team & works */
.team-hero{border:var(--line);border-bottom:none;overflow:hidden;line-height:0}
.team-hero img{width:100%;display:block;object-fit:cover;max-height:520px}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:transparent;border:var(--line);overflow:hidden}
.team-ph{line-height:0;box-shadow:inset -1px -1px 0 var(--ink)}
.team-ph img{width:100%;height:100%;display:block;object-fit:cover;aspect-ratio:4/3;transition:transform .4s ease}
.team-ph:hover img{transform:scale(1.04)}
.work-card{border:var(--line);display:grid;grid-template-columns:minmax(300px,1fr) 2fr}
.work-card-head{padding:34px;border-right:var(--line)}
.work-card-head .mono{font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.55}
.work-card-head h3{font-family:'Oswald',sans-serif;font-size:clamp(24px,3vw,38px);text-transform:uppercase;line-height:1.05;margin:14px 0 16px}
.work-card-head p{font-size:15px;line-height:1.6;max-width:44ch}
.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}
.work-ph{line-height:0;box-shadow:inset -1px -1px 0 var(--ink)}
.work-ph img{width:100%;height:100%;display:block;object-fit:cover;aspect-ratio:3/2;transition:transform .4s ease}
.work-ph:hover img{transform:scale(1.04)}
@media (max-width:900px){
  .work-card{grid-template-columns:1fr}
  .work-card-head{border-right:none;border-bottom:var(--line)}
  .team-grid{grid-template-columns:1fr 1fr}
}

/* cart checkout form */
.cart-form{display:flex;flex-direction:column;gap:10px;margin-top:2px}
.cart-form[hidden]{display:none}
.cart-inp{
  width:100%;padding:13px 14px;background:var(--cream);color:var(--ink);
  border:var(--line);font-family:var(--font-body);font-size:15px;resize:vertical;
}
.cart-inp::placeholder{color:rgba(20,19,19,.45)}
.cart-inp:focus{outline:2px solid var(--red);outline-offset:-2px}

/* ---------- Яндекс Форма: модальное окно ---------- */
.yf-modal{position:fixed;inset:0;z-index:900;background:rgba(20,19,19,.72);
  display:flex;align-items:center;justify-content:center;padding:18px;
  opacity:0;visibility:hidden;transition:opacity .22s ease, visibility .22s}
.yf-modal.open{opacity:1;visibility:visible}
.yf-box{width:min(680px,100%);max-height:calc(100vh - 36px);display:flex;flex-direction:column;
  background:var(--cream);border:var(--line);box-shadow:10px 10px 0 var(--red);
  transform:translateY(14px);transition:transform .22s ease}
.yf-modal.open .yf-box{transform:translateY(0)}
.yf-head{display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:16px 20px;border-bottom:var(--line);background:var(--yellow)}
.yf-head .mono{font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.7}
.yf-head h3{font-family:var(--font-display);font-size:clamp(20px,2.4vw,28px);
  text-transform:uppercase;letter-spacing:.02em;margin:2px 0 0}
.yf-close{flex:0 0 auto;width:40px;height:40px;border:var(--line);background:var(--cream);
  font-size:17px;cursor:pointer;line-height:1}
.yf-close:hover{background:var(--red);color:var(--cream)}
.yf-box iframe{width:100%;height:min(62vh,640px);border:0;background:var(--cream);display:block}
.yf-foot{padding:10px 20px;border-top:var(--line);font-size:11px;letter-spacing:.08em;
  text-transform:uppercase;opacity:.65;text-align:center}
@media(max-width:640px){
  .yf-modal{padding:0}
  .yf-box{max-height:100vh;box-shadow:none}
  .yf-box iframe{height:calc(100vh - 132px)}
}

/* ---------- 404 page ---------- */
.nf-hero{display:grid;grid-template-rows:auto 1fr;border-bottom:var(--line)}
.nf-digits{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:var(--line)}
.nf-digit{
  font-family:var(--font-display);font-weight:700;line-height:1;
  font-size:clamp(120px,24vw,300px);text-align:center;
  padding:clamp(18px,3vw,42px) 0;position:relative;user-select:none;
}
.nf-digit + .nf-digit{border-left:var(--line)}
.nf-d-red{background:var(--red);color:var(--cream)}
.nf-d-yellow{background:var(--yellow);color:var(--ink)}
.nf-d-green{background:var(--green);color:var(--cream)}
.nf-burner{
  position:absolute;left:50%;top:50%;width:34%;aspect-ratio:1;transform:translate(-50%,-50%);
  border:3px solid var(--ink);border-radius:50%;opacity:.28;
  animation:pulse 1.6s infinite;pointer-events:none;
}
.nf-text{padding:clamp(28px,4vw,56px) clamp(20px,4vw,64px);display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.nf-text > .mono{letter-spacing:.14em;text-transform:uppercase;opacity:.6}
.nf-text h1{
  font-family:var(--font-display);font-weight:700;text-transform:uppercase;
  font-size:clamp(34px,5vw,72px);line-height:.98;letter-spacing:.01em;margin:0;
}
.nf-text h1 em{font-style:normal;background:var(--ink);color:var(--yellow);padding:0 .18em}
.nf-text p{max-width:640px;font-size:clamp(15px,1.3vw,18px);line-height:1.55;margin:0}
.nf-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}
.nf-btn{
  font-family:var(--font-display);font-weight:600;text-transform:uppercase;letter-spacing:.06em;
  font-size:clamp(16px,1.4vw,20px);padding:14px 26px;border:var(--line);cursor:pointer;
  display:inline-flex;align-items:center;gap:12px;text-decoration:none;transition:transform .15s ease, box-shadow .15s ease;
}
.nf-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}
.nf-btn-main{background:var(--red);color:var(--cream)}
.nf-btn-alt{background:var(--cream);color:var(--ink)}
.nf-btn .kbd{font-family:var(--font-mono);font-size:11px;border:1px solid currentColor;padding:2px 7px;opacity:.75}
.nf-hint a{color:var(--red);font-weight:500;text-decoration:none;border-bottom:2px solid var(--red)}
.nf-hint a:hover{background:var(--red);color:var(--cream)}

.nf-nav{border-bottom:var(--line)}
.nf-nav-head{padding:12px 20px;border-bottom:var(--line);letter-spacing:.14em;text-transform:uppercase;opacity:.6}
.nf-nav-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.nf-cell{
  position:relative;display:flex;flex-direction:column;gap:8px;min-height:170px;
  padding:22px 22px 26px;text-decoration:none;border-right:var(--line);border-bottom:var(--line);
  transition:filter .15s ease;
}
.nf-cell:nth-child(3n){border-right:none}
.nf-cell:hover{filter:brightness(.94)}
.nf-cell:hover .go{transform:translateX(6px)}
.nf-cell .idx{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;opacity:.65}
.nf-cell .nm{font-family:var(--font-display);font-weight:600;text-transform:uppercase;font-size:clamp(19px,1.8vw,26px);line-height:1.05}
.nf-cell .sub{font-size:13px;opacity:.75}
.nf-cell .go{position:absolute;top:18px;right:20px;font-size:24px;font-weight:600;transition:transform .18s ease}
.nf-cell.c-red{background:var(--red);color:var(--cream)}
.nf-cell.c-yellow{background:var(--yellow);color:var(--ink)}
.nf-cell.c-green{background:var(--green);color:var(--cream)}
.nf-cell.c-blue{background:var(--blue);color:var(--cream)}
.nf-cell.c-cream{background:var(--cream);color:var(--ink)}
.nf-cell.c-ink{background:var(--ink);color:var(--cream)}

@media(max-width:900px){
  .nf-nav-grid{grid-template-columns:1fr 1fr}
  .nf-cell:nth-child(3n){border-right:var(--line)}
  .nf-cell:nth-child(2n){border-right:none}
  .nf-digit{font-size:clamp(90px,26vw,180px)}
}
@media(max-width:560px){
  .nf-nav-grid{grid-template-columns:1fr}
  .nf-cell{border-right:none!important}
}

/* ===== Восстановленные статьи/советы ===== */
.article-hero{padding:64px 5vw 40px;border-bottom:1px solid var(--line);background:var(--cream)}
.article-hero .a-tag{display:inline-block;font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;background:var(--yellow);border:1px solid var(--line);padding:4px 12px;margin-bottom:18px}
.article-hero h1{font-family:var(--font-display);font-size:clamp(28px,4.2vw,52px);line-height:1.08;text-transform:uppercase;max-width:1000px;margin:0}
.article-body{max-width:880px;margin:0 auto;padding:48px 5vw 72px;font-size:17px;line-height:1.65}
.article-body h2{font-family:var(--font-display);font-size:clamp(22px,2.6vw,32px);text-transform:uppercase;margin:44px 0 16px;padding-left:16px;border-left:6px solid var(--red)}
.article-body h3{font-family:var(--font-display);font-size:clamp(18px,2vw,24px);text-transform:uppercase;margin:32px 0 12px}
.article-body p{margin:0 0 16px}
.article-body ul,.article-body ol{margin:0 0 18px;padding-left:22px}
.article-body li{margin-bottom:8px}
.article-body strong{font-weight:700}
.article-cta{background:var(--ink);color:var(--cream);padding:48px 5vw;display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between;border-top:1px solid var(--line)}
.article-cta h2{font-family:var(--font-display);font-size:clamp(20px,2.4vw,30px);text-transform:uppercase;margin:0}
.article-cta a{display:inline-block;background:var(--red);color:#fff;font-family:var(--font-display);text-transform:uppercase;font-size:16px;letter-spacing:.05em;padding:14px 28px;border:1px solid var(--line);text-decoration:none}
.article-cta a:hover{background:var(--yellow);color:var(--ink)}
.article-back{display:inline-block;margin:0 0 8px;font-family:var(--font-mono);font-size:13px;color:var(--blue);text-decoration:none}