/* Grid responsive de productos */

/* Grid responsive de productos */

/* FORZAR 2 columnas en móvil - MÁXIMA PRIORIDAD */
@media (max-width: 575px) {
    li.col-6,
    li.col-sm-6,
    li[class*="col-"] {
        width: 50% !important;
        max-width: 50% !important;
        flex: 0 0 50% !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

/* Móvil: 2 columnas - Sobrescribir Bootstrap */
@media (max-width: 575px) {
    li.col-sm-6.col-md-4.col-lg-3.product_pod {
        width: 50% !important;
        max-width: 50% !important;
        flex: 0 0 50% !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}





/* Móvil: 2 columnas - Sobrescribir Bootstrap */
@media (max-width: 575px) {
    li.col-sm-6.col-md-4.col-lg-3.product_pod {
        width: 50% !important;
        max-width: 50% !important;
        flex: 0 0 50% !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}

/* Tablet pequeño: 2 columnas también */
@media (min-width: 576px) and (max-width: 767px) {
    li.col-sm-6.product_pod {
        width: 50% !important;
        max-width: 50% !important;
        flex: 0 0 50% !important;
    }
}

/* Tablet: 3 columnas */
@media (min-width: 768px) and (max-width: 991px) {
    li.col-md-4.product_pod {
        width: 33.333% !important;
        max-width: 33.333% !important;
        flex: 0 0 33.333% !important;
    }
}

/* Desktop: 4 columnas (respetar Oscar) */
@media (min-width: 992px) {
    li.col-lg-3.product_pod {
        width: 25%;
        max-width: 25%;
        flex: 0 0 25%;
    }
}

/* Imágenes adaptables */
.product_pod img {
    width: 100%;
    height: auto;
    max-height: 200px;
    object-fit: contain;
}