/* Модуль styles.css expert-material.ru. Вырезан миграцией 12.10.2026. */
/* ══════════════════════════════════════════════
   HERO
══════════════════════════════════════════════ */
.hero{background:var(--hero-bg);padding:44px 20px 56px;position:relative;overflow:hidden}
.hero-content{position:relative;z-index:2;max-width:900px;margin:0 auto;text-align:center}
.hero-badge{
  display:inline-flex;flex-direction:column;align-items:center;gap:2px;
  background:var(--card-bg);padding:6px 14px;border-radius:20px;
  font-size:13px;font-weight:600;color:var(--primary);
  margin-bottom:12px;box-shadow:var(--shadow);
}
.hero-badge .hb-line1{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}
.hero-badge .hb-line2{font-size:12.5px;font-weight:700;color:var(--primary)}
.hero h1{font-size:clamp(26px,2vw,42px);font-weight:800;margin-bottom:14px;line-height:1.2}
.hero h1 .highlight{
    display:inline-block;margin-top:8px;
    background:var(--grad);
    -webkit-background-clip:text;background-clip:text;
    font-size:.75em;line-height:1.3;
    color:var(--primary);
}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
    .hero h1 .highlight{
        -webkit-text-fill-color:transparent;
        color:transparent;
    }
}
.hero-subtitle{font-size:clamp(16px,2.5vw,20px);color:var(--text-light);margin-bottom:22px}
.hero-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin-bottom:26px}
.hero-stat-value{font-size:32px;font-weight:800;color:var(--primary);line-height:1}
.hero-stat-label{font-size:13px;color:var(--text-light);margin-top:4px;font-weight:700}
.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.hero-cta{display:inline-flex;align-items:center;gap:10px;padding:18px 36px;border-radius:12px;font-size:17px;font-weight:700;text-decoration:none}
.hero-cta.secondary{background:var(--secondary);color:#fff;border:none;animation:none;box-shadow:var(--shadow)}

/* ══════════════════════════════════════════════
   КАРТОЧКИ БОЛЕЙ
══════════════════════════════════════════════ */
.pain-section{padding:44px 20px;background:var(--card-bg)}
.section-header{text-align:center;margin-bottom:30px}
.section-tag{
  display:inline-block;background:var(--bg);color:var(--primary);
  padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;
  margin-bottom:16px;box-shadow:0 2px 10px rgba(42,24,16,.08);
}
.products-section .section-tag,.testimonials-section .section-tag,
.premium-section .section-tag,.guarantee-section .section-tag{background:var(--card-bg)}
.bundles-section .section-tag,.authority-section .section-tag{background:var(--bg)}
.section-title{font-size:clamp(24px,4vw,36px);font-weight:800;margin-bottom:12px}
.section-subtitle{font-size:15px;color:var(--text-light);max-width:650px;margin:0 auto}
.pain-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;max-width:1000px;margin:0 auto}
.pain-card{
  display:flex;align-items:flex-start;gap:14px;
  background:var(--pain-card-bg);border:1px solid var(--pain-card-border);
  padding:16px 18px;border-radius:14px;cursor:pointer;transition:all .3s;
  position:relative;flex:0 1 440px;max-width:480px;
}
.pain-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--primary)}
.pain-card.active{border-color:var(--primary);background:var(--card-bg)}
.pain-emoji{font-size:30px;line-height:1.2;flex-shrink:0}
.pain-body{flex:1;padding-right:86px}
.pain-title{font-size:16px;font-weight:700;margin-bottom:3px}
.pain-desc{font-size:13px;line-height:1.5;color:var(--text-light)}
.pain-count{
  position:absolute;top:12px;right:12px;background:var(--primary);color:#fff;
  padding:3px 10px;border-radius:12px;font-size:11px;font-weight:700;white-space:nowrap;
}
.pain-count-bundles{top:40px;background:var(--secondary)}

/* ══════════════════════════════════════════════
   ПОДСКАЗКИ И ЛИД-БАННЕР
══════════════════════════════════════════════ */
.tip-box{
  max-width:760px;margin:20px auto;background:var(--card-bg);
  border-left:4px solid var(--secondary);border-radius:12px;
  padding:13px 18px;font-size:14px;
  box-shadow:0 5px 20px rgba(42,24,16,.16),0 2px 6px rgba(42,24,16,.10);
  transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1),box-shadow .25s ease,border-color .25s ease;
}
.tip-box.tip-pre{opacity:0;transform:translateY(18px);pointer-events:none}
.tip-box:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(42,24,16,.20),0 3px 10px rgba(42,24,16,.12);border-left-color:var(--primary)}
.tip-box b{color:var(--secondary)}
.tip-box a{color:var(--primary);font-weight:600;background-image:linear-gradient(currentColor,currentColor);background-size:0% 2px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .35s ease}
.tip-box a:hover{background-size:100% 2px}
@media(prefers-reduced-motion:reduce){
*,*::before,*::after{animation:none!important;transition:none!important}
.tip-box,.tip-box.tip-pre{opacity:1!important;transform:none!important}
html{scroll-behavior:auto}
}
.lead-banner{
  max-width:760px;margin:18px auto;
  background:linear-gradient(135deg,#F4F9F0,#FFF9E8);
  border:2px dashed var(--accent);border-radius:12px;padding:10px 14px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  font-size:13px;line-height:1.35;box-shadow:var(--shadow);
}
.lead-text{min-width:0}
.lead-text b{color:var(--secondary)}
.lead-btn{flex-shrink:0;padding:9px 16px;border-radius:10px;font-size:12px;white-space:nowrap}