/* Blog related-products carousel — scoped to the ybc_blog block only (.ybc-blog-recommender),
   leaving the recommender module's own block below the article untouched. */

/* Show max 3 per view (vs the recommender's 4), so arrows appear from the 4th product on. */
.recommender-block.ybc-blog-recommender {
    --visible-count: 3;
}

@media (max-width: 899px) {
    .recommender-block.ybc-blog-recommender {
        --visible-count: 2;
    }
}

@media (max-width: 599px) {
    .recommender-block.ybc-blog-recommender {
        --visible-count: 1;
    }
}

.ybc-blog-recommender .product-miniature .flex.flex-wrap {
    flex-wrap: nowrap;
}

.ybc-blog-recommender ul,
.ybc-blog-recommender li {
    list-style: none;
}

.ybc-blog-recommender ul {
    padding-left: 0;
    margin-left: 0;
}

.ybc-blog-recommender li::before,
.ybc-blog-recommender li::marker {
    content: none;
}

/* Drop the top border on the block. */
.recommender-block.ybc-blog-recommender {
    border-top: 0;
}

/* Left-align the heading to match blog title/paragraph alignment (recommender centers it). */
.ybc-blog-recommender .recommender-block__title {
    text-align: left;
}