/* ============================================
   RESPONSIVE.CSS — Mobile & Tablet breakpoints
   ============================================ */

@media (max-width: 1024px) {
    .hero-title { font-size: 2.75rem; }
    .categories-grid { grid-template-columns: repeat(2, 1fr); }
    .products-grid { grid-template-columns: repeat(3, 1fr); }
    .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 2rem; }
    .about-grid { grid-template-columns: 1fr; gap: 2.5rem; }
    .footer-grid { grid-template-columns: repeat(2, 1fr); gap: 2rem; }
    .content-grid { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
    :root { --header-height: 64px; }

    /* Topbar hide on mobile */
    .header-topbar { display: none; }

    /* Ensure container has proper padding on mobile so content isn't stuck to edges */
    .container { padding: 0 1.25rem !important; }

    /* Header */
    .main-navigation { display: none; }
    .header-cta { display: none; }
    .mobile-toggle { display: flex; }
    .header-logo img { height: 36px; }
    .logo-san { font-size: 0.7rem; }
    .logo-hierros { font-size: 1rem; }

    /* Hero */
    .hero-slider-section { min-height: 80vh; }
    .hero-title { font-size: 2.25rem; }
    .hero-subtitle { font-size: 1rem; }
    .hero-actions { flex-direction: column; }
    .hero-actions .btn { width: 100%; justify-content: center; }
    .hero-trust { flex-direction: column; gap: 0.75rem; }
    .hero-scroll { display: none; }

    /* Sections */
    .section { padding: 3.5rem 0; }
    .section-title { font-size: 1.85rem; }
    .section-header { margin-bottom: 2.5rem; }

    /* Categories */
    .categories-grid { grid-template-columns: 1fr; }

    /* Products */
    .products-grid { grid-template-columns: repeat(2, 1fr); gap: 1rem; }
    .product-card-actions { opacity: 1; transform: translateY(0); }

    /* Stats */
    .stats-grid { grid-template-columns: repeat(2, 1fr); }
    .stat-number { font-size: 2.25rem; }

    /* CTA */
    .cta-title { font-size: 1.75rem; }
    .cta-actions { flex-direction: column; align-items: center; }

    /* Locations */
    .locations-grid { grid-template-columns: 1fr; }

    /* Footer */
    .footer-grid { grid-template-columns: 1fr; gap: 2rem; }
    .footer-main { padding: 3rem 0 2rem; }

    /* WhatsApp float */
    .whatsapp-float { width: 52px; height: 52px; bottom: 1.25rem; right: 1.25rem; }
    .whatsapp-icon { width: 26px; height: 26px; }
    .whatsapp-tooltip { display: none; }
    .single-product .whatsapp-float { display: none !important; }
}

@media (max-width: 480px) {
    .hero-title { font-size: 1.85rem; }
    .products-grid { grid-template-columns: 1fr; }
    .stats-grid { grid-template-columns: 1fr; }
    .hero-badge { font-size: 0.7rem; }
}