/* ===================================================
   MUDAWIN - ANA SAYFA STİLLERİ (OPTİMİZE EDİLMİŞ)
   =================================================== */

:root {
    --mudawin-accent:    #a855f7;
    --mudawin-bg:        #ffffff;
    --mudawin-text:      #0f172a;
    --mudawin-muted:     #475569;
    --color-mu:          #a855f7;
    --color-da:          #a855f7;
    --color-win:         #ff9a00;
}

/* ── 1. GENEL RESET ─────────────────────────────── */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

/* SAĞDAKİ BOŞLUK / YATAY KAYMA DÜZELTMESİ */
html, body {
    overflow-x: hidden;
    max-width: 100%;
}

.mudawin-body {
    background: var(--mudawin-bg);
    color: var(--mudawin-text);
    font-family: 'Inter', sans-serif;
    scroll-behavior: smooth;
    overflow-x: hidden;   /* ← kritik fix */
}

/* ── 2. ÖZEL İMLEÇ ──────────────────────────────── */
#mudawin-cursor {
    width: 20px; height: 20px;
    background: #000;
    border-radius: 50%;
    position: fixed;
    z-index: 9999;
    pointer-events: none;
    transition: transform .1s ease;
}
@media (max-width: 1024px) { #mudawin-cursor { display: none !important; } }

/* ── 3. ARKA PLAN PARLAMASI ─────────────────────── */
.mudawin-bg-glow {
    position: fixed;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 600px; height: 600px;
    background: radial-gradient(circle, rgba(168,85,247,.12), transparent 70%);
    z-index: 1;
    pointer-events: none;
}

/* ── 4. LOGO ANİMASYONU ─────────────────────────── */
.mw-mu, .mw-da, .mw-win {
    display: inline-block;
    font-weight: 900;
    animation: mw-pulse 3s infinite ease-in-out;
}
.mw-mu  { color: var(--color-mu); text-shadow: 0 0 15px rgba(167,40,169,.2); }
.mw-da  { color: var(--color-da); text-shadow: 0 0 15px rgba(85,41,196,.2); animation-delay: .5s; }
.mw-win { color: var(--color-win); text-shadow: 0 0 15px rgba(255,154,0,.3); animation-delay: 1s; }

@keyframes mw-pulse {
    0%,100% { transform: scale(1);    filter: brightness(1); }
    50%      { transform: scale(1.03); filter: brightness(1.2) saturate(1.3); }
}

/* ── 5. HERO FLIP WORD ──────────────────────────── */
#mudawin-flip-word {
    display: inline-block;
    min-width: 280px;
    font-weight: 900;
    color: var(--mudawin-accent);
}

/* ── 6. 3D TELEFON SAHNESİ ──────────────────────── */
.mudawin-stage {
    position: fixed;
    top: 0; right: 0;
    width: 50%; height: 100vh;
    perspective: 2000px;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 20;
    /* Taşmayı önle */
    overflow: hidden;
}

.mudawin-phone-model {
    position: relative;
    width: 280px; height: 580px;
    background: #111;
    border-radius: 45px;
    border: 8px solid #222;
    transform-style: preserve-3d;
    transform: rotateY(-20deg) rotateX(10deg);
    box-shadow: -50px 50px 100px rgba(0,0,0,.15);
}

.mudawin-screen-wrapper {
    position: absolute;
    inset: 5px;
    background: #000;
    border-radius: 35px;
    overflow: hidden;
    transform-style: preserve-3d;
}

.mudawin-app-ui {
    position: absolute;
    width: 100%; height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity .6s ease-in-out;
}
.mudawin-app-ui.mudawin-is-active { opacity: 1; }

/* ── 7. İÇERİK BÖLÜMLERİ ───────────────────────── */
.mudawin-main-content { position: relative; z-index: 10; }

.mudawin-section {
    height: 100vh;
    display: flex;
    align-items: center;
    padding-left: 10%;
    position: relative;
}

.mudawin-content-box { max-width: 600px; }

.mudawin-hero-title {
    font-size: clamp(2.5rem, 5vw, 4.2rem);
    font-weight: 900;
    line-height: 1.1;
    margin-bottom: 1.5rem;
    color: #1a1a1a;
}

