/* ============================================
   HELADERÍA KAFIT — Responsive Breakpoints
   ============================================ */

/* ── Tablet (1024px) ── */
@media (max-width: 1024px) {
    .products-grid { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }
    .container { padding-left: var(--space-4); padding-right: var(--space-4); }
}

/* ── Small Tablet (768px) ── */
@media (max-width: 768px) {
    .section { padding: var(--space-12) 0; }
    .section-header { margin-bottom: var(--space-8); }
    .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; }
    .products-grid { grid-template-columns: repeat(2, 1fr); gap: var(--space-4); }
    
    .hero { min-height: 70vh; }
    .hero__title { font-size: var(--text-5xl); }
    
    .product-card__body { padding: var(--space-4); }
    .product-card__name { font-size: var(--text-base); }
    .product-card__price { font-size: var(--text-xl); }

    .social-grid { flex-direction: column; align-items: stretch; }
}

/* ── Large Phone (430px) ── */
@media (max-width: 430px) {
    :root {
        --header-height-mobile: 56px;
    }
    
    .container { padding-left: var(--space-4); padding-right: var(--space-4); }
    .products-grid { grid-template-columns: repeat(2, 1fr); gap: var(--space-3); }
    
    .hero { min-height: 65vh; }
    .hero__content { padding: var(--space-6) var(--space-4); }
    .hero__tag { font-size: var(--text-xs); }
    
    .product-card__image { padding-top: 90%; }
    .product-card__body { padding: var(--space-3); }
    .product-card__name { font-size: var(--text-sm); }
    .product-card__desc { display: none; }
    .product-card__price { font-size: var(--text-base); }
    .product-card__add-btn { width: 36px; height: 36px; font-size: 1rem; }
    
    .category-card { padding: var(--space-4) var(--space-3); }
    .category-card__icon { width: 50px; height: 50px; font-size: 1.6rem; }
    .category-card__name { font-size: var(--text-xs); }
    
    .btn { padding: var(--space-3) var(--space-5); font-size: var(--text-xs); }
    .btn-lg { padding: var(--space-3) var(--space-6); font-size: var(--text-sm); }

    .cart-item { flex-direction: row; }
    .cart-item__image { width: 80px; height: 80px; }
    
    .whatsapp-float { width: 50px; height: 50px; bottom: var(--space-4); left: var(--space-4); }
    .whatsapp-float svg { width: 24px; height: 24px; }

    .footer__grid { gap: var(--space-6); }
    .footer__social-link { width: 36px; height: 36px; }
}

/* ── Small Phone (375px) ── */
@media (max-width: 375px) {
    .products-grid { grid-template-columns: repeat(2, 1fr); gap: var(--space-2); }
    .hero__title { font-size: var(--text-4xl); }
    .product-card__footer { flex-direction: column; align-items: flex-start; gap: var(--space-2); }
}

/* ── Very Small (320px) ── */
@media (max-width: 320px) {
    .hero__title { font-size: var(--text-3xl); }
}

/* ── Large Desktop (1440px+) ── */
@media (min-width: 1440px) {
    .products-grid { grid-template-columns: repeat(4, 1fr); }
}

/* ── Extra Large (1920px+) ── */
@media (min-width: 1920px) {
    .container { max-width: 1600px; }
    .products-grid { grid-template-columns: repeat(5, 1fr); }
}

/* ── Touch Target Improvements (Mobile) ── */
@media (hover: none) and (pointer: coarse) {
    .product-card__quick-add { opacity: 1; transform: translateY(0); }
    .btn { min-height: 44px; }
    .header__action-btn { min-width: 44px; min-height: 44px; }
    .menu-filter-btn { min-height: 40px; }
}

/* ── Reduced Motion ── */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
    .reveal { opacity: 1; transform: none; }
}