@media (max-width: 1199.98px) {
  .header-action-label { display: none; }
  .category-nav .nav-link { padding-inline: 8px; font-size: .8rem; }
  .hero-slide { min-height: 410px; }
  .hero-visual { width: 44%; opacity: .88; }
}

@media (max-width: 991.98px) {
  body { padding-bottom: 64px; }
  .desktop-only, .category-nav, .announcement-desktop, .header-actions .account-action { display: none !important; }
  .site-header { position: sticky; }
  .main-header .container { min-height: 72px; }
  .brand-crop { flex-basis: 150px; width: 150px; height: 58px; }
  .brand-crop img { top: -65px; left: -14px; width: 178px; }
  .mobile-search-row { display: block !important; padding: 0 0 12px; }
  .mobile-search-row .header-search { max-width: none; }
  .header-search .form-control { height: 45px; }
  .hero-section { padding-top: 14px; }
  .hero-slide { min-height: 390px; }
  .hero-content { max-width: 72%; }
  .hero-visual { right: -45px; width: 51%; }
  .section-space { padding: 54px 0; }
  .product-gallery, .summary-card { position: static; }
  .mobile-bottom-nav {
    position: fixed;
    z-index: 1050;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    min-height: 62px;
    padding-bottom: env(safe-area-inset-bottom);
    background: #fff;
    border-top: 1px solid var(--border);
    box-shadow: 0 -8px 24px rgba(3,37,100,.09);
  }
  .mobile-bottom-nav a { position: relative; display: grid; place-items: center; align-content: center; gap: 1px; color: var(--muted); font-size: .63rem; font-weight: 700; }
  .mobile-bottom-nav a i { color: var(--brand-navy); font-size: 1.2rem; }
  .mobile-bottom-nav a.active { color: var(--brand-orange-dark); }
  .mobile-bottom-nav .count-badge { top: 6px; right: calc(50% - 22px); }
  .footer-main { padding-bottom: 42px; }
  .back-to-top { bottom: 78px; }
  .cookie-banner { bottom: 78px; }
}

@media (max-width: 767.98px) {
  .announcement-bar .container { min-height: 32px; justify-content: center !important; }
  .announcement-bar { font-size: .72rem; }
  .brand-crop { flex-basis: 132px; width: 132px; }
  .brand-crop img { top: -56px; left: -13px; width: 160px; }
  .header-actions { gap: 6px; }
  .icon-btn { width: 40px; height: 40px; }
  .hero-slide { min-height: 470px; border-radius: 16px; }
  .hero-content { max-width: none; padding: 38px 26px; text-align: center; }
  .hero-title { font-size: 2.35rem; }
  .hero-text { margin-inline: auto; }
  .hero-visual { right: 17%; bottom: -68px; width: 66%; max-height: 48%; }
  .hero-actions { justify-content: center; }
  .section-space { padding: 44px 0; }
  .section-space-sm { padding: 32px 0; }
  .section-head { margin-bottom: 22px; }
  .category-card { padding: 17px 8px; }
  .category-icon { width: 54px; height: 54px; font-size: 1.45rem; }
  .trust-strip { padding: 18px 0; }
  .trust-item { padding: 10px 0; }
  .compatible-finder { padding: 26px 20px; }
  .product-main-image { min-height: 360px; }
  .cart-item { padding: 15px; }
  .cart-image { width: 84px; height: 84px; flex-basis: 84px; }
  .newsletter-form { margin: 20px 0 0; }
  .newsletter-band { text-align: center; }
  .footer-main { padding-top: 44px; }
  .article-content { padding: 24px 20px; }
}

@media (max-width: 575.98px) {
  .container { padding-inline: 14px; }
  .header-actions .wishlist-action { display: none; }
  .header-search .form-control { padding-right: 52px; font-size: .82rem; }
  .header-search .btn { width: 41px; padding: 0; }
  .header-search .btn span { display: none; }
  .hero-slide { min-height: 445px; }
  .hero-content { padding: 34px 18px; }
  .hero-title { font-size: 2rem; }
  .hero-actions .btn { flex: 1; padding-inline: 10px; }
  .hero-visual { right: 11%; width: 78%; }
  .product-body { padding: 12px; }
  .product-title { min-height: 54px; font-size: .86rem; }
  .sale-price { font-size: 1rem; }
  .regular-price, .discount-text { font-size: .7rem; }
  .product-actions { opacity: 1; transform: none; }
  .product-actions .quick-view { display: none; }
  .promo-card { min-height: 220px; padding: 25px; }
  .promo-card h3 { font-size: 1.4rem; }
  .page-hero { padding: 34px 0; }
  .shop-toolbar { gap: 10px; }
  .gallery-thumb { width: 60px; height: 60px; }
  .detail-price { font-size: 1.65rem; }
  .newsletter-form input { width: 100%; }
}