/* ===========================================
   MOBILE FIXES - Probachi S.A.
   Responsive styles for mobile devices
   =========================================== */

@media (max-width: 768px) {

    /* NAVBAR - Logo balanceado */
    .navbar .nav-logo .logo-img,
    nav .nav-logo .logo-img,
    .nav-logo img {
        height: 45px !important;
        max-height: 45px !important;
        width: auto !important;
    }

    /* NAVBAR - Botones balanceados */
    .navbar .nav-actions,
    .nav-actions {
        gap: 8px !important;
    }

    .navbar .nav-actions button,
    .navbar .nav-actions a,
    .nav-actions .search-btn,
    .nav-actions .cart-btn,
    .nav-actions .user-btn,
    button.search-btn,
    button.cart-btn,
    a.user-btn {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        max-width: 36px !important;
        padding: 6px !important;
        overflow: visible !important;
    }

    /* SVG iconos balanceados */
    .nav-actions svg,
    .search-btn svg,
    .cart-btn svg,
    .user-btn svg,
    .nav-actions button svg,
    .nav-actions a svg {
        width: 18px !important;
        height: 18px !important;
        max-width: 18px !important;
        max-height: 18px !important;
    }

    /* Cart count badge */
    .cart-count {
        width: 16px !important;
        height: 16px !important;
        font-size: 0.6rem !important;
        top: -4px !important;
        right: -4px !important;
        line-height: 16px !important;
    }

    /* Ocultar loyalty */
    .loyalty-widget,
    .loyalty-floating,
    [class*="loyalty"] {
        display: none !important;
    }

    /* WhatsApp */
    .whatsapp-button {
        width: 50px !important;
        height: 50px !important;
        bottom: 15px !important;
        right: 15px !important;
    }

    .whatsapp-button img,
    .whatsapp-button svg {
        width: 26px !important;
        height: 26px !important;
    }

    /* HERO CAROUSEL - Balanceado */
    .hero-product-showcase {
        transform: scale(0.75) !important;
        margin: -30px 0 !important;
    }

    .carousel-track {
        height: 280px !important;
    }

    .carousel-item {
        width: 200px !important;
        height: 260px !important;
        padding: 1rem !important;
    }

    .carousel-item img {
        max-width: 150px !important;
        max-height: 160px !important;
    }

    .product-info h3 {
        font-size: 1rem !important;
    }

    .product-info p {
        font-size: 0.8rem !important;
    }

    /* Hamburger visible */
    .hamburger {
        display: flex !important;
        z-index: 1001 !important;
    }
}

@media (max-width: 480px) {

    .navbar .nav-logo .logo-img,
    .nav-logo img {
        height: 38px !important;
    }

    .nav-actions {
        gap: 6px !important;
    }

    .nav-actions button,
    .nav-actions a {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        padding: 5px !important;
    }

    .nav-actions svg {
        width: 16px !important;
        height: 16px !important;
    }

    /* Carousel en móvil pequeño */
    .hero-product-showcase {
        transform: scale(0.65) !important;
        margin: -50px 0 !important;
    }

    .carousel-track {
        height: 240px !important;
    }
}