/* Preserve the native carousel while preparing only its first visible row. */
body.hypertechno-design-system .owl-carousel.ht-product-carousel-pending {
    display: grid !important;
    grid-template-columns: repeat(var(--ht-carousel-preview-columns, 5), minmax(0, 1fr));
    gap: 16px;
    overflow: hidden;
}
body.hypertechno-design-system .ht-product-carousel-pending::before,
body.hypertechno-design-system .ht-product-carousel-pending::after,
body.hypertechno-design-system .ht-product-carousel-pending > .ht-product-carousel-preview-hidden {
    display: none !important;
}
body.hypertechno-design-system .ht-product-carousel-pending > .product-item {
    width: 100% !important;
    margin-inline: 0 !important;
}

/* One product per mobile row or native carousel slide, in both directions. */
@media (max-width: 767px) {
    body.hypertechno-design-system .products-grid > .product-items:not(.owl-carousel),
    body.hypertechno-design-system .products-grid .line:not(.owl-stage),
    body.hypertechno-design-system.catalog-product-view .ht-product-recommendations .ht-product-recommendations__list.product-items,
    body.hypertechno-design-system .ht-campaign .ht-campaign__products .products-grid .product-items,
    body.hypertechno-design-system .brand-related-products .ht-brand-related-grid,
    body.hypertechno-design-system .success-ajax--popup .ht-cart-recommendations__list,
    body.hypertechno-design-system .owl-carousel.ht-product-carousel-pending {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 16px;
    }
    body.hypertechno-design-system .products-grid .product-item,
    body.hypertechno-design-system .ht-product-recommendations .product-item,
    body.hypertechno-design-system .success-ajax--popup .ht-cart-recommendations__item {
        width: 100% !important;
        max-width: none !important;
        min-width: 0;
        flex-basis: 100%;
        margin-inline: 0 !important;
    }
    body.hypertechno-design-system .success-ajax--popup .ht-cart-recommendations__viewport {
        overflow-x: visible;
    }
}