/* ══════════════════════════════════════
   RESPONSIVE — MONZAIN V5
══════════════════════════════════════ */

/* ─── TABLET 720-1023px ─── */
@media(max-width:1023px){
  :root{--container-padding:12px}
  .products-grid{grid-template-columns:repeat(3,1fr)}
  .collection-layout{grid-template-columns:1fr}
  .filter-sidebar{display:none}
  .mobile-filter-bar{display:flex}
  .footer-grid{grid-template-columns:repeat(2,1fr);gap:28px}
  .cart-layout{grid-template-columns:1fr}
  .cart-summary{position:static}
  .product-top{grid-template-columns:1fr}
  .reviews-grid{grid-template-columns:repeat(2,1fr)}
  .tab-specs-layout{grid-template-columns:1fr}
}

/* ─── MOBILE < 720px ─── */
@media(max-width:719px){
  :root{--container-padding:11px}

  /* Announcement */
  .announce-bar{height:34px;overflow:hidden}
  .announce-center{font-size:10px;white-space:nowrap;animation:marquee 15s linear infinite}
  @keyframes marquee{0%{transform:translateX(50vw)}100%{transform:translateX(-100%)}}
  .announce-links{display:none}

  /* Header */
  .site-header{height:54px}
  .logo-brand{font-size:20px}
  .logo-tag{font-size:7px}
  .header-search{display:none}
  .mobile-search-btn{display:flex}
  .hdr-country{display:none}
  .view-cats-text{display:none}
  .header-inner{gap:8px}

  /* Cat nav */
  .cat-nav{display:none}

  /* Hero */
  .hero-slide-img{max-height:none;object-fit:contain}
  .hero-prev,.hero-next{width:28px;height:44px;font-size:20px}
  .hero-dots{bottom:6px}
  .hero-dot{width:8px;height:8px}

  /* Trust bar */
  .trust-bar{padding:12px 0}
  .trust-bar .container{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    padding:0 11px;
  }
  .trust-item{
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:5px;
    padding:8px 6px;
    background:#fff5f0;
    border-radius:5px;
  }
  .trust-icon-wrap{width:34px;height:34px}
  .trust-icon-wrap svg{width:17px;height:17px}
  .trust-title{font-size:10.5px}
  .trust-link{font-size:10px}

  /* Shop by category - 2 rows of 3 */
  .shop-by-cat-row{flex-wrap:wrap}
  .shop-by-cat-row>a{flex:0 0 calc(33.333% - 6px);min-width:calc(33.333% - 6px);height:100px!important}

  /* Carousel products - show 2 at a time */
  .pc{min-width:160px!important;max-width:160px!important}

  /* Deals tabs scroll */
  .deals-tabs-scroll{overflow-x:auto;scrollbar-width:none}
  .deals-tabs-scroll::-webkit-scrollbar{display:none}

  /* Dealer banners - stack */
  .dealer-row-3{grid-template-columns:1fr!important}

  /* Product page */
  .product-page{padding:14px 0 36px}
  .product-top{gap:14px}
  .gallery-col{display:flex;flex-direction:column;gap:8px}
  .gallery-thumbs{display:flex;flex-direction:row;overflow-x:auto;scrollbar-width:none;gap:6px;order:2}
  .gallery-thumbs::-webkit-scrollbar{display:none}
  .gthumb{width:54px;height:54px;min-width:54px;flex-shrink:0}
  .gallery-main-wrap{order:1}
  .prod-title{font-size:17px}
  .prod-price{font-size:28px}
  .atc-btn{height:48px;font-size:15px}
  .spec-badges{grid-template-columns:repeat(2,1fr);gap:8px}
  .prod-tabs-nav{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .prod-tabs-nav::-webkit-scrollbar{display:none}
  .prod-tab-btn{padding:11px 13px;font-size:12.5px;white-space:nowrap}
  .reviews-grid{grid-template-columns:1fr}
  .tab-features-grid{grid-template-columns:1fr}
  .quick-actions{gap:6px}
  .sticky-title{font-size:12px}
  .sticky-price{font-size:14px}
  #related-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}
  .compare-table-wrap{overflow-x:auto}

  /* Collection */
  .collection-title{font-size:20px}
  .products-grid{grid-template-columns:repeat(2,1fr);gap:8px}
  .collection-controls{flex-wrap:wrap}
  .collection-search{width:100%}

  /* Cart */
  .cart-title{font-size:22px}
  .ci-img{width:70px;height:70px}

  /* Breadcrumb */
  .bc-current{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

  /* Blog */
  .blog-grid-2{grid-template-columns:1fr!important}

  /* Footer */
  footer{padding:28px 0 0}
  .footer-grid{grid-template-columns:1fr;gap:18px;text-align:center}
  .footer-social{justify-content:center}
  .footer-col ul{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px}
  .footer-col ul li{margin-bottom:0}
  .footer-bottom .container{flex-direction:column;align-items:center;text-align:center;gap:8px}
  .as-seen-logos{gap:14px;flex-wrap:wrap}

  /* Mega menu */
  .mega-menu{width:100%!important;left:-100%}
  .mega-menu.open{left:0}

  /* Float phone */
  .float-phone{padding:8px 13px;bottom:14px;right:10px}
  .float-phone-num{font-size:13px}
  .float-phone-sub{display:none}

  /* About / contact */
  .page-hero h1{font-size:24px}
  .contact-cards{grid-template-columns:1fr;gap:10px;padding:20px 0}
}

/* ─── VERY SMALL < 480px ─── */
@media(max-width:479px){
  :root{--container-padding:9px}
  .pc{min-width:148px!important;max-width:148px!important}
  .products-grid{grid-template-columns:repeat(2,1fr);gap:7px}
  .trust-title{font-size:10px}
  .hero-prev,.hero-next{width:24px;font-size:18px}
}

/* ─── TOUCH ─── */
@media(pointer:coarse){
  .atc-btn,.checkout-btn,.form-submit,.c3-atc{min-height:44px}
  .gthumb{min-width:44px;min-height:44px}
  .prod-tab-btn{min-height:44px}
  .hero-dot{width:12px;height:12px}
}

/* ─── TABLET product page ─── */
@media(max-width:1023px){
  .product-top{grid-template-columns:1fr;gap:20px}
  .gallery-col{flex-direction:column!important}
  .gallery-thumbs{flex-direction:row!important;width:100%;overflow-x:auto;scrollbar-width:none;gap:6px;order:2!important}
  .gallery-thumbs::-webkit-scrollbar{display:none}
  .gallery-main-wrap{order:1!important;width:100%}
  .gallery-main{max-width:100%!important;aspect-ratio:1}
  .reviews-grid{grid-template-columns:repeat(2,1fr)}
  .related-products-grid{grid-template-columns:repeat(3,1fr)!important}
  .tab-features-grid{grid-template-columns:repeat(2,1fr)}
  .tab-specs-layout{grid-template-columns:1fr}
  .quick-actions{grid-template-columns:repeat(3,1fr)}
}