/* ============================================================
   NORA VIP TRANSFER — RESPONSIVE / MOBİL UYUMLULUK
   Tüm medya sorguları bu dosyada toplanmıştır.
   Yükleme: style.css'ten SONRA eklenir (inc/css.php).
   ============================================================ */

/* ---- Dokunmatik cihazlar (hover yok) ---- */
@media(hover:none){
    .fv-tags{opacity:1;transform:none}
    .fv-zoom{opacity:1}
    .fv-arrow{opacity:1}
}

/* ---- Nav overlay (mobil menü arka planı) ---- */
@media(max-width:768px){
    .nav-overlay{display:block;pointer-events:none}
    .nav-overlay.is-visible{pointer-events:auto}
}

/* ============================================================
   ANASAYFA RESPONSIVE
   ============================================================ */

/* ---- Tablet geniş (≤1100px) ---- */
@media(max-width:1100px){
    .header__cta{display:none}
    .fv-grid{grid-template-columns:repeat(3,1fr);gap:14px}
    .fv-card__stage{aspect-ratio:3/4}
    .pvc-row{gap:12px}
    .pvc-card{flex-basis:calc((100% - 30px)/3)}
    .pvc-name{font-size:.82rem}
    .videos__grid{grid-template-columns:repeat(3,1fr)}
    .smedia__grid{grid-template-columns:repeat(2,1fr)}
    .pricing__grid{grid-template-columns:repeat(2,1fr)}
    .footer__grid{grid-template-columns:1fr 1fr;gap:32px}
}

/* ---- Tablet (≤900px) ---- */
@media(max-width:900px){
    .hero__card{min-height:56vh;padding:40px 20px 80px;border-radius:20px}
    .hero__bottom{padding-top:5vh}
    .hero__sub{font-size:.97rem}
    .booking{margin-top:-34px}
    .bk-bar{flex-wrap:wrap;max-width:100%;border-radius:18px}
    .bk-field{flex:1 1 calc(50% - 12px);padding:13px 16px}
    .bk-field+.bk-field::before{display:none}
    .bk-submit{flex:1 1 100%;padding:15px;border-radius:10px}
    .about__grid{grid-template-columns:1fr;gap:36px}
    .about__media img{height:340px}
    .about__badge{right:14px;bottom:18px}
    .services__grid{grid-template-columns:repeat(2,1fr)}
    .fv-grid{grid-template-columns:1fr}
    .fv-card__stage{aspect-ratio:16/9}
    .fv-tags{opacity:1;transform:none}
    .fv-zoom{opacity:1}
    .fv-arrow{opacity:1}
    .pvc-card{flex-basis:calc((100% - 11px)/2)}
    .pricing__grid{grid-template-columns:repeat(2,1fr)}
    .gallery__grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:170px}
    .footer__grid{grid-template-columns:1fr}
}

