/* ============================================================
   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 20px; }
  .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; }
  .na-grid, .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; }
}

@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); }
}

@media (max-width: 680px) {
  .hdr-main-in { gap: 14px; height: 64px; }
  .logo-tag { display: none; }
  .search { height: 46px; }
  .search-go span { display: none; }
  .icon-btn { padding: 7px; }
  .hero-text { padding: 30px 24px; }
  .hero-title { font-size: 30px; }
  .hero-price { gap: 16px; }
  .pgrid, .na-grid { grid-template-columns: 1fr; }
  .sec-head { flex-direction: column; align-items: flex-start; gap: 14px; }
  .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; }
  .filters { position: static; }
  .detail { grid-template-columns: 1fr; gap: 26px; }
  .detail-tabs { grid-template-columns: 1fr; gap: 28px; }
  .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; }
  .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); }
  .listing-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 680px) {
  .listing-grid { grid-template-columns: 1fr; }
  .di-tier-grid { grid-template-columns: 1fr; }
  .di-trust { grid-template-columns: 1fr; }
  .di-buy { flex-wrap: wrap; }
  .di-fast { width: 100%; }
  .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; }
}