@media (max-width: 991px) {
  .hero-section .row { flex-direction: column-reverse; }
  .category-sidebar { margin-top: 20px; }
  .hero-slider { min-height: 300px; }
  .hero-slide h2 { font-size: 28px; }
  .deal-product .deal-img { flex: 0 0 100%; }
  .header-search { margin: 15px 0; }
  .header-icons { justify-content: center; margin-top: 10px; }
  .newsletter-form { flex-direction: column; }
  .newsletter-form input { border-radius: 4px; margin-bottom: 10px; }
  .newsletter-form button { border-radius: 4px; }
  .footer-service-item { margin-bottom: 20px; }
  .payment-icons { justify-content: center; margin-top: 15px; }
  .footer-bottom .text-end { text-align: center !important; }
}

@media (max-width: 767px) {
  .hero-slide { padding: 25px; }
  .hero-slide h2 { font-size: 22px; }
  .section-title h2 { font-size: 22px; }
  .product-card .product-img { height: 180px; }
  .countdown { flex-wrap: wrap; gap: 8px; }
  .countdown .time-box { min-width: 55px; padding: 8px 10px; }
  .cart-table thead { display: none; }
  .cart-table tr { display: block; margin-bottom: 20px; border: 1px solid var(--border); border-radius: 4px; }
  .cart-table td { display: block; text-align: right; padding: 10px 15px; border: none; }
  .cart-table td::before {
    content: attr(data-label);
    float: left;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
  }
  .product-detail-info h1 { font-size: 22px; }
  .filter-tabs button { padding: 8px 14px; font-size: 12px; }
}

@media (max-width: 575px) {
  .top-bar { text-align: center; font-size: 11px; }
  .main-header { padding: 15px 0; }
  .site-logo img { height: 70px; max-height: 70px; }
  .promo-banner { min-height: 160px; padding: 20px; }
  .promo-banner .promo-content h3 { font-size: 18px; }
}