/* ============================================================
   RESPONSIVE.CSS
   ============================================================ */

@media (max-width: 1024px){
  .desktop-only{ display:none !important; }
}
@media (min-width: 1025px){
  .mobile-only{ display:none !important; }
}

@media (max-width: 768px){
  .navbar{ padding:1rem 5vw; }
  .sec-head h2{ font-size:clamp(1.7rem,7vw,2.4rem); }
  .hscroll-track{ padding-left:5vw; }
  .product-card .quick-actions{ opacity:1; transform:none; } /* always visible on touch */
}

@media (max-width: 480px){
  .grid-cols-4{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* Ultra-wide */
@media (min-width: 1920px){
  .max-w-8xl{ max-width:1600px; margin-left:auto; margin-right:auto; }
}