/* Existing page layout classes are retained; these rules only protect this component. */
.story-recommendations-component{min-width:0}
.story-recommendations-component img{max-width:100%}
.story-recommendations-component .inner-right,.story-recommendations-component .product-content{min-width:0;overflow-wrap:anywhere}
.story-recommendations-component a.seeMore{display:inline-block;text-decoration:none;white-space:nowrap;max-width:100%}
.story-recommendations-component.rProduct .top h2{min-width:0}
.story-recommendations-component.rProduct .top .seeMore{flex-shrink:0}
/* Native horizontal scrolling remains available if the optional carousel library cannot load. */
.story-recommendations-component .owl-carousel:not(.owl-loaded){display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 20px 12px;overscroll-behavior-x:contain}
.story-recommendations-component .owl-carousel:not(.owl-loaded)>.item{flex:0 0 42%;min-width:0;scroll-snap-align:start}
.story-recommendations-component .owl-carousel:not(.owl-loaded) img{width:100%;height:auto}