/* Раскладки-варианты блоков (композиция отличается у разных сайтов).
   Используют дизайн-токены/переменные → работают на всех скинах. */

/* контент всех вариантов hero — над фоном .hero-bg */
.hero > .wrap{position:relative;z-index:2}
.hero-meta-strip{position:relative;z-index:2}
.hero-split,.hero-center{position:relative}

/* HERO v2 — текст + форма-карта */
.hero-split{display:grid;grid-template-columns:1.25fr .75fr;gap:44px;align-items:center;padding:70px 0;position:relative}
.hero-formcard{background:var(--steel);border:var(--card-border);box-shadow:var(--card-shadow);padding:30px;border-radius:var(--radius)}
.hero-formcard h3{font-size:20px;margin-bottom:18px}
.hero-formcard .field{margin-bottom:14px}
.hero-formcard label{display:block;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:6px}
.hero-formcard input{width:100%;background:var(--graphite);border:2px solid var(--line);color:var(--text);padding:13px 15px;font-size:15px;font-family:inherit;border-radius:var(--btn-radius)}
.hero-formcard input:focus{outline:none;border-color:var(--orange)}

/* HERO v3 — по центру + полоса метрик */
.hero-center{max-width:860px;margin:0 auto;text-align:center;padding:84px 0}
.hero-center .hero-cta{justify-content:center}
.hero-meta-strip{border-top:1px solid var(--line);background:rgba(0,0,0,.15);padding:26px 0}
.hero-meta-strip .hero-meta{margin:0;justify-content:center}

/* FEATURES v2 — карточки */
.feat-cards-sec{padding:46px 0}
.feat-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.feat-card{background:var(--steel);border:var(--card-border);box-shadow:var(--card-shadow);border-top:4px solid var(--orange);padding:26px 22px;text-align:center;border-radius:var(--radius)}
.feat-card .ic{font-size:34px;line-height:1}
.feat-card b{display:block;font-size:15px;font-weight:900;text-transform:uppercase;margin:12px 0 6px}
.feat-card p{font-size:13px;color:var(--muted);margin:0}

/* GRADES v2 — таблица */
.grades-table{width:100%;border-collapse:collapse}
.grades-table th{text-align:left;padding:14px 16px;border-bottom:2px solid var(--orange);font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}
.grades-table td{padding:15px 16px;border-bottom:1px solid var(--line);font-size:15px}
.grades-table .gt-m{font-weight:900;font-size:19px}
.grades-table .gt-p{font-weight:900;color:var(--orange);font-size:17px}
.grades-table .gt-link{color:var(--orange);font-weight:800;font-size:13px;white-space:nowrap}

/* GRADES v3 — широкие строки */
.grades-rows{display:flex;flex-direction:column;gap:12px}
.grade-row{display:grid;grid-template-columns:130px 1fr auto 36px;gap:22px;align-items:center;background:var(--steel);border:var(--card-border);box-shadow:var(--card-shadow);padding:18px 24px;border-radius:var(--radius);transition:.15s}
.grade-row:hover{border-color:var(--orange);transform:translateX(4px)}
.grade-row .gr-m{font-size:28px;font-weight:900}
.grade-row .gr-d b{color:var(--orange);margin-right:10px}
.grade-row .gr-d span{color:var(--muted)}
.grade-row .gr-p{font-size:22px;font-weight:900;color:var(--orange);white-space:nowrap}
.grade-row .gr-p small{font-size:12px;color:var(--muted);font-weight:600}
.grade-row .gr-go{color:var(--orange);font-size:22px;font-weight:900;text-align:right}

/* CALC v2 — стопкой по центру */
.calc-stack{max-width:640px;margin:0 auto;border:var(--card-border);overflow:hidden;border-radius:var(--radius)}
.calc-stack .calc-result{text-align:center}
.calc-stack .calc-form{padding:34px}

/* PRODUCTS v2 — карточки */
.prod-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.prod-card{background:var(--steel);border:var(--card-border);box-shadow:var(--card-shadow);padding:24px 20px;border-radius:var(--radius)}
.prod-card .pc-num{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:var(--orange);color:#fff;font-weight:900;font-size:14px;margin-bottom:12px;border-radius:var(--btn-radius)}
.prod-card b{display:block;font-size:15px;font-weight:800;margin-bottom:6px}
.prod-card p{font-size:13px;color:var(--muted);margin:0}

/* GEO v2 — потоком */
.geo-flow .geo-lead{margin-bottom:16px;color:var(--muted);font-size:16px}

/* ABOUT v2 — статы полосой */
.about-stats--row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:30px}
.about-wide{max-width:880px;font-size:16px;line-height:1.7}

/* TRUST v2 */
.trust-inline{display:flex;gap:34px;justify-content:center;flex-wrap:wrap;margin-bottom:34px}
.trust-inline span{font-size:14px;color:var(--muted)}
.trust-inline b{color:var(--orange);font-size:24px;font-weight:900;margin-right:6px}
.reviews--2{grid-template-columns:1fr 1fr}

/* CERTS v2 — строки */
.certs-rows{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cert-row{display:flex;align-items:center;gap:14px;background:var(--steel);border:var(--card-border);border-left:4px solid var(--orange);padding:18px 22px;border-radius:var(--radius);font-weight:700}
.cert-row .cert-ic{font-size:26px}

/* FAQ v2 — 2 колонки открытые */
.faq-cols{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.faq-qa b{display:block;font-size:16px;margin-bottom:8px}
.faq-qa p{color:var(--muted);font-size:14px;line-height:1.6}

/* ORDER v2 — по центру */
.order-center{max-width:740px;margin:0 auto}
.order-sub{text-align:center;color:var(--muted);font-size:16px;margin-bottom:26px}
.order-sub a{color:var(--orange);font-weight:800}
.order-form--wide{background:var(--graphite);border:var(--card-border);padding:32px}
.row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}

/* мобильная адаптация вариантов */
@media(max-width:980px){
  .hero-split,.feat-cards,.prod-cards,.about-stats--row{grid-template-columns:1fr 1fr}
  .certs-rows,.faq-cols,.reviews--2{grid-template-columns:1fr}
  .grade-row{grid-template-columns:90px 1fr auto}
  .grade-row .gr-go{display:none}
}
@media(max-width:620px){
  .hero-split,.feat-cards,.prod-cards,.about-stats--row,.row3{grid-template-columns:1fr}
  .grades-table th:nth-child(3),.grades-table td:nth-child(3){display:none}
  .trust-inline{gap:18px}
}