/* MODAL / OVERLAY Z-INDEX (SAP bar 9985 üstünde) */
@media (max-width: 1023px) {
    body.sayfa-kesfet .kesfet-lokasyon-modal,
    .ig-reel-modal,
    .lightbox {
        z-index: 10060;
    }

    dialog.hakkimizda-lightbox[open] {
        z-index: 10060;
    }

    /* Modal açıkken alt navigasyon gizle */
    body.kesfet-modal-acik .sap-mobil,
    body.kesfet-modal-acik .sap-mobil-yukari,
    body.ig-reel-modal-acik .sap-mobil,
    body.ig-reel-modal-acik .sap-mobil-yukari,
    body.lightbox-acik .sap-mobil,
    body.lightbox-acik .sap-mobil-yukari {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translateY(100%);
    }
}

/* 320–374px */
@media (max-width: 374px) {
    .kapsayici,
    .kapsayici-header {
        padding-inline: max(12px, env(safe-area-inset-left, 0px)) max(12px, env(safe-area-inset-right, 0px));
    }

    .hdr-marka {
        max-width: min(52vw, 180px);
    }

    .sap-mobil-etiket {
        font-size: 0.75rem;
    }

    .hero-marka-ad {
        letter-spacing: -0.02em;
    }
}

/* DOKUNMA HEDEFLERİ */
@media (max-width: 767px) {
    .hdr-hamburger {
        min-height: 52px;
        min-width: 52px;
    }

    .iletisim-mobil-hizli-oge {
        min-height: 48px;
    }

    .footer-liste a,
    .footer-yasal-nav a {
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .kesfet-lokasyon-modal-kapat,
    .kesfet-lokasyon-modal-kapat-alt,
    .kesfet-lokasyon-modal-harita,
    .ig-reel-modal-kapat,
    .ig-reel-modal-nav-btn {
        min-height: 44px;
        min-width: 44px;
    }

    /* Lezzet filtre — yatay kaydırma + touch */
    body.sayfa-lezzetler .lezzet-filtreler {
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        scroll-snap-type: x proximity;
        mask-image: linear-gradient(to right, transparent, #000 10px, #000 calc(100% - 10px), transparent);
    }

    body.sayfa-lezzetler .lezzet-filtreler::-webkit-scrollbar {
        display: none;
    }

    body.sayfa-lezzetler .lezzet-filtre {
        flex-shrink: 0;
        scroll-snap-align: start;
        min-height: 44px;
        touch-action: manipulation;
    }

    /* Kart dokunma geri bildirimi (hover yok) */
    body.sayfa-lezzetler .lk-kart:active .lk-kart-govde,
    body.sayfa-kesfet .kesfet-lokasyon-kart:active,
    body.sayfa-misafirler .misafirler-reel-kart:active {
        transform: scale(0.985);
        transition: transform 0.12s ease;
    }

    /* Harita iframe — CLS ve taşma */
    .iletisim-harita-cerceve {
        aspect-ratio: 4 / 3;
        min-height: 220px;
    }

    .iletisim-harita-cerceve iframe {
        width: 100%;
        height: 100%;
        border: 0;
    }

    /* Modal alt CTA — tam genişlik, safe area */
    body.sayfa-kesfet .kesfet-lokasyon-modal-alt .btn,
    body.sayfa-kesfet .kesfet-lokasyon-modal-harita,
    body.sayfa-kesfet .kesfet-lokasyon-modal-kapat-alt {
        min-height: 48px;
    }

    /* Keşfet modal — drag handle görsel ipucu */
    body.sayfa-kesfet .kesfet-lokasyon-modal-panel::before {
        content: '';
        display: block;
        width: 36px;
        height: 4px;
        margin: 0 auto 10px;
        border-radius: 999px;
        background: rgba(0, 0, 0, 0.18);
    }

    body.sayfa-kesfet .kesfet-lokasyon-modal.aktif .kesfet-lokasyon-modal-panel::before {
        display: block;
    }
}

/* LANDSCAPE MOBİL */
@media (max-width: 767px) and (max-height: 500px) and (orientation: landscape) {
    .hero-icerik {
        padding-top: calc(var(--header-ic-yukseklik, 48px) + 8px);
        padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px));
    }

    .hero-marka-ad {
        font-size: clamp(2.5rem, 12vw, 3.5rem);
    }

    .hero-butonlar .btn-seffaf {
        display: inline-flex;
    }

    .header-sarmal--hero .ana-header:not(.scrolled) .hdr-marka-gorsel {
        height: 56px;
        width: auto;
    }
}

/* TABLET (768–1023) */
@media (min-width: 480px) and (max-width: 1023px) {
    body.sayfa-lezzetler .lezzet-filtreler {
        flex-wrap: nowrap;
        overflow-x: auto;
        justify-content: flex-start;
        overscroll-behavior-x: contain;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    body.sayfa-lezzetler .lezzet-filtreler::-webkit-scrollbar {
        display: none;
    }

    body.sayfa-lezzetler .lezzet-filtre {
        flex-shrink: 0;
        min-height: 44px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.sayfa-lezzetler .lk-kart:active .lk-kart-govde,
    body.sayfa-kesfet .kesfet-lokasyon-kart:active,
    body.sayfa-misafirler .misafirler-reel-kart:active {
        transform: none;
    }
}