/* ══ EMINEM EMLAK — Mobil Premium v3 ══ */

/* ── BOTTOM NAV ── */
.mob-nav{
  position:fixed!important;bottom:0!important;left:0!important;right:0!important;
  z-index:9999!important;
  background:#0C0C0F!important;
  border-top:1px solid rgba(255,255,255,.06)!important;
  box-shadow:0 -4px 24px rgba(0,0,0,.4)!important;
  display:none;
  padding-bottom:env(safe-area-inset-bottom,0px)!important;
}
.mob-nav-inner{
  display:flex!important;align-items:center!important;
  height:58px!important;padding:0 4px!important;
}

/* Normal nav öğeleri */
.mob-nav-item{
  flex:1!important;
  display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;
  gap:3px!important;height:58px!important;
  text-decoration:none!important;
  color:rgba(255,255,255,.35)!important;
  transition:color .15s!important;
  -webkit-tap-highlight-color:transparent!important;
  touch-action:manipulation!important;
  cursor:pointer!important;
  padding:0 2px!important;
}
.mob-nav-item.active{color:#E6B224!important}
.mob-nav-icon{
  width:22px!important;height:22px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  position:relative!important;
}
.mob-nav-icon svg{width:20px!important;height:20px!important;display:block!important}
.mob-nav-label{
  font-size:9px!important;font-weight:600!important;
  letter-spacing:.1px!important;line-height:1!important;
  white-space:nowrap!important;
}

/* Aktif gösterge — küçük nokta */
.mob-nav-item.active .mob-nav-label{color:#E6B224!important}

/* ORTA CTA — İletişim butonu yükseltilmiş */
.mob-nav-cta{
  flex:1.2!important;
  display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;
  gap:3px!important;height:58px!important;
  text-decoration:none!important;
  -webkit-tap-highlight-color:transparent!important;
  touch-action:manipulation!important;
  cursor:pointer!important;
}
.mob-nav-cta-pill{
  width:48px!important;height:38px!important;
  background:#E6B224!important;
  border-radius:14px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  position:relative!important;
  margin-top:-10px!important;
  box-shadow:0 4px 16px rgba(230,178,36,.35)!important;
}
.mob-nav-cta-pill svg{
  width:20px!important;height:20px!important;
  stroke:#000!important;
}
.mob-nav-cta-badge{
  position:absolute!important;top:-4px!important;right:-4px!important;
  min-width:16px!important;height:16px!important;
  background:#EF4444!important;color:#fff!important;
  border-radius:999px!important;font-size:8px!important;
  font-weight:800!important;display:flex!important;
  align-items:center!important;justify-content:center!important;
  padding:0 3px!important;
  border:1.5px solid #0C0C0F!important;
}
.mob-nav-cta-lbl{
  font-size:9px!important;font-weight:700!important;
  color:#E6B224!important;letter-spacing:.1px!important;line-height:1!important;
}
.mob-nav-cta.cta-active .mob-nav-cta-pill{
  background:#d4a019!important;
}

/* Badge */
.mob-nav-badge{
  position:absolute!important;top:-3px!important;right:-4px!important;
  min-width:14px!important;height:14px!important;
  background:#EF4444!important;color:#fff!important;
  border-radius:999px!important;font-size:8px!important;font-weight:800!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:0 3px!important;border:1.5px solid #0C0C0F!important;
}


/* ══════════════════════════════════════════════════════
   MOBİL — 768px ALTI
   Hedef: kompakt, uygulama hissi, hiçbir şey tam ekran
   ══════════════════════════════════════════════════════ */
@media(max-width:768px){

  body{
    padding-bottom:calc(58px + env(safe-area-inset-bottom,0px))!important;
    overflow-x:hidden!important;
  }
  .mob-nav{display:flex!important}
  #waFloat,.wa-float{
    bottom:calc(58px + env(safe-area-inset-bottom,0px) + 12px)!important;
    right:12px!important;width:44px!important;height:44px!important;
  }

  /* ── NAVBAR ── */
  nav#navbar{padding:8px 4%!important}
  nav#navbar.scrolled{padding:7px 4%!important}
  .brand-title{font-size:15px!important}
  .navbar-logo-img{width:32px!important;height:32px!important}

  /* ── HERO — kompakt, yarım ekran ── */
  .hero{
    min-height:auto!important;
    padding-top:72px!important;
    padding-bottom:24px!important;
  }
  .hero-container{width:92%!important;gap:0!important}
  .hero-brand-block{padding-top:0!important}
  .hero-brand-block h1{
    font-size:1.5rem!important;
    line-height:1.1!important;
    margin-bottom:10px!important;
    letter-spacing:-.02em!important;
  }
  .hero-brand-block p,.hero-sub-p{
    font-size:.78rem!important;
    line-height:1.55!important;
    margin-bottom:16px!important;
    color:rgba(255,255,255,.75)!important;
  }

  /* ── ARAMA MOTORU — yatay, kompakt, ekrana sığan ── */
  /* ARAMA KUTUSU — kompakt, 2x2 grid, uygulama hissi */
  .se-wrap{
    border-radius:14px!important;
    width:100%!important;
    background:#fff!important;
    overflow:hidden!important;
    box-shadow:0 8px 32px rgba(0,0,0,.3)!important;
  }
  .se-tabs{
    padding:5px!important;gap:3px!important;
    background:#111114!important;
    border-bottom:none!important;
  }
  .se-tab{
    padding:7px 0!important;
    font-size:11px!important;
    font-weight:700!important;
    gap:4px!important;
    border-radius:8px!important;
    flex:1!important;
    letter-spacing:-.1px!important;
  }
  .se-tab svg{width:11px!important;height:11px!important;flex-shrink:0!important}
  /* Form: 2x2 grid — 4 alan kompakt */
  .se-form{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    padding:6px!important;
    gap:5px!important;
    background:#fff!important;
    border-bottom:none!important;
    flex-direction:unset!important;
    flex-wrap:unset!important;
    align-items:unset!important;
  }
  .se-field{
    border-right:none!important;
    border-bottom:none!important;
    border:1px solid #EBEBEB!important;
    border-radius:9px!important;
    padding:6px 10px!important;
    background:#F8F9FA!important;
    min-width:0!important;
    flex:unset!important;
    display:flex!important;
    flex-direction:column!important;
    gap:2px!important;
  }
  /* Fiyat — normal sütun, İşlem ile yan yana */
  .se-field-price{
    grid-column:auto!important;
    flex:unset!important;
  }
  .se-field-icon{display:none!important}
  .se-label{
    font-size:8px!important;
    font-weight:800!important;
    letter-spacing:1px!important;
    color:#AAAAAA!important;
    display:block!important;
    margin-bottom:0!important;
    white-space:nowrap!important;
  }
  .se-input{
    font-size:13px!important;
    font-weight:600!important;
    color:#111!important;
    background:transparent!important;
    min-width:0!important;
    width:100%!important;
    line-height:1.2!important;
  }
  .se-input::placeholder{color:#C0C0C0!important;font-size:13px!important}
  .se-price-row{gap:4px!important;align-items:center!important}
  .se-price-dash{color:#DDD!important;font-size:12px!important}
  /* Ara butonu — tam genişlik, altın */
  .se-btn-search{
    display:flex!important;
    width:calc(100% - 16px)!important;
    margin:0 6px 6px!important;
    padding:10px!important;
    font-size:13px!important;
    font-weight:800!important;
    border-radius:9px!important;
    justify-content:center!important;
    border-left:none!important;
    border-top:none!important;
    flex-shrink:unset!important;
    letter-spacing:.2px!important;
  }
  .se-btn-search span{display:inline!important}
  .se-btn-search svg{width:14px!important;height:14px!important}
  .se-footer{
    padding:4px 10px 6px!important;
    background:#FAFAFA!important;
    border-top:1px solid #F2F2F2!important;
  }
  .se-reset-link{font-size:9px!important;color:#C0C0C0!important}

  /* ── STATS BAR — 2×2 grid, kompakt ── */
  .stats-bar{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:0!important;padding:0!important;
    flex-wrap:unset!important;
  }
  .stat-item{
    min-width:0!important;padding:14px 8px!important;
    border-right:1px solid rgba(255,255,255,.07)!important;
    border-bottom:1px solid rgba(255,255,255,.07)!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;
  }
  .stat-item:nth-child(2n){border-right:none!important}
  .stat-item:nth-child(3),.stat-item:nth-child(4){border-bottom:none!important}
  .stat-item h3,.stat-counter{font-size:1.3rem!important}
  .stat-item p{font-size:8.5px!important;letter-spacing:1px!important;margin-top:2px!important}

  /* ── PORTFÖY ── */
  .portfolio{padding:36px 4%!important}
  .section-header h2{font-size:1.25rem!important;margin-bottom:4px!important}
  .section-sub{font-size:12px!important;margin-bottom:16px!important}
  .p-grid{grid-template-columns:1fr!important;gap:10px!important}
  .p-img{height:180px!important}
  .p-info{padding:12px 14px 10px!important}
  .p-info h3{font-size:13px!important}
  .p-loc{font-size:11px!important}
  .loadmore-wrap{margin-top:18px!important}

  /* ── GALERİ ── */
  #cgTrack{padding:10px 14px 20px!important;gap:10px!important}
  .cg-card{flex:0 0 72vw!important;height:240px!important;border-radius:12px!important}

  /* ── HİZMETLER (ana sayfa) ── */
  #hizmetler{padding:36px 0!important}
  .svc-header{grid-template-columns:1fr!important;gap:12px!important;margin-bottom:24px!important}
  #hizmetler h2{font-size:1.2rem!important}
  .svc-step-bar{padding:10px 8px!important;overflow-x:auto!important}
  .svc-step-num{font-size:13px!important}
  .svc-step-title{font-size:9px!important}
  .svc-step-desc{display:none!important}
  .svc-step-arrow{width:12px!important}
  .svc-cards{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .svc-card{padding:16px!important;border-radius:12px!important}
  .svc-card h3{font-size:13px!important;margin-bottom:6px!important}
  .svc-card p{font-size:11px!important;line-height:1.6!important}
  .svc-card > div[style*="width:40px"]{width:32px!important;height:32px!important;margin-bottom:10px!important;border-radius:8px!important}
  .svc-card > div[style*="width:40px"] svg{width:14px!important;height:14px!important}
  .svc-card > div[style*="font-size:9px"]{font-size:8px!important;margin-bottom:5px!important}
  .svc-trust-num{font-size:32px!important}
  .svc-bottom{grid-template-columns:1fr!important;gap:8px!important}

  /* ── DANIŞMANLAR ── */
  [style*="repeat(auto-fill,minmax(260px"]{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}
  [style*="repeat(auto-fill,minmax(260px"] > div{border-radius:16px!important}
  [style*="height:240px;position:relative;overflow:hidden;background:linear-gradient"]{height:160px!important}
  .advisors-hero,.advisors-hero h1,.advisors-hero p{text-align:center!important}
  .advisors-hero{padding:80px 5% 28px!important}
  .advisors-hero h1{font-size:1.4rem!important}

  /* ── LİSTİNGS ── */
  .listings-hero{padding:80px 5% 28px!important;text-align:center!important}
  .listings-hero h1{font-size:1.4rem!important}
  .listings-layout{flex-direction:column!important;padding:10px 3%!important}
  .sidebar{width:100%!important;position:static!important;max-height:none!important;padding:14px!important;border-radius:14px!important}
  .filter-toggle-bar{display:flex!important}
  .results-bar{gap:8px!important;flex-wrap:wrap!important}
  .results-pill{font-size:11px!important;padding:6px 10px!important}

  /* ── DETAY SAYFASI ── */
  .detail-wrap{padding-top:58px!important}
  .detail-img-wrap{height:220px!important}
  .detail-title{font-size:1.1rem!important;line-height:1.25!important}
  .detail-price-box{font-size:16px!important;padding:6px 14px!important}
  .detail-body{padding:14px 4% 70px!important}
  .detail-specs-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;margin-bottom:16px!important}
  .detail-spec{padding:10px 8px!important}
  .detail-spec .val{font-size:12px!important}
  .detail-spec .lbl{font-size:9px!important}
  .detail-desc{padding:16px!important;border-radius:10px!important;margin-bottom:14px!important}
  .detail-desc h3{font-size:14px!important}
  .detail-desc p{font-size:12px!important}
  .detail-grid{display:block!important}
  .detail-contact-card{position:static!important;border-radius:14px!important;padding:16px!important;margin-top:16px!important}

  /* ── İLETİŞİM ── */
  .cnt-body{padding:24px 4% calc(56px + 32px)!important}

  /* ── HİZMETLER SAYFASI ── */
  .srv-hero{padding:80px 5% 32px!important;text-align:center!important}
  .srv-hero h1{font-size:1.5rem!important}
  .srv-hero-desc{font-size:13px!important;margin-bottom:20px!important}
  .srv-hero-stats{gap:16px!important;justify-content:center!important}
  .srv-stat-num{font-size:22px!important}
  .srv-stat-lbl{font-size:9px!important}
  .srv-section-label{font-size:9px!important;margin-bottom:20px!important}
  [style*="grid-template-columns:repeat(3,1fr)"]{grid-template-columns:1fr!important}
  [style*="grid-template-columns:repeat(2,1fr)"]{grid-template-columns:1fr!important}
  .srv-card{padding:18px!important;border-radius:12px!important}
  .srv-card h3{font-size:14px!important}
  .srv-card p{font-size:12px!important}
  .srv-cta{padding:28px 18px!important;border-radius:14px!important}
  .srv-cta h2{font-size:1.3rem!important}
  .srv-cta p{font-size:12px!important;margin-bottom:20px!important}
  .srv-cta-btns{flex-direction:column!important;gap:8px!important}
  .srv-btn-primary,.srv-btn-wa{padding:12px 20px!important;font-size:13px!important;justify-content:center!important}

  /* ── HAKKIMIZDA ── */
  section[style*="padding:140px 8% 64px"]{padding:80px 5% 28px!important;text-align:center!important}
  [style*="grid-template-columns:1fr 1fr;gap:56px"]{grid-template-columns:1fr!important;gap:20px!important}
  [style*="grid-template-columns:1fr 1fr;gap:16px"]{grid-template-columns:1fr 1fr!important;gap:8px!important}
  [style*="grid-template-columns:repeat(auto-fit,minmax(240px"]{grid-template-columns:1fr!important;gap:8px!important}
  [style*="padding:28px"]{padding:18px!important}
  [style*="padding:48px"]{padding:24px!important}

  /* ── FOOTER ── */
  footer{padding:28px 4% calc(58px + env(safe-area-inset-bottom,0px) + 16px)!important}
  .f-grid{grid-template-columns:1fr!important;gap:18px!important}
  .f-col h4{font-size:13px!important}
  .f-col p{font-size:12px!important}
  .f-list li{font-size:12px!important}
  .f-bottom{flex-direction:column!important;text-align:center!important;gap:5px!important;font-size:11px!important}
  footer .brand{justify-content:center!important}
  footer .navbar-logo-img{width:28px!important;height:28px!important}
  .f-social{justify-content:center!important}

  /* ── BREADCRUMB ── */
  nav.breadcrumb{padding:8px 4%!important;font-size:11px!important;flex-wrap:wrap!important;gap:4px!important}

  /* iOS input zoom engeli */
  input[type="text"]:not(.se-input),
  input[type="tel"]:not(.se-input),
  input[type="number"]:not(.se-input),
  input[type="email"],
  input[type="date"],
  textarea{font-size:16px!important}
  /* Select zoom — sadece arama kutusu dışındakiler */
  select:not(.se-input){font-size:16px!important}
  /* Arama kutusu input/select — 13px sabit */
  .se-input{font-size:13px!important}

  /* ── SECTION iç padding ── */
  section > div[style*="max-width:1200px"],
  section > div[style*="max-width:1160px"],
  section > div[style*="max-width:1100px"]{padding-left:14px!important;padding-right:14px!important}

  /* ══ İLETİŞİM SAYFASI MOBİL ══ */
  /* Strip - 2x2 grid */
  .cnt-strip-inner{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:0!important;
    padding:0 4%!important;
    flex-wrap:unset!important;
  }
  .cnt-strip-item{
    padding:14px 12px!important;
    border-right:none!important;
    border-bottom:1px solid rgba(255,255,255,.06)!important;
    gap:10px!important;
  }
  .cnt-strip-item:nth-child(odd){border-right:1px solid rgba(255,255,255,.06)!important}
  .cnt-strip-item:last-child{border-bottom:none!important}
  .cnt-strip-item:nth-last-child(2){border-bottom:none!important}
  .cnt-strip-icon{width:32px!important;height:32px!important;flex-shrink:0!important}
  .cnt-strip-icon svg{width:16px!important;height:16px!important}
  .cnt-strip-label{font-size:9px!important}
  .cnt-strip-value{font-size:12px!important;word-break:break-word!important}

  /* Hero padding */

  /* Body */
  .cnt-body{padding:20px 4% calc(58px + 24px)!important}
  .cnt-grid{grid-template-columns:1fr!important;gap:16px!important}
  .cnt-grid2{grid-template-columns:1fr!important;gap:10px!important}

  /* Form */
  .cnt-form-card{border-radius:14px!important}
  .cnt-form-header{padding:18px 18px 14px!important}
  .cnt-form-body{padding:16px 18px 20px!important}
  .cnt-form-header h3{font-size:16px!important}
  
  /* Info kart */
  .cnt-info-card{padding:20px 16px!important;border-radius:14px!important}
  .cnt-info-text-value{font-size:13px!important}

  /* Harita */
  .cnt-map-wrap{border-radius:12px!important;margin-top:16px!important}

  /* ══ ANA SAYFA MOBİL ══ */
  /* Hero section aşırı padding */
  section[style*="padding:140px"]{padding:80px 5% 40px!important}
  section[style*="padding:100px"]{padding:60px 5% 36px!important}

  /* Stats grid */
  [style*="grid-template-columns:repeat(4,1fr)"]{grid-template-columns:repeat(2,1fr)!important}
  [style*="grid-template-columns:repeat(3,1fr)"]{grid-template-columns:1fr!important}
  
  /* Arama motoru */
  .se-wrap{border-radius:14px!important;margin:0 4%!important}
  .se-form-row{grid-template-columns:1fr!important;gap:0!important}
  .se-sep{display:none!important}
  .se-submit{border-radius:0 0 14px 14px!important;width:100%!important}

  /* ══ İLANLAR SAYFASI MOBİL ══ */
  .listings-wrap{padding:16px 4% calc(58px + 16px)!important}
  .filter-bar{display:none!important}
  .listings-grid{grid-template-columns:1fr!important;gap:12px!important}
  .prop-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}

  /* ══ HAKKIMIZDA MOBİL ══ */
  section[style*="padding:140px 8%"]{padding:72px 5% 32px!important}
  [style*="grid-template-columns:1fr 1fr;gap:56px"]{grid-template-columns:1fr!important;gap:24px!important}
  [style*="grid-template-columns:1fr 1fr;gap:48px"]{grid-template-columns:1fr!important;gap:20px!important}
  [style*="grid-template-columns:repeat(auto-fit,minmax(200px"]{grid-template-columns:1fr 1fr!important;gap:10px!important}
  [style*="grid-template-columns:repeat(auto-fit,minmax(180px"]{grid-template-columns:1fr 1fr!important;gap:10px!important}

  /* ══ HİZMETLER MOBİL ══ */
  .srv-hero{padding:72px 5% 28px!important}
  [style*="grid-template-columns:repeat(auto-fill,minmax(280px"]{grid-template-columns:1fr!important}
  [style*="grid-template-columns:repeat(auto-fill,minmax(240px"]{grid-template-columns:1fr!important}

  /* ══ İLAN DETAY MOBİL ══ */
  .detail-grid[style*="grid-template-columns:1fr 400px"]{grid-template-columns:1fr!important!important}
  .detail-contact-card{position:static!important;margin-top:16px!important}
  [style*="grid-template-columns:1fr 400px"]{grid-template-columns:1fr!important}
  [style*="grid-template-columns:1fr 380px"]{grid-template-columns:1fr!important}
  [style*="grid-template-columns:1fr 360px"]{grid-template-columns:1fr!important}

  /* ══ GENEL ══ */
  /* Büyük font boyutlarını küçült */
  [style*="font-size:clamp"]{font-size:1.4rem!important}
  
  /* Yatay taşmayı engelle */
  .cnt-page,.about-page,.srv-page,.listings-page{overflow-x:hidden!important}

}

/* ── 400px altı ── */
@media(max-width:400px){
  .hero-brand-block h1{font-size:1.5rem!important}
  .svc-cards{grid-template-columns:1fr!important}
  [style*="repeat(auto-fill,minmax(260px"]{grid-template-columns:1fr!important}
  .cg-card{flex:0 0 84vw!important;height:220px!important}
  .stat-item h3,.stat-counter{font-size:1.3rem!important}
  .stat-item p{font-size:8px!important}
}

/* ── TABLET 769–1024px ── */
@media(min-width:769px) and (max-width:1024px){
  .p-grid{grid-template-columns:repeat(2,1fr)!important}
  [style*="repeat(auto-fill,minmax(260px"]{grid-template-columns:repeat(2,1fr)!important}
  .f-grid{grid-template-columns:1fr 1fr!important;gap:24px!important}

  /* ── FIXED BOTTOM ELEMENTLERİ MOB-NAV ÜSTÜNE TAŞI ── */
  /* KVKK banner */
  #kvkkBanner{bottom:calc(58px + env(safe-area-inset-bottom,0px))!important}
  /* Karşılaştırma barı */
  #cmpBar{bottom:calc(58px + env(safe-area-inset-bottom,0px))!important}
  /* Toast/bildirim */
  .toast-msg,[id*="toast"],[class*="toast"]{bottom:calc(58px + 12px + env(safe-area-inset-bottom,0px))!important}
  /* Modal bottom sheet */
  .modal-bottom{bottom:calc(58px + env(safe-area-inset-bottom,0px))!important}
  /* Flash mesajlar */
  .flash-container{top:70px!important;bottom:auto!important}
  /* Sabit alt butonlar - genel */
  [style*="position:fixed"][style*="bottom:0"]:not(#mobNav):not(#kvkkBanner){
    padding-bottom:calc(58px + env(safe-area-inset-bottom,0px) + 12px)!important
  }
  /* ilan detail sabit fiyat/iletişim barı */
  .detail-sticky-bar,.prop-cta-bar{bottom:calc(58px + env(safe-area-inset-bottom,0px))!important}
  /* Filtre sidebar mobilde */
  #filterSidebar{padding-bottom:calc(58px + env(safe-area-inset-bottom,0px) + 16px)!important}
}

/* Mobile drawer mob-nav üstünde olsun */
.mobile-drawer.active{z-index:10001!important}
.mobile-drawer.active .drawer-panel{z-index:10002!important}