/* ============================================================
   Раздел «Яндекс Директ» (/yandex-direct/) — поверх /styles.css и /videopaneli/vp.css
   Компоненты общие с видеопанелями, здесь — фиолетовый акцент и свои блоки.
   Страницы собираются tools/direct/build.py
   ============================================================ */

body.dr{--vp:#7c3aed;--vp-2:#6d28d9;--vp-lt:#f5f3ff;--vp-lt2:#ede9fe}
.dr .vp-hero{background:radial-gradient(1200px 500px at 85% 0,#ede9fe,transparent 60%),linear-gradient(180deg,#faf8ff,#fff)}
.dr .vp-cta{background:linear-gradient(135deg,#1e1b4b,#3b0764 60%,#6d28d9)}
.btn--white{background:#fff;color:var(--violet)}
.btn--white:hover{box-shadow:0 8px 20px rgba(0,0,0,.18)}

/* ----- тарифы ----- */
@media(min-width:900px){.dr-tiers{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}}
.dr-tier{padding:32px}
.dr-tier__name{font-size:1.35rem;font-weight:800;color:var(--gray-900)}
.dr-tier__sub{color:var(--gray-500);margin:8px 0 18px;min-height:3em}
.dr-tier__price{font-size:clamp(2rem,3.4vw,2.6rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--gray-900);margin-bottom:22px}
.dr-tier__price small{font-size:1rem;font-weight:600;letter-spacing:0;color:var(--gray-500)}
.dr-tier ul{gap:10px;font-size:.95rem}
.dr-tier li{align-items:flex-start}
.dr-tier li svg{flex:none;margin-top:3px;color:var(--vp)}
.dr-tier--free .dr-tier__price{color:#16a34a}
.dr-tier--run .dr-tier__price{color:var(--orange)}
.dr-tier--hl{border:0;color:#fff;background:linear-gradient(135deg,#7c3aed,#4f46e5);box-shadow:0 24px 48px -20px rgba(91,33,182,.55)}
.dr-tier--hl .dr-tier__name,.dr-tier--hl .dr-tier__price{color:#fff}
.dr-tier--hl .dr-tier__sub,.dr-tier--hl .dr-tier__price small{color:#ddd6fe}
.dr-tier--hl ul{color:#ede9fe}
.dr-tier--hl li svg{color:#c4b5fd}

/* ----- сертификация ----- */
.dr-cert{display:flex;gap:24px;align-items:center;background:var(--vp-lt);border:1px solid var(--vp-lt2);border-radius:var(--radius-xl);padding:32px}
.dr-cert__ic{flex:none;width:72px;height:72px;border-radius:20px;background:#fff;color:var(--vp);display:grid;place-items:center;box-shadow:var(--shadow-lg)}
.dr-cert h2{font-size:clamp(1.25rem,2.4vw,1.6rem);font-weight:800;margin-bottom:6px}
.dr-cert p{color:var(--gray-600);max-width:720px}
@media(max-width:600px){.dr-cert{flex-direction:column;align-items:flex-start;padding:24px}}

/* ----- кейсы ----- */
.dr-cases{display:grid;gap:20px}
@media(min-width:900px){.dr-cases{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dr-case{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:28px;display:flex;flex-direction:column;gap:8px;min-width:0}
.dr-case dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:10px 0 4px;font-size:.93rem}
.dr-case dt{font-weight:700;color:var(--gray-500);font-size:.8rem;padding-top:2px}
.dr-case dd{color:var(--gray-700);margin:0}
.dr-case__kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:auto;padding-top:18px;border-top:1px solid var(--gray-100)}
.dr-case__kpi b{display:block;font-size:1.5rem;font-weight:800;color:var(--vp);letter-spacing:-.02em;line-height:1.15}
.dr-case__kpi span{font-size:.78rem;color:var(--gray-500)}
@media(max-width:480px){.dr-case dl{grid-template-columns:1fr;gap:2px}.dr-case dd{margin-bottom:8px}}

/* ----- аудит ----- */
.dr-audit-hero{padding-bottom:48px}
.dr-checks{display:grid;gap:16px}
@media(min-width:768px){.dr-checks{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dr-check{display:flex;gap:16px;padding:22px;border:1px solid var(--gray-200);border-radius:var(--radius-lg);background:#fff;min-width:0}
.dr-check > span{flex:none;width:36px;height:36px;border-radius:10px;background:var(--vp-lt2);color:var(--vp);display:grid;place-items:center}
.dr-check h3{font-size:1rem;font-weight:700;margin-bottom:4px}
.dr-check p{font-size:.9rem;color:var(--gray-600)}
@media(min-width:900px){.dr-steps3{grid-template-columns:repeat(3,1fr)}}

/* ----- hero: цифры длиннее, чем у видеопанелей ----- */
.dr .kpi b{font-size:1.2rem;white-space:nowrap}