.mudawin-sub-title {
    font-size: clamp(2rem, 4vw, 3.5rem);
    font-weight: 900;
    line-height: 1.1;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
}

.mudawin-description {
    color: var(--mudawin-muted);
    font-size: 1.2rem;
    line-height: 1.6;
    margin-bottom: 2rem;
    max-width: 480px;
}

/* ── 8. BUTONLAR & BADGE'LER ────────────────────── */
.mudawin-btn-primary {
    background: rgba(168,85,247,.08);
    border: 1px solid var(--mudawin-accent);
    padding: 1rem 2.5rem;
    border-radius: 100px;
    color: var(--mudawin-accent);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    transition: all .3s ease;
}
.mudawin-btn-primary:hover {
    background: var(--mudawin-accent);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(168,85,247,.2);
}

.mudawin-store-badges {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
    margin-top: 10px;
}

.mudawin-badge {
    height: 48px; width: auto;
    cursor: pointer;
    transition: transform .2s ease;
}
.mudawin-badge:hover { transform: scale(1.05); }

/* ── 9. WHO / WIN-WIN KARTLARI ──────────────────── */
.who-section{
  position: relative;
  padding: 64px 0;
  background: #ffffff; /* TAM BEYAZ */
}

.who-section .win-accent {
    background: linear-gradient(90deg, var(--mudawin-accent), var(--color-win));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900;
}

.who-section .section-title {
    font-size: clamp(2.2rem, 4vw, 3.4rem);
    letter-spacing: -.02em;
    line-height: 1.15;
    color: #0f172a;
}

.who-card {
    position: relative;
    background: #fff;
    color: #0f172a;
    border-radius: 28px;
    padding: 3rem 2.8rem;
    border: 2px solid var(--mudawin-accent);
    box-shadow: 0 20px 50px rgba(0,0,0,.08);
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
    overflow: hidden; /* taşma önleme */
    min-width: 0;     /* grid fix */
}

.who-card::before {
    content: "";
    position: absolute;
    inset: -40%;
    background: radial-gradient(circle, rgba(255,255,255,.18), transparent 60%);
    opacity: 0;
    transition: opacity .4s ease;
    pointer-events: none;
}

.who-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 30px 80px rgba(168,85,247,.18);
    border-color: var(--color-win);
}
.who-card:hover::before { opacity: 1; }

