/* Start custom CSS *//* S2 trust band (copied from homepage 203): two identical rows scroll left as a seamless marquee, same as the homepage */
.elementor [data-id="0b0c7a3"]{flex-direction:row;flex-wrap:nowrap;overflow:hidden;justify-content:flex-start}
.elementor [data-id="0b0c7a3"] > .e-con{width:max-content;min-width:100%;max-width:none;flex-shrink:0;flex-wrap:nowrap;display:flex;animation:mfTrustMarquee 32s linear infinite}
.elementor [data-id="0b0c7a3"]:hover > .e-con{animation-play-state:paused}
@keyframes mfTrustMarquee{from{transform:translateX(0)}to{transform:translateX(-100%)}}
@media (max-width:767px){.elementor [data-id="0b0c7a3"] > .e-con{animation-duration:24s}}
@media (prefers-reduced-motion:reduce){.elementor [data-id="0b0c7a3"] > .e-con{animation:none;flex-wrap:wrap;justify-content:center;min-width:0;width:100%}.elementor [data-id="0b0c7a3"] > .e-con + .e-con{display:none}}

/* Product tiles (copied from homepage 203): second row only exists for the phone loop, hidden on desktop */
#shop > .e-con + .e-con{display:none}
@keyframes mfTileMarquee{from{transform:translateX(0)}to{transform:translateX(-100%)}}
@media (max-width:767px){#shop{display:flex;flex-wrap:nowrap;overflow:hidden}#shop > .e-con,#shop > .e-con + .e-con{display:flex;flex-wrap:nowrap;width:max-content;max-width:none;flex-shrink:0;animation:mfTileMarquee 40s linear infinite}#shop .hp-tile{flex:0 0 72vw;width:72vw}#shop:hover > .e-con,#shop:active > .e-con{animation-play-state:paused}}
@media (max-width:767px) and (prefers-reduced-motion:reduce){#shop{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}#shop > .e-con{animation:none}#shop > .e-con + .e-con{display:none}#shop .hp-tile{scroll-snap-align:start}}/* End custom CSS */