/* =====================================================================
   Arihant Food — responsive.css
   Global responsive refinements layered on top of page styles
   ===================================================================== */

/* Prevent horizontal scroll on any device */
html, body { max-width: 100%; }

/* Fluid media */
img { height: auto; }

/* Small phones */
@media (max-width: 380px) {
  .btn { padding-inline: 1.4rem; }
  .header-actions .icon-btn { width: 38px; height: 38px; }
}

/* Tablet portrait tweaks */
@media (min-width: 600px) and (max-width: 899px) {
  .header-inner { min-height: 72px; }
}

/* Large desktops cap content width nicely */
@media (min-width: 1500px) {
  :root { --maxw: 1320px; }
}

/* Touch devices: always show quick-view affordance subtly */
@media (hover: none) {
  .product-card .quick-view { opacity: 1; transform: translateY(0); }
}

/* Print */
@media print {
  .site-header, .site-footer, .fab-whatsapp, .announce { display: none; }
}