/* ============================================================
   Star Çelik — Bimos UI · Responsive & bileşen davranışları
   Inline stiller attribute-substring seçicilerle override edilir.
   Kırılım noktaları: 980px (tablet), 600px (telefon).
   ============================================================ */

/* ---- Header / mobil menü ---- */
.nav-toggle { display: none; }
.mobile-nav { display: none; }

@media (max-width: 980px) {
  .nav-desktop { display: none !important; }
  .nav-toggle  { display: inline-flex !important; }
  .mobile-nav.open { display: block !important; }
}
@media (min-width: 981px) {
  .mobile-nav { display: none !important; }
}

/* ---- Grid'ler: tablet (<=980px) ---- */
@media (max-width: 980px) {
  [style*="grid-template-columns:repeat(4,1fr)"] { grid-template-columns: repeat(2, 1fr) !important; }
  [style*="grid-template-columns:repeat(3,1fr)"] { grid-template-columns: repeat(2, 1fr) !important; }
  [style*="grid-template-columns:repeat(5,1fr)"] { grid-template-columns: repeat(3, 1fr) !important; }
  [style*="grid-template-columns:1.8fr 1fr 1fr 1.2fr"] { grid-template-columns: repeat(2, 1fr) !important; }
  [style*="grid-template-columns:1fr 1fr"],
  [style*="grid-template-columns:1.1fr 1fr"],
  [style*="grid-template-columns:0.9fr 1.1fr"],
  [style*="grid-template-columns:1fr 1.1fr"] { grid-template-columns: 1fr !important; }
  [style*="padding:0 80px"] { padding: 0 24px !important; }
  [style*="gap:64px"] { gap: 40px !important; }
  [style*="gap:56px"] { gap: 34px !important; }
}

/* ---- Grid'ler: telefon (<=600px) ---- */
@media (max-width: 600px) {
  [style*="grid-template-columns:repeat(4,1fr)"],
  [style*="grid-template-columns:repeat(3,1fr)"],
  [style*="grid-template-columns:repeat(2,1fr)"],
  [style*="grid-template-columns:repeat(5,1fr)"],
  [style*="grid-template-columns:1.8fr 1fr 1fr 1.2fr"],
  [style*="grid-template-columns:1fr 1.4fr"] { grid-template-columns: 1fr !important; }

  /* dikey boşlukları sıkılaştır */
  [style*="padding:100px 0"] { padding: 60px 0 !important; }
  [style*="padding:90px 0"]  { padding: 54px 0 !important; }
  [style*="padding:80px 0"]  { padding: 50px 0 !important; }
  [style*="padding:70px 0"]  { padding: 46px 0 !important; }

  /* spec tablosu satırlarında etiket başlığı üstte kalsın */
  [style*="grid-template-columns:1fr 1.4fr"] > div:first-child { border-bottom: 1px solid rgba(0,0,0,0.04); }
}

/* ---- Telefonda ürün slider oklarını her zaman göster (hover yok) ---- */
@media (hover: none) {
  .p-arrow { opacity: 1 !important; }
}
