.product-carousel{scroll-margin-top:24px}
.product-carousel .section-heading{margin-bottom:20px}
.carousel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.carousel-toolbar[hidden]{display:none}
.carousel-position{font-size:13px;color:#687080;margin:0}
.carousel-controls{display:flex;gap:8px}
.carousel-controls button{display:grid;place-items:center;min-width:42px;min-height:42px;border:1px solid #dcdde5;border-radius:6px;background:#fff;color:#30106f;font-size:20px;line-height:1;transition:background .2s,color .2s}
.carousel-controls .carousel-toggle{font-size:13px;padding:0 14px;min-width:66px}
.carousel-controls button:hover,.carousel-controls button:focus-visible{background:#d84639;border-color:#d84639;color:white}
.carousel-controls button:disabled{opacity:.4;cursor:default}
.carousel-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/4);gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 0 12px;scroll-behavior:smooth}
.carousel-track::-webkit-scrollbar{display:none}
.carousel-track>.product-card{scroll-snap-align:start;scroll-snap-stop:always;height:100%}
.carousel-track .product-card h3{overflow-wrap:anywhere}
.carousel-track:focus-visible{outline:2px solid #d84639;outline-offset:4px}
@media(max-width:1050px){.carousel-track{grid-auto-columns:calc((100% - 32px)/3)}}
@media(max-width:800px){.carousel-track{grid-auto-columns:calc((100% - 16px)/2)}}
@media(max-width:560px){.carousel-track{grid-auto-columns:100%}.product-carousel .section-heading h2{font-size:30px}.product-carousel .section-heading p{font-size:15px}.carousel-toolbar{gap:10px}.carousel-position{font-size:12px}.product-carousel{padding:42px 0}}
@media(prefers-reduced-motion:reduce){.carousel-track{scroll-behavior:auto}}