/* ============================================================
       PRODUK TON! – GLOBÁLIS LANDING CSS
       ============================================================ */
    .content-wide { max-width:1280px; margin-left:auto; margin-right:auto; padding-left:clamp(20px,5vw,64px); padding-right:clamp(20px,5vw,64px); }
    .content-text { max-width:1280px; margin-left:auto; margin-right:auto; padding-left:clamp(20px,5vw,64px); padding-right:clamp(20px,5vw,64px); }
    .text-narrow { max-width:760px; margin-left:auto; margin-right:auto; }
.btn-lg { padding:22px 48px; font-size:var(--section-subheadline-fontsize); }
    .card { background:#fff; border-radius:var(--borderradius-md); box-shadow:var(--boxshadow-diffuse-sm); padding: var(--padding-md); border: var(--border-xs) solid rgba(10,173,188,0.12); }
    .review-card { background:#fff; border-radius:var(--borderradius-md); padding: var(--padding-md) var(--padding-md); border-left:5px solid var(--color-primary-turkiz); box-shadow:var(--boxshadow-diffuse-sm); }
    .review-quote { font-size:var(--text-fontsize); font-style:italic; line-height:1.65; color:var(--color-text); margin:0 0 16px; }
    .review-name { font-weight:700; color:var(--color-primary-turkiz); font-size:var(--section-preheadline-fontsize); }
    .review-title { font-size:0.82rem; color:var(--grey); }
    .guarantee-card { background:linear-gradient(135deg,rgba(10,173,188,0.06),rgba(137,42,225,0.08)); border: var(--border-xs) solid rgba(137,42,225,0.18); border-radius:var(--borderradius-md); padding: var(--padding-md); }
    .section-alt { background:var(--color-surface); }
.section { padding:clamp(64px, 8vw, 120px) 0; }
    .section-sm { padding:clamp(40px, 5vw, 72px) 0; }
    .stat-number { font-family:var(--section-headline-fontfamily); font-size:clamp(2.25rem, 5vw, 3.75rem); font-weight:900; background:var(--gradient-turkiz-lila); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; display:block; line-height:1; }
    .icon-wrap { display:flex; align-items:center; justify-content:center; width:64px; height:64px; border-radius:50%; background:linear-gradient(135deg,rgba(10,173,188,0.12),rgba(137,42,225,0.14)); flex-shrink:0; }
    .accordion-item { border-bottom:1px solid rgba(10,173,188,0.18); }
    .accordion-btn { width:100%; text-align:left; background:none; border:none; cursor:pointer; padding:20px 0; font-family:var(--text-fontfamily); font-size:var(--section-subheadline-fontsize); font-weight:700; color:var(--color-text); display:flex; justify-content:space-between; align-items:center; gap:16px; }
    .accordion-arrow { flex-shrink:0; transition:transform 0.3s ease; color:var(--color-primary-turkiz); }
    .accordion-arrow.open { transform:rotate(180deg); }
    .accordion-body { max-height:0; overflow:hidden; transition:max-height 0.38s ease,opacity 0.3s ease; opacity:0; }
    .accordion-body.open { opacity:1; }
    .accordion-body-inner { padding-bottom:20px; color:var(--grey); line-height:1.7; font-size:var(--text-fontsize); }
    .form-input { width:100%; padding:15px 20px; border:2px solid rgba(10,173,188,0.25); border-radius:var(--borderradius-sm); font-family:var(--text-fontfamily); font-size:var(--text-fontsize); color:var(--color-text); background:#fff; transition:border-color 0.2s ease,box-shadow 0.2s ease; outline:none; box-sizing:border-box; }
    .form-input:focus { border-color:var(--color-primary-turkiz); box-shadow:0 0 0 3px rgba(10,173,188,0.12); }
    .form-label { display:block; font-weight:700; font-size:var(--section-preheadline-fontsize); color:var(--color-text); margin-bottom:6px; }
    .sticky-bar { position:sticky; top:0; left:0; right:0; z-index:999; background:linear-gradient(135deg, var(--color-secondary-lila) 0%, var(--color-focus) 100%); color:#fff; text-align:center; padding:10px 20px; font-size:var(--section-preheadline-fontsize); font-weight:600; }
    .sticky-bar a { color:var(--color-accent-yellow); text-decoration:underline; font-weight:800; }
    /* Egyedi stílusok */
    .hero-section { background: linear-gradient(160deg, #0e0d22 0%, #1a0a3d 60%, #0a1a2e 100%); padding: clamp(100px,12vw,160px) 0 clamp(64px,8vw,100px); }
    .hero-section .hero-title { color: var(--color-white); margin: 0 0 var(--padding-lg); }
    .hero-sub { font-size:var(--section-subheadline-fontsize); color:rgba(255,255,255,0.75); line-height:1.6; margin:0 0 40px; }
.grad-text-warm { background:var(--gradient-cta); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
    .problem-item { display:flex; gap:16px; align-items:flex-start; padding:24px 0; border-bottom:1px solid rgba(137,42,225,0.12); }
    .problem-item:last-child { border-bottom:none; }
    .check-icon { flex-shrink:0; margin-top:3px; }
    .system-card { background:#fff; border-radius:var(--borderradius-md); border: var(--border-sm) solid rgba(10,173,188,0.15); padding: var(--padding-lg) var(--padding-md); transition:border-color 0.2s ease,box-shadow 0.2s ease; }
    .system-card:hover { border-color:var(--color-primary-turkiz); box-shadow:var(--boxshadow-diffuse-md); }
    .system-card-title box-headline { font-family:var(--section-headline-fontfamily); font-weight:900; font-size:clamp(22px,2.5vw,30px); color:var(--color-text); margin:0 0 12px; }
    .case-card { background:linear-gradient(135deg,rgba(10,173,188,0.07),rgba(137,42,225,0.10)); border: var(--border-xs) solid rgba(137,42,225,0.18); border-radius:var(--borderradius-md); padding: var(--padding-lg) var(--padding-md); }
    .step-num { font-family:var(--section-headline-fontfamily); font-weight:900; font-size:clamp(40px,5vw,64px); line-height:1.1; background:var(--gradient-turkiz-lila); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; flex-shrink:0; width:84px; text-align:left; }
    .bonus-card { background:linear-gradient(135deg,rgba(255,195,11,0.08),rgba(239,39,86,0.08)); border: var(--border-xs) solid rgba(255,195,11,0.35); border-radius:var(--borderradius-md); padding: var(--padding-lg) var(--padding-md); }
    .price-card { background:#fff; border-radius:var(--borderradius-lg); padding: var(--padding-xl) var(--padding-lg); box-shadow:var(--boxshadow-diffuse-lg); border: var(--border-sm) solid rgba(10,173,188,0.18); }
    .price-card.featured { border-color:var(--color-secondary-lila); background:linear-gradient(160deg,#fff 0%,rgba(137,42,225,0.03) 100%); }
    .price-tag { font-family:var(--section-headline-fontfamily); font-weight:900; font-size:clamp(36px,5vw,56px); color:var(--color-text); line-height:1; }
    .price-sub { font-size:var(--section-preheadline-fontsize); color:var(--grey); margin-top:4px; }
    .melinda-photo-placeholder { width:200px; height:200px; border-radius:50%; background:var(--gradient-turkiz-lila); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
    .not-for-you-item { display:flex; gap:12px; align-items:flex-start; padding:10px 0; }
    .form-section { background:linear-gradient(160deg,#0e0d22 0%,#1a0a3d 100%); padding:clamp(64px, 8vw, 120px) 0; }
    .form-box { background:rgba(255,255,255,0.05); border: var(--border-xs) solid rgba(10,173,188,0.25); border-radius:var(--borderradius-lg); padding: var(--padding-md); backdrop-filter:blur(10px); }
    @media (max-width: 768px) {
      .hero-grid { flex-direction: column; }
      .hero-img { display:none; }
      .price-grid { flex-direction:column; }
      .step-row { flex-direction:column; gap:12px; }
    }
    .mini-tag { display:inline-block; background:var(--gradient-turkiz-lila); color:#fff; font-size:12px; font-weight:800; padding:4px 12px; border-radius:20px; letter-spacing:0.06em; text-transform:uppercase; }
    .mini-tag-warm { background:var(--gradient-cta); }
    .divider { width:60px; height:4px; background:var(--gradient-turkiz-lila); border-radius:4px; margin:0 0 32px; }
    .nem-nem-item { display:flex; gap:14px; align-items:flex-start; margin-bottom:18px; }
    .hanem-item { display:flex; gap:14px; align-items:flex-start; margin-bottom:18px; }
    .list-item { display:flex !important; gap:14px; align-items:flex-start; margin-bottom:14px; list-style:none !important; padding-left:0 !important; }
    .list-item::before { display:none !important; content:none !important; }
    textarea.form-input { min-height:120px; resize:vertical; }
    .footer-link:hover { text-decoration:underline !important; }

    /* ── ÍGÉRET KÁRTYÁK ─────────────────────────────── */
    .promise-card { background:#fff; border-radius:var(--borderradius-md); padding: var(--padding-md) var(--padding-md); border: var(--border-xs) solid rgba(10,173,188,0.16); box-shadow:var(--boxshadow-diffuse-sm); display:flex; flex-direction:column; gap:14px; transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
    .promise-card:hover { transform:translateY(-4px); box-shadow:var(--boxshadow-diffuse-md); border-color:var(--color-primary-turkiz); }
    .promise-step { font-family:var(--section-headline-fontfamily); font-weight:900; font-size:13px; letter-spacing:.14em; color:var(--color-primary-turkiz); }
    .promise-title box-headline { font-family:var(--section-headline-fontfamily); font-weight:900; font-size:clamp(19px,2.1vw,23px); line-height:1.25; margin:0; color:var(--color-text); }

    /* ── FŐBB ELŐNYÖK ───────────────────────────────── */
    .benefit-card { background:#fff; border-radius:var(--borderradius-md); padding: var(--padding-md) var(--padding-md); border: var(--border-xs) solid rgba(137,42,225,0.14); box-shadow:var(--boxshadow-diffuse-sm); transition:transform .22s ease, box-shadow .22s ease; }
    .benefit-card:hover { transform:translateY(-4px); box-shadow:var(--boxshadow-diffuse-md); }
    .benefit-card.highlight { background:linear-gradient(150deg,rgba(10,173,188,0.09),rgba(137,42,225,0.10)); border: var(--border-sm) solid rgba(137,42,225,0.30); }

    /* ── REFERENCIA LOGÓK ───────────────────────────── */
    .logo-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:clamp(14px,2vw,28px); align-items:center; }
    .logo-item { display:flex; align-items:center; justify-content:center; padding:14px 10px; min-height:78px; }
    .logo-item img { max-width:100%; max-height:56px; width:auto; height:auto; object-fit:contain; filter:grayscale(100%); opacity:.62; transition:filter .25s ease, opacity .25s ease, transform .25s ease; }
    .logo-item:hover img { filter:grayscale(0); opacity:1; transform:scale(1.06); }

    /* ── NAGY SZÁMOK (önfejlesztés) ─────────────────── */
    .stat-big { text-align:center; padding:8px 6px; }
    .stat-big .num { font-family:var(--section-headline-fontfamily); font-weight:900; font-size:clamp(38px,4.6vw,62px); line-height:1; background:var(--gradient-turkiz-lila); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; display:block; }
    .stat-big .lbl { display:block; font-weight:800; font-size:var(--section-preheadline-fontsize); color:#fff; margin-top:8px; letter-spacing:.01em; }
    .stat-big .sub { display:block; font-size:0.82rem; color:rgba(255,255,255,0.48); margin-top:3px; }

    /* ── SZÓFELHŐ ───────────────────────────────────── */
.wc-4 { font-size:clamp(15px,1.9vw,21px); color:var(--grey); }
    .wc-5 { font-size:clamp(13px,1.5vw,17px); color:var(--grey); font-weight:700; }

    /* ── VIDEÓS VÉLEMÉNY ────────────────────────────── */
/* ── REFERENCIA KÉPERNYŐKÉPEK (görgő) ───────────── */
    .shot { border-radius:12px; overflow:hidden; background:#fff; border:1px solid rgba(18,17,42,.12); box-shadow:0 10px 34px rgba(18,17,42,.13); }
    .shot .bar { display:flex; gap:5px; align-items:center; padding:8px 12px; background:#f0eff7; border-bottom:1px solid rgba(18,17,42,.08); }
    .shot .bar i { width:9px; height:9px; border-radius:50%; background:#cfcde0; display:block; }
    .shot .win { height:clamp(230px,26vw,320px); overflow:hidden; position:relative; }
    .shot .win img { width:100%; display:block; transition:transform var(--dur,5s) cubic-bezier(.22,.61,.36,1); }
    .shot:hover .win img { transform:translateY(calc(-100% + clamp(230px,26vw,320px))); }
    .shot-static .win { height:auto; }
    .shot-static:hover .win img { transform:none; }
    .shot .cap { padding:11px 14px; font-size:0.82rem; font-weight:700; color:var(--grey); background:#fff; }

    /* ── MINŐSÉGI SZINTEK ───────────────────────────── */
/* ── LEGÖRDÜLŐ TELJES LISTA ─────────────────────── */
    .drop { border:1.5px solid rgba(137,42,225,0.22); border-radius:var(--borderradius-sm); background:rgba(255,255,255,0.6); margin-top:20px; }
    .drop > summary { cursor:pointer; list-style:none; padding:14px 20px; font-family:var(--section-headline-fontfamily); font-weight:800; font-size:var(--section-preheadline-fontsize); color:var(--color-secondary-lila); display:flex; justify-content:space-between; align-items:center; gap:12px; }
    .drop > summary::-webkit-details-marker { display:none; }
    .drop > summary::after { content:'▾'; font-size:16px; transition:transform .25s ease; }
    .drop[open] > summary::after { transform:rotate(180deg); }
    .drop .inner { padding:4px 20px 20px; border-top:1px solid rgba(137,42,225,0.14); }
    .drop ul { columns:2; column-gap:28px; list-style:none; padding:0; margin:14px 0 0; }
    .drop li { font-size:0.82rem; color:var(--grey); padding:3px 0; break-inside:avoid; display:flex; gap:7px; align-items:flex-start; }
    .drop li::before { content:'•'; color:var(--color-primary-turkiz); font-weight:900; flex-shrink:0; }
    @media (max-width:640px) { .drop ul { columns:1; } }

    /* ── MUNKAFOLYAMAT ÁLLOMÁSOK ────────────────────── */
    .journey { background:#fff; border-radius:var(--borderradius-md); padding: var(--padding-sm); border: var(--border-xs) solid rgba(10,173,188,0.16); box-shadow:var(--boxshadow-diffuse-sm); }
    .journey-badge { display:inline-flex; align-items:center; gap:9px; background:var(--gradient-turkiz-lila); color:#fff; font-family:var(--section-headline-fontfamily); font-weight:900; font-size:12px; letter-spacing:.14em; text-transform:uppercase; padding: var(--padding-xs) var(--padding-sm); border-radius: var(--borderradius-xl); margin-bottom:18px; }
    .mini-list { list-style:none; padding:0; margin:0; }
    .mini-list li { display:flex; gap:11px; align-items:flex-start; padding:7px 0; font-size:var(--section-preheadline-fontsize); color:var(--grey); }
    .mini-list li b { color:var(--color-text); }
    .dot { flex-shrink:0; width:7px; height:7px; border-radius:50%; background:var(--color-primary-turkiz); margin-top:8px; }

    /* ── ÉRTÉK KÁRTYA (mit jelent neked) ────────────── */
    .value-card { text-align:center; padding: var(--padding-md) var(--padding-sm); background:rgba(255,255,255,0.055); border: var(--border-xs) solid rgba(10,173,188,0.22); border-radius:var(--borderradius-md); transition:transform .22s ease, border-color .22s ease; }
    .value-card:hover { transform:translateY(-5px); border-color:var(--color-primary-turkiz); }
/* ══════ SZEKCIÓ-HÁTTEREK + LÁTHATÓ ELVÁLASZTÁS ══════ */
    .bg-a { background:#ffffff; }
    .bg-b { background:#f5f3ff; }
    .bg-c { background:linear-gradient(170deg,#f2fbfc 0%,#eaf4fd 100%); }
    .bg-d { background:linear-gradient(165deg,#0e0d22 0%,#1a0a3d 55%,#0a1a2e 100%); color:#fff; }
    .bg-d .section-headline, .bg-d .section-preheadline { color:var(--color-primary-turkiz); }
    .bg-d .section-subheadline {color:rgba(255,255,255,0.68);}
    /* finom, de érezhető határvonal a világos szekciók tetején */
    .sec-div { position:relative; }
    .sec-div::before { content:''; position:absolute; top:0; left:50%; transform:translateX(-50%);
      width:min(1100px,86%); height:2px; border-radius:2px;
      background:linear-gradient(90deg,transparent,rgba(137,42,225,.28),rgba(10,173,188,.28),transparent); }

    /* ══════ SZÉLESEBB TÁROLÓ (egysoros rácsokhoz) ══════ */
    .content-xwide { max-width:1600px; margin-left:auto; margin-right:auto;
      padding-left:clamp(16px,3vw,48px); padding-right:clamp(16px,3vw,48px); }

    /* 6 előnykártya egy sorban */
    .benefit-row { display:grid; grid-template-columns:repeat(6,1fr); gap:clamp(12px,1.2vw,20px); }
    .benefit-row .benefit-card { padding: var(--padding-sm) var(--padding-sm); }
    .benefit-row .benefit-card h3 { font-size:clamp(16px,1.15vw,18px); }
    .benefit-row .benefit-card p { font-size:14px; }
    .benefit-row .icon-wrap { width:52px; height:52px; }
    @media (max-width:1400px) { .benefit-row { grid-template-columns:repeat(3,1fr); } }
    @media (max-width:820px)  { .benefit-row { grid-template-columns:repeat(2,1fr); } }
    @media (max-width:520px)  { .benefit-row { grid-template-columns:1fr; } }

    /* 5 értékkártya egy sorban ("mit jelent neked") */
    .value-row { display:grid; grid-template-columns:repeat(5,1fr); gap:clamp(14px,1.6vw,24px); }
    @media (max-width:1300px) { .value-row { grid-template-columns:repeat(3,1fr); } }
    @media (max-width:760px)  { .value-row { grid-template-columns:repeat(2,1fr); } }
    @media (max-width:480px)  { .value-row { grid-template-columns:1fr; } }
    .value-icon { width:58px; height:58px; border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 16px; background:linear-gradient(135deg,rgba(10,173,188,0.24),rgba(137,42,225,0.26)); border:1px solid rgba(255,255,255,0.14); }

    /* 7 számadat egy sorban – kisebb, vékonyabb számok */
    .stat-row { display:grid; grid-template-columns:repeat(7,1fr); gap:clamp(10px,1.4vw,26px); }
    .stat-row .num { font-size:clamp(26px,2.5vw,44px); font-weight:800; }
    .stat-row .lbl { font-size:15px; font-weight:700; }
    .stat-row .sub { font-size:13px; }
    @media (max-width:1300px) { .stat-row { grid-template-columns:repeat(4,1fr); } }
    @media (max-width:760px)  { .stat-row { grid-template-columns:repeat(2,1fr); } }

    /* Sikersztorik – 2×2 desktopon, 1 oszlop mobilon */
    .case-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:28px; }
    .case-card .stat-number { white-space:normal !important; word-break:break-word; }
    @media (max-width:780px) { .case-grid { grid-template-columns:1fr; } }

    /* Ígéret-kártyák záró sora – 30-30%, középre */
    .promise-close { display:flex; flex-wrap:wrap; justify-content:center; gap:24px; margin-top:24px; }
    .promise-close .promise-card { flex:0 1 30%; min-width:290px; }

    /* ══════ REFERENCIA LOGÓK – flex, középre, színesen ══════ */
    .logo-flex { display:flex; flex-wrap:wrap; justify-content:center; align-items:center;
      gap:clamp(16px,2.4vw,40px); }
    .logo-flex .logo-item { padding:10px; }
    .logo-flex img { filter:none; opacity:1; max-height:52px; width:auto;
      transition:transform .25s ease; }
    .logo-flex .logo-item:hover img { transform:scale(1.07); }
    .logo-flex.featured { gap:clamp(24px,3.4vw,56px); margin-bottom:clamp(28px,4vw,44px); }
    .logo-flex.featured img { max-height:92px; }
    @media (max-width:640px) { .logo-flex.featured img { max-height:62px; } .logo-flex img { max-height:40px; } }

    /* ══════ ELÉGEDETTSÉGI SÁVOK + KÖRDIAGRAM ══════ */
    .sat-bar { position:relative; background:#d8dbe6; border-radius:5px; overflow:hidden;
      box-shadow:0 3px 14px rgba(18,17,42,.10); margin-bottom:16px; }
    .sat-bar .fill { background:var(--color-primary-turkiz); color:#fff; padding:16px 22px;
      display:flex; justify-content:space-between; align-items:center; gap:16px;
      font-weight:800; font-size:var(--text-fontsize); border-radius:5px; }
    .sat-bar .fill .pct { font-family:var(--section-headline-fontfamily); font-weight:900; font-size:clamp(19px,2vw,25px); white-space:nowrap; }
    .pie-legend { display:flex; flex-direction:column; gap:12px; }
    .pie-legend .row { display:flex; gap:11px; align-items:flex-start; font-size:var(--section-preheadline-fontsize); }
    .pie-legend .sw { width:15px; height:15px; border-radius:4px; flex-shrink:0; margin-top:4px; }
    .pie-legend .zero { color:var(--grey); }

    /* ══════ BÓNUSZ LISTA GOMB + MODÁLIS ABLAK ══════ */
    .btn-list-open { display:inline-flex; align-items:center; gap:6px; background:none; border:1.5px solid rgba(137,42,225,0.35); color:var(--color-secondary-lila); font-family:var(--section-headline-fontfamily); font-weight:800; font-size:var(--section-preheadline-fontsize); padding:11px 22px; border-radius:24px; cursor:pointer; transition:background .2s ease, color .2s ease, transform .2s ease; }
    .btn-list-open:hover { background:var(--color-secondary-lila); color:#fff; transform:translateY(-2px); }
    .modal-overlay { display:none; position:fixed; inset:0; background:rgba(14,13,34,0.72); backdrop-filter:blur(3px); z-index:1000; align-items:center; justify-content:center; padding:24px; }
    .modal-overlay.open { display:flex; }
    .modal-box { background:#fff; border-radius:var(--borderradius-md); padding: var(--padding-md); max-width:640px; width:100%; max-height:82vh; overflow-y:auto; position:relative; box-shadow:var(--boxshadow-diffuse-lg); }
    .modal-close { position:absolute; top:16px; right:16px; width:36px; height:36px; border-radius:50%; border:none; background:var(--color-surface); color:var(--color-text); font-size:22px; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background .2s ease; }
    .modal-close:hover { background:rgba(137,42,225,0.15); }
    .modal-box ul { columns:2; column-gap:28px; list-style:none; padding:0; margin:0; }
    .modal-box li { font-size:0.82rem; color:var(--grey); padding:4px 0; break-inside:avoid; display:flex; gap:7px; align-items:flex-start; }
    .modal-box li::before { counter-increment: modal-li; content: counter(modal-li) '.'; color:var(--color-primary-turkiz); font-weight:400; flex-shrink:0; }
    .modal-box ul { counter-reset: modal-li; }
    @media (max-width:560px) { .modal-box ul { columns:1; } }
  
    /* KÖZÉPRE IGAZÍTOTT SZÖVEGTÁROLÓK */
    /* A bekezdés/címsor vagy annak szűkített div-tárolója text-align:center esetén
       maga is vízszintesen középre zár; a függőleges térköz változatlan marad. */
    .ai-page-content :is(h1, h2, h3, h4, h5, h6, p, span, div)[style*="text-align:center"],
    .ai-page-content :is(h1, h2, h3, h4, h5, h6, p, span, div)[style*="text-align: center"] {
      margin-left: auto !important;
      margin-right: auto !important;
    }