/* =============================================================================
   Çiğdem Emlak — Responsive (mobil öncelikli ayarlar)
============================================================================= */

/* ---------- Geniş tablet ---------- */
@media (max-width:1080px){
  .cards-grid{grid-template-columns:repeat(2,1fr)}
  .feature-grid{grid-template-columns:repeat(2,1fr)}
  .stats{grid-template-columns:repeat(2,1fr);gap:30px}
  .region-grid{grid-template-columns:repeat(2,1fr)}
  .search-grid{grid-template-columns:repeat(3,1fr)}
  .site-footer__grid{grid-template-columns:1fr 1fr;gap:34px}
}

/* ---------- Tablet / mobil menü devreye girer ---------- */
@media (max-width:900px){
  :root{--header-h:76px}
  .brand{padding:8px 0}
  .brand__logo{height:56px}
  .header-actions__cta{display:none}
  .header-actions__icon{display:inline-flex}
  .hamburger{display:flex}

  .main-nav{
    position:fixed;top:0;right:0;height:100dvh;width:min(320px,86vw);background:#fff;
    z-index:60;padding:26px 22px;transform:translateX(100%);transition:transform .32s var(--ease);
    box-shadow:-12px 0 40px rgba(0,0,0,.16);overflow-y:auto;
  }
  .main-nav.is-open{transform:translateX(0)}
  .main-nav ul{flex-direction:column;align-items:stretch;gap:2px;margin-top:38px}
  .main-nav a{padding:14px 12px;font-size:17px;border-radius:10px}
  .main-nav a::after{display:none}
  .main-nav a.is-active{background:var(--bg-soft);color:var(--red)}
  .main-nav__close{display:block;position:absolute;top:16px;right:18px;font-size:32px;
    background:none;border:0;color:var(--ink);cursor:pointer;line-height:1}
  .main-nav__cta-mobile{display:block;margin-top:18px}

  .cta-band{padding:46px 28px}
  .form-grid{grid-template-columns:1fr}
}

/* ---------- Mobil ---------- */
@media (max-width:680px){
  .container{padding:0 18px}
  .brand__logo{height:52px}
  .section{padding:48px 0}
  .section__head{margin-bottom:36px}
  .topbar__hide-sm{display:none}
  .topbar__since{display:none}
  .topbar__inner{height:40px;font-size:13px}

  .hero{min-height:auto;padding-top:20px}
  .hero__inner{padding:64px 0 80px}
  .hero__actions{flex-direction:column;align-items:stretch}
  .hero__actions .btn{width:100%}

  .search-box{margin-top:-30px}
  .search-box__card{padding:18px}
  .search-grid{grid-template-columns:1fr 1fr}
  .search-grid .field--submit{grid-column:1/-1}
  .search-tabs{flex-wrap:wrap}

  .cards-grid{grid-template-columns:1fr}
  .feature-grid,.region-grid{grid-template-columns:repeat(2,1fr);gap:14px}
  .blog-grid--home{grid-template-columns:repeat(2,1fr);gap:14px}
  .stats{grid-template-columns:1fr 1fr;gap:22px}
  .project-card{aspect-ratio:3/3.1}

  .site-footer__grid{grid-template-columns:1fr;gap:30px}
  .site-footer{padding-top:52px}
  .form-card{padding:22px}
  .cta-band__actions{flex-direction:column}
  .cta-band__actions .btn{width:100%}

  .wa-float{width:54px;height:54px;right:16px;bottom:16px}

  /* Detay sayfası mobilde tek kolon */
  .detail-layout{grid-template-columns:1fr!important}
  .detail-sidebar{position:static!important}
}

@media (max-width:420px){
  .stats{grid-template-columns:1fr}
  .prop-card__price{font-size:18px}
}