/* =====================================================================
   MOBİL UYUMLULUK - header + anasayfa
   Bu dosya en son yüklenir (modern-header.php); site.css / video-popup.css
   içindeki masaüstü kurallarını yalnızca küçük ekranlarda ezer.
   ===================================================================== */

html{-webkit-text-size-adjust:100%}
body{overflow-x:hidden}
img,video{max-width:100%}

/* ---------- TABLET + MOBİL (<= 900px): header ---------- */
@media (max-width:900px){
  /* Banner: logo kutusu gizli (logo sticky header'da), 3 görsel + kayan slogan */
  .hb-wrap{margin-top:0;padding:0}
  .hb{border-left:0;border-right:0}
  .hb-top{grid-template-columns:1fr 1fr 1.35fr;height:clamp(118px,30vw,210px)}
  .hb-brand{display:none}
  .hb-cap{padding:8px 6px 9px}
  .hb-cap b{font-size:clamp(11px,2.9vw,17px);letter-spacing:.02em}
  .hb-cap small{font-size:clamp(9px,2.3vw,12px);margin-top:3px;line-height:1.25}
  .hb-tag{right:6px;bottom:6px;padding:5px 8px;font-size:clamp(10px,2.6vw,15px);letter-spacing:.02em}
  .hb-bar{height:38px}
  .hb-bar-label{padding:0 12px;font-size:12.5px}
  .hb-set span{font-size:12px}
  .hb-set span::before{margin:0 22px}

  /* Sticky üst çubuk: logo + favoriler + çağrı butonu */
  .site-header{box-shadow:0 2px 12px rgba(75,21,102,.12);padding-top:env(safe-area-inset-top,0)}
  .header-in{display:flex!important;flex-wrap:nowrap;align-items:center;gap:8px;
    padding-top:6px;padding-bottom:6px;padding-left:max(12px,env(safe-area-inset-left,0));padding-right:max(12px,env(safe-area-inset-right,0))}
  .logo{flex:1 1 0;min-width:0}
  .logo img{height:auto;width:auto;max-width:100%;max-height:48px;object-fit:contain;object-position:left center}
  .logo.no-img .logo-name{font-size:18px;overflow:hidden;text-overflow:ellipsis}
  .header-fav{position:relative;flex:none;margin:0;width:44px;height:44px;padding:0;justify-content:center;border-radius:12px}
  .header-fav .fav-text{display:none}
  .header-fav i{font-size:18px}
  .header-fav .badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;line-height:18px;padding:0 5px;
    background:var(--brand);color:#fff;font-size:10.5px;font-weight:700;border:2px solid #fff;border-radius:9px;box-sizing:content-box}
  .header-cta{flex:none;margin:0;height:44px;padding:0 14px;gap:8px;justify-content:center;border-radius:12px;font-size:13.5px;
    background:var(--brand);color:#fff}
  .header-cta span{display:none}
  .header-cta i{font-size:17px}
}
/* Geniş telefon / küçük tablet: buton yazısı da görünsün */
@media (min-width:480px) and (max-width:900px){
  .header-cta{padding:0 16px}
  .header-cta span{display:inline;white-space:nowrap}
}

/* ---------- ANASAYFA: tablet (<= 1000px) ---------- */
@media (max-width:1000px){
  .hm{gap:12px;margin-top:12px}
  .hm-side,.hm-main{gap:12px}
}

/* ---------- ANASAYFA: mobil (<= 760px) ---------- */
@media (max-width:760px){
  .container{padding-left:max(10px,env(safe-area-inset-left,0));padding-right:max(10px,env(safe-area-inset-right,0))}
  .container.page{padding-top:0}
  .hm{gap:10px;margin-top:10px}
  .hm-side,.hm-main{gap:10px}

  /* Bölüm başlıkları */
  .hm-h{font-size:13.5px;padding:11px 12px;gap:8px;border-bottom-width:2px}
  .hm-h i{font-size:15px}
  .hm-h-row{gap:8px}
  .hm-h-row h2{min-width:0;gap:8px}
  .hm-h-row a{display:inline-flex!important;font-size:0;letter-spacing:0}
  .hm-h-row a::after{content:"Tümü ›";font-size:11.5px;font-weight:800;letter-spacing:.04em}

  /* Kategori sekmeleri: yana kaydırılan, yapışkan şerit */
  .hm-tabs{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  .hm-tabs a{min-width:0;padding:14px 16px;font-size:12.5px;scroll-snap-align:start}

  /* İlan kartları: 2 sütun, kompakt */
  .hm-grid,.hm-grid-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px;min-height:0}
  .hm-foot{height:24px}
  .hc-img{aspect-ratio:4/3}
  .hc-video{left:6px;top:6px;padding:4px 7px;font-size:9.5px}
  .hc-photos{display:none}
  .hc-price{padding:7px 9px;font-size:14px;max-width:100%;white-space:nowrap}
  .hc-badge{padding:4px 8px;font-size:9.5px}
  .hc-body{padding:9px 9px 10px}
  .hc-title{font-size:12.5px;line-height:1.3;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
  .hc-meta{flex-direction:column;gap:2px;margin-top:6px;font-size:11px;line-height:1.35}
  .hc-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .hm-empty{padding:22px 10px;font-size:14px}

  /* Kenar çubuğu kutuları */
  .mm-item{width:calc(100% - 76px);max-width:250px}
  .mm-play{width:42px;height:42px;font-size:15px}
  .mm-cap{font-size:13px}
  .mm-hint{font-size:12.5px}
  .hm-text{padding:14px;font-size:14px;line-height:1.7}
  .hm-sign{font-size:16px}
  .hm-rules{padding:4px 10px 8px}
  .hm-rules li{gap:12px;padding:10px 2px}
  .hm-rules b{width:32px;height:32px;font-size:14px}
  .hm-rules span{font-size:14px}
  .fx>div{padding:10px 12px}
  .fx b{font-size:16px}
  .cr-best{padding:11px 12px 8px}
  .cr-banks li{padding:7px 12px}
  .hm-call .hm-call-t{font-size:14.5px}
  .hm-call p{font-size:14px}
  .hm-wa{padding:15px 14px;font-size:15px}

  /* İletişim şeridi + form */
  .cf-bar{flex-direction:column;align-items:flex-start;gap:8px;padding:16px 14px;margin-top:10px}
  .cf-bar strong{width:100%;padding:0 0 4px;font-size:15px}
  .cf-bar span{padding:0;border:0;font-size:13px;line-height:1.45}
  .cf{margin-top:10px}
  .cf-cols{padding:10px;gap:12px}
  .cf-grid{grid-template-columns:1fr;padding:0 12px;gap:12px}
  .cf-grid input,.cf-grid select,.cf-grid textarea{font-size:16px;min-height:46px}  /* iOS yakınlaştırmasını engeller */
  .cf-grid textarea{min-height:84px}
  .cf-send{width:calc(100% - 24px);margin:14px 12px 0;min-height:50px}
  .cf>summary{min-height:48px}

  /* Footer */
  .site-footer.ft{margin-top:24px}
  .ft-in{padding-top:22px;padding-bottom:22px}
  .ft-contacts a{min-height:32px;display:flex!important;align-items:center}

  /* Alt sabit çubuk: WhatsApp + Hemen Ara (içeriğin üstüne binmesin) */
  body{padding-bottom:calc(56px + env(safe-area-inset-bottom,0))}
  .float-actions{left:0;right:0;bottom:0;flex-direction:row;align-items:stretch;gap:0;
    padding-bottom:env(safe-area-inset-bottom,0);background:#fff;box-shadow:0 -4px 16px rgba(75,21,102,.18)}
  .float-actions .float-btn{flex:1 1 0;width:auto;height:56px;padding:0 10px;gap:8px;justify-content:center;
    border:0;border-radius:0;box-shadow:none;font-size:15px}
  .float-actions .float-btn:hover{transform:none}
  .float-actions .float-btn i{font-size:20px}

  /* Sağ alttaki mini video kartı: ortalı, alt çubuğun üstünde taşmadan */
  .vp-mini-home{justify-content:center;margin:16px 0 8px}
  .vp-mini{width:min(240px,70vw)}
}

/* ---------- Dar telefonlar (<= 360px) ---------- */
@media (max-width:360px){
  .hb-top{height:112px}
  .header-in{gap:6px}
  .header-fav,.header-cta{height:42px}
  .header-fav{width:42px}
  .hc-price{font-size:13px;padding:6px 8px}
  .hc-title{font-size:12px}
  .hm-tabs a{padding:13px 12px;font-size:12px}
}

/* ---------- Video popup (telefon) ---------- */
@media (max-width:640px){
  .vp-stage{padding:52px 0 8px}
}