/* ---- Mobil (≤768px) ---- */
@media(max-width:768px){
    /* Genel boşluklar */
    .fv-sc,.videos,.smedia,.about,.services,.pricing,.gallery,.cta{padding:60px 0}
    .section-head{margin-bottom:30px}
    .section-head h2{font-size:clamp(1.7rem,6vw,2.4rem)}

    /* Topbar */
    .topbar__left .topbar__mail,
    .topbar__hours,
    .topbar__socials{display:none}
    .topbar__inner{justify-content:space-between}
    .topbar__left .topbar__phone{font-size:.8rem}

    /* Header / Nav */
    .nav{
        position:fixed;top:0;right:0;height:100vh;height:100dvh;width:82%;max-width:300px;
        background:var(--bg-2);flex-direction:column;gap:4px;
        padding: 70px 10px 35px;
        transform:translateX(100%);transition:.32s cubic-bezier(.4,0,.2,1);
        box-shadow:-20px 0 50px rgba(0,0,0,.55);z-index:55;
        border-left:1px solid var(--line-soft);
        overflow-y:auto;
    }
    /* Menü açıkken header'ın kendi (X) butonunu gizle — çift X olmasın */
    .nav.open ~ .navtoggle{display:none}
    .nav.open{transform:translateX(0)}
    .nav a{font-size:1rem;font-weight:600;color:var(--txt);padding:10px 10px;border-bottom:1px solid var(--line-soft);width:100%;border-radius:0}
    .nav a.active{color:var(--gold-2)}
    .nav a::after{display:none}

    /* Panel içi kapatma butonu (sticky header'a bağımlı değil) */
    .nav__close{
        display:grid;place-items:center;position:absolute;top:14px;right:14px;
        width:42px;height:42px;border:none;background:none;
        color:var(--txt);font-size:2.2rem;line-height:1;cursor:pointer;z-index:2;
    }

    /* Menü alt bilgi: logo + marka + sosyal */
    .nav__foot{
        display:flex;flex-direction:column;align-items:center;gap:10px;
        margin-top:auto;padding-top:30px;text-align:center;
        /* WhatsApp float ile çakışmasın diye alttan boşluk */
        padding-bottom:78px;
    }
    /* logoyu filtre ile beyaza çevir */
    .nav__foot-mark{color:var(--gold);filter:brightness(0) invert(1);line-height:0}
    .nav__foot-name{
        font-family:'Cormorant Garamond',serif;font-weight:700;
        letter-spacing:.2em;font-size:1.05rem;color:#fff;
    }
    .nav__foot-socials{display:flex;gap:10px;margin-top:6px}
    .nav__foot-socials a{
        width:40px;height:40px;border:1px solid var(--line-soft);border-radius:10px;
        display:grid;place-items:center;font-size:.74rem;font-weight:700;
        color:var(--muted);transition:.2s;
    }
    .nav__foot-socials a:hover{background:var(--grad-gold);color:#1a1407;border-color:transparent}
    .navtoggle{display:flex;z-index:56}
    .header__inner{height:62px}
    /* backdrop-filter, içindeki position:fixed menüyü header'a hapsediyordu;
       mobilde kaldırılıp arka plan opaklaştırıldı */
    .header{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(10,10,11,.97)}
    .header.scrolled{backdrop-filter:none;-webkit-backdrop-filter:none}

    /* Hero */
    .hero{padding:12px 0 0}
    .hero__card{min-height:50vh;padding:32px 16px 70px;border-radius:18px}
    .hero__title{margin-top:2vh}
    .hero__bottom{padding-top:4vh}
    .hero__sub{font-size:.9rem;max-width:100%}
    .hero__dots{bottom:44px}
    .hero__arrow{width:38px;height:38px}
    .hero__arrow--prev{left:10px}
    .hero__arrow--next{right:10px}

    /* Rezervasyon çubuğu */
    .booking{margin-top:-30px}
    .bk-bar{border-radius:14px;padding:4px}
    .bk-field{flex:1 1 100%;padding:11px 14px}
    .bk-field--narrow{flex:1 1 100%}
    .bk-field+.bk-field::before,.bk-submit::before{display:none}
    .bk-submit{padding:14px;font-size:.95rem}
    /* Açılır panellerin ekrandan taşmasını engelle */
    .bk-person__panel{left:8px;right:8px;min-width:0}
    .bk-result{padding:14px 16px;gap:12px}
    .bk-result .price{font-size:1.7rem}
    .hero__scroll{display:none}

    /* Videolar — yatay kaydırmalı (swiper) */
    .videos__grid{
        display:flex;align-items:flex-start;grid-template-columns:none;gap:14px;
        overflow-x:auto;overflow-y:hidden;touch-action:pan-x;
        scroll-snap-type:x mandatory;scroll-behavior:smooth;
        -webkit-overflow-scrolling:touch;scrollbar-width:none;padding:3px;
    }
    .videos__grid::-webkit-scrollbar{display:none}
    .vid{flex:0 0 72%;scroll-snap-align:center;aspect-ratio:9/14}

    /* Sosyal medya — sabit yükseklik içeriği taşırıyordu */
    .smedia__grid{grid-template-columns:repeat(2,1fr);gap:14px}
    .smedia__logo{height:auto;min-height:100px;padding:16px 12px}
    .smedia__card small{margin-top:10px;font-size:.82rem}
    .ig-word{font-size:1.15rem}
    .ta-word{font-size:1.05rem}
    .yt-word{font-size:1.1rem}
    .gg-word{font-size:1.35rem}
    .gg-stars{font-size:.8rem;letter-spacing:1px}
    .smedia__logo svg{width:28px;height:28px}

    /* About */
    .about__grid{grid-template-columns:1fr;gap:30px}
    .about__media img{height:260px;border-radius:14px}
    .about__badge{right:12px;bottom:12px;padding:14px 16px}
    .about__badge strong{font-size:1.7rem}

    /* Services */
    .services__grid{grid-template-columns:repeat(2,1fr);gap:14px}
    .svc{padding:22px 18px}

    /* Araç vitrini */
    .fv-grid{grid-template-columns:1fr;gap:24px}
    .fv-card__stage{aspect-ratio:16/9;border-radius:16px}
    .fv-card__name{font-size:1.3rem}
    .fv-tags{opacity:1;transform:none}
    .fv-zoom{opacity:1}
    .fv-arrow{opacity:1}
    .fv-thumbs{grid-template-columns:repeat(4,1fr);gap:6px}

    /* Fiyat araç seçici */
    .pvc-card{flex-basis:88%}
    .pvc-info{padding:0}
    .pvc-nav{display:none}

    /* Fiyat grid */
    .pricing__grid{grid-template-columns:1fr;gap:10px}
    .price-item{padding:12px 14px}
    .price-item__amount{font-size:1.25rem}

    /* Galeri */
    .gallery__grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:140px}
    .gitem--lg{grid-column:span 2;grid-row:span 1}

    /* CTA */
    .cta__btns{flex-direction:column;gap:10px}
    .cta__btns .btn{width:100%;justify-content:center}

    /* Footer */
    .footer__grid{grid-template-columns:1fr;gap:28px}
    .footer__bottom-inner{flex-direction:column;text-align:center;gap:10px}
    .footer__pay-inner{flex-direction:column;align-items:flex-start;gap:14px}
    .resform__body{grid-template-columns:1fr}

    /* Pricing note */
    .pricing__note{flex-direction:column;text-align:center}

    /* WhatsApp float */
    .wa-float{width:52px;height:52px;right:16px;bottom:16px}

    /* Lightbox — resim padding dahil sığsın ve tam ortalansın */
    .lightbox{padding:16px}
    .lightbox img{max-width:calc(100vw - 32px);max-height:82vh;margin:0 auto}
    .lightbox__close{top:10px;right:14px;font-size:2.2rem}
}