.who-card h3 {
    font-size: 1.7rem;
    font-weight: 900;
    margin-bottom: 1.2rem;
    color: #0f172a;
}
.who-card p { color: var(--mudawin-muted); }
.who-card .feature-list li { color: #0f172a; font-weight: 600; }
.who-card .feature-list li::before { content: "✓"; color: var(--mudawin-accent); }

/* ── 10. 3D STAND IFRAME ────────────────────────── */
.mw-stand-frame {
    width: 100%; max-width: 1000px;
    height: 650px;
    border: 0;
    border-radius: 24px;
    background: #f3f4f6;
    box-shadow: 0 30px 60px rgba(0,0,0,.08);
}

/* ── 11. HOW IT WORKS (STEPS) ───────────────────── */
.mw-steps-section {
    background: #fbfbfd;
    perspective: 1500px;
}

.mw-step-card {
    position: relative;
    background: #fff;
    padding: 2.5rem 2rem;
    border-radius: 24px;
    box-shadow: 0 15px 35px rgba(0,0,0,.05);
    border: 1px solid rgba(0,0,0,.03);
    transform-style: preserve-3d;
    transition: all .4s cubic-bezier(.175,.885,.32,1.275);
    z-index: 2;
    min-width: 0;
}
.mw-step-card:hover {
    transform: translateY(-10px) rotateX(5deg) rotateY(5deg);
    box-shadow: 0 30px 60px rgba(148,58,252,.15);
    border-color: var(--mudawin-accent);
}

.mw-step-number {
    position: absolute;
    top: -25px; left: 25px;
    width: 50px; height: 50px;
    background: linear-gradient(135deg, var(--color-mu), var(--color-da));
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 1.5rem;
    border-radius: 15px;
    box-shadow: 0 10px 20px rgba(85,41,196,.3);
    transform: translateZ(20px);
}

.mw-step-content { transform: translateZ(10px); }

.mw-arrow {
    position: absolute;
    top: 50%; right: -40px;
    width: 30px; height: 2px;
    background: var(--mudawin-accent);
    opacity: .3;
    z-index: 1;
}
.mw-arrow::after {
    content: '';
    position: absolute;
    right: 0; top: -4px;
    width: 10px; height: 10px;
    border-top: 2px solid var(--mudawin-accent);
    border-right: 2px solid var(--mudawin-accent);
    transform: rotate(45deg);
}

/* ── 12. İSTATİSTİKLER ──────────────────────────── */
.mw-stats-section {
    padding: 90px 0;
    background: linear-gradient(180deg, #fff 0%, #fbfbff 100%);
    position: relative;
    z-index: 90;
}

.mw-stats-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    align-items: stretch;
}

.mw-stat {
    background: #fff;
    border: 1px solid rgba(15,23,42,.06);
    border-radius: 22px;
    padding: 26px 22px;
    box-shadow: 0 18px 40px rgba(0,0,0,.06);
    min-width: 0;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.mw-stat:hover {
    transform: translateY(-6px);
    border-color: rgba(168,85,247,.35);
    box-shadow: 0 26px 60px rgba(0,0,0,.08);
}

.mw-stat-top { display: flex; align-items: baseline; gap: 6px; margin-bottom: 10px; }

.mw-stat-num {
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1;
    font-weight: 900;
    color: var(--color-da);
    letter-spacing: -.02em;
}

.mw-stat-plus {
    font-size: 1.6rem;
    font-weight: 900;
    color: var(--color-win);
    line-height: 1;
}

.mw-stat-label { margin: 0; color: var(--mudawin-muted); font-weight: 700; font-size: 1.05rem; }

/* ── 13. İŞLETME + STAND ────────────────────────── */
.mw-business-stand {
    padding: 110px 0;
    background: #fff;
    position: relative;
    z-index: 95;
}

.mw-business-grid {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: 36px;
    align-items: center;
}

.mw-business-title {
    font-size: clamp(2.1rem, 4vw, 3.2rem);
    line-height: 1.05;
    font-weight: 900;
    color: #111827;
    margin-bottom: 14px;
}
.mw-business-title span { color: var(--mudawin-accent); text-shadow: 0 10px 30px rgba(168,85,247,.18); }

.mw-business-desc {
    color: var(--mudawin-muted);
    font-size: 1.15rem;
    line-height: 1.75;
    margin-bottom: 18px;
    max-width: 540px;
}

.mw-business-bullets { list-style: none; padding: 0; margin: 0 0 22px; }
.mw-business-bullets li {
    padding: 10px 0;
    border-bottom: 1px solid rgba(15,23,42,.06);
    color: #0f172a;
    font-weight: 600;
}

.mw-business-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 10px; }

.mw-business-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 18px;
    border-radius: 999px;
    font-weight: 800;
    letter-spacing: .2px;
    text-decoration: none;
    border: 1px solid var(--mudawin-accent);
    background: var(--mudawin-accent);
    color: #fff;
    box-shadow: 0 18px 40px rgba(168,85,247,.22);
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
}
.mw-business-btn:hover { transform: translateY(-2px); box-shadow: 0 26px 60px rgba(168,85,247,.28); }

