/**
 * Telefon-native katman — yalnızca dar ekran (≤767px).
 * Masaüstü/tablet yerleşimine dokunmaz; app hissi veren mobil hileler.
 */

@media (max-width: 767px) {
    :root {
        --phone-gutter: max(16px, env(safe-area-inset-left, 0px));
        --phone-nav-h: calc(var(--mobile-nav-h, 76px) + env(safe-area-inset-top, 0px));
        --phone-tab-h: calc(62px + env(safe-area-inset-bottom, 0px));
    }

    /* ---- Dokunma & kaydırma ---- */
    html {
        scroll-padding-top: var(--phone-nav-h);
        -webkit-tap-highlight-color: rgba(1, 177, 175, 0.12);
    }

    body {
        overscroll-behavior-x: none;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
    }

    a,
    button,
    summary,
    label,
    .mh-dock__item,
    .mh-bento-card__link,
    .mh-app-card,
    .mh-btn,
    .nav-link,
    .products-page .button2 {
        touch-action: manipulation;
    }

    input,
    select,
    textarea,
    .menu .search_input {
        font-size: 16px !important;
    }

    /* Dock + alt boşluk: mobile-home-finish.css */

    /* Bento peek carousel: mobile-carousel.css */

    .page-content:has(.mh) .mh-bento-card__link:active {
        transform: scale(0.97);
    }

    /* ---- Hero: dinamik viewport yüksekliği ---- */
    .page-content:has(.mh) .mh-hero__banner {
        height: clamp(168px, 42dvh, 240px);
    }

    .page-content:has(.mh) .mh-hero {
        margin-inline: var(--phone-gutter);
    }

    .page-content:has(.mh) .mh-stats--photo,
    .page-content:has(.mh) .mh-trust,
    .page-content:has(.mh) .mh-software__grid {
        margin-inline: var(--phone-gutter);
    }

    /* Blur yerine düz cam — GPU dostu */
    .page-content:has(.mh) .mh-stat-card,
    .page-content:has(.mh) .mh .mh-process.mobile-tech-spotlight {
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        background: rgba(14, 22, 34, 0.94);
    }

    /* Yazılım kartları: mobile-home-hero.css opak panel */
    .page-content:has(.mh) .mh-app-card {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    /* Alt bölümler — lazy render */
    .page-content:has(.mh) .middle8,
    .page-content:has(.mh) .partner-marquee,
    .page-content:has(.mh) .site-footer-wrap {
        content-visibility: auto;
        contain-intrinsic-size: auto 180px;
    }

    /* ---- Ürün listesi: basılı kart + hafif animasyon ---- */
    .products-page .service-wrapper3.products-grid .card {
        transition: transform 0.14s ease, border-color 0.2s ease;
        will-change: transform;
    }

    .products-page .service-wrapper3.products-grid .card:active {
        transform: scale(0.985);
        border-color: rgba(1, 177, 175, 0.45);
    }

    .products-page .button2::before,
    .products-page .button2::after {
        animation: none;
        opacity: 0.35;
    }

    .products-page .button2:active {
        transform: scale(0.96);
    }

    /* ---- Hamburger: iOS sheet hissi ---- */
    body.nav-menu-open #topNavMenu,
    body:has(#menu-toggle:checked) #topNavMenu {
        border-radius: 0;
        background:
            radial-gradient(ellipse 120% 80% at 50% -30%, rgba(1, 177, 175, 0.12), transparent 55%),
            #030508 !important;
    }

    body.nav-menu-open .menu > li:not(.nav-menu-close-bar) .nav-link:active,
    body:has(#menu-toggle:checked) .menu > li:not(.nav-menu-close-bar) .nav-link:active {
        background: rgba(1, 177, 175, 0.12);
        border-radius: 10px;
    }

    /* ---- Kategori çekmecesi: kaydırma momentumu ---- */
    .side-nav.is-open {
        overscroll-behavior: contain;
    }

    /* ---- 3D tilt / hover efektlerini kapat ---- */
    .service .solution-card__inner,
    .products-page .service-wrapper3 .card[style*="transform"] {
        transform: none !important;
    }

    #cookie-popup.cookie-consent-container {
        padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
    }

    /* ---- Ortaklar şeridi: daha yavaş, okunaklı ---- */
    .partner-marquee .slide-track {
        animation-duration: 38s !important;
    }

    .partner-marquee .slide {
        min-width: 118px;
        height: 58px;
    }
}

/* Yalnızca dokunmatik telefon — hover yok */
@media (max-width: 767px) and (hover: none) and (pointer: coarse) {
    .products-page .service-wrapper3.products-grid .card:hover {
        transform: none;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
    }

    .mh-bento-card__link:hover {
        transform: none;
    }
}

@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
    .partner-marquee .slide-track {
        animation: none !important;
    }

    .page-content:has(.mh) .mh-bento {
        scroll-snap-type: none;
    }
}