/* ---- Küçük mobil (≤480px) ---- */
@media(max-width:480px){
    .container{padding:0 16px}
    .hero__title{font-size:clamp(2rem,9.2vw,2.9rem)}
    .hero__card{min-height:44vh;padding:26px 14px 60px;border-radius:16px}
    .bk-bar{gap:0;border-radius:14px}
    .bk-field{border-radius:0;border-bottom:1px solid rgba(255,255,255,.08)}
    .bk-field:last-of-type{border-bottom:none}
    .bk-submit{border-radius:8px;margin:4px}

    .vid{flex-basis:78%}
    .vid__play{width:48px;height:48px}

    .smedia__grid{grid-template-columns:1fr 1fr;gap:10px}
    .smedia__logo{min-height:92px;border-radius:12px;padding:14px 8px}

    .services__grid{grid-template-columns:1fr;gap:10px}

    .fv-card__stage{aspect-ratio:4/3;border-radius:14px}
    .fv-thumbs{grid-template-columns:repeat(4,1fr);gap:5px}

    .pricing__grid{grid-template-columns:1fr}
    .price-vtabs,.price-vtab{flex-direction:column;align-items:flex-start}

    .gallery__grid{grid-template-columns:1fr 1fr;grid-auto-rows:120px}

    .footer__grid{gap:24px}
    .footer__bottom-inner{font-size:.78rem}

    /* Video stories modal: tam ekran (Instagram tarzı) */
    .vm-stage{width:100vw;height:100dvh;max-width:100vw;aspect-ratio:unset;border-radius:0}
    .vm-arrow{display:none}
}

