/* ========================================================================= */
/*  MOBILE & TABLET RESPONSIVENESS OVERRIDES                                  */
/* ========================================================================= */

/* ---- 1024px: Tablet geniş ---- */
@media (max-width: 1024px) {
  .cart-layout { grid-template-columns: 1fr; }
  .prod-grid { grid-template-columns: repeat(3, 1fr); }
  .auth-box { border-radius: 12px; }
  .footer-grid { grid-template-columns: repeat(2, 1fr); gap: 2rem; }
}

/* ---- 1100px: nav linkleri küçülsün ---- */
@media (max-width: 1100px) {
  .header-nav a {
    font-size: 0.8rem;
    padding: 0.4rem 0.55rem;
  }
  .header-search { width: 180px; }
}

/* ---- 900px: Hamburger devreye girer ---- */
@media (max-width: 900px) {
  /* Header */
  .site-header {
    padding: 0 1.2rem;
    height: 58px;
    gap: 0.8rem;
  }

  /* Desktop nav tamamen gizlenir - hamburger alır görevi */
  .header-nav { display: none; }

  /* Arama kutusu gizle */
  .header-search { display: none; }

  /* Desktop kullanıcı butonlarını gizle */
  .header-user { display: none; }
  .header-right .btn-register { display: none; }

  /* Hamburger göster */
  .hamburger-btn { display: flex; }

  /* header-right sadece sepet + hamburger */
  .header-right { gap: 0.7rem; }
}

/* ---- 768px: Mobil ---- */
@media (max-width: 768px) {
  body { overflow-x: hidden; }

  .page-wrapper {
    padding: 0 1rem;
  }

  /* Hero Slider */
  .hero-full, .hero-slider { height: 280px; }
  .hero-center { padding: 0 1.2rem; }
  .hero-center h1 { font-size: 1.5rem; }
  .hero-center p { font-size: 0.86rem; }
  .btn-hero { padding: 0.55rem 1.2rem; font-size: 0.8rem; }

  /* Platform Tabs */
  .platform-tabs-index {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.6rem;
    margin: 1rem 0;
  }
  .ptab { padding: 0.7rem 0.5rem; font-size: 0.82rem; }

  /* Grids */
  .prod-grid { grid-template-columns: repeat(2, 1fr); gap: 0.75rem; }
  .section-hdr { flex-direction: column; align-items: flex-start; gap: 0.5rem; }
  .section-hdr h2 { font-size: 1.05rem; }

  /* Product Cards */
  .prod-card-title { font-size: 0.82rem; }
  .btn-buy { font-size: 0.78rem; padding: 0.5rem 0; }
  .prod-card-img { aspect-ratio: 4/3; }

  /* Footer */
  .footer-grid { grid-template-columns: 1fr; gap: 1.5rem; text-align: center; }
  .sitemap-cols { justify-content: center; }
  .footer-payments, .footer-socials { justify-content: center; }
  .footer-bottom { flex-direction: column; gap: 0.6rem; text-align: center; }

  /* Panel */
  .panel-grid { grid-template-columns: 1fr; }

  /* Wide promo */
  .wide-promo { min-height: 80px; padding: 1rem; }
  .wide-promo-content h3 { font-size: 1.1rem; }

  /* Home featured carousel */
  .home-featured-track .prod-card {
    flex: 0 0 calc((100% - 0.75rem) / 2);
    min-width: calc((100% - 0.75rem) / 2);
  }

  /* Features bölümü */
  .features-grid { grid-template-columns: 1fr; gap: 1.2rem; }
}

/* ---- 480px: Küçük mobil ---- */
@media (max-width: 480px) {
  .prod-grid { grid-template-columns: 1fr; }
  .platform-tabs-index { grid-template-columns: 1fr 1fr; }
  .ptab { width: 100%; }
  .hero-full, .hero-slider { height: 220px; }
  .hero-center h1 { font-size: 1.2rem; }

  /* Cart Mobile */
  .cart-item { flex-direction: column; align-items: flex-start; gap: 0.8rem; padding: 0.8rem; }
  .cart-qty-ctrl { width: 100%; justify-content: space-between; }
  .cart-remove-btn { display: block; width: 100%; margin-top: 0.5rem; }
  .cart-items-header { display: none; }

  /* Section headers */
  .section-hdr h2 { font-size: 0.95rem; }

  /* Home featured carousel single card */
  .home-featured-track .prod-card {
    flex: 0 0 calc(100% - 1rem);
    min-width: calc(100% - 1rem);
  }

  /* Page wrapper */
  .page-wrapper { padding: 0 0.75rem; }
}