@media (max-width: 1024px) {

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

    .custom-productos-relacionados .related.products {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        padding-bottom: 15px;
        scrollbar-width: none;
        -ms-overflow-style: none;
        display: block;
    }

    .custom-productos-relacionados .related.products::-webkit-scrollbar {
        display: none;
    }

    .custom-productos-relacionados .related.products ul.products {
        display: block;
        white-space: nowrap;
        margin: 0;
        padding: 0;
    }

    /* Cada producto como elemento en línea */
    .custom-productos-relacionados .related.products ul.products li.product {
        display: inline-block;
        float: none;
        width: 50% !important;
        margin-right: 15px;
        vertical-align: top;
        white-space: normal;
    }

    /* El último producto sin margen derecho */
    .custom-productos-relacionados .related.products ul.products li.product:last-child {
        margin-right: 0;
    }

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

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

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

    .custom-productos-relacionados .woocommerce-loop-product__title {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 20px;
        letter-spacing: 0.2px;
        text-transform: uppercase;
        font-weight: 400;
    }
}