/* Desktop (>1024px) */
@media (min-width: 1025px) {

    /* Mantenemos el contenedor principal limpio */
    .custom-productos-relacionados {
        width: 100%;
        margin: 10px 10px !important;
        display: block
    }

    .custom-productos-relacionados .ct-module-title {
        width: 95%;
        margin: 0 3%;
    }
    

    /* Grid de productos*/
    .custom-productos-relacionados ul.products {
        width: 95%;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        column-gap: 1.8%;
        justify-content: center;
        margin: 0 3% !important;
    }

    /* Ajustamos cada producto */
    .custom-productos-relacionados .related.products ul.products li.product {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
    }

    .custom-productos-relacionados .product .ct-media-container {
        width: 100%;
        aspect-ratio: 5/7;
        overflow: hidden;
        position: relative;
    }

        /* Aplicar border-radius al contenedor de la imagen */
    .custom-productos-relacionados figure .ct-media-container {
        border-radius: 0px;
    }

    .custom-productos-relacionados span.onsale,
    .woocommerce-page .product span.onsale {
        width: auto;
        height: auto;
        --badge-top: auto;
        top: 20px;
        left: 10px;
        position: absolute;
        z-index: 100;
        background-color: rgb(255, 255, 255, 0.4);
        color: #000;
        padding: 2px 4px;
        font-family: 'Barlow', Arial, Helvetica, sans-serif;
        font-weight: 400;
        font-size: 12px;
    }

    .custom-productos-relacionados span.out-of-stock-badge,
    .woocommerce-page .product span.out-of-stock-badge {
        width: auto;
        height: auto;
        --badge-top: auto;
        top: 20px;
        left: 10px;
        position: absolute;
        z-index: 100;
        background-color: rgba(0, 0, 0, 0.7);
        color: #f1e7e7;
        padding: 2px 4px;
        font-family: 'Barlow', Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: 400;
    }

}

@media (max-width: 1024px) {
    .custom-productos-relacionados .pg-quick-sizes {
        display: none;
    }
}