/* ============================================================
   KRONOS — Responsive
   ============================================================ */

@media (max-width: 1240px) {
  .hero-inner { gap: 32px; }
  .promo-row { grid-template-columns: 1fr; }
  .cat-grid { grid-template-columns: repeat(3, 1fr); }
  .pgrid { grid-template-columns: repeat(3, 1fr); }
  .pgrid .pcard:nth-child(n+7) { display: none; }
}

@media (max-width: 1080px) {
  .wrap { padding: 0 10px; }
  .hdr-actions .icon-lbl, .acc-trigger-txt { display: none; }
  .acc-trigger { padding: 6px; }
  .hero { min-height: 460px; }
  .hero-inner { grid-template-columns: 1fr; padding: 48px 0 60px; }
  .hero-visual { display: none; }
  .hero-arr { display: none; }
  .hero-title { font-size: 42px; }
  .brand-grid { grid-template-columns: repeat(2, 1fr); }
  .pgrid { grid-template-columns: repeat(2, 1fr); }
  .stats { grid-template-columns: repeat(2, 1fr); }
  .stat:nth-child(2) { border-right: none; }
  .footer-grid { grid-template-columns: 1fr; gap: 32px; }
  .cta { grid-template-columns: 1fr; gap: 28px; padding: 32px; }
  /* Hesap (profil) drawer TABLET dahil (≤1080, JS mob() ile tutarlı) — 861-1080'de desktop absolute dropdown ekran dışına (sola) taşıyordu; sağdan drawer + üstte hesap ikonu */
  .hdr-actions .acc-mobil { display: flex; }
  .nav-guest-wrap .acc-trigger, .nav-guest-wrap .nav-guest { display: none; }
  .nav-guest-wrap .acc-menu, .nav-guest-wrap .guest-menu { position: fixed; top: 0; right: 0; bottom: 0; left: auto; width: 320px; max-width: 88vw; transform: translateX(100%); transition: transform .25s ease; z-index: 1320; opacity: 1; visibility: visible; border-radius: 0; box-shadow: -2px 0 24px rgba(0,0,0,.18); overflow-y: auto; -webkit-overflow-scrolling: touch; }
  .nav-guest-wrap.dd-open .acc-menu, .nav-guest-wrap.dd-open .guest-menu { transform: translateX(0); }
  .nav-guest-wrap .acc-scrim { display: block; position: fixed; inset: 0; z-index: 1310; background: rgba(0,0,0,.45); opacity: 0; visibility: hidden; transition: opacity .25s; }
  .nav-guest-wrap.dd-open .acc-scrim { opacity: 1; visibility: visible; }
  body.acc-acik { overflow: hidden; }
}

