{{#hasRecs}} <div class="rich"> <{{#isOnProductsPage}}div{{/isOnProductsPage}}{{#isOnProductPage}}h3{{/isOnProductPage}}{{^isOnProductsPage}}{{^isOnProductPage}}h2{{/isOnProductPage}}{{/isOnProductsPage}} class="rich-title ns_font_title_5"> {{header}} </{{#isOnProductsPage}}div{{/isOnProductsPage}}{{#isOnProductPage}}h3{{/isOnProductPage}}{{^isOnProductsPage}}{{^isOnProductPage}}h2{{/isOnProductPage}}{{/isOnProductsPage}}> <div class="rich-closebutton"> <svg id="rich-closebutton" class="nsc-icon nsc-icon-black " style=" "> <use class="nsc-icon-image" xlink:href="/static/prod/generated/images/icons/sprite/svg-sprite.generated.svg?_rtv=1725620331#icon-cross-stroke"/> </svg> </div> <div class="rich-group js-scroll-viewport"> {{#recs}} {{#detail}} <div class="rich-item js-rich-item"> {{#productLink}} <a class="rich-title-link" href="{{productLink}}" title="{{label}}" data-type="trackClickThrough" data-id="{{productId}}" data-click-tracking-url="{{ct_url}}"> <div class="rich-image-wrap"> <img class="rich-image" src="{{image}}" alt="{{label}}"> </div> <{{#isOnProductsPage}}h2{{/isOnProductsPage}}{{^isOnProductsPage}}h3{{/isOnProductsPage}} class="rich-item-title"> {{shortLabel}} </{{#isOnProductsPage}}h2{{/isOnProductsPage}}{{^isOnProductsPage}}h3{{/isOnProductsPage}}> </a> {{/productLink}} <div class="rich-item-footer"> <div class="rich-prices"> {{#productLink}} {{#prices.main}} <div class="rich-price"> {{prices.main}} </div> {{#prices.secondary}} <div class="rich-price-secondary"> {{prices.secondary}} </div> {{/prices.secondary}} {{/prices.main}} {{/productLink}} {{#prices.hiddenPrice}} <div class="rich-price-secondary"> {{prices.hiddenPrice}} </div> {{/prices.hiddenPrice}} </div> {{#showBuyButton}} <div class="rich-item-buy" data-type="buyProduct" data-description="{{label}}" data-id="{{productId}}" data-bought-from-rr="bought-from-rr"> <button type="button" class="nsc-button nsc-button-fill nsc-button-primary nsc-button--compact "> <span class="nsc-button-content"> <svg class="nsc-icon " style=" "> <use class="nsc-icon-image" xlink:href="/static/prod/generated/images/icons/sprite/svg-sprite.generated.svg?_rtv=1725620331#icon-add-to-cart-stroke"/> </svg> </span> <svg height="24" width="24" class="nsc-button-loader nsv-progress-circle is-nsv-progress-circle-loading"> <circle stroke="currentColor" stroke-opacity=".2" fill="transparent" stroke-dasharray="65.94 65.94" stroke-width="3" r="10.5" cx="12" cy="12"></circle> <circle stroke="currentColor" stroke-opacity=".8" fill="transparent" stroke-linecap="round" stroke-dasharray="65.94 65.94" stroke-width="3" r="10.5" cx="12" cy="12" style="stroke-dashoffset: 19.782;"></circle> </svg> </button> </div> {{/showBuyButton}} </div> </div> {{/detail}} {{/recs}} </div> <div class="scroll_container-scroller scroll_container-scroller--left" data-type="scrollLeft"> <svg class="nsc-icon " style=" "> <use class="nsc-icon-image" xlink:href="/static/prod/generated/images/icons/sprite/svg-sprite.generated.svg?_rtv=1725620331#icon-arrow-left-stroke"/> </svg> </div> <div class="scroll_container-scroller scroll_container-scroller--right" data-type="scrollRight"> <svg class="nsc-icon " style=" "> <use class="nsc-icon-image" xlink:href="/static/prod/generated/images/icons/sprite/svg-sprite.generated.svg?_rtv=1725620331#icon-arrow-right-stroke"/> </svg> </div> </div> {{/hasRecs}}