/* ============================================================
   ARGON — Лаборатория сварки. Общие стили.
   Палитра: акцент #CC1C1C · плашки #f5f5f5 · текст #222/#444 · фон #fff
   ============================================================ */
:root{
  --accent:#CC1C1C;
  --accent-ink:#fff;
  --panel:#f5f5f5;
  --panel-2:#ededed;
  --ink:#222222;
  --ink-2:#444444;
  --ink-3:#6b6b6b;
  --bg:#ffffff;
  --dark:#0a0a0a;
  --line:#e4e4e4;
  --line-2:#d6d6d6;
  --font-body:'Golos Text', system-ui, -apple-system, sans-serif;
  --font-head:'Golos Text', system-ui, sans-serif;
  --wrap:1240px;
  --gutter:clamp(20px,4vw,40px);
  --sec-pad:clamp(80px,10vw,140px);
  --radius:4px;
}

*{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; }
body{
  margin:0;
  font-family:var(--font-body);
  color:var(--ink);
  background:var(--bg);
  font-size:17px;
  line-height:1.55;
  font-weight:400;
  letter-spacing:-0.005em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
button{ font-family:inherit; cursor:pointer; }
h1,h2,h3,h4{ font-family:var(--font-head); margin:0; line-height:1.04; }
p{ margin:0; }

.wrap{ width:100%; max-width:var(--wrap); margin:0 auto; padding-inline:var(--gutter); }

.h-display{
  font-weight:800; letter-spacing:-0.018em;
  font-size:clamp(2.05rem,4.1vw,3.45rem);
  line-height:1.18;
}
.h-sec{
  font-weight:700; letter-spacing:-0.015em;
  font-size:clamp(1.7rem,2.9vw,2.45rem);
  line-height:1.2;
}

.eyebrow{
  display:inline-flex; align-items:center; gap:9px;
  font-family:var(--font-body);
  font-size:.8rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
  color:var(--ink-3);
}
.eyebrow::before{ content:""; width:26px; height:1px; background:var(--line-2); display:block; }
.eyebrow.muted{ color:var(--ink-3); }
.eyebrow.muted::before{ background:var(--line-2); }

.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  font-family:var(--font-body); font-weight:700; font-size:1.02rem;
  padding:16px 28px; border:2px solid transparent; border-radius:var(--radius);
  letter-spacing:-0.01em; transition:background .15s, color .15s, border-color .15s;
  white-space:nowrap;
}
.btn--primary{ background:var(--accent); color:var(--accent-ink); }
.btn--primary:hover{ background:#a81515; }
.btn--ghost{ background:transparent; color:var(--ink); border-color:var(--line-2); }
.btn--ghost:hover{ border-color:var(--ink); }
.btn--lg{ padding:19px 36px; font-size:1.1rem; }

.arrow{ font-size:1.1em; line-height:1; }

/* ============================================================
   HEADER
   ============================================================ */
.site-header{
  position:sticky; top:0; z-index:60;
  background:rgba(10,10,10,0.85);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  border-bottom:1px solid rgba(255,255,255,0.08);
}
.header-bar{
  display:flex; align-items:center; gap:20px;
  height:78px;
  padding-inline:32px;
}
.logo{ display:flex; align-items:center; gap:12px; flex-shrink:0; }
.logo-mark{
  width:46px; height:46px; border-radius:3px;
  background:var(--accent); color:#fff;
  display:grid; place-items:center;
  font-family:var(--font-head); font-weight:900; font-size:1.5rem; letter-spacing:-0.03em;
}
.logo-text{ display:flex; flex-direction:column; line-height:1.05; }
.logo-text b{ font-family:var(--font-head); font-weight:800; font-size:1.18rem; letter-spacing:-0.01em; }
.logo-text span{ font-size:.72rem; color:rgba(255,255,255,0.5); letter-spacing:.04em; font-weight:500; }

.main-nav{ display:flex; align-items:center; gap:24px; margin-left:8px; }
.main-nav a{
  font-size:14px; font-weight:400; color:rgba(255,255,255,0.75); letter-spacing:0.01em;
  padding:6px 0; border-bottom:2px solid transparent; transition:color .15s, border-color .15s;
  white-space:nowrap;
}
.main-nav a:hover{ color:#fff; border-color:var(--accent); }

.header-contact{ margin-left:auto; display:flex; align-items:center; gap:18px; flex-shrink:0; }
.header-phone{ display:flex; flex-direction:column; align-items:flex-end; line-height:1.15; }
.header-phone b{ font-size:14px; font-weight:800; letter-spacing:-0.01em; font-family:var(--font-head); white-space:nowrap; color:#fff; }
.header-phone span{ font-size:.74rem; color:rgba(255,255,255,0.5); font-weight:500; }
.header-cta{
  background:#CC1C1C;
  color:#fff;
  border:none;
  padding:10px 24px;
  border-radius:100px;
  font-size:14px;
  font-weight:500;
  cursor:pointer;
  font-family:inherit;
  white-space:nowrap;
  flex-shrink:0;
  letter-spacing:0.01em;
  transition:background .15s;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
}
.header-cta:hover{ background:#b01818; }

.menu-toggle{ display:none; }
.mobile-nav{ display:none; }
.mobile-nav-overlay{
  position:fixed; inset:0; z-index:998;
  background:rgba(0,0,0,0.4);
}

/* ============================================================
   HERO
   ============================================================ */
.hero{
  position:relative;
  min-height:100vh;
  display:flex;
  align-items:center;
  overflow:visible;
  padding-bottom:80px;
}
.hero-bg{
  position:absolute;
  inset:0;
  background-image:url('welder.jpg');
  background-size:cover;
  background-position:center 30%;
  z-index:0;
}
.hero-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(
    105deg,
    rgba(5,5,5,0.88) 0%,
    rgba(5,5,5,0.75) 45%,
    rgba(5,5,5,0.35) 100%
  );
}
.hero-content{
  position:relative;
  z-index:2;
  padding:80px 48px 40px;
  max-width:680px;
}
.hero-h1{
  font-size:56px;
  font-weight:900;
  line-height:1.1;
  letter-spacing:-0.02em;
  color:#fff;
  margin-bottom:28px;
}
.hero-h1 em{
  font-style:normal;
  color:#CC1C1C;
}
.hero-sub{
  font-size:18px;
  line-height:1.65;
  color:rgba(255,255,255,0.7);
  margin-bottom:44px;
  max-width:500px;
}
.hero-cta-row{
  display:flex;
  align-items:center;
  gap:20px;
  margin-bottom:64px;
}
.hero-btn{
  background:#CC1C1C;
  color:#fff;
  border:none;
  padding:16px 32px;
  border-radius:100px;
  font-size:16px;
  font-weight:600;
  cursor:pointer;
  font-family:inherit;
  transition:background .15s;
}
.hero-btn:hover{ background:#a81515; }
.hero-btn-note{
  font-size:13px;
  color:rgba(255,255,255,0.45);
  line-height:1.4;
}

/* ============================================================
   HERO STATS
   ============================================================ */
.hero-stats {
  position: absolute;
  right: 60px;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.07);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 20px;
  padding: 8px 32px;
  min-width: 240px;
  z-index: 3;
}

.hero-stat {
  display: flex;
  flex-direction: column;
  padding: 16px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.hero-stat:last-child {
  border-bottom: none;
}

.hero-stat__number {
  font-size: 36px;
  font-weight: 700;
  color: #CC1C1C;
  line-height: 1;
}

.hero-stat__label {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  margin-top: 4px;
}

.hero-ferraform-badge{
  position:absolute;
  bottom:120px;
  right:40px;
  background:rgba(255,255,255,0.08);
  border:1px solid rgba(255,255,255,0.15);
  border-radius:100px;
  padding:10px 20px;
  font-size:13px;
  color:rgba(255,255,255,0.7);
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
  transition:background 0.2s;
  z-index:3;
}
.hero-ferraform-badge:hover{
  background:rgba(255,255,255,0.14);
  color:#fff;
}

@media (max-width: 768px) {
  .hero-ferraform-badge{ display:none; }
  .hero-stats {
    position: static;
    transform: none;
    margin: 24px 16px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 16px 20px;
    min-width: unset;
  }

  .hero-stat {
    border-bottom: none;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    padding: 0 20px 0 0;
    text-align: center;
  }

  .hero-stat:last-child {
    border-right: none;
    padding-right: 0;
  }

  .hero-stat__number {
    font-size: 24px;
  }
}

/* ============================================================
   PLACEHOLDER (image stubs)
   ============================================================ */
.ph{
  position:relative; width:100%; aspect-ratio:4/3;
  background:#f7f7f7;
  border:1px solid var(--line); border-radius:var(--radius);
  display:flex; align-items:center; justify-content:center; padding:22px;
  overflow:hidden;
}
.ph-inner{ display:flex; flex-direction:column; align-items:center; gap:10px; text-align:center; max-width:92%; }
.ph-icon{ width:30px; height:30px; color:#c2c7cc; flex-shrink:0; stroke-width:1.4; }
.ph-label{
  font-family:var(--font-body); font-size:.82rem; font-weight:500; color:#9097a0;
  background:transparent; padding:0; line-height:1.4;
  letter-spacing:0;
}
.ph--sq{ aspect-ratio:1/1; }
.ph--wide{ aspect-ratio:16/9; }

/* ============================================================
   SECTION SCAFFOLD
   ============================================================ */
.section{ padding-block:var(--sec-pad); border-top:1px solid var(--line); }
.sec-head{ max-width:760px; margin-bottom:clamp(48px,5vw,80px); }
.sec-head.between{ max-width:none; display:flex; align-items:flex-end; justify-content:space-between; gap:32px; flex-wrap:wrap; }
.sec-head h2{ margin-top:18px; }
.sec-head .lead{ margin-top:20px; font-size:1.14rem; color:var(--ink-2); line-height:1.55; max-width:620px; }

/* ============================================================
   СПЕЦТЕХНИКА (B2B priority)
   ============================================================ */
.spec-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; align-items:stretch; }
.spec-card{
  background:#fff; border:1px solid var(--line); border-radius:6px; overflow:hidden;
  display:flex; flex-direction:column; height:100%; transition:border-color .15s, box-shadow .15s;
}
.spec-card:hover{ border-color:var(--line-2); }
.spec-card .ph{ border:0; border-radius:16px; aspect-ratio:auto; width:100%; height:180px; flex-shrink:0; overflow:hidden; padding:0; margin:0; transform:translateZ(0); -webkit-mask-image:-webkit-radial-gradient(white,black); mask-image:radial-gradient(white,black); }
.spec-card .ph img{ width:100%; height:100%; object-fit:cover; display:block; }
.spec-card-body{ padding:20px 24px; display:flex; flex-direction:column; flex:1; }
.spec-tag{ font-size:.74rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-3); }
.spec-card h3{ margin-top:10px; font-size:1.5rem; font-weight:800; letter-spacing:-0.015em; }
.spec-card p{ margin-top:12px; color:var(--ink-2); font-size:1rem; line-height:1.5; }
.spec-tags{ margin-top:12px; display:flex; flex-wrap:wrap; gap:8px; }
.chip{ font-size:.84rem; color:var(--ink-2); background:#f5f5f5; border:1.5px solid #e0e0e0; padding:6px 14px; border-radius:100px; font-weight:500; cursor:pointer; }
a.chip{ text-decoration:none; transition:background .15s, border-color .15s, color .15s; }
a.chip:hover{ background:#fff; border-color:#CC1C1C; color:#CC1C1C; }
.spec-card-cover, .spec-card-title-link{ cursor:pointer; }
.spec-card-title-link{ text-decoration:none; color:inherit; }
.spec-card-title-link:hover{ color:var(--accent); }
.spec-more{ margin-top:auto; padding-top:20px; display:inline-flex; align-items:center; gap:8px; color:var(--ink); font-weight:600; font-size:.97rem; transition:color .15s; }
.spec-more:hover{ color:var(--accent); }
.card-link{ margin-top:auto; padding-top:20px; display:inline-flex; align-items:center; gap:8px; color:var(--ink); font-weight:600; font-size:.97rem; transition:color .15s; }
.card-link:hover{ color:var(--accent); }

.spec-card--feat{ grid-column:1 / -1; flex-direction:row; align-items:center; }
.spec-card--feat .ph{ aspect-ratio:auto; width:48%; min-height:340px; flex-shrink:0; }
.spec-feat-photo{ width:576px; flex-shrink:0; height:400px; overflow:hidden; border-radius:16px; transform:translateZ(0); -webkit-mask-image:-webkit-radial-gradient(white,black); mask-image:radial-gradient(white,black); }
.spec-feat-photo img{ width:100%; height:100%; object-fit:cover; display:block; }
.spec-card--feat .spec-card-body{ padding:clamp(30px,3.4vw,52px); justify-content:center; }
.spec-card--feat h3{ font-size:clamp(1.9rem,2.8vw,2.6rem); }
.spec-card--feat p{ font-size:1.1rem; max-width:520px; }

/* ============================================================
   АВТОТРАНСПОРТ (B2C, modest)
   ============================================================ */
.auto-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.auto-card{
  background:#fff; border:1px solid var(--line); border-radius:5px; padding:28px 26px 30px;
  border-top:3px solid var(--line-2); transition:border-top-color .15s;
}
.auto-card:hover{ border-top-color:var(--ink); }
.auto-card-icon{ display:none; }
.auto-card h3{ font-size:1.22rem; font-weight:700; letter-spacing:-0.01em; }
.auto-card__link{ color:inherit; text-decoration:none; }
.auto-card__link:hover{ color:#CC1C1C; cursor:pointer; }
.auto-card__link::after{ content:''; }
.auto-card__link:hover::after{ content:' →'; }
.spec-card__link{ color:inherit; text-decoration:none; }
.spec-card__link:hover{ color:#CC1C1C; cursor:pointer; }
.spec-card__link::after{ content:''; }
.spec-card__link:hover::after{ content:' →'; }
.auto-card p{ margin-top:10px; color:var(--ink-2); font-size:.97rem; line-height:1.5; }
.auto-note{ margin-top:34px; font-size:1rem; color:var(--ink-3); display:flex; align-items:center; gap:12px; }

/* ============================================================
   ПОЧЕМУ МЫ
   ============================================================ */
.why-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:0; border-top:1px solid var(--line); }
.why-card{ padding:44px 34px 48px; border-bottom:1px solid var(--line); border-right:1px solid var(--line); }
.why-card:nth-child(4n){ border-right:0; }
.why-num{ font-family:var(--font-head); font-weight:800; font-size:1.05rem; color:var(--ink-3); letter-spacing:.02em; }
.why-card h3{ margin-top:18px; font-size:1.24rem; font-weight:800; letter-spacing:-0.01em; line-height:1.25; }
.why-card p{ margin-top:15px; color:var(--ink-2); font-size:.98rem; line-height:1.55; }

/* ============================================================
   НАШИ РАБОТЫ (До/После)
   ============================================================ */
.works-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.work{ background:#fff; border:1px solid var(--line); border-radius:6px; overflow:hidden; }
.work-pair{ display:grid; grid-template-columns:1fr 1fr; }
.work-pair .ph{ border:0; border-radius:0; aspect-ratio:1/1; }
.work-pair .ph:first-child{ border-right:1px solid var(--line); }
.work-shot{ position:relative; }
.work-shot img{ display:block; width:100%; aspect-ratio:1/1; object-fit:cover; }
.work-shot:first-child{ border-right:1px solid var(--line); }
.work-badge{
  position:absolute; top:12px; left:12px; z-index:2;
  font-size:.72rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase;
  padding:5px 11px; border-radius:3px;
}
.work-badge.before{ background:#fff; color:var(--ink-2); border:1px solid var(--line-2); }
.work-badge.after{ background:var(--ink); color:#fff; }
.work-cap{ padding:18px 22px 22px; }
.work-cap h3{ font-size:1.08rem; font-weight:700; letter-spacing:-0.01em; }
.work-cap p{ margin-top:6px; font-size:.92rem; color:var(--ink-3); }
.works-foot{ margin-top:40px; display:flex; justify-content:center; }

/* ============================================================
   ОТЗЫВЫ
   ============================================================ */
.rev-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.review{ background:#fff; border:1px solid var(--line); border-radius:6px; padding:32px 30px 30px; display:flex; flex-direction:column; }
.rev-mark{ font-family:var(--font-head); font-weight:900; font-size:2.6rem; line-height:.6; color:var(--line-2); height:24px; }
.review p{ margin-top:22px; font-size:1.04rem; line-height:1.6; color:var(--ink); flex:1; }
.rev-by{ margin-top:26px; padding-top:22px; border-top:1px solid var(--line); }
.rev-by b{ display:block; font-weight:700; font-size:1rem; }
.rev-by span{ font-size:.9rem; color:var(--ink-3); }
.rev-foot{ margin-top:40px; display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; }
.rev-stars{ display:flex; align-items:center; gap:14px; color:var(--ink-2); font-size:.98rem; }
.stars{ color:var(--ink); letter-spacing:2px; font-size:1.1rem; }

/* ============================================================
   CTA
   ============================================================ */
.cta{ padding-block:var(--sec-pad); border-top:1px solid var(--line); }
.cta-inner{ display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(40px,5vw,72px); align-items:center; }
.cta h2{ margin-top:18px; max-width:16ch; }
.cta-text p{ color:var(--ink-2); margin-top:22px; font-size:1.14rem; line-height:1.62; max-width:520px; }
.cta-actions{ display:flex; flex-direction:column; gap:18px; align-items:flex-start; }
.cta-phone{ font-family:var(--font-head); font-weight:800; font-size:clamp(1.7rem,2.6vw,2.3rem); color:var(--ink); letter-spacing:-0.02em; }
.cta-phone-note{ color:var(--ink-3); font-size:.95rem; }
.cta-buttons{ margin-top:6px; display:flex; gap:14px; flex-wrap:wrap; }
.cta-primary{ background:var(--accent); color:#fff; border-radius:var(--radius); }
.cta-primary:hover{ background:#a81515; }
.cta-msg{ display:inline-flex; align-items:center; gap:10px; background:transparent; color:var(--ink); border:2px solid var(--line-2); border-radius:var(--radius); padding:14px 22px; font-family:var(--font-body); font-weight:700; font-size:1rem; transition:border-color .15s; }
.cta-msg:hover{ border-color:var(--ink); }
.ic{ width:20px; height:20px; flex-shrink:0; }

/* ============================================================
   FOOTER
   ============================================================ */
.site-footer{ background:#161616; color:#cfcfcf; padding-block:clamp(56px,7vw,84px) 36px; }
.footer-grid{ display:grid; grid-template-columns:1.4fr 1fr 1fr 1.2fr; gap:40px; }
.foot-logo{ display:flex; align-items:center; gap:12px; margin-bottom:22px; }
.foot-logo .logo-mark{ width:42px; height:42px; }
.foot-logo b{ font-family:var(--font-head); font-weight:800; font-size:1.1rem; color:#fff; }
.footer-about{ font-size:.96rem; line-height:1.6; color:#9a9a9a; max-width:300px; }
.foot-col h4{ font-family:var(--font-body); font-size:.82rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:#7d7d7d; margin-bottom:18px; }
.foot-col ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px; }
.foot-col a{ color:#cfcfcf; font-size:.98rem; }
.foot-col a:hover{ color:#fff; }
.foot-contact{ display:flex; flex-direction:column; gap:7px; font-size:.98rem; }
.foot-contact .big{ font-family:var(--font-head); font-weight:800; font-size:1.3rem; color:#fff; letter-spacing:-0.01em; }
.foot-contact .sm{ color:#9a9a9a; font-size:.9rem; }
.foot-hours{ margin-top:6px; display:flex; flex-direction:column; gap:5px; font-size:.94rem; }
.foot-hours .row{ display:flex; justify-content:space-between; gap:16px; max-width:240px; }
.foot-hours .row span:last-child{ color:#fff; }
.foot-hours .off span:last-child{ color:var(--accent); }
.foot-social{ display:flex; gap:10px; margin-top:18px; }
.foot-social a{ width:42px; height:42px; border:1px solid #333; border-radius:5px; display:grid; place-items:center; color:#cfcfcf; transition:background .15s, border-color .15s; }
.foot-social a:hover{ background:#fff; color:#161616; border-color:#fff; }
.foot-bottom{ margin-top:48px; padding-top:26px; border-top:1px solid #2a2a2a; display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; font-size:.86rem; color:#7d7d7d; }
.foot-bottom a{ color:#9a9a9a; }
.footer-ferraform{ border-top:1px solid rgba(255,255,255,0.1); padding:24px 48px; display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.footer-ferraform span{ font-size:14px; color:rgba(255,255,255,0.5); }
.footer-ferraform a{ font-size:14px; color:#fff; text-decoration:none; font-weight:500; }
.footer-ferraform a:hover{ color:#CC1C1C; }
.about-ferraform{ margin-top:clamp(32px,4vw,56px); padding:28px 32px; border:1px solid var(--line); border-radius:6px; background:var(--panel); display:flex; align-items:center; gap:20px; flex-wrap:wrap; }
.about-ferraform p{ margin:0; font-size:1rem; color:var(--ink-2); }
.about-ferraform a{ font-size:1rem; font-weight:600; color:var(--accent); text-decoration:none; white-space:nowrap; }
.about-ferraform a:hover{ text-decoration:underline; }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:1080px){
  .main-nav{ gap:20px; }
  .header-bar{ gap:18px; }
  .footer-grid{ grid-template-columns:1fr 1fr; gap:36px; }
  .why-grid{ grid-template-columns:repeat(2,1fr); }
  .why-card:nth-child(4n){ border-right:1px solid var(--line); }
  .why-card:nth-child(2n){ border-right:0; }
}
@media (max-width:960px){
  .spec-grid{ grid-template-columns:repeat(2,1fr); }
  .spec-card--feat{ flex-direction:column; }
  .spec-card--feat .ph{ width:100%; min-height:0; aspect-ratio:16/9; }
  .spec-feat-photo{ width:100%; height:auto; aspect-ratio:16/9; }
  .spec-card .ph{ width:100%; height:auto; aspect-ratio:16/9; }
  .auto-grid{ grid-template-columns:repeat(2,1fr); }
  .works-grid{ grid-template-columns:1fr 1fr; }
  .rev-grid{ grid-template-columns:1fr; }
  .cta-inner{ grid-template-columns:1fr; gap:32px; }
  .hero-h1{ font-size:40px; }
  .hero-content{ padding:100px 32px 64px; }
}
@media (max-width:760px){
  body{ font-size:16px; }
  .main-nav, .header-phone span{ display:none; }
  .menu-toggle{
    display:inline-grid; place-items:center; width:46px; height:46px;
    border-radius:5px; background:rgba(255,255,255,0.1);
    border:2px solid #CC1C1C;
    box-shadow:0 0 12px rgba(204,28,28,0.5);
    animation:menuTogglePulse 1.8s ease-in-out infinite;
  }
  .menu-toggle svg{ width:22px; height:22px; stroke:rgba(255,255,255,0.85); }
  .header-contact{ gap:12px; }
  .header-bar{ height:68px; justify-content:space-between; padding-inline:7px;}
  .hero-stats{ display:none; }
  .mobile-nav{
    display:none; border-top:1px solid rgba(255,255,255,0.08);
    background:rgba(10,10,10,0.95);
    position:fixed; top:68px; left:0; width:100%; z-index:999;
  }
  .mobile-nav.open{ display:flex; flex-direction:column; }
  .mobile-nav a{ display:block; padding:16px 0; font-weight:600; color:rgba(255,255,255,0.8); border-bottom:1px solid rgba(255,255,255,0.08); }
  .mobile-nav a:last-of-type{ border-bottom:0; }
  .mobile-nav-footer{
    background:#CC1C1C;
    padding:16px 24px;
    margin-top:auto;
    margin-inline:calc(-1 * var(--gutter));
  }
  .mobile-nav-hours{
    display:flex;
    flex-direction:column;
    color:#fff;
    font-size:13px;
  }
  .mobile-nav-hours-row{
    display:flex;
    justify-content:space-between;
    gap:16px;
    border-bottom:1px solid rgba(255,255,255,0.2);
    padding:6px 0;
  }
  .mobile-nav-hours-row:last-child{ border-bottom:0; }
  .mobile-nav-hours-row span:last-child{ font-weight:600; }
  .spec-grid{ grid-template-columns:1fr; }
  .auto-grid{ grid-template-columns:1fr; }
  .works-grid{ grid-template-columns:1fr; }
  .work:not(:first-child){ display:none; }
  .review:not(:first-child){ display:none; }
  .why-grid{ grid-template-columns:1fr; }
  .why-card{ border-right:0 !important; }
  .footer-grid{ grid-template-columns:1fr; gap:32px; }
  .foot-brand{ display:none; }
  .hero-h1{ font-size:32px; }
  .hero-content{ padding:80px 24px 56px; }
  .hero-cta-row{ flex-direction:column; align-items:flex-start; gap:12px; }
  .hero-btn{ margin-top:120px; }
  .sec-head.between{ flex-direction:column; align-items:flex-start; }
  .cta-buttons{ flex-direction:column; }
  .spec-card-body, .auto-card, .why-card{ text-align:center; margin:0 auto; }
  .spec-tags{ justify-content:center; }
  .spec-more, .card-link{ justify-content:center; }
}
@media (max-width:540px){
  .header-cta{ padding:9px 16px; font-size:13px; }
}
@media (max-width:420px){
  .header-phone{ display:none; }
}

/* ============================================================
   SPEC CARD — MOBILE (Спецтехника + Промышленное оборудование)
   ============================================================ */
@media (max-width:760px){
  .spec-card{
    position:relative;
    cursor:pointer;
  }
  .spec-card .ph{ display:none; }
  .spec-card-body{
    padding:14px;
    text-align:left; margin:0;
  }
  .spec-tags{
    flex-wrap:wrap; overflow-x:visible; justify-content:flex-start;
    position:relative; z-index:2;
  }
  .spec-tags .chip{
    border:1.5px solid #CC1C1C;
    box-shadow:0 0 8px rgba(204,28,28,0.35);
  }
  .spec-more{
    position:absolute; inset:0; z-index:1;
    font-size:0; padding:0; margin:0;
  }
  .spec-card:active{ background:rgba(0,0,0,0.04); }
}

/* ============================================================
   AUTO CARD — MOBILE (Ремонт для владельцев авто и грузовиков)
   ============================================================ */
@media (max-width:760px){
  .auto-grid{ grid-template-columns:repeat(2,1fr); gap:12px; }
  .auto-card{
    position:relative;
    border:1.5px solid #e0e0e0;
    border-radius:12px;
    padding:16px 8px;
    text-align:center;
    min-height:80px;
    min-width: 170px;
  }
  .auto-card-icon{
    display:flex; align-items:center; justify-content:center;
    width:36px; height:36px; margin:0 auto 10px;
    color:#CC1C1C;
  }
  .auto-card-icon svg{ width:24px; height:24px; stroke-width:1.8; }
  .auto-card h3{
    font-size:15px; line-height:1.3; min-height:2.6em;
    display:flex; align-items:center; justify-content:center;
  }
  .auto-card p{ display:none; }
  .auto-card__link::before{ content:''; position:absolute; inset:0; }
  .auto-note{
    display:block;
    padding:0 24px; text-align:center; font-size:14px; color:var(--ink-2);
  }
}

/* ============================================================
   WHY CARD — MOBILE (Почему «Аргон»)
   ============================================================ */
@media (max-width:760px){
  .why-grid{ grid-template-columns:repeat(2,1fr); gap:12px; }
  .why-card h3{ font-size:15px; }
  .why-card p{ display:none; }
  .about-ferraform{
    box-sizing:border-box;
    padding:16px;
    width:100%;
    overflow:hidden;
  }
  .about-ferraform p, .about-ferraform a{
    font-size:13px; word-wrap:break-word;
  }
  .about-ferraform a{
    display:block; width:100%; max-width:100%;
    word-break:break-word; white-space:normal;
  }
}

@keyframes menuTogglePulse{
  0%, 100%{ box-shadow:0 0 12px rgba(204,28,28,0.5); }
  50%{ box-shadow:0 0 20px rgba(204,28,28,0.85); }
}

/* ============================================================
   HERO CARDS
   ============================================================ */
.hero-cards{
  position:relative;
  z-index:10;
  margin-top:-80px;
  margin-left:32px;
  margin-right:32px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.hero-card{
  background:#ffffff;
  border-radius:16px;
  padding:28px 24px;
  text-decoration:none;
  box-shadow:0 4px 24px rgba(0,0,0,0.12);
  transition:transform .2s, box-shadow .2s;
}
.hero-card:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 48px rgba(0,0,0,0.25);
}
.hero-card-icon{
  width:40px; height:40px;
  background:#fff0f0;
  border-radius:10px;
  display:flex; align-items:center; justify-content:center;
  margin-bottom:16px;
  color:#CC1C1C;
}
.hero-card-icon svg{ width:22px; height:22px; stroke-width:1.8; }
.hero-card-title{
  font-size:16px;
  font-weight:700;
  color:#111;
  margin-bottom:6px;
}
.hero-card-sub{
  font-size:13px;
  color:#888;
  line-height:1.4;
}

/* ============================================================
   WHY STATS (перенесено из hero)
   ============================================================ */
.why-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  border:1px solid var(--line);
  border-radius:6px;
  margin-bottom:clamp(48px,5vw,80px);
  overflow:hidden;
}
.why-stat{
  padding:32px 36px;
  border-right:1px solid var(--line);
}
.why-stat:last-child{ border-right:0; }
.why-stat-num{
  font-family:var(--font-head);
  font-size:clamp(2rem,3.5vw,2.8rem);
  font-weight:800;
  color:var(--ink);
  line-height:1;
  letter-spacing:-0.02em;
}
.why-stat-num span{ color:var(--accent); }
.why-stat-label{
  font-size:.92rem;
  color:var(--ink-3);
  margin-top:8px;
  line-height:1.4;
}

/* ============================================================
   FIRST SECTION AFTER HERO
   ============================================================ */
#spectehnika{ padding-top:80px; position:relative; z-index:1; scroll-margin-top:100px; }

@media (max-width:960px){
  .hero-cards{ margin-left:24px; margin-right:24px; }
}
@media (max-width:760px){
  .hero-cards{ display:none; }
  .hero-content{ padding:80px 24px 32px; }
  #spectehnika{ padding-top:80px; }
  .why-stats{ grid-template-columns:1fr; }
  .why-stat{ border-right:0; border-bottom:1px solid var(--line); }
  .why-stat:last-child{ border-bottom:0; }
}

/* ============================================================
   CHIP POPUP — «страница ещё не добавлена»
   ============================================================ */
.chip-popup{
  display:none;
  position:fixed;
  bottom:24px;
  left:50%;
  transform:translateX(-50%);
  z-index:1000;
  background:#0a0a0a;
  color:#fff;
  border-radius:12px;
  padding:16px 20px;
  max-width:calc(100vw - 32px);
  width:max-content;
  box-shadow:0 8px 32px rgba(0,0,0,0.4);
  align-items:center;
  gap:16px;
}
.chip-popup--visible{ display:flex; }
.chip-popup__text{ font-size:.92rem; line-height:1.5; margin:0; }
.chip-popup__phone{ color:#CC1C1C; text-decoration:none; font-weight:700; }
.chip-popup__phone:hover{ text-decoration:underline; }
.chip-popup__close{
  background:none;
  border:none;
  color:rgba(255,255,255,0.5);
  font-size:1.4rem;
  line-height:1;
  cursor:pointer;
  padding:0 0 0 8px;
  flex-shrink:0;
}
.chip-popup__close:hover{ color:#fff; }