/* ==========================================================================
   EXCLUSIVE — Responsive rules
   Breakpoints: 1200 (laptop) / 992 (tablet-l) / 768 (tablet) / 480 (mobile)
   ========================================================================== */

@media (max-width:1200px){
  .p-grid{ grid-template-columns:repeat(3,1fr); }
  .stats-grid{ grid-template-columns:repeat(2,1fr); }
}

@media (max-width:992px){
  nav.main-nav{ display:none; }
  .hamburger{ display:flex; }
  .search-box{ width:170px; }
  .home-hero{ grid-template-columns:1fr; }
  .category-rail{ display:none; }
  .feature-grid, .feature-side{ grid-template-columns:1fr; }
  .feature-tall{ grid-row:auto; }
  .banner{ grid-template-columns:1fr; }
  .banner img{ height:220px; }
  .auth-wrap{ grid-template-columns:1fr; }
  .auth-image{ display:none; }
  .checkout-wrap{ grid-template-columns:1fr; }
  .account-wrap{ grid-template-columns:1fr; }
  .about-hero{ grid-template-columns:1fr; }
  .about-hero .placeholder-img{ height:300px; order:-1; }
  .contact-wrap{ grid-template-columns:1fr; }
  .footer-grid{ grid-template-columns:1fr 1fr; }
}

@media (max-width:768px){
  .p-grid{ grid-template-columns:repeat(2,1fr); }
  .p-grid.cols-3{ grid-template-columns:repeat(2,1fr); }
  .services{ grid-template-columns:1fr; }
  .stats-grid{ grid-template-columns:repeat(2,1fr); }
  .team-grid{ grid-template-columns:1fr; }
  .section-head h2{ font-size:26px; }
  .hero-slide{ grid-template-columns:1fr; padding:24px; text-align:center; }
  .hero-slide .txt{ order:2; }
  .hero-slide img{ justify-self:center; max-height:180px; }
  .hero-slider{ min-height:380px; }
  .cart-bottom{ flex-direction:column; }
  .cart-summary{ max-width:100%; }
  .billing-form .field-row, .account-form .field-row, .contact-form .field-row{ grid-template-columns:1fr; }
}

@media (max-width:480px){
  .header-inner{ height:70px; }
  .logo{ font-size:20px; }
  .search-box{ display:none; }
  .p-grid{ grid-template-columns:1fr 1fr; gap:12px; }
  .p-grid.cols-3{ grid-template-columns:1fr; }
  .product-card{ flex:0 0 210px; }
  .modal-box{ grid-template-columns:1fr; padding:24px; }
  .modal-img{ height:180px; }
  .footer-grid{ grid-template-columns:1fr; text-align:center; }
  .app-imgs{ justify-content:center; }
  .footer-social{ justify-content:center; }
  .section-head{ flex-direction:column; align-items:flex-start; }
  .auth-form{ max-width:100%; }
  .top-header select{ position:static; display:block; margin:8px auto 0; }
}