/* ===== TABLET (768px+) ===== */
@media (min-width: 768px) {
  .container { padding: 0 24px; }

  /* Header */
  .header-inner { height: 64px; }
  .header-logo { height: 44px; }
  .header-logo-link { position: static; transform: none; margin: 0 auto; }
  .search-desktop { display: flex; }
  .btn-menu { display: none; }
  .btn-search-mobile { display: none; }
  .nav-desktop { display: block; }
  .hero-desktop { display: block; }
  .hero-mobile { display: none; }
  .hero-arrow { display: flex; }

  /* Section */
  .section-title { font-size: 24px; }
  .section { padding: 40px 0; }

  /* Product Grid */
  .product-grid { grid-template-columns: repeat(4, 1fr); gap: 16px; }
  .product-card-name { font-size: 14px; }
  .product-card-price { font-size: 16px; }
  .product-slider .product-card { flex: 0 0 23.5%; }

  /* Benefits */
  .benefits { padding: 48px 0; }
  .benefits-grid { grid-template-columns: repeat(4, 1fr); }

  /* Testimonials */
  .testimonials { padding: 64px 0; }
  .testimonials-grid { grid-template-columns: repeat(2, 1fr); }
  .section-title { margin-bottom: 32px; }

  /* Footer */
  .footer { padding: 56px 0; }
  .footer-grid { grid-template-columns: repeat(4, 1fr); }
  .footer-brand { grid-column: auto; }

  /* Product Page */
  .product-detail { padding: 48px 0; }
  .product-layout { grid-template-columns: 1fr 1fr; gap: 48px; }
  .product-title { font-size: 28px; }

  /* Cart */
  .cart-page { padding: 48px 0; }
  .cart-item-img { width: 96px; height: 96px; }

  /* Checkout */
  .checkout-page { padding: 48px 16px; }
  .checkout-layout { grid-template-columns: 3fr 2fr; }

  /* Category */
  .category-header { flex-direction: row; align-items: center; justify-content: space-between; }
  .category-title { font-size: 28px; }
}

/* ===== LARGE DESKTOP (1024px+) ===== */
@media (min-width: 1024px) {
  .testimonials-grid { grid-template-columns: repeat(4, 1fr); }
  .cart-layout { grid-template-columns: 2fr 1fr; }
  .product-grid { gap: 24px; }
}

/* ===== MOBILE ONLY ===== */
@media (max-width: 767px) {
  .btn-menu { display: block; }
  .btn-search-mobile { display: block; }
  .search-desktop { display: none; }
  .nav-desktop { display: none; }
  .hero-desktop { display: none; }
  .hero-mobile { display: block; }
  .hero-arrow { display: none; }

  .product-card-info { padding: 8px 2px 4px; }
  .product-card-name { font-size: 11px; min-height: 30px; }
  .product-card-price { font-size: 13px; }

  .confirm-card { padding: 24px 20px; }
  .pix-card { padding: 20px 16px; }
}


@media (max-width: 480px) {
  .container { padding-left: 12px; padding-right: 12px; }
  .product-slider .product-card { flex-basis: 72%; }
  .product-card-info { padding: 10px 7px 10px; }
  .product-card-name { font-size: 10.5px; }
  .product-card-price { font-size: 12px; }
  .header-logo { height: 28px; }
  .checkout-card-elevated, .cart-summary, .confirm-card { border-radius: 16px; }
}