/* Responsive utilities – mobile‑first breakpoints */
@media (min-width: 640px) {
    .container { max-width: 640px; }
}
@media (min-width: 768px) {
    .container { max-width: 768px; }
}
@media (min-width: 1024px) {
    .container { max-width: 1024px; }
}
@media (min-width: 1280px) {
    .container { max-width: 1280px; }
}

/* ===== Mobile product grid: tighter, denser ===== */
@media (max-width: 767px) {
    .grid.grid-cols-2 {
        gap: 0.75rem;
    }
}

/* ===== Tablet (iPad) product grid: moderate gap for 3-col ===== */
@media (min-width: 768px) and (max-width: 1023px) {
    .grid.grid-cols-3 {
        gap: 1rem;
    }
}

/* ===== Mobile product cards: always show quick-add on pure touch devices ===== */
@media (hover: none) and (pointer: coarse) {
    .product-card-hover .add-to-cart-btn {
        transform: translateY(0);
        opacity: 1;
    }
}