/* ============================================
   RESPONSIVE DESIGN — All Breakpoints
   ============================================ */

/* ── Tablet (768px - 1199px) ── */
@media (max-width: 1199px) {
  :root {
    --container-pad: 1.25rem;
  }

  h1 { font-size: var(--text-4xl); }
  h2 { font-size: var(--text-3xl); }

  /* Header */
  .main-nav { display: none; }
  .mobile-menu-toggle { display: flex; }

  /* Hero */
  .hero__slider { height: 480px; }
  .hero__title { font-size: 40px; }
  .hero__subtitle { font-size: var(--text-md); }
  .hero__floating-badge { display: none; }

  /* Product Grid */
  .product-grid { grid-template-columns: repeat(3, 1fr); }

  /* Flash Deals */
  .flash-deals__grid { grid-template-columns: repeat(3, 1fr); }

  /* Trust Grid */
  .trust-grid { grid-template-columns: repeat(2, 1fr); }

  /* Testimonials */
  .testimonials__grid { grid-template-columns: repeat(2, 1fr); }
  .testimonials__grid .testimonial-card:nth-child(3) { display: none; }

  /* Footer */
  .footer__grid { grid-template-columns: repeat(2, 1fr); }

  /* Mega menu */
  .mega-menu { width: 600px; }
  .mega-menu__grid { grid-template-columns: repeat(2, 1fr); }
}

/* ── Mobile (max-width: 767px) ── */
@media (max-width: 767px) {
  :root {
    --container-pad: 1rem;
    --header-height: 60px;
  }

  h1 { font-size: var(--text-3xl); }
  h2 { font-size: var(--text-2xl); }
  h3 { font-size: var(--text-xl); }

  .section { padding: var(--space-12) 0; }
  .section-lg { padding: var(--space-16) 0; }

  .section-header {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-3);
  }

  .section-title { font-size: var(--text-2xl); }

  /* Top Bar */
  .top-bar__left { display: none; }
  .top-bar__center { display: none; }
  .top-bar__right { max-width: 100%; }

  /* Header */
  .main-header__inner { gap: var(--space-3); }
  .logo__text { font-size: var(--text-lg); }

  .header-actions {
    gap: var(--space-1);
  }

  .header-action {
    width: 38px;
    height: 38px;
  }

  /* Hero */
  .hero__slider { height: 400px; }
  .hero__title { font-size: 28px; }
  .hero__subtitle { font-size: var(--text-base); }
  .hero__features { flex-direction: column; gap: var(--space-3); }
  .hero__cta { flex-direction: column; }
  .hero__cta .btn { width: 100%; }
  .hero__floating-badge { display: none; }
  .hero__nav { bottom: 20px; }
  .hero__arrow { display: none; }
  .hero__glow { display: none; }

  /* Category Bar */
  .category-icon-card { min-width: 110px; }
  .category-icon-card__icon { width: 44px; height: 44px; font-size: 22px; }
  .category-icon-card__label { font-size: var(--text-xs); }

  /* Product Grid */
  .product-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-3);
  }

  .product-card__body { padding: var(--space-3); }
  .product-card__title { font-size: var(--text-sm); }
  .product-card__sale-price { font-size: var(--text-lg); }

  /* Flash Deals */
  .flash-deals__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-3);
  }

  .flash-deals__header {
    flex-direction: column;
    align-items: flex-start;
  }

  .flash-deals__title-row {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-4);
  }

  .countdown { gap: var(--space-2); }
  .countdown__value { width: 50px; height: 50px; font-size: var(--text-lg); }

  /* Filter Tabs */
  .filter-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    padding-bottom: var(--space-2);
  }

  .filter-tabs::-webkit-scrollbar { display: none; }

  .filter-tab {
    flex-shrink: 0;
    padding: 8px 16px;
  }

  /* Trust Grid */
  .trust-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-4);
  }

  .trust-badge { padding: var(--space-5) var(--space-3); }
  .trust-badge__icon { width: 48px; height: 48px; font-size: 22px; }

  /* Testimonials */
  .testimonials__grid { grid-template-columns: 1fr; }
  .testimonials__grid .testimonial-card:nth-child(3) { display: block; }
  .testimonial-card { padding: var(--space-5); }

  /* Newsletter */
  .newsletter__title { font-size: var(--text-2xl); }
  .newsletter__form { flex-direction: column; }
  .newsletter__input { width: 100%; }
  .newsletter__btn { width: 100%; justify-content: center; }

  /* Footer */
  .footer__grid {
    grid-template-columns: 1fr;
    gap: var(--space-8);
  }

  .footer__brand { max-width: 100%; }

  .footer__bottom {
    flex-direction: column;
    text-align: center;
  }

  .footer__bottom-links { justify-content: center; }
}

/* ── Small Mobile (max-width: 480px) ── */
@media (max-width: 480px) {
  .hero__slider { height: 360px; }
  .hero__title { font-size: 24px; }
  .hero__badge { font-size: var(--text-xs); padding: 6px 14px; }

  .product-card__actions { display: none; }

  .flash-deals__grid { grid-template-columns: 1fr; }

  .trust-grid { grid-template-columns: 1fr; }
}

/* ── Large Desktop (1440px+) ── */
@media (min-width: 1440px) {
  .container { max-width: 1360px; }
  .hero__slider { height: 650px; }
  .hero__title { font-size: 60px; }
}