/* ============ RESET ============ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  background:#0b0d10;color:#dde2e8;line-height:1.55;
  overflow-x:hidden;-webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:none}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}

:root{
  /* Графитовая база */
  --bg:#0b0d10;
  --bg-2:#11141a;
  --bg-3:#181c24;
  --line:rgba(255,255,255,.07);
  --line-2:rgba(255,255,255,.14);
  --txt:#e6eaee;
  --txt-2:#a4adb8;
  --txt-3:#6c7682;
  /* Один акцент бренда — холодный сталь-голубой */
  --accent:#3aaae0;
  --accent-2:#7fdfff;
  --accent-d:#1a8fc4;
  /* Цвета линеек упаковки */
  --air:#3aaae0;
  --air-2:#7fdfff;
  --air-bg-1:#0a1825;
  --air-bg-2:#0d3a52;
  --oil:#ff6b1a;
  --oil-2:#ffaa50;
  --oil-bg-1:#1a0e08;
  --oil-bg-2:#5a2810;
  --carbon:#3ec567;
  --carbon-2:#7eda9c;
  --carbon-bg-1:#08160e;
  --carbon-bg-2:#0e3a22;
  --fuel:#e8c441;
}

.container{width:100%;max-width:1320px;margin:0 auto;padding:0 28px}

.brand__logo{display:block;height:24px;width:auto}
.brand__mark{
  font-family:'Iceland',sans-serif;
  font-style:italic;
  font-size:24px;
  font-weight:400;
  letter-spacing:.02em;
  color:var(--accent);
  text-shadow:0 0 18px rgba(58,170,224,.35);
  user-select:none;
}

/* ============ HEADER ============ */
.hdr{
  position:fixed;top:0;left:0;right:0;z-index:100;
  background:rgba(11,13,16,.78);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid transparent;transition:border-color .3s,background .3s;
}
.hdr.is-scrolled{border-color:var(--line);background:rgba(11,13,16,.95)}
.hdr__inner{display:flex;align-items:center;justify-content:space-between;height:72px;gap:24px}

.brand{display:flex;align-items:center;gap:8px}

.nav{display:flex;gap:2px}
.nav__link{
  padding:10px 14px;font-size:14px;color:var(--txt-2);font-weight:500;
  border-radius:6px;transition:color .25s,background .25s;
}
.nav__link:hover{color:var(--txt);background:rgba(255,255,255,.04)}
.nav__link--active{color:var(--accent-2);background:rgba(255,107,26,.08)}
.nav__link--active:hover{color:var(--accent-2)}

.hdr__actions{display:flex;align-items:center;gap:10px}
.btn-icon{
  width:38px;height:38px;border-radius:6px;
  display:flex;align-items:center;justify-content:center;
  color:var(--txt-2);transition:.25s;
  border:1px solid transparent;
}
.btn-icon:hover{color:var(--accent);background:rgba(58,170,224,.08);border-color:rgba(58,170,224,.25)}

.burger{display:none;flex-direction:column;gap:5px;padding:8px;cursor:pointer}
.burger span{display:block;width:22px;height:2px;background:var(--txt);transition:.3s}
.burger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.is-open span:nth-child(2){opacity:0}
.burger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ============ SEARCH BAR ============ */
.searchbar{
  position:absolute;top:72px;left:0;right:0;
  background:rgba(11,13,16,.97);backdrop-filter:blur(20px);
  border-bottom:1px solid var(--line);
  max-height:0;overflow:hidden;transition:max-height .35s ease;
}
.searchbar.is-open{max-height:520px}
.searchbar__inner{position:relative;padding:18px 28px;display:flex;align-items:center;gap:12px}
.searchbar__icon{color:var(--accent);flex-shrink:0}
.searchbar input{
  flex:1;background:transparent;border:none;outline:none;
  color:var(--txt);font-size:16px;padding:8px 0;letter-spacing:.01em;
}
.searchbar input::placeholder{color:var(--txt-3)}
.searchbar__close{
  width:32px;height:32px;border-radius:6px;
  font-size:24px;color:var(--txt-2);
  display:flex;align-items:center;justify-content:center;
  transition:.25s;
}
.searchbar__close:hover{color:var(--txt);background:rgba(255,255,255,.06)}
.searchbar__hits{
  position:absolute;top:100%;left:28px;right:28px;
  background:var(--bg-2);border:1px solid var(--line);border-radius:8px;
  margin-top:8px;max-height:0;overflow:hidden;transition:.3s;
}
.searchbar__hits.has-hits{max-height:380px;overflow-y:auto}
.search-hit{
  padding:14px 18px;border-bottom:1px solid var(--line);cursor:pointer;
  display:flex;justify-content:space-between;align-items:center;gap:14px;
  transition:background .2s;
}
.search-hit:hover{background:rgba(58,170,224,.06)}
.search-hit:last-child{border-bottom:none}
.search-hit__title{font-size:14px;color:var(--txt)}
.search-hit__cat{font-size:11px;color:var(--accent);letter-spacing:.15em;text-transform:uppercase}
.search-hit__empty{padding:20px;text-align:center;color:var(--txt-3);font-size:14px}