@media (max-width: 860px) {
  .util-left .util-item:not(.strong) { display: none; }
  .util-right .util-item:nth-child(-n+2) { display: none; }
  .navbar-in { overflow-x: auto; scrollbar-width: none; }
  .navbar-in::-webkit-scrollbar { display: none; }
  .nav-guest span { display: none; }
  .nav-guest { padding: 0 12px; }
  .trust { grid-template-columns: repeat(2, 1fr); }
  .trust-item:nth-child(2) { border-right: none; }
  .cat-grid { grid-template-columns: repeat(2, 1fr); }
  .mega-in { grid-template-columns: 1fr; }
  .mega-cols { grid-template-columns: repeat(2, 1fr); }
  /* Header B2C deseni: ☰ hamburger + logo + ikonlar üst satır; arama TAM GENİŞLİK alt satır */
  .hdr-burger { display: inline-flex; order: 0; }
  .hdr-main-in { flex-wrap: wrap; height: auto; padding-top: 10px; padding-bottom: 10px; gap: 8px 10px; } /* yatay padding .wrap'tan (yan boşluk korunur) */
  .logo { order: 1; }
  .hdr-actions { order: 2; margin-left: auto; }
  .search { order: 3; flex-basis: 100%; max-width: none; min-width: 0; }
  .search-field { min-width: 0; }
  .logo img { max-height: 34px; max-width: 160px; object-fit: contain; }
  .nav-all { display: none; } /* kategori = hdr hamburger */
  .hdr-actions .acc-mobil { display: flex; } /* hesap ikonu üst satırda (ikonlu sepetin yanında) */
  .toplu-btn { display: none; } /* mobilde Toplu Sipariş gizli */
  .nav-guest-wrap .acc-trigger, .nav-guest-wrap .nav-guest { display: none; } /* navbar chip/giriş butonu gizli — üstte hesap ikonu drawer'ı açıyor */
  /* Hesap menüsü SAĞDAN açılan drawer (profil ikonuna tıklayınca) */
  .nav-guest-wrap .acc-menu, .nav-guest-wrap .guest-menu { position: fixed; top: 0; right: 0; bottom: 0; left: auto; width: 320px; max-width: 88vw; transform: translateX(100%); transition: transform .25s ease; z-index: 1320; opacity: 1; visibility: visible; border-radius: 0; box-shadow: -2px 0 24px rgba(0,0,0,.18); overflow-y: auto; -webkit-overflow-scrolling: touch; }
  .nav-guest-wrap.dd-open .acc-menu, .nav-guest-wrap.dd-open .guest-menu { transform: translateX(0); }
  .nav-guest-wrap .acc-scrim { display: block; position: fixed; inset: 0; z-index: 1310; background: rgba(0,0,0,.45); opacity: 0; visibility: hidden; transition: opacity .25s; }
  .nav-guest-wrap.dd-open .acc-scrim { opacity: 1; visibility: visible; }
  body.acc-acik { overflow: hidden; }
  .navbar-in { height: 0; padding: 0; overflow: visible; } /* navbar collapse (drawer fixed, çalışmaya devam) */
  .navbar { border-bottom: 0; }
  main { padding: 16px 0 20px; } /* mobilde header ile içerik + içerik ile footer arasına boşluk (tüm sayfalar) */
  .panel-side { display: none; } /* üye sayfalarında sidebar menü gizli — aynı menü sağdan hesap drawer'ında */
  /* Mobilde bölümler arası dikey boşlukları genel olarak azalt (section padding 60/40px + sec-head margin fazlaydı) */
  .section { padding: 30px 0; }
  .section-tight { padding: 22px 0; }
  .sec-head, .na-head { margin-bottom: 16px !important; }
}

@media (max-width: 680px) {
  .hdr-main-in { gap: 8px; } /* flex-wrap/order/padding 860px bloğunda */
  .logo-tag { display: none; }
  .logo img { max-height: 30px; max-width: 140px; }
  .search-go span { display: none; }
  .icon-btn { padding: 7px; }
  .hero-text { padding: 30px 24px; }
  .hero-title { font-size: 30px; }
  .hero-price { gap: 16px; }
  .hero-banner { height: 300px; }
  .hero-ov { background: linear-gradient(0deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.30) 55%, rgba(0,0,0,.12) 100%); }
  .hero-ov-in { padding: 0 22px 34px; }
  .hero-ov-h { font-size: 24px; margin-bottom: 8px; }
  .hero-ov-p { font-size: 14px; margin-bottom: 16px; }
  .hero-ov-btn { padding: 10px 18px; font-size: 13px; }
  .pgrid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  /* sec-head mobilde YANYAN: başlık (Hızlı Erişim + Kategoriye Göre Keşfet) + "Tüm kategoriler" aynı satır (b2b.css row+space-between) */
  .sec-head > div { min-width: 0; }
  .sec-title { font-size: 18px; line-height: 1.2; }
  .sec-link { font-size: 13px; flex-shrink: 0; white-space: nowrap; }
  .tabs { width: 100%; overflow-x: auto; }
  .field-row { grid-template-columns: 1fr; }
  .footer-cols { grid-template-columns: repeat(2, 1fr); }
  .footer-pay-in, .footer-bottom-in { flex-direction: column; gap: 14px; text-align: center; }
  .cartpill-txt { display: none; }
}

