/* ==========================================================================
   SECTION — HERO (ultra-airy, minimal, responsive) — v1.2
   - 12px base mellett arányos micro/eyebrow/bullets
   - sok levegő, stabil mobilon is
   ========================================================================== */

.hero-full {
    min-height: 100vh;
    min-height: 100dvh;
    min-height: 100svh;

    display: grid;
    align-items: center;

    padding-block: clamp(72px, 12vh, 160px);
}

.hero-grid {
    display: grid;
    gap: clamp(34px, 7vw, 96px);
    align-items: center;
}

@media (min-width: 900px) {
    .hero-grid {
        grid-template-columns: 1.15fr .85fr;
    }
}

.hero-copy {
    max-width: 560px;
}

@media (max-width: 900px) {
    .hero-copy {
        max-width: 100%;
    }
}

.hero-copy .eyebrow {
    text-transform: uppercase;
    letter-spacing: 0.20em;
    font-size: 10px;
    color: var(--muted);
    margin: 0 0 22px;
}

.hero-copy h1 {
    margin: 0 0 16px;
}

.hero-copy .hero-tagline {
    margin: 0 0 26px;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.75;
}

.hero-copy .hl {
    color: var(--accent);
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}

/* Bullet lista */
.hero-bullets {
    list-style: none;
    padding: 0;
    margin: 0 0 26px;

    display: grid;
    gap: 10px;

    font-size: 12px;
    line-height: 1.7;
}

.hero-bullets li {
    display: grid;
    grid-template-columns: 14px 1fr;
    gap: 10px;
    align-items: start;
    overflow-wrap: anywhere;
}

.hero-bullets li::before {
    content: "•";
    color: var(--accent);
    line-height: 1.2;
    margin: 0;
}

/* CTA sor */
.cta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 12px;
}

@media (max-width: 560px) {
    .cta-row {
        flex-direction: column;
        align-items: stretch;
    }

    .cta-row .btn {
        width: 100%;
        justify-content: center;
    }
}

.micro-note {
    font-size: 11px;
    color: var(--muted);
    line-height: 1.6;
}

/* Jobb oldali média */
.hero-media {
    display: flex;
    justify-content: flex-end;
}

.hero-media img {
    width: 100%;
    max-width: min(520px, 100%);
    border-radius: 24px;
    box-shadow: var(--shadow);
}

@media (max-width: 900px) {
    .hero-full {
        min-height: auto;
        padding-block: clamp(64px, 10vh, 110px);
    }

    .hero-grid {
        grid-template-columns: 1fr;
    }

    .hero-media {
        justify-content: center;
        margin-top: 22px;
    }

    .hero-media img {
        max-width: min(560px, 100%);
    }
}