/* ===== fe-responsive.css — dar ekran ve dokunma düzeltmeleri (en son yüklenir) ===== */

/* Emniyet ağı: hiçbir bölüm yatay kaydırma açmasın.
   `clip` kullanıyoruz; `hidden` position:sticky'yi bozar. */
html{overflow-x:clip}
body{overflow-x:clip}
/* Izgara/esnek çocuklar içeriklerinden büyümesin */
.container>*{min-width:0}

/* ---------- ≤ 480px ---------- */
@media (max-width:480px){
  /* Başlık çubuğu: logo ve eylemler sıkışsın */
  .hdr-pill{gap:8px;padding:0 8px 0 12px}
  .logo{font-size:1.1rem;gap:8px}
  .logo svg{width:30px;height:30px}

  /* Danışmanlık bandı (özel yazılım) */
  .consult-band{grid-template-columns:minmax(0,1fr);padding:22px 16px;gap:22px}
  .consult-form{padding:18px 16px}

  /* İletişim */
  .contact-grid{grid-template-columns:minmax(0,1fr)}
  .contact-form-card,.contact-info{padding:20px 16px}

  /* Karşılaştırma: seçim kutusu tam satır */
  .cmp-add{flex-wrap:wrap;width:100%}
  .cmp-add .select{min-width:0;width:100%}

  /* Katalog araç çubuğu */
  .toolbar-sort{flex-wrap:wrap;width:100%}
  .toolbar-sort .select,.toolbar-sort .select--sm{min-width:0;width:100%}

  /* Proje taslak masası: tek sütun */
  .bp{grid-template-columns:minmax(0,1fr)}

  /* Genel form ve kart iç boşlukları */
  .auth-card,.side-card,.info-card{padding-inline:16px}
}

/* ---------- ≤ 360px: en dar cihazlar ---------- */
@media (max-width:360px){
  :root{--gutter:14px}
  .logo{font-size:1rem}
  .logo svg{width:27px;height:27px}
  .hdr-pill{height:56px;padding:0 6px 0 10px;gap:6px}
  .btn{padding-inline:14px}
}

/* ---------- Dokunma hedefleri ---------- */
@media (hover:none){
  .icon-btn,.fav-btn,.cmp-btn,.hc-ib,.bh-save,.bd-mini{min-width:38px;min-height:38px}
  /* İnce metin bağlantıları için dokunma payı */
  .footer-col a,.blog-kicker a{padding-block:2px}
}

/* ---------- Yatay kaydırılabilir şeritlerde kenar payı ---------- */
@media (max-width:700px){
  .cat-chips,.hc-rail,.bh-cats,.hb-cats{scroll-padding-inline:var(--gutter)}
  .cat-chips::-webkit-scrollbar,.hc-rail::-webkit-scrollbar,.bh-cats::-webkit-scrollbar{display:none}
}

/* ---------- Güvenli alan (çentikli cihazlar) ---------- */
@supports (padding:max(0px)){
  .site-footer{padding-bottom:max(24px,env(safe-area-inset-bottom))}
}

/* ---------- İçerik kutuları min-content'ten büyümesin ---------- */
.pcard,.pcard-body,.pcard-top,.pcard-media,.bf,.bh-card,.bh-body,.shelf-card,.tema-card,
.bp-left,.bp-right,.bp-block,.bp-chips,.card,.info-card{min-width:0}
.pcard-title,.bh-card h3,.shelf-title,.tema-card h3{overflow-wrap:anywhere}
.bp{grid-template-columns:minmax(0,1fr)}
@media (min-width:901px){.bp{grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr)}}