/* ---- İç sayfalar ---- */
@media (max-width: 1080px) {
  .listing-body { grid-template-columns: 1fr; }
  .listing-main { padding-left: 10px; padding-right: 10px; } /* toolbar+grid mobilde kenara 10px (listing-body grid'i pad'lemiyor) */
  .filters { position: static; }
  .detail { grid-template-columns: 1fr; gap: 26px; }
  .detail-tabs { grid-template-columns: 1fr; gap: 28px; padding-top: 24px; } /* .wrap 10px üst padding'i sıfırlıyor — rozetler ile açıklama arasına boşluk (longhand) */
  .cart-body { grid-template-columns: 1fr; }
  .checkout-body { grid-template-columns: 1fr; }
  .panel-body { grid-template-columns: 1fr; }
  .panel-side { position: static; }
  .bulk-body { grid-template-columns: 1fr; }
  .statc-grid { grid-template-columns: repeat(2, 1fr); }
  .cari-pay { grid-template-columns: 1fr; }
  .addr-grid { grid-template-columns: 1fr; }
  .fl-grid { grid-template-columns: repeat(2, 1fr); }
  .set-grid { grid-template-columns: 1fr; }
  .about-grid { grid-template-columns: 1fr; gap: 28px; }
  .vals-grid { grid-template-columns: repeat(2, 1fr); }
  .contact-body { grid-template-columns: 1fr; }
  .faq-body { grid-template-columns: 1fr; }
  .dealers-body { grid-template-columns: 1fr; }
  .dealers-map { position: static; }
  /* Mobilde özet kartları yapışkan olmasın (tek kolona inince sticky kötü duruyor) */
  .cart-summary, .checkout-summary, .bulk-summary { position: static; top: auto; }
  .od-body { grid-template-columns: 1fr; }
  .doc-stats { grid-template-columns: repeat(2, 1fr); }
  .faq-secs { grid-template-columns: 1fr; }
  .qa-grid { grid-template-columns: repeat(2, 1fr); }
  /* B2C deseni: drawer modunda liste tam genişlik → 3 kolon */
  .listing-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
}
@media (max-width: 760px) {
  .listing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
}
@media (max-width: 680px) {
  .detail-crumb { padding-top: 6px; padding-bottom: 10px; } /* yatay 10px .wrap'tan (longhand — yan boşluk korunur); alta nefes payı */
  .di-tier-grid { grid-template-columns: 1fr; }
  .di-trust { grid-template-columns: 1fr 1fr; gap: 10px 12px; } /* rozetler 2×2 */
  .di-buy { flex-wrap: wrap; }
  .di-add { font-size: 13px; gap: 6px; padding-left: 8px; padding-right: 8px; display: flex; align-items: center; justify-content: center; text-align: center; } /* mobilde "Sepete Ekle" sıkışmasın + ortala */
  .di-add svg { width: 16px; height: 16px; }
  .di-fast { width: 100%; }
  /* Ürün kartı sepet butonu: dar kartta stepper+buton yan yana sığmıyor → alt alta, buton tam genişlik */
  .pcard-buy { flex-direction: column; gap: 8px; }
  .pcard-buy .stepper { width: 100%; }
  .pcard-buy .stepper input { flex: 1; width: auto; }
  .pcard-add { width: 100%; justify-content: center; text-align: center; padding: 10px 20px; font-size: 16px; }
  .cart-lines-h { display: none; }
  .cl { grid-template-columns: 80px 1fr; gap: 14px; }
  .cl-qty { grid-column: 1 / -1; justify-content: flex-start; }
  .cl-total { grid-column: 1 / -1; text-align: left; flex-direction: row; gap: 10px; align-items: baseline; }
  /* Listeleme pagehead: kompakt + breadcrumb TEK SIRA (yatay scroll) */
  .pagehead { padding: 14px 0 16px; }
  .pagehead-title { font-size: 20px; margin-top: 6px; }
  .pagehead-sub { margin-top: 3px; }
  .crumb { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  .crumb::-webkit-scrollbar { display: none; }
  /* Toolbar: Filtreler + Önerilen + görünüm hepsi TEK SIRA */
  .listing-toolbar { gap: 8px; }
  .lt-count { display: none; } /* ürün sayısı pagehead'de zaten var */
  .lt-left { flex: 0 0 auto; }
  .lt-right { gap: 6px; min-width: 0; }
  .sortsel { height: 40px; padding: 0 8px; gap: 4px; min-width: 0; }
  .sortsel svg { display: none; } /* grafik ikonu gizle (yer kazan) */
  .sortsel select { font-size: 13px; }
  .viewtog button { width: 36px; height: 40px; }
  .filtre-ac-btn { white-space: nowrap; }
  /* Liste görünümü: mobilde resim daralt + gövde küçülebilsin (280px sabit resim yatay taşma yapıyordu) */
  .listing-grid.as-list .pcard-media { width: 130px; }
  .listing-grid.as-list .pcard-media .pcard-img { height: 130px; }
  .listing-grid.as-list .pcard-body { min-width: 0; }
}