/*
 * Estilos para ocultar botones de navegación en móviles
 * Categorías populares y productos destacados
 */

/* Ocultar botones de navegación en tablets y móviles */
@media (max-width: 768px) {
    /* Ocultar botones prev/next de categorías populares */
    .popular-categories .carausel-6-columns-arrow .slick-prev,
    .popular-categories .carausel-6-columns-arrow .slick-next,
    .popular-categories .slider-arrow,
    .popular-categories .slider-arrow-2 {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
    
    /* Ocultar botones prev/next de productos destacados */
    .product-slider-active-1 .slick-prev,
    .product-slider-active-1 .slick-next,
    .product-slider-active-1 .pro-icon-1-prev,
    .product-slider-active-1 .pro-icon-1-next,
    .product-tabs .slider-arrow,
    .product-tabs .slider-arrow-2 {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
    
    /* Ocultar contenedores de flechas */
    .popular-categories .carausel-6-columns-arrow,
    .carausel-6-columns-arrow,
    .carausel-4-columns-arrow {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }
    
    /* Asegurar scroll horizontal para categorías populares */
    .popular-categories .carausel-6-columns {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }
    
    .popular-categories .carausel-6-columns::-webkit-scrollbar {
        display: none !important;
    }
    
    /* Asegurar scroll horizontal para productos destacados */
    .product-tabs .product-grid-4 {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    /* Ajustar padding para mejor visualización */
    .popular-categories .carausel-6-columns-cover {
        padding: 0 15px !important;
    }
}

/* Ocultar botones en móviles pequeños */
@media (max-width: 480px) {
    /* Ocultar todos los botones de navegación */
    .slick-prev,
    .slick-next,
    .pro-icon-1-prev,
    .pro-icon-1-next,
    .slider-arrow,
    .slider-arrow-2 {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
    
    /* Ajustar padding para móviles pequeños */
    .popular-categories .carausel-6-columns-cover {
        padding: 0 10px !important;
    }
}