.range-carousel{min-width:0}
.range-carousel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 14px}
.range-carousel-toolbar p{margin:0;color:var(--muted);font-size:16px}
.range-carousel-controls{display:flex;gap:10px}
.range-carousel-controls[hidden]{display:none}
.range-carousel-controls button{display:grid;place-items:center;width:44px;height:44px;padding:10px;border:1px solid var(--brand);background:#fff;color:var(--brand);cursor:pointer}
.range-carousel-controls button:hover:not(:disabled){background:var(--brand);color:#fff}
.range-carousel-controls button:disabled{opacity:.35;cursor:default}
.range-carousel-controls svg{width:22px;height:22px}
.range-carousel .range-deck{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:clamp(240px,calc((100% - 54px)/4.15),340px);gap:18px;overflow-x:auto;overflow-y:hidden;padding:5px 2px 18px;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:auto;scrollbar-color:auto;overscroll-behavior-x:contain}
.range-carousel .range-deck::-webkit-scrollbar{height:10px}
.range-carousel .range-deck::-webkit-scrollbar-track{background:#dfe1e7;border-radius:8px}
.range-carousel .range-deck::-webkit-scrollbar-thumb{background:var(--brand);border-radius:8px}
.range-carousel .range-card{min-width:0;display:flex;flex-direction:column;padding:16px;scroll-snap-align:start;scroll-margin-inline:2px;background:#fff}
.range-carousel .range-card img{height:180px;width:100%;object-fit:contain;margin:0 0 18px;background:#fff}
.range-carousel .range-card>span{font-size:18px;line-height:1.35;min-height:4.05em;align-items:flex-start;margin-top:auto;overflow-wrap:anywhere}
.range-carousel .range-card svg{display:block;flex:none;margin-top:3px;width:18px}
.range-carousel .range-deck:focus-visible,.range-carousel button:focus-visible,.range-carousel .range-card:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
@media(max-width:760px){.range-carousel-toolbar{gap:12px;margin-bottom:10px}.range-carousel-toolbar p{font-size:14px}.range-carousel-controls{gap:8px}.range-carousel .range-deck{grid-auto-columns:82%;gap:14px;padding-bottom:16px}.range-carousel .range-card{padding:16px}.range-carousel .range-card img{height:175px}.range-carousel .range-card>span{font-size:17px;min-height:4.05em}}
@media(prefers-reduced-motion:reduce){.range-carousel .range-deck{scroll-behavior:auto}.range-carousel .range-card{transition:none}}