/* ==========================================================================
   1x1 MEDIA. Marketing stratégia aloldal (redesign portolás, page-specifikus).
   A redesign.css UTÁN tölt (bh_theme_asset sorrend a marketing-strategia.php-ban),
   kizárólag azt egészíti ki, amit a közös rendszer nem fed le. A közös
   redesign.css / style.css tokenjeire épül, nem definiál új színt/betűméretet
   a meglévő --clr-* / --d-* / --sp / --radius-* / --ease* változókon kívül.
   ========================================================================== */

/* ---------- HERO (egy oszlopos, középre rendezett variáns) ---------- */
.rd-hero-solo { padding: clamp(56px, 9vw, 104px) 0 var(--sp); text-align: center; }
.rd-hero-solo > .rd-wrap > div { max-width: 760px; margin: 0 auto; }
.rd-hero-solo h1 { font-size: clamp(32px, 5.2vw, 54px); font-weight: 800; letter-spacing: -.03em; line-height: 1.06; text-wrap: balance; }
.rd-hero-solo h1 .hl { color: var(--clr-accent-deep); }
.rd-hero-solo .rd-lede { margin: 22px auto 0; font-size: clamp(17px, 1.7vw, 20px); }
.rd-hero-solo .hero-actions { justify-content: center; margin-top: 32px; }

/* ---------- DELIVERABLE (doc-mock kártya + border-top elválasztó) ---------- */
.deliverable-lite { padding: var(--sp) 0; border-top: 1px solid var(--clr-border); }
.doc-mock__header { display: flex; gap: 14px; align-items: center; padding-bottom: 18px; margin-bottom: 18px; border-bottom: 1px solid var(--clr-border); }
.doc-mock__icon { width: 44px; height: 44px; border-radius: 10px; background: var(--clr-accent-soft); color: var(--clr-accent-deep); display: flex; align-items: center; justify-content: center; font-size: 18px; flex: none; }
.doc-mock__title { font-weight: 800; font-size: 16px; line-height: 1.3; }
.doc-mock__sub { font-size: 12.5px; color: var(--clr-text-dim2); margin-top: 2px; }
.doc-mock__section { margin-bottom: 16px; }
.doc-mock__section:last-child { margin-bottom: 0; }
.doc-mock__section-title { font-size: 13px; font-weight: 700; color: var(--clr-text); margin-bottom: 8px; }
.doc-mock__list { list-style: none; display: flex; flex-direction: column; gap: 6px; }
.doc-mock__list li { font-size: 14px; color: var(--clr-text-muted); padding-left: 20px; position: relative; }
.doc-mock__list li::before { content: ""; position: absolute; left: 0; top: 8px; width: 6px; height: 6px; border-radius: 50%; background: var(--clr-accent); }

/* ---------- KIEMELT IDÉZET-DOBOZ (a .rebut .kicker önálló változata) ---------- */
.rd-quote-box { background: var(--clr-accent-soft); border: 1px solid var(--clr-accent-soft-border); border-radius: var(--radius-md); padding: 20px 22px; margin-top: 24px; }
.rd-quote-box p { color: var(--clr-text); font-size: 15px; font-weight: 600; margin: 0; }

/* ---------- MÓDSZERTAN rd-step-n: szám helyett ikon ---------- */
.process .rd-step-n i { font-size: 15px; }

/* ---------- 3 LÉPÉS (könnyű szekció + 3 oszlopos rács) ---------- */
.steps-lite { padding: var(--sp) 0; }
.step3-grid { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 900px) { .step3-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) { .step3-grid { grid-template-columns: 1fr; } }

/* ---------- ZÁRÓ CTA: elérhetőség-sor a final-box-ban ---------- */
.rd-contact-list { display: flex; justify-content: center; align-items: center; gap: 10px 24px; flex-wrap: wrap; margin: 10px 0 30px; font-size: 14.5px; color: var(--d-muted); position: relative; }
.rd-contact-list a { color: inherit; text-decoration: none; }
.rd-contact-list a:hover { color: var(--d-ink); }
.rd-contact-list i { color: var(--d-accent); margin-right: 6px; }