.mw-business-btn--ghost {
    background: rgba(168,85,247,.08);
    color: var(--mudawin-accent);
    box-shadow: none;
}
.mw-business-btn--ghost:hover { background: var(--mudawin-accent); color: #fff; }

/* Stand wrapper */
.mw-stand-wrap {
    position: relative;
    border-radius: 26px;
    padding: 18px 18px 22px;
    background: linear-gradient(180deg, #fbfbff, #fff);
    border: 1px solid rgba(15,23,42,.06);
    box-shadow: 0 26px 70px rgba(0,0,0,.08);
    overflow: hidden;
}

.mw-stand-glow {
    position: absolute;
    inset: -120px -140px auto auto;
    width: 280px; height: 280px;
    background: radial-gradient(circle, rgba(168,85,247,.25), transparent 70%);
    pointer-events: none;
    filter: blur(2px);
}

.mw-stand-title {
    position: relative;
    z-index: 2;
    margin: 6px 0 14px;
    font-weight: 900;
    font-size: 1.1rem;
    color: #111827;
    text-align: center;
}

.mw-stand-wrap .mw-stand-frame {
    position: relative;
    z-index: 2;
    max-width: 100%;
    height: 560px;
    border-radius: 20px;
}

/* ── 14. FINAL CTA ──────────────────────────────── */
.mw-final-cta {
    padding: 110px 0 120px;
    background:
        radial-gradient(circle at 20% 10%, rgba(167,40,169,.10), transparent 45%),
        radial-gradient(circle at 80% 20%, rgba(85,41,196,.12), transparent 50%),
        linear-gradient(180deg, #fff, #fbfbff);
    position: relative;
    z-index: 90;
}

.mw-final-inner {
    max-width: 980px;
    margin: 0 auto;
    text-align: center;
    background: #fff;
    border: 1px solid rgba(15,23,42,.06);
    border-radius: 28px;
    padding: 54px 22px;
    box-shadow: 0 30px 90px rgba(0,0,0,.08);
}

.mw-final-title {
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 900;
    color: #111827;
    letter-spacing: -.02em;
    margin-bottom: 12px;
}

.mw-final-desc {
    color: var(--mudawin-muted);
    font-size: 1.15rem;
    line-height: 1.7;
    max-width: 680px;
    margin: 0 auto 22px;
}

.mw-final-badges { justify-content: center; margin-top: 12px; }

/* ── 15. KARŞILAŞTIRMA TABLOSU ──────────────────── */
.mw-compare-section {
    padding: 120px 0;
    background:
        radial-gradient(circle at 20% 10%, rgba(168,85,247,.08), transparent 45%),
        radial-gradient(circle at 80% 20%, rgba(255,154,0,.10), transparent 45%),
        #fff;
    position: relative;
    z-index: 90;
    overflow-x: hidden; /* taşma önleme */
}

.mw-compare-title {
    text-align: center;
    font-size: clamp(2.2rem, 4vw, 3.2rem);
    font-weight: 900;
    line-height: 1.15;
    margin-bottom: 60px;
    color: #111827;
}
.mw-compare-title span { color: var(--mudawin-accent); }

.mw-compare-table {
    max-width: 900px;
    margin: 0 auto;
    border-radius: 28px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 30px 80px rgba(0,0,0,.08);
    border: 1px solid rgba(15,23,42,.06);
    width: 100%; /* taşma önleme */
}

.mw-compare-row {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    align-items: center;
    padding: 22px 26px;
    font-size: 1.05rem;
    font-weight: 600;
    min-width: 0; /* grid fix */
}
.mw-compare-row:not(.mw-compare-head) { border-top: 1px solid rgba(15,23,42,.06); }
.mw-compare-row > div { min-width: 0; } /* kritik grid overflow fix */

.mw-compare-head {
    background: linear-gradient(135deg, var(--color-mu), var(--color-da));
    color: #fff;
    font-weight: 900;
}
.mw-compare-head div { text-align: center; font-size: 1.1rem; }
.mw-compare-row div:first-child { text-align: left; font-weight: 700; color: #0f172a; overflow-wrap: anywhere; word-break: break-word; }
.mw-compare-head div:first-child { color: #fff; }

.mw-compare-row .yes { color: #22c55e; font-size: 1.4rem; text-align: center; }
.mw-compare-row .no  { color: #ef4444; font-size: 1.4rem; text-align: center; }
.mw-compare-row:not(.mw-compare-head):hover { background: rgba(168,85,247,.04); }

/* ── 16. FAQ ────────────────────────────────────── */
.mw-faq-section {
    padding: 90px 0;
    background:
        radial-gradient(circle at 15% 10%, rgba(168,85,247,.08), transparent 45%),
        radial-gradient(circle at 85% 20%, rgba(255,154,0,.10), transparent 45%),
        #fff;
    position: relative;
    z-index: 90;
    overflow-x: hidden;
}

.mw-faq-head { max-width: 980px; margin: 0 auto 32px; text-align: center; padding: 0 12px; }

.mw-faq-title {
    font-size: clamp(1.9rem, 5vw, 3rem);
    font-weight: 900;
    line-height: 1.15;
    color: #111827;
    margin-bottom: 10px;
    letter-spacing: -.02em;
}
.mw-faq-title span { color: var(--mudawin-accent); text-shadow: 0 10px 30px rgba(168,85,247,.18); }

.mw-faq-desc { color: var(--mudawin-muted); font-size: 1.05rem; line-height: 1.7; max-width: 760px; margin: 0 auto; }

.mw-faq-grid { max-width: 980px; margin: 0 auto; display: grid; grid-template-columns: 1fr; gap: 14px; padding: 0 12px; }

.mw-faq-item {
    width: 100%;
    background: #fff;
    border: 1px solid rgba(15,23,42,.10);
    border-radius: 20px;
    padding: 18px 16px;
    text-align: left;
    cursor: pointer;
    box-shadow: 0 16px 38px rgba(0,0,0,.06);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    min-width: 0;
}

@media (hover: hover) {
    .mw-faq-item:hover {
        transform: translateY(-4px);
        border-color: rgba(168,85,247,.35);
        box-shadow: 0 26px 70px rgba(0,0,0,.08);
    }
}

.mw-faq-q {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 12px;
    font-weight: 900;
    font-size: 1.05rem;
    color: #0f172a;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.mw-faq-ico {
    width: 36px; height: 36px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 1.1rem;
    color: var(--mudawin-accent);
    background: rgba(168,85,247,.10);
    border: 1px solid rgba(168,85,247,.25);
    flex-shrink: 0;
    transition: background .2s ease, color .2s ease;
}

.mw-faq-a {
    margin-top: 12px;
    color: var(--mudawin-muted);
    line-height: 1.75;
    font-size: 1rem;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height .35s ease, opacity .25s ease;
}

.mw-faq-item[aria-expanded="true"] .mw-faq-a  { max-height: 260px; opacity: 1; }
.mw-faq-item[aria-expanded="true"] .mw-faq-ico { background: var(--mudawin-accent); color: #fff; }

.mw-faq-cta {
    margin-top: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 12px;
}

.mw-faq-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 22px;
    border-radius: 999px;
    font-weight: 900;
    text-decoration: none;
    border: 1px solid var(--mudawin-accent);
    background: rgba(168,85,247,.08);
    color: var(--mudawin-accent);
    min-width: 240px;
    text-align: center;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
}
@media (hover: hover) {
    .mw-faq-btn:hover {
        background: var(--mudawin-accent);
        color: #fff;
        transform: translateY(-2px);
        box-shadow: 0 22px 50px rgba(168,85,247,.25);
    }
}

/* ── 17. RESPONSIVE ─────────────────────────────── */

/* Tablet (≤1024px) */
@media (max-width: 1024px) {
    .mudawin-stage { width: 100%; opacity: .2; z-index: 5; overflow: hidden; }
    .mudawin-section { padding-left: 5%; padding-right: 5%; justify-content: center; text-align: center; }
    .mudawin-content-box { display: flex; flex-direction: column; align-items: center; }
    #mudawin-flip-word { min-width: auto; }
    .mudawin-store-badges { justify-content: center; }

    .mw-stats-grid    { grid-template-columns: 1fr; }
    .mw-business-grid { grid-template-columns: 1fr; }
    .mw-stand-wrap .mw-stand-frame { height: 520px; }
}

/* Tablet küçük (≤768px) */
@media (max-width: 768px) {
    .mw-arrow { display: none; }
    .mw-steps-grid { gap: 4rem; }
    .mw-step-card { max-width: 400px; margin: 0 auto; }

    .mw-compare-row { grid-template-columns: 1.6fr 1fr 1fr; font-size: .95rem; padding: 18px; }
    .mw-compare-title { margin-bottom: 40px; }
    .mw-compare-table { border-radius: 22px; }
    .mw-compare-row .yes, .mw-compare-row .no { font-size: 1.25rem; }

    .mw-faq-section { padding: 110px 0; }
    .mw-faq-title { font-size: clamp(2.2rem, 4vw, 3.2rem); }
    .mw-faq-desc  { font-size: 1.1rem; }
    .mw-faq-item  { padding: 20px; border-radius: 22px; }
}

/* Desktop ok gizle */
@media (min-width: 769px) {
    .mw-step-card[data-step="3"] .mw-arrow,
    .mw-step-card[data-step="6"] .mw-arrow { display: none; }
}

/* Küçük telefon (≤520px) */
@media (max-width: 520px) {
    .mw-compare-head { display: none; }
    .mw-compare-row { grid-template-columns: 1fr 1fr; gap: 10px; padding: 14px; }
    .mw-compare-row div:first-child { grid-column: 1 / -1; font-size: .98rem; font-weight: 800; margin-bottom: 2px; }
    .mw-compare-row div:nth-child(2),
    .mw-compare-row div:nth-child(3) {
        display: flex; flex-direction: column; align-items: center; justify-content: center;
        gap: 6px; padding: 10px 8px; border-radius: 14px;
        border: 1px solid rgba(15,23,42,.08); background: #f8fafc;
    }
    .mw-compare-row div:nth-child(2)::before { content: "Klasik Kart"; font-size: .78rem; font-weight: 800; color: #64748b; letter-spacing: .2px; }
    .mw-compare-row div:nth-child(3)::before { content: "MudaWIN";     font-size: .78rem; font-weight: 800; color: #64748b; letter-spacing: .2px; }
    .mw-compare-row .yes, .mw-compare-row .no { line-height: 1; font-size: 1.35rem; }
}

/* Mobil (≤480px) */
@media (max-width: 480px) {
    .mudawin-badge      { height: 40px; }
    .mudawin-hero-title { font-size: 2.2rem; }
    .who-section        { padding: 60px 0; }
    .who-section .section-title { font-size: 1.8rem; margin-bottom: 2rem; }
    .who-card           { padding: 1.8rem 1.4rem; }
    .mw-stats-section   { padding: 70px 0; }
    .mw-business-stand  { padding: 80px 0; }
    .mw-final-cta       { padding: 80px 0 90px; }
    .mw-stand-wrap      { padding: 14px; }
    .mw-stand-wrap .mw-stand-frame { height: 460px; }
    .mw-faq-section     { padding: 72px 0; }
    .mw-faq-item        { padding: 16px 14px; }
    .mw-faq-q           { font-size: .98rem; }
    .mw-faq-desc        { font-size: .98rem; }
    .mw-faq-btn         { width: 100%; min-width: 0; }
}

/* Çok küçük (≤420px) */
@media (max-width: 420px) {
    .mw-compare-title { margin-bottom: 28px; }
    .mw-compare-row   { padding: 12px; }
    .mw-compare-row div:first-child { font-size: .95rem; }
}

/* Desktop FAQ max-height */
@media (min-width: 1024px) {
    .mw-faq-section { padding: 130px 0; }
    .mw-faq-grid    { gap: 16px; }
    .mw-faq-q       { font-size: 1.1rem; }
    .mw-faq-item[aria-expanded="true"] .mw-faq-a { max-height: 220px; }
}
/* SECTION 7 – Genel grid ortalama + genişlik kontrolü */
.mw-business-stand .mw-business-grid{
  /* Eğer zaten grid/flex tanımın varsa bozmaz, sadece merkezler */
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;

  /* Daha dengeli boşluk */
  gap: 48px;
  align-items: center;
}

/* Sol metin bloğu: desktop’ta sola yapışmayı azalt */
@media (min-width: 1024px){
  .mw-business-stand .mw-business-copy{
    padding-left: 32px;   /* İstersen 24 / 40 yapabiliriz */
  }
}

/* Çok geniş ekranlarda biraz daha yumuşat */
@media (min-width: 1280px){
  .mw-business-stand .mw-business-copy{
    padding-left: 44px;
  }
}