/* ============================================
   SHORTCODES - 5 COLUMNAS
   ============================================ */

/* ============================================
   CATEGORÍAS
   ============================================ */
.categories-grid-shortcode {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
    gap: 20px !important;
    max-width: 100% !important;
    margin: 0 auto !important;
}

/* ============================================
   PRODUCTOS - 5 COLUMNAS
   ============================================ */

.products-grid-featured,
.products-grid-flash,
.products-grid-recent {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 auto !important;
    max-width: 100% !important;
    border: 1px solid #e9ecef !important;
    border-right: none !important;
    border-bottom: none !important;
    background: #ffffff !important;
    list-style: none !important;
    overflow: hidden !important;
}

/* Tarjetas */
.products-grid-featured .product-card-amazon,
.products-grid-flash .product-card-amazon,
.products-grid-recent .product-card-amazon {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 14px 12px 16px !important;
    float: none !important;
    clear: none !important;
    border: none !important;
    border-bottom: 1px solid #e9ecef !important;
    border-right: 1px solid #e9ecef !important;
    background: #ffffff !important;
    min-height: 360px !important;
    box-sizing: border-box !important;
}

/* Último producto sin borde derecho */
.products-grid-featured .product-card-amazon:last-child,
.products-grid-flash .product-card-amazon:last-child,
.products-grid-recent .product-card-amazon:last-child {
    border-right: none !important;
}

/* Eliminar pseudo-elementos */
.products-grid-featured::before,
.products-grid-featured::after,
.products-grid-flash::before,
.products-grid-flash::after,
.products-grid-recent::before,
.products-grid-recent::after {
    display: none !important;
    content: none !important;
}

/* Forzar eliminar estilos de WooCommerce */
.products-grid-featured .product,
.products-grid-featured li.product,
.products-grid-flash .product,
.products-grid-flash li.product,
.products-grid-recent .product,
.products-grid-recent li.product,
.woocommerce .products-grid-featured .product,
.woocommerce .products-grid-flash .product,
.woocommerce .products-grid-recent .product {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: none !important;
    border: none !important;
    background: transparent !important;
}

/* ============================================
   CARRUSEL
   ============================================ */
.products-carousel {
    display: flex !important;
    gap: 20px !important;
    overflow-x: auto !important;
    padding: 10px 5px !important;
    scroll-behavior: smooth !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
}

.products-carousel .product-card-amazon {
    min-width: 200px !important;
    flex: 0 0 200px !important;
    scroll-snap-align: start !important;
    margin: 0 !important;
}

.products-carousel::-webkit-scrollbar {
    height: 6px !important;
}

.products-carousel::-webkit-scrollbar-track {
    background: #f1f1f1 !important;
    border-radius: 4px !important;
}

.products-carousel::-webkit-scrollbar-thumb {
    background: #0066b3 !important;
    border-radius: 4px !important;
}

/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 1199px) and (min-width: 992px) {
    .products-grid-featured,
    .products-grid-flash,
    .products-grid-recent {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .products-grid-featured,
    .products-grid-flash,
    .products-grid-recent {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (max-width: 767px) and (min-width: 576px) {
    .products-grid-featured,
    .products-grid-flash,
    .products-grid-recent {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (max-width: 575px) and (min-width: 400px) {
    .products-grid-featured,
    .products-grid-flash,
    .products-grid-recent {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 399px) {
    .products-grid-featured,
    .products-grid-flash,
    .products-grid-recent {
        grid-template-columns: 1fr !important;
    }
}