/* ============================================================
   ARAÇ SEÇİM SAYFASI (arac-secimi.php) RESPONSIVE
   ============================================================ */
@media(max-width:980px){
    .vcard__body{grid-template-columns:260px 1fr}
    .vcard__pricing{grid-column:1 / -1;border-top:1px solid var(--line-soft);background:var(--bg-3)}
    .vcard__feats{border-right:none}
    /* step2: özet en alta, form üstte iki kolon */
    .rsv__grid{grid-template-columns:1fr 1fr}
    .rsv__col:last-child{grid-column:1 / -1}
    .rsv-summary{position:static}
    .rsv-summary__media img{height:220px}
}
@media(max-width:760px){
    .rsv__grid{grid-template-columns:1fr;gap:18px}
    .rsv-card{padding:22px 18px}
}
@media(max-width:680px){
    .vsel__summary{top:64px;padding:14px 16px;flex-direction:column;align-items:stretch;gap:14px}
    .vsel__route{justify-content:space-between}
    .vsel__meta{justify-content:space-between}
    .vcard__body{grid-template-columns:1fr}
    /* Mobilde tek kolon — görsel sabit yükseklikte kırpılır */
    .vcard__media{height:230px;min-height:0}
    .vcard__feats{border-left:none}
    .vcard__cta{width:100%;min-width:0}
    .vcard__foot{justify-content:stretch}
    /* Fiyat kutuları alt alta — "Gidiş-Dönüş" etiketi taşmasın */
    .vcard__prices{grid-template-columns:1fr;gap:10px}
    .vprice{flex-direction:row;align-items:center;justify-content:space-between;text-align:left;padding:14px 16px}
    .vprice--active::after{display:none}
    .vprice__lbl{margin-bottom:0}
    .vprice__val{font-size:1.7rem}
}
@media(max-width:420px){
    .vcard__feats{padding:16px 14px}
    .vcard__feat-grid{grid-template-columns:repeat(2,1fr);gap:8px 8px}
    .vcard__feat-grid li{font-size:.76rem;gap:7px;line-height:1.25}
    .vcard__feat-grid li svg{width:11px;height:11px;padding:4px}
    .vcard__prices{grid-template-columns:1fr}
    .vcard__title{font-size:1.3rem}
}

/* ============================================================
   ERİŞİLEBİLİRLİK — hareketi azalt
   ============================================================ */
@media(prefers-reduced-motion:reduce){
    *{animation:none!important;transition:none!important}
    html{scroll-behavior:auto}
}

/* ============================================================
   İÇ SAYFALAR — responsive
   ============================================================ */
@media(max-width:900px){
    .contact__grid{grid-template-columns:1fr;gap:26px}
}
@media(max-width:768px){
    .page-hero{padding:46px 0}
    .page-sec{padding:54px 0}
    /* Fiyat tablosu mobilde yatay kaydırılabilir */
    .ptable-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
    .ptable{min-width:520px}
    .contact__form{padding:22px 18px}
    .contact__map iframe{height:260px}
}

/* ---- Blog responsive ---- */
@media(max-width:1100px){.blog__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){
    .post{grid-template-columns:1fr}
    .post__side{position:static}
}
@media(max-width:680px){.blog__grid{grid-template-columns:1fr}.post__cover{height:230px}}