/* Add-on to herome-pillar.css; scoped to product carousels. */
.hp .hp-carousel{display:block;--hp-carousel-columns:var(--hp-carousel-desktop,4);--hp-carousel-gap:16px}
.hp .hp-carousel-track{display:flex;gap:var(--hp-carousel-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:0;padding:6px 0 14px;scrollbar-width:thin;scrollbar-color:var(--hp-accent,#08089d) transparent;-webkit-overflow-scrolling:touch}
.hp .hp-carousel-track>.hp-product{flex:0 0 calc((100% - (var(--hp-carousel-columns) - 1)*var(--hp-carousel-gap))/var(--hp-carousel-columns));scroll-snap-align:start;min-width:0}
.hp .hp-carousel-track:focus-visible{outline:3px solid var(--hp-accent,#08089d);outline-offset:4px}
.hp .hp-carousel-track .hp-product:focus-visible{outline-offset:-3px}
.hp .hp-carousel-controls{display:flex;justify-content:flex-end;gap:10px;margin-bottom:16px}
.hp .hp-carousel-controls[hidden]{display:none!important}
.hp .hp-carousel-arrow{display:inline-grid;place-items:center;width:44px;height:44px;min-width:44px;padding:0;border:1px solid var(--hp-accent,#08089d);border-radius:50%;background:var(--hp-accent,#08089d);color:var(--hp-button-text,#fff);font-size:24px;line-height:1;font-family:inherit;cursor:pointer;appearance:none}
.hp .hp-carousel-arrow:disabled{opacity:.35;cursor:default}
.hp .hp-carousel-arrow:focus-visible{outline:3px solid var(--hp-accent,#08089d);outline-offset:3px}
.hp .hp-carousel:dir(rtl) .hp-carousel-arrow span{transform:scaleX(-1)}
@media(min-width:750px) and (max-width:1099px){.hp .hp-carousel{--hp-carousel-columns:min(3,var(--hp-carousel-desktop,4))}}
@media(max-width:749px){.hp .hp-carousel{--hp-carousel-columns:var(--hp-carousel-mobile,2);--hp-carousel-gap:16px}}
@media(prefers-reduced-motion:reduce){.hp .hp-carousel-track{scroll-behavior:auto}}