/* ============ BUTTONS ============ */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:13px 22px;font-size:14px;font-weight:600;letter-spacing:.01em;
  border-radius:6px;transition:transform .25s,box-shadow .25s,background .25s,color .25s,border-color .25s;
  border:1px solid transparent;white-space:nowrap;
}
.btn--primary{
  background:var(--accent);color:#06141d;
  box-shadow:0 6px 20px rgba(58,170,224,.25);
}
.btn--primary:hover{background:var(--accent-2);box-shadow:0 10px 30px rgba(58,170,224,.4);transform:translateY(-1px)}
.btn--ghost{
  background:transparent;border:1px solid var(--line-2);color:var(--txt);
}
.btn--ghost:hover{border-color:var(--accent);color:var(--accent);background:rgba(58,170,224,.06)}
.btn--sm{padding:10px 16px;font-size:13px}
.btn--lg{padding:16px 28px;font-size:15px}
.btn--air{background:var(--air);color:#06141d}
.btn--air:hover{background:var(--air-2);transform:translateY(-1px)}
.btn--oil{background:var(--oil);color:#1a0e08}
.btn--oil:hover{background:var(--oil-2);transform:translateY(-1px)}
.btn--carbon{background:var(--carbon);color:#08160e}
.btn--carbon:hover{background:var(--carbon-2);transform:translateY(-1px)}

/* ============ HERO ============ */
.hero{
  position:relative;min-height:calc(100vh - 72px);padding:140px 0 40px;
  overflow:hidden;
}
.hero__bg{
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(800px circle at 75% 35%,rgba(58,170,224,.08),transparent 60%),
    radial-gradient(600px circle at 15% 75%,rgba(58,170,224,.05),transparent 60%);
}
.hero__bg::before{
  content:'';position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:50px 50px;
  mask-image:radial-gradient(ellipse 60% 60% at 50% 40%,#000,transparent);
  -webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 40%,#000,transparent);
}
.hero__inner{
  position:relative;z-index:2;
  display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;
}

.kicker{
  display:inline-flex;align-items:center;gap:10px;
  font-size:12px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--accent);font-weight:600;font-family:'JetBrains Mono',monospace;
  margin-bottom:24px;
}
.kicker__line{width:32px;height:1px;background:var(--accent)}

.hero__title{
  font-family:'Inter',sans-serif;font-weight:800;
  font-size:clamp(36px,5.6vw,72px);line-height:1;letter-spacing:-.025em;
  margin-bottom:24px;
}
.hero__title .accent{
  font-family:'Iceland',sans-serif;font-style:italic;font-weight:400;
  color:var(--accent);text-shadow:0 0 30px rgba(58,170,224,.4);
  letter-spacing:.01em;
}
.hero__lead{
  font-size:17px;color:var(--txt-2);max-width:540px;
  margin-bottom:28px;line-height:1.6;
}
.hero__bullets{display:flex;flex-direction:column;gap:10px;margin-bottom:32px}
.hero__bullets li{
  display:flex;align-items:center;gap:12px;
  font-size:14px;color:var(--txt);
}
.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.dot--blue{background:var(--air);box-shadow:0 0 12px var(--air)}
.dot--orange{background:var(--oil);box-shadow:0 0 12px var(--oil)}
.dot--green{background:var(--carbon);box-shadow:0 0 12px var(--carbon)}

.hero__cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:32px}

.hero__certs{display:flex;gap:8px;flex-wrap:wrap}
.cert{
  padding:5px 11px;border-radius:4px;
  background:rgba(255,255,255,.04);border:1px solid var(--line-2);
  font-size:11px;letter-spacing:.12em;color:var(--txt-2);font-family:'JetBrains Mono',monospace;
  text-transform:uppercase;font-weight:500;
}

/* Hero stage */
.hero__stage{
  position:relative;aspect-ratio:1;
  display:flex;align-items:center;justify-content:center;
}
.hero__stage-glow{
  position:absolute;inset:10%;border-radius:50%;
  background:radial-gradient(circle,rgba(58,170,224,.18),transparent 60%);
  filter:blur(40px);
}
.hero__stack{position:relative;width:100%;height:100%}
.hero__filter{
  position:absolute;inset:0;width:100%;height:100%;
  filter:drop-shadow(0 30px 60px rgba(0,0,0,.5));
  animation:floatSlow 6s ease-in-out infinite;
}
@keyframes floatSlow{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.hero__flow path,.flow path{
  stroke-dasharray:10 6;
  animation:dash 2.5s linear infinite;
}
.flow--out path{animation-direction:reverse}
@keyframes dash{from{stroke-dashoffset:0}to{stroke-dashoffset:-32}}

.hero__chip{
  position:absolute;
  display:flex;align-items:center;gap:10px;
  padding:10px 14px;border-radius:8px;
  background:rgba(15,18,24,.92);backdrop-filter:blur(8px);
  border:1px solid var(--line-2);
  box-shadow:0 12px 28px rgba(0,0,0,.4);
  z-index:3;animation:floatSlow 5s ease-in-out infinite;
}
.hero__chip-num{
  font-family:'Iceland',sans-serif;font-style:italic;font-size:18px;
}
.hero__chip-lbl{
  font-family:'JetBrains Mono',monospace;font-size:11px;
  letter-spacing:.15em;text-transform:uppercase;color:var(--txt-2);
}
.hero__chip--air{top:6%;left:-2%;animation-delay:0s}
.hero__chip--air .hero__chip-num{color:var(--air)}
.hero__chip--oil{top:48%;right:-4%;animation-delay:1.2s}
.hero__chip--oil .hero__chip-num{color:var(--oil)}
.hero__chip--carbon{bottom:8%;left:6%;animation-delay:2.4s}
.hero__chip--carbon .hero__chip-num{color:var(--carbon)}

/* Hero metrics */
.hero__metrics{
  display:grid;grid-template-columns:repeat(5,1fr);gap:0;
  margin-top:60px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
.metric{
  padding:24px 18px;border-left:1px solid var(--line);
  text-align:left;
}
.metric:first-child{border-left:none}
.metric__num{
  font-family:'Iceland',sans-serif;font-style:italic;font-size:36px;
  color:var(--accent);line-height:1;margin-bottom:6px;
}
.metric__lbl{font-size:12px;color:var(--txt-3);letter-spacing:.05em;font-family:'JetBrains Mono',monospace}

/* ============ SECTIONS ============ */
.section{padding:120px 0;position:relative}
.section--alt{background:var(--bg-2)}

.sec-head{
  display:grid;grid-template-columns:auto 1fr;gap:30px 80px;
  align-items:end;margin-bottom:60px;
}
.sec-eyebrow{
  display:inline-block;font-size:11px;letter-spacing:.25em;text-transform:uppercase;
  color:var(--accent);font-family:'JetBrains Mono',monospace;font-weight:600;
  margin-bottom:14px;
}
.sec-title{
  font-family:'Inter',sans-serif;font-weight:800;
  font-size:clamp(28px,4vw,52px);line-height:1.05;letter-spacing:-.025em;
}
.sec-desc{
  font-size:15px;color:var(--txt-2);max-width:480px;
  justify-self:start;align-self:end;line-height:1.6;
}

/* Reveal */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}
.reveal.is-visible{opacity:1;transform:translateY(0)}

/* ============ WHY ============ */
.why{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.why__card{
  background:var(--bg);
  padding:36px 30px;
  transition:background .3s;
}
.why__card:hover{background:var(--bg-3)}
.why__num{
  font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.18em;
  color:var(--accent);margin-bottom:16px;
}
.why__card h3{
  font-size:20px;font-weight:700;margin-bottom:12px;letter-spacing:-.01em;
}
.why__card p{color:var(--txt-2);font-size:14px;line-height:1.6}

/* ============ PRODUCT SCREENS ============ */
.product-screen{
  position:relative;padding:140px 0;overflow:hidden;
}
.product-screen__bg{
  position:absolute;inset:0;z-index:0;pointer-events:none;
}
.product-screen__bg::before,
.product-screen__bg::after{
  content:'';position:absolute;
}
/* AIR — black → cyan */
.product-screen--air{
  background:
    radial-gradient(ellipse 100% 70% at 80% 50%,#0d3a52 0%,#0a1825 45%,var(--bg) 100%);
}
.product-screen--air .product-screen__bg::before{
  inset:0;
  background:radial-gradient(circle at 80% 50%,rgba(58,170,224,.18),transparent 50%);
}
.product-screen--air .product-screen__bg::after{
  inset:0;
  background-image:linear-gradient(rgba(58,170,224,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(58,170,224,.06) 1px,transparent 1px);
  background-size:60px 60px;
  mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000,transparent);
  -webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000,transparent);
}
/* OIL — black → orange */
.product-screen--oil{
  background:
    radial-gradient(ellipse 100% 70% at 20% 50%,#5a2810 0%,#1a0e08 45%,var(--bg) 100%);
}
.product-screen--oil .product-screen__bg::before{
  inset:0;
  background:radial-gradient(circle at 20% 50%,rgba(255,107,26,.2),transparent 50%);
}
.product-screen--oil .product-screen__bg::after{
  inset:0;
  background-image:linear-gradient(rgba(255,107,26,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,107,26,.06) 1px,transparent 1px);
  background-size:60px 60px;
  mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000,transparent);
  -webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000,transparent);
}
/* CARBON — black → green */
.product-screen--carbon{
  background:
    radial-gradient(ellipse 100% 70% at 80% 50%,#0e3a22 0%,#08160e 45%,var(--bg) 100%);
}
.product-screen--carbon .product-screen__bg::before{
  inset:0;
  background:radial-gradient(circle at 80% 50%,rgba(62,197,103,.18),transparent 50%);
}
.product-screen--carbon .product-screen__bg::after{
  inset:0;
  background-image:linear-gradient(rgba(62,197,103,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(62,197,103,.06) 1px,transparent 1px);
  background-size:60px 60px;
  mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000,transparent);
  -webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000,transparent);
}

.product-screen__inner{
  position:relative;z-index:1;
  display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;
}
.product-screen__inner--reverse{direction:rtl}
.product-screen__inner--reverse > *{direction:ltr}

.product-screen__sku{
  font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.2em;
  color:var(--txt-2);margin-bottom:14px;text-transform:uppercase;
  padding:6px 12px;background:rgba(255,255,255,.04);border:1px solid var(--line-2);
  border-radius:4px;display:inline-block;
}
.product-screen__series{
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.25em;
  color:var(--carbon);margin-bottom:8px;text-transform:uppercase;font-weight:600;
}
.product-screen__title{
  font-family:'Inter',sans-serif;font-weight:800;
  font-size:clamp(48px,7vw,88px);line-height:.95;letter-spacing:-.03em;
  margin-bottom:6px;color:#fff;
}
.product-screen--air .product-screen__title{color:#fff}
.product-screen--oil .product-screen__title{color:#fff}
.product-screen--carbon .product-screen__title{color:#fff}
.product-screen__sub{
  font-size:18px;font-weight:500;letter-spacing:.01em;
  color:var(--txt-2);margin-bottom:24px;
}
.product-screen__lead{
  font-size:16px;color:var(--txt-2);max-width:520px;
  margin-bottom:30px;line-height:1.65;
}
.product-screen__feats{display:flex;flex-direction:column;gap:14px;margin-bottom:36px}
.product-screen__feats li{
  display:flex;align-items:flex-start;gap:14px;
  padding:14px 18px;border-radius:6px;
  background:rgba(0,0,0,.3);border:1px solid var(--line);
}
.product-screen__feats li > div{display:flex;flex-direction:column;gap:2px}
.product-screen__feats li strong{font-size:14px;font-weight:600;color:var(--txt)}
.product-screen__feats li span{font-size:13px;color:var(--txt-2)}
.feat-ico{
  width:24px;height:24px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:10px;flex-shrink:0;
}
.product-screen--air .feat-ico{background:rgba(58,170,224,.15);color:var(--air);border:1px solid rgba(58,170,224,.4)}
.product-screen--oil .feat-ico{background:rgba(255,107,26,.15);color:var(--oil);border:1px solid rgba(255,107,26,.4)}
.product-screen--carbon .feat-ico{background:rgba(62,197,103,.15);color:var(--carbon);border:1px solid rgba(62,197,103,.4)}

.product-screen__cta{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.product-screen__oem{
  font-family:'JetBrains Mono',monospace;font-size:12px;
  color:var(--txt-3);letter-spacing:.1em;
}

.product-screen__visual{position:relative}
.pf{
  width:100%;height:auto;
  filter:drop-shadow(0 30px 60px rgba(0,0,0,.5));
}
.pf--air .flow path,
.pf--oil .oil-flow path{
  stroke-dasharray:8 4;
  animation:dash 2s linear infinite;
}
.pf--air{animation:floatSlow 6s ease-in-out infinite}
.pf--oil{animation:floatSlow 7s ease-in-out infinite reverse}
.pf--carbon{animation:floatSlow 8s ease-in-out infinite}

/* ============ CATEGORIES ============ */
.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.cat{
  position:relative;
  padding:32px 26px;border-radius:8px;
  background:var(--bg);border:1px solid var(--line);
  display:flex;flex-direction:column;gap:18px;
  min-height:240px;overflow:hidden;
  transition:transform .35s,border-color .35s,background .35s;
}
.cat::before{
  content:'';position:absolute;left:0;top:0;width:3px;height:0;
  transition:height .4s ease;
}
.cat:hover{transform:translateY(-4px);background:var(--bg-3)}
.cat:hover::before{height:100%}
.cat--air::before{background:var(--air)}
.cat--air:hover{border-color:rgba(58,170,224,.4)}
.cat--oil::before{background:var(--oil)}
.cat--oil:hover{border-color:rgba(255,107,26,.4)}
.cat--carbon::before{background:var(--carbon)}
.cat--carbon:hover{border-color:rgba(62,197,103,.4)}
.cat--fuel::before{background:var(--fuel)}
.cat--fuel:hover{border-color:rgba(232,196,65,.4)}

.cat__head{display:flex;justify-content:space-between;align-items:center}
.cat__code{
  font-family:'Iceland',sans-serif;font-style:italic;font-size:24px;
}
.cat--air .cat__code{color:var(--air)}
.cat--oil .cat__code{color:var(--oil)}
.cat--carbon .cat__code{color:var(--carbon)}
.cat--fuel .cat__code{color:var(--fuel)}
.cat__count{
  font-family:'JetBrains Mono',monospace;font-size:11px;
  color:var(--txt-3);letter-spacing:.1em;
}
.cat h3{font-size:22px;font-weight:700;letter-spacing:-.01em}
.cat p{font-size:13px;color:var(--txt-2);line-height:1.5}
.cat__arrow{
  position:absolute;bottom:24px;right:24px;
  font-size:22px;color:var(--txt-3);transition:transform .3s,color .3s;
}
.cat:hover .cat__arrow{transform:translateX(6px)}
.cat--air:hover .cat__arrow{color:var(--air)}
.cat--oil:hover .cat__arrow{color:var(--oil)}
.cat--carbon:hover .cat__arrow{color:var(--carbon)}
.cat--fuel:hover .cat__arrow{color:var(--fuel)}

/* ============ QUALITY LINE ============ */
.qline{
  position:relative;display:grid;grid-template-columns:repeat(7,1fr);gap:18px;
  margin-bottom:80px;padding-top:30px;
}
.qline__track{
  position:absolute;top:50px;left:5%;right:5%;height:1px;
  background:linear-gradient(90deg,transparent 0%,var(--accent) 20%,var(--accent) 80%,transparent 100%);
  opacity:.4;
}
.qstep{
  position:relative;text-align:left;padding-top:24px;
}
.qstep__num{
  position:absolute;top:0;left:0;
  width:40px;height:40px;border-radius:50%;
  background:var(--bg);border:2px solid var(--accent);
  display:flex;align-items:center;justify-content:center;
  font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;
  color:var(--accent);
}
.qstep h4{font-size:14px;font-weight:600;margin:48px 0 6px;letter-spacing:-.01em}
.qstep p{font-size:12px;color:var(--txt-2);line-height:1.5}

/* VS comparison */
.vs{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.vs__col{
  padding:36px 32px;border-radius:8px;
  background:var(--bg);border:1px solid var(--line);
}
.vs__col--bad{border-left:3px solid #c0392b}
.vs__col--good{border-left:3px solid var(--accent)}
.vs__head{margin-bottom:20px}
.vs__tag{
  display:inline-block;padding:5px 11px;border-radius:4px;
  background:rgba(192,57,43,.15);color:#e87063;
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.15em;
  text-transform:uppercase;font-weight:600;margin-bottom:14px;
}
.vs__tag--ok{background:rgba(58,170,224,.15);color:var(--accent)}
.vs__head h3{font-size:22px;font-weight:700;letter-spacing:-.01em}
.vs ul{display:flex;flex-direction:column;gap:12px}
.vs li{
  display:flex;gap:12px;align-items:flex-start;
  font-size:14px;color:var(--txt);line-height:1.55;
}
.vs li > span{
  width:22px;height:22px;border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  font-weight:700;font-size:13px;
}
.vs__col--bad li > span{background:rgba(192,57,43,.2);color:#e87063}
.vs__col--good li > span{background:rgba(58,170,224,.2);color:var(--accent)}

/* ============ B2B ============ */
.b2b{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.b2b__copy .sec-eyebrow{margin-bottom:14px}
.b2b__copy .sec-title{margin-bottom:20px}
.b2b__copy .sec-desc{margin-bottom:32px;max-width:none}
.b2b__bullets{display:flex;flex-direction:column;gap:18px;margin-bottom:32px}
.b2b__b{padding-left:18px;border-left:2px solid var(--accent);display:flex;flex-direction:column;gap:4px}
.b2b__b strong{font-size:15px;font-weight:600}
.b2b__b span{font-size:13px;color:var(--txt-2)}

.b2b__panel{
  display:grid;grid-template-columns:1fr 1fr;gap:1px;
  background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden;
}
.b2b__stat{
  background:var(--bg);
  padding:30px 24px;
  display:flex;flex-direction:column;gap:6px;
  transition:background .3s;
}
.b2b__stat:hover{background:var(--bg-3)}
.b2b__num{
  font-family:'Iceland',sans-serif;font-style:italic;font-size:42px;
  color:var(--accent);line-height:1;
}
.b2b__lbl{
  font-size:12px;color:var(--txt-2);
  font-family:'JetBrains Mono',monospace;letter-spacing:.05em;
}

/* ============ CASES ============ */
.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.case{
  padding:32px 28px;border-radius:8px;
  background:var(--bg-2);border:1px solid var(--line);
  display:flex;flex-direction:column;justify-content:space-between;gap:24px;
  min-height:260px;transition:.3s;
}
.case:hover{border-color:rgba(58,170,224,.3);transform:translateY(-3px)}
.case__quote{font-size:15px;line-height:1.65;color:var(--txt);position:relative;padding-top:24px}
.case__quote::before{
  content:'“';position:absolute;top:-10px;left:0;
  font-family:'Iceland',sans-serif;font-size:60px;color:var(--accent);line-height:1;opacity:.4;
}
.case__author{display:flex;align-items:center;gap:12px}
.case__avatar{
  width:42px;height:42px;border-radius:50%;
  background:rgba(58,170,224,.15);border:1px solid rgba(58,170,224,.35);
  display:flex;align-items:center;justify-content:center;
  font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--accent);
  font-weight:700;flex-shrink:0;
}
.case__author strong{display:block;font-size:14px;font-weight:600}
.case__author span{font-size:12px;color:var(--txt-3)}

/* ============ FAQ ============ */
.faq{max-width:880px;margin:0 auto;display:flex;flex-direction:column;gap:8px}
.faq__item{
  background:var(--bg);border:1px solid var(--line);border-radius:6px;
  transition:border-color .3s;
}
.faq__item[open]{border-color:rgba(58,170,224,.3)}
.faq__item summary{
  list-style:none;padding:18px 22px;cursor:pointer;
  display:flex;justify-content:space-between;align-items:center;gap:18px;
  font-size:15px;font-weight:500;color:var(--txt);
}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary::after{
  content:'+';font-family:'JetBrains Mono',monospace;font-size:20px;color:var(--accent);
  transition:transform .3s;flex-shrink:0;
}
.faq__item[open] summary::after{transform:rotate(45deg)}
.faq__body{padding:0 22px 18px;color:var(--txt-2);font-size:14px;line-height:1.65}

/* ============ CONTACTS ============ */
.contacts__grid{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:start}
.contacts__copy .sec-title{margin-bottom:20px}
.contacts__info{
  margin-top:32px;display:flex;flex-direction:column;
  border-top:1px solid var(--line);
}
.contacts__row{
  display:grid;grid-template-columns:120px 1fr;gap:20px;
  padding:18px 0;border-bottom:1px solid var(--line);
  align-items:center;
}
.contacts__lbl{
  font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.15em;
  text-transform:uppercase;color:var(--txt-3);
}
.contacts__val{
  font-size:15px;font-weight:500;color:var(--txt);
  transition:color .25s;
}
a.contacts__val:hover{color:var(--accent)}

.form{
  padding:32px;border-radius:8px;
  background:var(--bg);border:1px solid var(--line);
}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.form label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--txt-3);letter-spacing:.05em;font-family:'JetBrains Mono',monospace;text-transform:uppercase}
.form input,.form select,.form textarea{
  background:var(--bg-2);border:1px solid var(--line-2);
  padding:12px 14px;border-radius:5px;color:var(--txt);
  font-family:'Inter',sans-serif;font-size:14px;outline:none;
  transition:border-color .25s;text-transform:none;letter-spacing:0;
}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--accent)}
.form textarea{resize:vertical;min-height:80px;font-family:'Inter',sans-serif}
.form select{cursor:pointer}
.form select option{background:var(--bg-2)}
.form button,.form input[type=submit]{margin-top:18px;width:100%}
.form__note{font-size:11px;color:var(--txt-3);margin-top:12px;letter-spacing:.02em;font-family:'Inter',sans-serif;text-transform:none}

/* ---- Contact Form 7 (форма заявки) ---- */
.wpcf7{border:0}
.form .wpcf7-form-control-wrap{display:block;position:relative}
.form input[type=text],.form input[type=email],.form input[type=tel],.form select,.form textarea{width:100%}
.form input[type=submit]{
  appearance:none;-webkit-appearance:none;border:none;cursor:pointer;
}
.form .wpcf7-not-valid-tip{
  display:block;font-size:11px;color:#e87063;margin-top:4px;
  font-family:'Inter',sans-serif;text-transform:none;letter-spacing:0;
}
.form input.wpcf7-not-valid,.form select.wpcf7-not-valid,.form textarea.wpcf7-not-valid{border-color:#e87063}
.form .wpcf7-response-output{
  margin-top:16px;padding:12px 14px;border-radius:5px;
  font-size:13px;border:1px solid var(--line-2);color:var(--txt-2);
}
.form.sent .wpcf7-response-output{border-color:var(--accent);color:var(--accent-2)}
.form.failed .wpcf7-response-output,
.form.invalid .wpcf7-response-output,
.form.unaccepted .wpcf7-response-output,
.form.spam .wpcf7-response-output{border-color:#c0392b;color:#e87063}
.form .wpcf7-spinner{margin:18px auto 0;display:block}

/* Согласие на обработку персональных данных — компактной строкой под
   кнопкой (как .form__note), чекбокс обязателен (152-ФЗ), но визуально
   мелкий и вписан в сам текст, а не отдельным крупным элементом. */
.form .wpcf7-form-control.wpcf7-acceptance{display:block;margin-top:12px}
.form .wpcf7-list-item{margin:0}
.form .wpcf7-list-item label{
  display:flex;flex-direction:row;align-items:flex-start;gap:6px;cursor:pointer;
}
.form .wpcf7-list-item-label{
  font-size:11px;color:var(--txt-3);letter-spacing:.02em;
  font-family:'Inter',sans-serif;text-transform:none;
}
.form .wpcf7-list-item input[type=checkbox]{
  flex:none;width:12px;height:12px;margin-top:2px;accent-color:var(--accent);cursor:pointer;
}

/* Место для reCAPTCHA — подключим после получения ключей (см. форму CF7 "Заявка с сайта") */
.form .wpcf7-recaptcha{margin-top:14px}

/* ============ FOOTER ============ */
.ftr{padding:60px 0 30px;border-top:1px solid var(--line);background:var(--bg-2)}
.ftr__inner{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:50px;margin-bottom:50px}
.ftr__col--brand p{font-size:13px;color:var(--txt-2);max-width:340px;margin:14px 0 18px;line-height:1.6}
.ftr__certs{display:flex;gap:6px;flex-wrap:wrap}
.ftr__col h5{font-family:'Inter',sans-serif;font-weight:600;font-size:13px;letter-spacing:.05em;color:var(--accent);margin-bottom:14px;text-transform:uppercase}
.ftr__col a{display:block;padding:6px 0;font-size:14px;color:var(--txt-2);transition:color .25s}
.ftr__col a:hover{color:var(--txt)}
.ftr__bottom{
  padding-top:24px;border-top:1px solid var(--line);
  display:flex;justify-content:space-between;align-items:center;
  font-size:12px;color:var(--txt-3);font-family:'JetBrains Mono',monospace;letter-spacing:.05em;
}
.ftr__legal{display:flex;gap:24px}
.ftr__legal a:hover{color:var(--accent)}

/* ============ RESPONSIVE ============ */
@media(max-width:1100px){
  .why{grid-template-columns:repeat(2,1fr)}
  .cats{grid-template-columns:repeat(2,1fr)}
  .qline{grid-template-columns:repeat(4,1fr);gap:24px}
  .qline__track{display:none}
  .cases{grid-template-columns:1fr}
  .hero__metrics{grid-template-columns:repeat(3,1fr)}
  .metric:nth-child(4){border-left:none;border-top:1px solid var(--line)}
  .metric:nth-child(5){border-top:1px solid var(--line)}
}
@media(max-width:900px){
  .nav{
    display:none;position:fixed;top:72px;left:0;right:0;
    flex-direction:column;padding:20px 24px;background:rgba(11,13,16,.98);
    border-bottom:1px solid var(--line);gap:0;
  }
  .nav.is-open{display:flex}
  .nav__link{padding:14px 12px;width:100%;border-radius:6px}
  .burger{display:flex}
  .hdr__actions .btn{display:none}
  .section{padding:80px 0}
  .hero{padding:120px 0 40px}
  .hero__inner{grid-template-columns:1fr;gap:40px}
  .hero__col--right{order:-1;max-width:480px;margin:0 auto;width:100%}
  .product-screen{padding:80px 0}
  .product-screen__inner{grid-template-columns:1fr;gap:40px}
  .product-screen__inner--reverse{direction:ltr}
  .sec-head{grid-template-columns:1fr;gap:16px}
  .sec-desc{justify-self:start}
  .vs{grid-template-columns:1fr}
  .b2b{grid-template-columns:1fr;gap:40px}
  .contacts__grid{grid-template-columns:1fr;gap:40px}
  .ftr__inner{grid-template-columns:1fr 1fr;gap:30px}
  .qline{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .container{padding:0 18px}
  .hdr__inner{height:64px;gap:12px}
  .brand__logo{height:20px}
  .brand__mark{font-size:20px}
  .hero__title{font-size:42px}
  .hero__metrics{grid-template-columns:repeat(2,1fr)}
  .metric{border-left:none;border-top:1px solid var(--line)}
  .metric:first-child,.metric:nth-child(2){border-top:none}
  .metric:nth-child(2){border-left:1px solid var(--line)}
  .metric:nth-child(4){border-left:1px solid var(--line)}
  .why{grid-template-columns:1fr}
  .cats{grid-template-columns:1fr}
  .qline{grid-template-columns:1fr}
  .b2b__panel{grid-template-columns:1fr}
  .product-screen__title{font-size:48px}
  .form{padding:24px 18px}
  .form__row{grid-template-columns:1fr}
  .ftr__inner{grid-template-columns:1fr}
  .ftr__bottom{flex-direction:column;gap:12px;text-align:center}
  .contacts__row{grid-template-columns:1fr;gap:4px}
  .product-screen__cta{flex-direction:column;align-items:flex-start}
  .hero__chip--air{top:0;left:-4%}
  .hero__chip--oil{top:46%;right:-6%}
  .hero__chip--carbon{bottom:0;left:0}
}

/* ============ HERO PHOTOS COLLAGE ============ */
.hero__stage--photos{
  position:relative;width:100%;max-width:540px;margin-left:auto;
  display:flex;flex-direction:column;gap:14px;
  aspect-ratio:auto;
}
.hero__photos{
  position:relative;width:100%;
  display:flex;flex-direction:column;gap:14px;
}
.hero__photo--air{aspect-ratio:1.4;width:100%}
.hero__photo--row{
  display:grid;grid-template-columns:1fr 1fr;gap:14px;
}
.hero__photo--oil,.hero__photo--carbon{aspect-ratio:1.05;width:100%}
.hero__photo{
  position:relative;margin:0;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;overflow:hidden;
  background:#0c0f14;
  box-shadow:0 24px 60px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.02);
  transition:transform .5s ease,border-color .3s,box-shadow .3s;
  min-height:0;min-width:0;
}
.hero__photo img{
  display:block;width:100%;height:100%;object-fit:cover;
  transition:transform 1.2s ease;
}
.hero__photo--oil img{object-position:center top}
.hero__photo:hover{transform:translateY(-4px)}
.hero__photo:hover img{transform:scale(1.04)}
.hero__photo figcaption{
  position:absolute;left:10px;bottom:10px;
  font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:2px;
  padding:6px 10px;border-radius:6px;
  background:rgba(0,0,0,.65);backdrop-filter:blur(6px);
  color:#fff;text-transform:uppercase;
  border:1px solid rgba(255,255,255,.1);
  z-index:2;
}
.hero__photo--air{border-color:rgba(58,170,224,.3)}
.hero__photo--air figcaption{display:none} /* фото и так подписано */
.hero__photo--oil{border-color:rgba(255,107,26,.3)}
.hero__photo--oil figcaption{display:none}
.hero__photo--carbon{border-color:rgba(62,197,103,.3)}
.hero__photo--carbon figcaption{display:none}

/* ============ PRODUCT SCREEN PHOTO ============ */
.pshot{
  position:relative;width:100%;max-width:620px;margin:0 auto;
  border-radius:18px;overflow:hidden;
  background:#0c0f14;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:
    0 40px 80px rgba(0,0,0,.55),
    0 0 0 1px rgba(255,255,255,.04) inset;
}
.pshot img{
  display:block;width:100%;height:auto;
}
.pshot__badges{
  position:absolute;top:14px;right:14px;
  display:flex;flex-direction:column;gap:8px;align-items:flex-end;
  pointer-events:none;
}
.pshot__badge{
  font-family:'JetBrains Mono',monospace;
  font-size:10px;font-weight:700;letter-spacing:2px;
  padding:6px 10px;border-radius:4px;
  text-transform:uppercase;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(0,0,0,.55);backdrop-filter:blur(8px);
  color:#fff;
}
.pshot__badge--full{
  border-color:rgba(255,255,255,.4);
  background:linear-gradient(135deg,rgba(0,0,0,.7),rgba(0,0,0,.4));
}
.pshot__badge--premium{
  border-color:#d4af37;
  color:#f4d160;
  background:linear-gradient(135deg,rgba(40,30,10,.85),rgba(20,15,5,.7));
}

/* На вариантах продукта — мягкая подсветка под цвет линии */
.product-screen--air .pshot{box-shadow:0 40px 90px rgba(58,170,224,.18),0 0 0 1px rgba(58,170,224,.12) inset}
.product-screen--oil .pshot{box-shadow:0 40px 90px rgba(255,107,26,.18),0 0 0 1px rgba(255,107,26,.12) inset}
.product-screen--carbon .pshot{box-shadow:0 40px 90px rgba(62,197,103,.18),0 0 0 1px rgba(62,197,103,.12) inset}

/* Адаптив */
@media (max-width:1100px){
  .hero__stage--photos{max-width:520px}
  .hero__photo figcaption{font-size:9px}
}
@media (max-width:900px){
  .hero__stage--photos{aspect-ratio:1.4;max-width:100%}
  .hero__photos{gap:10px}
}
@media (max-width:600px){
  .hero__stage--photos{aspect-ratio:1.2}
  .pshot__badges{top:8px;right:8px}
  .pshot__badge{font-size:9px;padding:4px 8px;letter-spacing:1.5px}
}

/* ===================================================================
   REVEAL ANIMATIONS (base)
   =================================================================== */
.reveal{
  opacity:0;
  transform:translateY(28px);
  transition:opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1);
  will-change:opacity, transform;
}
.reveal.is-visible{ opacity:1; transform:none; }
.reveal[data-delay="1"].is-visible{ transition-delay:.08s }
.reveal[data-delay="2"].is-visible{ transition-delay:.16s }
.reveal[data-delay="3"].is-visible{ transition-delay:.24s }
.reveal[data-delay="4"].is-visible{ transition-delay:.32s }

@media (prefers-reduced-motion:reduce){
  .reveal{ opacity:1; transform:none; transition:none; }
}

.sec-head--center{
  text-align:center;
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
}

/* ===================================================================
   SECTION: BLUEPRINT (technical drawing)
   =================================================================== */
.section--blueprint{
  position:relative;
  background:
    linear-gradient(180deg,#0a1929 0%, #0d2438 50%, #0a1929 100%);
  overflow:hidden;
  isolation:isolate;
}
.section--blueprint::before{
  content:"";
  position:absolute; inset:0;
  background-image:
    linear-gradient(rgba(58,170,224,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(58,170,224,.08) 1px, transparent 1px),
    linear-gradient(rgba(58,170,224,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(58,170,224,.04) 1px, transparent 1px);
  background-size: 80px 80px, 80px 80px, 16px 16px, 16px 16px;
  pointer-events:none;
  z-index:0;
}
.section--blueprint::after{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(ellipse at 30% 20%, rgba(58,170,224,.18), transparent 50%),
    radial-gradient(ellipse at 70% 80%, rgba(0,80,140,.25), transparent 55%);
  pointer-events:none;
  z-index:0;
}
.blueprint__bg{
  position:absolute;
  inset:-10% -5%;
  z-index:0;
  background:
    radial-gradient(circle at 50% 50%, rgba(58,170,224,.10), transparent 60%);
  pointer-events:none;
  will-change:transform;
}
.section--blueprint > .container{ position:relative; z-index:2; }

.bp-eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  font-family:'JetBrains Mono', monospace;
  font-size:11px; letter-spacing:3px; text-transform:uppercase;
  color:#7ec8ec;
  padding:7px 14px;
  border:1px solid rgba(126,200,236,.35);
  border-radius:2px;
  background:rgba(10,25,41,.5);
  margin-bottom:20px;
}
.bp-eyebrow::before{
  content:""; width:6px; height:6px; background:#3aaae0; border-radius:50%;
  box-shadow:0 0 10px #3aaae0;
}
.section--blueprint .sec-title{ color:#e8f4fb; }
.section--blueprint .sec-title em{ color:#3aaae0; font-style:normal; font-family:'Iceland', sans-serif; letter-spacing:1px; }
.section--blueprint .sec-sub{ color:#b8d4e3; }

.bp{
  display:grid;
  grid-template-columns: 1fr 280px;
  gap:48px;
  align-items:center;
  margin-top:48px;
}
.bp__stage{
  position:relative;
  background:rgba(10,25,41,.4);
  border:1px solid rgba(126,200,236,.18);
  border-radius:6px;
  padding:32px;
  backdrop-filter: blur(2px);
}
.bp__stage::before, .bp__stage::after{
  content:"";
  position:absolute; width:18px; height:18px;
  border:1px solid rgba(126,200,236,.5);
}
.bp__stage::before{ top:-1px; left:-1px; border-right:0; border-bottom:0; }
.bp__stage::after{ bottom:-1px; right:-1px; border-left:0; border-top:0; }

.bp__svg{
  width:100%;
  height:auto;
  display:block;
  filter: drop-shadow(0 0 24px rgba(58,170,224,.25));
}

.bp__specs{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
  align-content:start;
}
.bp__spec{
  position:relative;
  padding:18px 20px;
  border:1px solid rgba(126,200,236,.18);
  background:rgba(10,25,41,.5);
  border-radius:4px;
}
.bp__spec::before{
  content:""; position:absolute; left:0; top:0; bottom:0; width:3px;
  background:#3aaae0;
  box-shadow:0 0 12px rgba(58,170,224,.6);
}
.bp__spec-num{
  display:block;
  font-family:'Iceland', sans-serif;
  font-size:34px; line-height:1;
  color:#3aaae0;
  letter-spacing:1px;
  margin-bottom:4px;
  font-style:italic;
}
.bp__spec-lbl{
  display:block;
  font-family:'JetBrains Mono', monospace;
  font-size:10px; letter-spacing:2.5px; text-transform:uppercase;
  color:#9ec4dc;
}

/* SVG draw-in animation when section is visible */
.section--blueprint.is-visible .bp-line{
  stroke-dasharray: 600;
  stroke-dashoffset: 0;
  animation: bpDraw 1.6s ease-out forwards;
}
.section--blueprint.is-visible .bp-line--slow{
  animation-duration: 2.2s;
}
@keyframes bpDraw {
  from { stroke-dashoffset: 600; }
  to   { stroke-dashoffset: 0; }
}

@media (max-width:900px){
  .bp{ grid-template-columns:1fr; gap:24px; }
  .bp__specs{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:600px){
  .bp__stage{ padding:18px; }
  .bp__specs{ grid-template-columns:1fr; }
  .bp__spec-num{ font-size:28px; }
}

/* ===================================================================
   SECTION: PM2.5 INFOGRAPHIC
   =================================================================== */
.section--info{
  position:relative;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(62,197,103,.10), transparent 50%),
    linear-gradient(180deg,#0d1410 0%, #131a14 100%);
  overflow:hidden;
}
.section--info::before{
  content:"";
  position:absolute; inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px);
  background-size: 100% 32px;
  pointer-events:none;
}
.section--info > .container{ position:relative; z-index:2; }

.info-eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  font-family:'JetBrains Mono', monospace;
  font-size:11px; letter-spacing:3px; text-transform:uppercase;
  color:#9ce0a8;
  padding:7px 14px;
  border:1px solid rgba(156,224,168,.35);
  border-radius:2px;
  background:rgba(13,20,16,.5);
  margin-bottom:20px;
}
.info-eyebrow::before{
  content:""; width:6px; height:6px; background:#3ec567; border-radius:50%;
  box-shadow:0 0 10px #3ec567;
}
.section--info .sec-title{ color:#eef6f1; }
.section--info .sec-title em{ color:#3ec567; font-style:normal; font-family:'Iceland', sans-serif; }
.section--info .sec-sub{ color:#b9c8be; }

.info{
  display:grid;
  grid-template-columns: 1fr 80px 1fr;
  gap:24px;
  align-items:stretch;
  margin-top:48px;
  margin-bottom:48px;
}
.info__col{
  padding:32px;
  border-radius:8px;
  position:relative;
  display:flex; flex-direction:column; gap:20px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(0,0,0,.3);
}
.info__col--bad{
  background: linear-gradient(180deg, rgba(220,60,40,.18), rgba(0,0,0,.4));
  border-color: rgba(220,80,60,.3);
}
.info__col--good{
  background: linear-gradient(180deg, rgba(62,197,103,.18), rgba(0,0,0,.4));
  border-color: rgba(62,197,103,.3);
}
.info__head{
  display:flex; justify-content:space-between; align-items:flex-start;
  gap:12px;
}
.info__tag{
  font-family:'JetBrains Mono', monospace;
  font-size:10px; letter-spacing:2.5px; text-transform:uppercase;
  padding:6px 10px;
  border-radius:2px;
}
.info__tag--bad{ color:#ff8a73; border:1px solid rgba(255,138,115,.4); background:rgba(220,60,40,.15); }
.info__tag--good{ color:#7ee598; border:1px solid rgba(126,229,152,.4); background:rgba(62,197,103,.15); }
.info__label{
  font-family:'JetBrains Mono', monospace;
  font-size:11px; letter-spacing:2.5px; text-transform:uppercase;
  color:#9aa49d;
}
.info__num{
  font-family:'Iceland', sans-serif;
  font-size:84px; line-height:.95;
  letter-spacing:1px;
  font-style:italic;
}
.info__num span{
  font-size:18px; letter-spacing:2px; text-transform:uppercase;
  font-style:normal; font-family:'JetBrains Mono', monospace;
  margin-left:6px; opacity:.7;
  vertical-align:middle;
}
.info__col--bad .info__num{ color:#ff6b4d; text-shadow:0 0 30px rgba(255,107,77,.4); }
.info__col--good .info__num{ color:#3ec567; text-shadow:0 0 30px rgba(62,197,103,.4); }

.info__viz{
  position:relative;
  height:140px;
  display:flex; align-items:center; justify-content:center;
}
.info__svg{ width:100%; height:100%; }
.info__bar{
  position:relative;
  height:8px;
  background:rgba(255,255,255,.05);
  border-radius:4px;
  overflow:hidden;
}
.info__bar-fill{
  position:absolute; top:0; left:0; bottom:0;
  width:0%;
  border-radius:4px;
  transition: width 1.6s cubic-bezier(.2,.8,.2,1);
}
.info__bar-fill--bad{ background:linear-gradient(90deg,#ff6b4d,#ff3a16); box-shadow:0 0 16px rgba(255,107,77,.5); }
.info__bar-fill--good{ background:linear-gradient(90deg,#3ec567,#22a04a); box-shadow:0 0 16px rgba(62,197,103,.5); }
.info__bar-meta{
  display:flex; justify-content:space-between;
  font-family:'JetBrains Mono', monospace;
  font-size:10px; letter-spacing:2px; text-transform:uppercase;
  color:#7d8a82;
  margin-top:10px;
}
.info__list{
  list-style:none; padding:0; margin:0;
  display:grid; gap:8px;
  font-size:13px; color:#c8d4cd;
}
.info__list li{
  display:flex; gap:10px; align-items:flex-start;
  padding:6px 0;
  border-top:1px dashed rgba(255,255,255,.08);
  font-family:'JetBrains Mono', monospace;
  letter-spacing:.5px;
}
.info__list li::before{
  content:"•"; color:inherit; opacity:.6;
}
.info__col--bad .info__list li::before{ color:#ff6b4d; }
.info__col--good .info__list li::before{ color:#3ec567; }

.info__divider{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:14px;
  position:relative;
}
.info__arrow{
  width:60px; height:60px;
  border-radius:50%;
  background: radial-gradient(circle, rgba(62,197,103,.25), transparent 70%);
  display:flex; align-items:center; justify-content:center;
  position:relative;
}
.info__arrow svg{ width:34px; height:34px; }
.info__arrow::before{
  content:"";
  position:absolute; inset:-6px;
  border:1px solid rgba(62,197,103,.3);
  border-radius:50%;
  animation: pulseRing 2.4s ease-out infinite;
}
@keyframes pulseRing {
  0%   { transform:scale(.85); opacity:.8; }
  100% { transform:scale(1.45); opacity:0; }
}
.info__divider-lbl{
  font-family:'JetBrains Mono', monospace;
  font-size:10px; letter-spacing:2.5px; text-transform:uppercase;
  color:#7ee598;
  text-align:center;
  line-height:1.5;
  white-space:nowrap;
}
.info__divider-line{
  position:absolute; left:50%; top:0; bottom:0; width:1px;
  background: linear-gradient(180deg, transparent, rgba(62,197,103,.4), transparent);
  transform: translateX(-50%);
  z-index:-1;
}

.info__stats{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:0;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.info__stat{
  padding:24px 18px;
  text-align:center;
  border-right:1px solid rgba(255,255,255,.08);
  display:flex; flex-direction:column; gap:6px;
}
.info__stat:last-child{ border-right:0; }
.info__stat-num{
  font-family:'Iceland', sans-serif;
  font-size:46px; line-height:1;
  color:#3ec567;
  letter-spacing:1px;
  font-style:italic;
}
.info__stat span:last-child{
  font-family:'JetBrains Mono', monospace;
  font-size:10px; letter-spacing:2px; text-transform:uppercase;
  color:#9aa49d;
}

/* dust drift inside SVG car silhouettes */
.dust{
  animation: dustDrift 4s ease-in-out infinite;
  transform-origin: center;
}
.dust:nth-child(2){ animation-delay:.4s }
.dust:nth-child(3){ animation-delay:.8s }
.dust:nth-child(4){ animation-delay:1.2s }
@keyframes dustDrift {
  0%,100% { transform: translateY(0) scale(1); opacity:.55; }
  50%     { transform: translateY(-6px) scale(1.06); opacity:.85; }
}

@media (max-width:900px){
  .info{ grid-template-columns:1fr; gap:18px; }
  .info__divider{ flex-direction:row; padding:14px 0; }
  .info__divider svg{ transform: rotate(90deg); }
  .info__divider-line{ left:0; right:0; top:50%; bottom:auto; width:auto; height:1px;
    background: linear-gradient(90deg, transparent, rgba(62,197,103,.4), transparent); transform:none; }
  .info__num{ font-size:64px; }
}
@media (max-width:600px){
  .info__col{ padding:22px; }
  .info__num{ font-size:54px; }
  .info__stats{ grid-template-columns:repeat(2,1fr); }
  .info__stat{ border-bottom:1px solid rgba(255,255,255,.08); }
  .info__stat:nth-child(2n){ border-right:0; }
  .info__stat:nth-last-child(-n+2){ border-bottom:0; }
}

/* ===================================================================
   SECTION: MASTER / MECHANIC
   =================================================================== */
.section--master{
  padding:0;
  background:#0a0c0e;
  overflow:hidden;
}
.master{
  display:grid;
  grid-template-columns: 1.05fr 1fr;
  min-height: 720px;
  align-items:stretch;
}
.master__photo{
  position:relative;
  overflow:hidden;
  background:#0a0c0e;
}
.master__photo img{
  position:absolute;
  inset:-8% -2%;
  width:104%;
  height:116%;
  object-fit:cover;
  object-position:center 30%;
  filter: contrast(1.05) saturate(.92);
  will-change:transform;
}
.master__photo-overlay{
  position:absolute; inset:0;
  background:
    linear-gradient(120deg, rgba(10,12,14,.55) 0%, rgba(10,12,14,0) 45%),
    linear-gradient(0deg, rgba(10,12,14,.7) 0%, rgba(10,12,14,0) 40%),
    linear-gradient(90deg, transparent 60%, rgba(10,12,14,.85) 100%);
  pointer-events:none;
}
.master__badge{
  position:absolute;
  left:32px; bottom:32px;
  padding:20px 24px;
  background: rgba(232, 196, 65, .96);
  color:#1a1410;
  border-radius:4px;
  display:flex; align-items:center; gap:18px;
  box-shadow: 0 24px 60px rgba(0,0,0,.5);
  max-width: 320px;
  z-index:3;
}
.master__badge-num{
  font-family:'Iceland', sans-serif;
  font-size:54px; line-height:.9;
  font-style:italic;
  color:#1a1410;
}
.master__badge-lbl{
  font-family:'JetBrains Mono', monospace;
  font-size:11px; letter-spacing:1.8px; text-transform:uppercase;
  line-height:1.5;
  color:#1a1410;
}

.master__content{
  padding:96px 64px;
  display:flex; flex-direction:column; gap:24px;
  background:
    radial-gradient(ellipse at 100% 0%, rgba(232,196,65,.06), transparent 50%),
    #0a0c0e;
  color:#e8e8e8;
  position:relative;
}
.master__content::before{
  content:"";
  position:absolute;
  left:0; top:0; bottom:0;
  width:1px;
  background: linear-gradient(180deg, transparent, rgba(232,196,65,.3), transparent);
}
.master__eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  font-family:'JetBrains Mono', monospace;
  font-size:11px; letter-spacing:3px; text-transform:uppercase;
  color:#e8c441;
}
.master__dot{
  width:6px; height:6px; background:#e8c441; border-radius:50%;
  box-shadow:0 0 12px #e8c441;
  animation: pulseDot 1.6s ease-in-out infinite;
}
@keyframes pulseDot {
  0%,100% { opacity:1; transform:scale(1); }
  50% { opacity:.5; transform:scale(.8); }
}
.master__title{
  font-family:'Inter', sans-serif;
  font-size: clamp(28px, 3vw, 44px);
  line-height:1.1;
  letter-spacing:-.02em;
  font-weight:600;
  color:#fff;
  margin:0;
}
.master__title em{
  font-style:normal;
  color:#e8c441;
  font-family:'Iceland', sans-serif;
  font-style:italic;
  letter-spacing:.5px;
  font-weight:400;
}
.master__quote{
  font-size:16px;
  line-height:1.7;
  color:#bdbdbd;
  max-width:560px;
  margin:0;
  border-left:2px solid rgba(232,196,65,.4);
  padding-left:20px;
}
.master__sign{
  display:flex; flex-direction:column; gap:4px;
  padding-top:12px;
  border-top:1px dashed rgba(255,255,255,.12);
}
.master__sign-name{
  font-size:16px; font-weight:600; color:#fff;
}
.master__sign-role{
  font-family:'JetBrains Mono', monospace;
  font-size:11px; letter-spacing:1.5px; text-transform:uppercase;
  color:#8b8b8b;
}
.master__metrics{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:0;
  margin-top:12px;
  border-top:1px solid rgba(255,255,255,.08);
  padding-top:24px;
}
.master__metric{
  display:flex; flex-direction:column; gap:6px;
  padding-right:20px;
  border-right:1px solid rgba(255,255,255,.08);
}
.master__metric:last-child{ border-right:0; padding-right:0; padding-left:0; }
.master__metric:not(:first-child){ padding-left:20px; }
.master__metric-num{
  font-family:'Iceland', sans-serif;
  font-size:48px; line-height:1;
  color:#e8c441;
  font-style:italic;
  letter-spacing:1px;
}
.master__metric-num span{
  font-size:14px; letter-spacing:1.5px;
  font-style:normal; font-family:'JetBrains Mono', monospace;
  margin-left:4px; opacity:.7;
  vertical-align:baseline;
}
.master__metric-lbl{
  font-family:'JetBrains Mono', monospace;
  font-size:10px; letter-spacing:1.8px; text-transform:uppercase;
  color:#9a9a9a;
  line-height:1.5;
}

@media (max-width:1100px){
  .master__content{ padding:72px 40px; }
  .master__metric-num{ font-size:38px; }
}
@media (max-width:900px){
  .master{ grid-template-columns:1fr; }
  .master__photo{ min-height:480px; }
  .master__photo img{ position:absolute; inset:-2% 0; height:104%; }
  .master__content{ padding:56px 28px; }
  .master__content::before{ display:none; }
}
@media (max-width:600px){
  .master__photo{ min-height:380px; }
  .master__badge{ left:16px; bottom:16px; padding:14px 16px; gap:12px; max-width:280px; }
  .master__badge-num{ font-size:40px; }
  .master__badge-lbl{ font-size:9px; letter-spacing:1.4px; }
  .master__content{ padding:48px 22px; gap:18px; }
  .master__metrics{ grid-template-columns:1fr; gap:14px; padding-top:18px; }
  .master__metric{ border-right:0; padding:0 !important; border-bottom:1px solid rgba(255,255,255,.06); padding-bottom:14px !important; }
  .master__metric:last-child{ border-bottom:0; }
}

/* sec-head--center override (was 2-col grid) */
.sec-head.sec-head--center{
  display:flex; flex-direction:column; align-items:center; gap:14px;
  margin-bottom:48px;
}
.sec-head.sec-head--center .sec-eyebrow{ margin-bottom:0; }
.sec-head.sec-head--center .sec-desc{ text-align:center; max-width:680px; justify-self:center; align-self:center; }

.info__bar-lbl{
  display:block;
  margin-top:8px;
  font-family:'JetBrains Mono', monospace;
  font-size:10px; letter-spacing:2px; text-transform:uppercase;
  color:#9aa49d;
}
.info__col--bad .info__bar-lbl{ color:#ff9988; }
.info__col--good .info__bar-lbl{ color:#7ee598; }

/* Disable parallax-induced transform on small screens */
@media (max-width:700px){
  [data-parallax]{ transform:none !important; }
}

/* Mobile fixes */
@media (max-width:600px){
  .info__head{ flex-direction:row; align-items:center; flex-wrap:wrap; }
  .info__num{ font-size:48px; white-space:nowrap; }
  .info__num span{ font-size:14px; white-space:nowrap; }
  .info__tag{ font-size:9px; letter-spacing:1.8px; }
}

/* ===================================================================
   SECTION: POPULAR PRODUCTS
   =================================================================== */
.section--popular{
  background: linear-gradient(180deg, #0e0f12 0%, #14171c 100%);
  position:relative;
}
.section--popular::before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(ellipse at 100% 0%, rgba(58,170,224,.06), transparent 50%),
    radial-gradient(ellipse at 0% 100%, rgba(232,196,65,.05), transparent 50%);
  pointer-events:none;
}
.section--popular > .container{ position:relative; z-index:2; }

.sec-head--popular{
  display:grid;
  grid-template-columns: 1fr auto;
  gap:32px;
  align-items:end;
  margin-bottom:48px;
}
.sec-head--popular .sec-desc{
  max-width:380px;
  text-align:right;
  margin:0;
  align-self:end;
  font-size:14px;
  line-height:1.6;
  color:#9aa0a6;
  font-family:'JetBrains Mono', monospace;
  letter-spacing:.3px;
}

.pop{
  display:grid;
  grid-template-columns: repeat(5, 1fr);
  gap:18px;
}
.pop__card{
  position:relative;
  background:#1a1d22;
  border:1px solid rgba(255,255,255,.06);
  border-radius:8px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  transition: transform .35s cubic-bezier(.2,.7,.2,1), border-color .35s, box-shadow .35s;
  isolation:isolate;
}
.pop__card::before{
  content:"";
  position:absolute; inset:0;
  border-radius:8px;
  pointer-events:none;
  background: linear-gradient(180deg, transparent 60%, rgba(0,0,0,.35) 100%);
  z-index:1;
}
.pop__card:hover{
  transform: translateY(-4px);
  border-color: rgba(255,255,255,.18);
  box-shadow: 0 24px 48px rgba(0,0,0,.5);
}
.pop__card--air:hover    { border-color: rgba(58,170,224,.45); }
.pop__card--oil:hover    { border-color: rgba(255,107,26,.45); }
.pop__card--carbon:hover { border-color: rgba(62,197,103,.45); }
.pop__card--fuel:hover   { border-color: rgba(232,196,65,.45); }

.pop__media{
  position:relative;
  aspect-ratio: 1;
  overflow:hidden;
  background: linear-gradient(135deg, #1a1d22 0%, #0d0e10 100%);
}
.pop__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition: transform .6s cubic-bezier(.2,.7,.2,1);
}
.pop__card:hover .pop__media img{ transform: scale(1.06); }
.pop__media::after{
  content:"";
  position:absolute; inset:0;
  background: radial-gradient(circle at 50% 100%, rgba(0,0,0,.35), transparent 60%);
  pointer-events:none;
}

.pop__hot{
  position:absolute;
  top:12px; left:12px;
  z-index:2;
  font-family:'JetBrains Mono', monospace;
  font-size:10px;
  letter-spacing:1.6px;
  text-transform:uppercase;
  font-weight:700;
  padding:5px 9px;
  background:#e8c441;
  color:#1a1410;
  border-radius:2px;
}

.pop__body{
  padding:18px 18px 20px;
  display:flex;
  flex-direction:column;
  gap:8px;
  position:relative;
  z-index:2;
  border-top:1px solid rgba(255,255,255,.06);
}
.pop__cat{
  font-family:'JetBrains Mono', monospace;
  font-size:10px;
  letter-spacing:1.8px;
  text-transform:uppercase;
  display:inline-block;
  width:fit-content;
  padding:4px 8px;
  border-radius:2px;
  border:1px solid currentColor;
  margin-bottom:2px;
}
.pop__cat--air    { color: #6cc1e8; }
.pop__cat--oil    { color: #ff8e4d; }
.pop__cat--carbon { color: #6ad689; }
.pop__cat--fuel   { color: #f1d36b; }

.pop__sku{
  font-family:'Iceland', sans-serif;
  font-size:30px;
  line-height:1;
  font-style:italic;
  color:#fff;
  letter-spacing:1.5px;
}
.pop__oem{
  font-family:'JetBrains Mono', monospace;
  font-size:11px;
  color:#bdc1c6;
  letter-spacing:.5px;
  display:flex;
  gap:6px;
  align-items:baseline;
}
.pop__oem span{
  font-size:9px;
  letter-spacing:2px;
  text-transform:uppercase;
  color:#777;
}

@media (max-width:1100px){
  .pop{ grid-template-columns: repeat(3, 1fr); }
  .pop__card:nth-child(n+4){ display:flex; }
}
@media (max-width:900px){
  .sec-head--popular{ grid-template-columns:1fr; gap:14px; align-items:start; }
  .sec-head--popular .sec-desc{ text-align:left; }
  .pop{ grid-template-columns: repeat(2, 1fr); gap:14px; }
}
@media (max-width:600px){
  .pop{ grid-template-columns: 1fr 1fr; gap:12px; }
  .pop__sku{ font-size:24px; }
  .pop__body{ padding:14px 14px 16px; gap:6px; }
  .pop__cat{ font-size:9px; letter-spacing:1.4px; }
}

/* ===================================================================
   SECTION: NEWS
   =================================================================== */
.section--news{
  background: #0c0d10;
  position:relative;
}
.section--news::before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(ellipse at 0% 0%, rgba(58,170,224,.05), transparent 50%);
  pointer-events:none;
}
.section--news > .container{ position:relative; z-index:2; }

.sec-head--news{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:24px;
  margin-bottom:40px;
}
.news__all{
  font-family:'JetBrains Mono', monospace;
  font-size:11px;
  letter-spacing:2px;
  text-transform:uppercase;
  color:#e8c441;
  text-decoration:none;
  padding:10px 16px;
  border:1px solid rgba(232,196,65,.4);
  border-radius:2px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  transition: all .25s ease;
  white-space:nowrap;
}
.news__all span{ transition: transform .25s ease; }
.news__all:hover{
  background: rgba(232,196,65,.08);
  border-color: rgba(232,196,65,.7);
}
.news__all:hover span{ transform: translateX(4px); }

.news{
  display:grid;
  grid-template-columns: 1.45fr 1fr 1fr;
  grid-template-rows: auto auto;
  gap:18px;
}
.news__card{
  display:flex;
  flex-direction:column;
  background: #15171b;
  border:1px solid rgba(255,255,255,.06);
  border-radius:8px;
  overflow:hidden;
  text-decoration:none;
  color:inherit;
  transition: transform .35s cubic-bezier(.2,.7,.2,1), border-color .35s, box-shadow .35s;
}
.news__card:hover{
  transform: translateY(-3px);
  border-color: rgba(255,255,255,.16);
  box-shadow: 0 24px 56px rgba(0,0,0,.5);
}
.news__card--lg{
  grid-row: span 2;
  grid-column: 1;
}

.news__media{
  position:relative;
  aspect-ratio: 4/3;
  overflow:hidden;
}
.news__card--lg .news__media{ aspect-ratio: 16/10; }
.news__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition: transform .8s cubic-bezier(.2,.7,.2,1);
}
.news__card:hover .news__media img{ transform: scale(1.05); }
.news__media::after{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(12,13,16,0) 50%, rgba(12,13,16,.4) 100%);
  pointer-events:none;
}

.news__body{
  padding:20px 22px 22px;
  display:flex;
  flex-direction:column;
  gap:10px;
  flex:1;
}
.news__card--lg .news__body{ padding:28px 30px 32px; gap:14px; }

.news__meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.news__tag{
  font-family:'JetBrains Mono', monospace;
  font-size:9px;
  letter-spacing:2px;
  text-transform:uppercase;
  padding:5px 9px;
  border-radius:2px;
  border:1px solid currentColor;
}
.news__tag--logistics { color: #6cc1e8; }
.news__tag--lab       { color: #6ad689; }
.news__tag--event     { color: #ff8e4d; }
.news__tag--catalog   { color: #f1d36b; }

.news__date{
  font-family:'JetBrains Mono', monospace;
  font-size:10px;
  letter-spacing:1.4px;
  text-transform:uppercase;
  color:#777;
}

.news__title{
  font-size:16px;
  line-height:1.35;
  margin:0;
  font-weight:600;
  color:#fff;
  letter-spacing:-.01em;
}
.news__card--lg .news__title{
  font-size: clamp(22px, 2.2vw, 30px);
  line-height:1.2;
}
.news__card:hover .news__title{ color:#fff; }

.news__excerpt{
  font-size:13px;
  line-height:1.55;
  color:#a8acb3;
  margin:0;
}
.news__card--lg .news__excerpt{
  font-size:15px;
  max-width:560px;
}

@media (max-width:1100px){
  .news{ grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; }
  .news__card--lg{ grid-row: span 1; grid-column: span 2; }
  .news__card--lg .news__media{ aspect-ratio: 21/9; }
}
@media (max-width:700px){
  .sec-head--news{ flex-direction:column; align-items:flex-start; gap:14px; }
  .news{ grid-template-columns: 1fr; }
  .news__card--lg{ grid-column: auto; }
  .news__card--lg .news__media{ aspect-ratio: 16/10; }
  .news__card--lg .news__body{ padding:20px 22px 22px; }
  .news__card--lg .news__title{ font-size:20px; }
  .news__card--lg .news__excerpt{ font-size:14px; }
}

/* ============ EXTRA PAGES — общие компоненты ============ */

/* Page hero (для внутренних страниц) */
.page-hero{
  position:relative;padding:120px 0 60px;
  background:linear-gradient(180deg,#0b1115 0%, var(--bg) 100%);
  border-bottom:1px solid var(--line);
  overflow:hidden;
}
.page-hero__bg{
  position:absolute;inset:0;
  background-position:center;background-size:cover;
  opacity:.18;filter:contrast(1.05) saturate(1.1);
  mask-image:linear-gradient(180deg,#000 0%,transparent 100%);
  -webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 100%);
}
.page-hero__inner{position:relative;z-index:2}
.page-hero h1{
  font-size:clamp(38px,5vw,68px);font-weight:800;line-height:1.05;letter-spacing:-.02em;
  margin:18px 0 14px;color:var(--txt);
}
.page-hero h1 em{font-family:'Iceland',sans-serif;font-style:normal;color:var(--accent-2);font-weight:400}
.page-hero p{max-width:680px;color:var(--txt-2);font-size:17px;line-height:1.6}

/* Breadcrumbs */
.crumbs{
  display:flex;flex-wrap:wrap;gap:6px;align-items:center;
  font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--txt-2);
  text-transform:uppercase;letter-spacing:.1em;
}
.crumbs a{color:var(--txt-2);text-decoration:none;transition:color .2s}
.crumbs a:hover{color:var(--accent)}
.crumbs .sep{opacity:.4}
.crumbs .cur{color:var(--txt)}
.back-link{
  display:inline-flex;align-items:center;gap:8px;color:var(--txt-2);
  font-family:'JetBrains Mono',monospace;font-size:13px;text-transform:uppercase;letter-spacing:.08em;
  text-decoration:none;padding:10px 0;transition:color .2s;
}
.back-link:hover{color:var(--accent)}
.back-link svg{transition:transform .2s}
.back-link:hover svg{transform:translateX(-3px)}

/* Catalog layout: filter sidebar + grid */
.catalog{display:grid;grid-template-columns:260px 1fr;gap:36px;align-items:start}
@media (max-width:900px){.catalog{grid-template-columns:1fr}}

.cat-filter{
  position:sticky;top:90px;
  background:var(--bg-2);border:1px solid var(--line);border-radius:14px;padding:22px;
}
.cat-filter h4{
  font-family:'JetBrains Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.16em;
  color:var(--txt-2);margin:0 0 14px;font-weight:500;
}
.cat-filter h4:not(:first-child){margin-top:24px}
.cat-filter__group{display:flex;flex-direction:column;gap:6px}
.chip{
  display:flex;align-items:center;gap:10px;
  background:transparent;border:1px solid var(--line);color:var(--txt-2);
  padding:10px 14px;border-radius:10px;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.05em;
  cursor:pointer;transition:all .2s;text-align:left;
}
.chip:hover{border-color:rgba(255,255,255,.2);color:var(--txt)}
.chip.is-active{background:var(--accent);border-color:var(--accent);color:#04151f;font-weight:600}
.chip__code{font-family:'Iceland',sans-serif;font-size:18px;font-weight:400;color:var(--accent-2);min-width:24px;line-height:1}
.chip.is-active .chip__code{color:#04151f}
.chip--air.is-active{background:var(--air);border-color:var(--air);color:#04151f}
.chip--oil.is-active{background:var(--oil);border-color:var(--oil);color:#1a0e08}
.chip--carbon.is-active{background:var(--carbon);border-color:var(--carbon);color:#08160e}
.chip--fuel.is-active{background:var(--fuel);border-color:var(--fuel);color:#1a1408}
.chip--air.is-active .chip__code,.chip--oil.is-active .chip__code,.chip--carbon.is-active .chip__code,.chip--fuel.is-active .chip__code{color:inherit}

.cat-filter__topbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}

/* Product grid (для каталога) */
.prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media (max-width:1100px){.prod-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:700px){.prod-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.prod-grid{grid-template-columns:1fr}}

.prod-grid .pop__card{margin:0}

.show-more{
  display:flex;justify-content:center;margin-top:36px;
}

.catalog-pager{
  display:flex;justify-content:center;align-items:center;gap:4px;margin-top:36px;
  font-family:'JetBrains Mono',monospace;font-size:13px;
}
.catalog-pager a, .catalog-pager span{
  min-width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--line);border-radius:8px;color:var(--txt-2);text-decoration:none;padding:0 12px;
  transition:all .2s;
}
.catalog-pager a:hover{border-color:var(--accent);color:var(--accent)}
.catalog-pager .is-cur{background:var(--accent);border-color:var(--accent);color:#04151f;font-weight:700}
.catalog-pager .pager-dots{border:0}

/* Pains block: marketing */
.pains{
  background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  padding:100px 0;position:relative;overflow:hidden;
}
.pains__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:48px}
@media (max-width:1000px){.pains__grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.pains__grid{grid-template-columns:1fr}}
.pain{
  background:var(--bg-3);border:1px solid var(--line);border-radius:14px;padding:28px 24px;
  position:relative;transition:all .25s;
  display:flex;flex-direction:column;gap:14px;
}
.pain:hover{transform:translateY(-3px);border-color:rgba(255,107,26,.35)}
.pain__num{
  font-family:'Iceland',sans-serif;font-size:48px;line-height:.9;color:var(--oil);font-weight:400;font-style:italic;letter-spacing:.02em;
}
.pain h3{font-size:17px;font-weight:700;line-height:1.3;letter-spacing:-.005em}
.pain__problem{
  font-family:'JetBrains Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.12em;
  color:#ff8e4d;display:flex;align-items:center;gap:6px;
}
.pain__problem::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--oil)}
.pain__solution{font-size:14px;color:var(--txt-2);line-height:1.55}
.pain__solution strong{color:var(--txt);font-weight:600}

/* Product detail page */
.prod{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:start}
@media (max-width:900px){.prod{grid-template-columns:1fr;gap:32px}}
.prod__gallery{
  background:var(--bg-2);border:1px solid var(--line);border-radius:18px;
  padding:32px;display:flex;align-items:center;justify-content:center;min-height:420px;
}
.prod__gallery img{max-width:100%;height:auto;display:block}
.prod__info .prod__cat{
  display:inline-flex;align-items:center;gap:8px;
  font-family:'JetBrains Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.12em;
  color:var(--accent-2);background:rgba(255,107,26,.1);padding:6px 12px;border-radius:6px;
}
.prod__info h1{
  font-size:clamp(28px,3.4vw,42px);font-weight:800;line-height:1.1;letter-spacing:-.015em;
  margin:14px 0 18px;
}
.prod__sku{
  font-family:'Iceland',sans-serif;font-size:32px;color:var(--txt);letter-spacing:.02em;line-height:1;
  margin-bottom:8px;
}
.prod__oem{
  font-family:'JetBrains Mono',monospace;font-size:14px;color:var(--txt-2);
  padding:14px 16px;background:var(--bg-3);border-left:3px solid var(--accent);border-radius:6px;
  margin-bottom:24px;
}
.prod__oem span{color:#888;text-transform:uppercase;letter-spacing:.1em;font-size:11px;display:block;margin-bottom:4px}
.prod__desc{font-size:15px;color:var(--txt-2);line-height:1.65;margin-bottom:24px}

.spec-table{
  width:100%;border-collapse:collapse;margin-bottom:24px;
  font-size:14px;
}
.spec-table tr{border-bottom:1px solid var(--line)}
.spec-table tr:last-child{border-bottom:0}
.spec-table th{
  text-align:left;padding:14px 16px 14px 0;font-weight:500;color:var(--txt-2);
  font-family:'JetBrains Mono',monospace;font-size:12px;text-transform:uppercase;letter-spacing:.08em;
  width:42%;
}
.spec-table td{padding:14px 0;color:var(--txt);font-weight:600}
.spec-table td.mono{font-family:'JetBrains Mono',monospace;font-weight:500}

.cross-list{
  background:var(--bg-2);border:1px solid var(--line);border-radius:14px;padding:22px;margin-top:24px;
}
.cross-list h4{
  font-family:'JetBrains Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.12em;
  color:var(--txt-2);margin:0 0 14px;font-weight:500;
}
.cross-list__items{display:flex;flex-wrap:wrap;gap:8px}
.cross-list__items span{
  display:inline-block;padding:8px 14px;background:var(--bg-3);border:1px solid var(--line);border-radius:8px;
  font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--txt);
}

.fit-list{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.fit-list span{
  display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--txt-2);
  font-family:'JetBrains Mono',monospace;
}
.fit-list span::before{content:'';width:5px;height:5px;background:var(--accent);border-radius:50%}

/* Partners advantages */
.adv{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}
@media (max-width:1000px){.adv{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.adv{grid-template-columns:1fr}}
.adv__card{
  background:var(--bg-2);border:1px solid var(--line);border-radius:16px;padding:32px 26px;
  position:relative;overflow:hidden;transition:all .25s;
}
.adv__card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .35s ease;
}
.adv__card:hover::before{transform:scaleX(1)}
.adv__card:hover{transform:translateY(-4px);border-color:rgba(255,107,26,.25)}
.adv__icon{
  width:48px;height:48px;border-radius:12px;background:rgba(255,107,26,.12);
  display:inline-flex;align-items:center;justify-content:center;margin-bottom:18px;color:var(--accent-2);
}
.adv__card h3{font-size:18px;font-weight:700;letter-spacing:-.005em;margin-bottom:8px;line-height:1.25}
.adv__card p{font-size:14px;color:var(--txt-2);line-height:1.55}

/* Testimonials block — для отзывов с фото */
.testim{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}
@media (max-width:1000px){.testim{grid-template-columns:1fr}}
.testim__card{
  background:var(--bg-2);border:1px solid var(--line);border-radius:16px;padding:30px 26px;
  display:flex;flex-direction:column;gap:18px;
}
.testim__quote{font-size:15px;line-height:1.6;color:var(--txt);font-style:italic;flex:1}
.testim__quote::before{content:'\201C';display:block;font-family:'Iceland',sans-serif;font-size:64px;color:var(--accent-2);line-height:.4;margin-bottom:14px}
.testim__person{display:flex;align-items:center;gap:14px;padding-top:14px;border-top:1px solid var(--line)}
.testim__avatar{width:54px;height:54px;border-radius:50%;object-fit:cover;flex-shrink:0}
.testim__name{font-weight:700;font-size:14px;color:var(--txt);line-height:1.2}
.testim__role{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--txt-2);text-transform:uppercase;letter-spacing:.08em;margin-top:4px}

/* News filter chips */
.news-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:36px}

/* News grid (общий) */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width:1000px){.news-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.news-grid{grid-template-columns:1fr}}

.news-card{
  background:var(--bg-2);border:1px solid var(--line);border-radius:14px;overflow:hidden;
  display:flex;flex-direction:column;transition:all .25s;text-decoration:none;color:inherit;
}
.news-card:hover{transform:translateY(-3px);border-color:rgba(255,107,26,.35)}
.news-card__media{
  aspect-ratio:16/10;background:var(--bg-3);overflow:hidden;position:relative;
}
.news-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.news-card:hover .news-card__media img{transform:scale(1.06)}
.news-card__tag{
  position:absolute;top:14px;left:14px;
  background:rgba(11,17,21,.85);backdrop-filter:blur(8px);
  font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.12em;
  padding:6px 10px;border-radius:6px;color:var(--txt);font-weight:500;
}
.news-card__tag--new{background:rgba(255,107,26,.92);color:#1a0e08}
.news-card__tag--supply{background:rgba(58,170,224,.92);color:#04151f}
.news-card__tag--expo{background:rgba(62,197,103,.92);color:#08160e}
.news-card__tag--sale{background:rgba(232,196,65,.92);color:#1a1408}
.news-card__body{padding:22px 24px 26px;display:flex;flex-direction:column;gap:10px;flex:1}
.news-card__date{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--txt-2);letter-spacing:.05em}
.news-card__body h3{font-size:17px;font-weight:700;line-height:1.3;letter-spacing:-.005em;color:var(--txt)}
.news-card__body p{font-size:13.5px;color:var(--txt-2);line-height:1.55;flex:1}
.news-card__more{
  font-family:'JetBrains Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.08em;
  color:var(--accent-2);display:inline-flex;align-items:center;gap:6px;margin-top:4px;
}

/* Article (карточка новости) */
.article{max-width:800px;margin:0 auto;padding:40px 0 0}
.article__media{
  margin:0 -8px 36px;border-radius:16px;overflow:hidden;
  aspect-ratio:16/9;background:var(--bg-3);
}
.article__media img{width:100%;height:100%;object-fit:cover;display:block}
.article__meta{
  display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-bottom:18px;
  font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--txt-2);letter-spacing:.05em;
}
.article__meta .tag{padding:5px 10px;background:var(--bg-3);border-radius:6px;color:var(--accent-2);text-transform:uppercase}
.article h1{
  font-size:clamp(30px,3.8vw,46px);font-weight:800;line-height:1.12;letter-spacing:-.015em;
  margin-bottom:24px;
}
.article__lead{font-size:18px;color:var(--txt);line-height:1.6;margin-bottom:32px;font-weight:500}
.article__body{font-size:16px;color:var(--txt-2);line-height:1.75}
.article__body p{margin-bottom:18px}
.article__body h2{font-size:24px;font-weight:700;color:var(--txt);margin:34px 0 14px;letter-spacing:-.01em}
.article__body h3{font-size:18px;font-weight:700;color:var(--txt);margin:24px 0 10px}
.article__body ul{margin:0 0 22px 0;padding-left:24px}
.article__body li{margin-bottom:8px}
.article__body strong{color:var(--txt)}
.article__body blockquote{
  border-left:3px solid var(--accent);
  padding:14px 0 14px 22px;margin:24px 0;font-style:italic;color:var(--txt);font-size:17px;
}

/* FAQ extended на странице FAQ */
.faq-sec{padding:80px 0;border-bottom:1px solid var(--line)}
.faq-sec:nth-child(even){background:var(--bg-2)}
.faq-sec__num{
  font-family:'Iceland',sans-serif;font-size:80px;line-height:.9;color:var(--accent-2);font-weight:400;letter-spacing:.02em;
  margin-bottom:16px;
}
.faq-sec h2{font-size:clamp(26px,3.2vw,38px);font-weight:800;letter-spacing:-.015em;line-height:1.15;margin-bottom:22px;max-width:760px}
.faq-sec__body{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:start;margin-top:8px}
@media (max-width:900px){.faq-sec__body{grid-template-columns:1fr;gap:24px}}
.faq-sec__text{font-size:16px;color:var(--txt-2);line-height:1.75}
.faq-sec__text p{margin-bottom:14px}
.faq-sec__list{background:var(--bg-3);border:1px solid var(--line);border-radius:14px;padding:24px}
.faq-sec__list h4{font-family:'JetBrains Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--txt-2);margin-bottom:14px;font-weight:500}
.faq-sec__list ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.faq-sec__list li{padding-left:20px;position:relative;font-size:14px;color:var(--txt);line-height:1.5}
.faq-sec__list li::before{content:'';position:absolute;left:0;top:9px;width:8px;height:2px;background:var(--accent-2)}

.faq-toc{
  background:var(--bg-3);border:1px solid var(--line);border-radius:16px;padding:32px;margin:0 auto 60px;max-width:880px;
}
.faq-toc h3{font-family:'JetBrains Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--txt-2);margin-bottom:18px;font-weight:500}
.faq-toc ol{padding-left:24px;margin:0;display:flex;flex-direction:column;gap:6px;counter-reset:none}
.faq-toc li{font-size:15px;line-height:1.5}
.faq-toc a{color:var(--txt);text-decoration:none;transition:color .2s}
.faq-toc a:hover{color:var(--accent-2)}

/* Page padding tweaks */
.section-tight{padding:80px 0}
@media (max-width:700px){
  .page-hero{padding:100px 0 40px}
  .section{padding:70px 0}
  .pains{padding:60px 0}
}

/* Related items (на карточке товара/новости) */
.related-head{
  display:flex;justify-content:space-between;align-items:end;margin-bottom:28px;flex-wrap:wrap;gap:16px;
}
.related-head h2{font-size:clamp(24px,2.8vw,34px);font-weight:800;letter-spacing:-.015em;line-height:1.15}

/* ============ PNG PRODUCT IMAGES — bare img, no wrapper ============ */
.hero__png-main{
  display:block;width:100%;height:auto;
}
.pshot-png{
  display:block;width:100%;max-width:560px;height:auto;margin:0 auto;
}

/* ============ HERO LOGO ============ */
.hero__logo{display:inline-block;vertical-align:middle;width:auto;max-width:240px;height:36px}

/* ============ FOOTER LOGO ============ */
.footer__logo{display:block;height:28px;width:auto}

/* ============ SEARCH FORM IN SEARCHBAR ============ */
/* display:contents makes <form> layout-transparent; original .searchbar input styles apply */
.searchbar__form{display:contents}
/* AJAX autocomplete thumbnail */
.search-hit__thumb{width:44px;height:44px;border-radius:6px;object-fit:cover;flex-shrink:0}
.search-hit__title{font-size:14px;color:var(--txt);flex:1}
/* Review avatar with Featured Image */
.case__avatar--img{background:none;border:none;overflow:hidden;padding:0}
.case__avatar--img img{width:100%;height:100%;object-fit:cover;border-radius:50%}
/* Hide duplicate spec_layer / spec_warranty Pods fields in product admin */
.pods-form-ui-row-name-spec_layer,.pods-form-ui-row-name-spec_warranty,
.pods-field-spec_layer,.pods-field-spec_warranty{display:none!important}

/* ============ SEARCH RESULTS PAGE ============ */
.search-results-page{padding:100px 0 80px;min-height:60vh}
.search-results-page .search-query{
  font-family:'JetBrains Mono',monospace;font-size:13px;
  color:var(--accent);letter-spacing:.06em;margin-bottom:8px;
}
.search-results-page h1{font-size:clamp(26px,3vw,38px);font-weight:800;margin-bottom:32px;letter-spacing:-.02em}
.search-result-card{
  display:flex;flex-direction:column;gap:6px;
  padding:20px 24px;border-radius:12px;
  border:1px solid var(--line);background:var(--bg-2);
  text-decoration:none;color:var(--txt);
  transition:border-color .25s,background .25s;
  margin-bottom:12px;
}
.search-result-card:hover{border-color:var(--accent);background:rgba(58,170,224,.05)}
.search-result-card__type{
  font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:2px;text-transform:uppercase;color:var(--txt-3);
}
.search-result-card__title{font-size:17px;font-weight:600;color:var(--txt)}
.search-result-card__excerpt{font-size:14px;color:var(--txt-2);margin-top:4px;line-height:1.5}
.search-no-results{padding:40px 0;color:var(--txt-2);font-size:16px}