sw-collection-roll{display:block;margin-block:45px 60px;--sw-gap:24px;--sw-columns:4}
.sw-roll__heading{text-align:center;margin-bottom:20px}
.sw-roll__heading h2{font-size:clamp(24px,2.4vw,34px);margin:0 0 10px;font-weight:600}
.sw-roll__heading p{margin:0;color:#575d61}
.sw-roll__controls{display:flex;justify-content:center;align-items:center;gap:22px;margin-bottom:20px}
.sw-roll__controls button{display:grid;place-items:center;width:46px;height:46px;min-width:46px;border:1px solid #172029;border-radius:50%;background:#172029;color:white;font-size:26px;cursor:pointer;line-height:1}
.sw-roll__controls button:hover:not(:disabled){background:#d7f500;color:#172029;border-color:#172029}
.sw-roll__controls button:disabled{opacity:.3;cursor:default}
.sw-roll__controls span[data-sw-count]{min-width:105px;text-align:center;font-variant-numeric:tabular-nums}
.sw-roll__track{display:flex;gap:var(--sw-gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding-block:6px 12px;scroll-behavior:smooth}
.sw-roll__track::-webkit-scrollbar{display:none}
.sw-roll__track [data-sw-batch]{display:contents}
.sw-roll__item{flex:0 0 calc((100% - (var(--sw-columns) - 1)*var(--sw-gap))/var(--sw-columns));min-width:0;scroll-snap-align:start}
.sw-roll__item .hdt-card-product{display:block;width:100%}
.sw-roll__item .hdt-card-product__media{background:#f7f7f5}
.sw-roll__item .hdt-card-product__media img{object-fit:contain}
.sw-roll__item .hdt-card-product__title{min-height:2.8em}
.sw-roll__footer{text-align:center;margin-top:20px}
.sw-roll__footer a{display:inline-flex;gap:14px;padding:12px 24px;border:1px solid #172029;border-radius:3px}
.sw-roll__status{text-align:center;margin:8px 0;min-height:0}
.sw-roll__status:empty{display:none}
.sw-roll button:focus-visible,.sw-roll a:focus-visible,.sw-roll__track:focus-visible{outline:3px solid #758900;outline-offset:4px}
@media(min-width:750px) and (max-width:1149px){sw-collection-roll{--sw-columns:3;--sw-gap:18px}}
@media(max-width:749px){sw-collection-roll{--sw-columns:1;--sw-gap:0px;margin-block:30px 40px;padding-inline:0!important}.sw-roll__heading{padding-inline:20px}.sw-roll__track{padding-inline:19%;scroll-padding-inline:19%;isolation:isolate}.sw-roll__item{flex-basis:100%;scroll-snap-align:center;position:relative;z-index:0;margin-inline-end:-28%}.sw-roll__item:last-child{margin-inline-end:0}.sw-roll__item.is-active{z-index:2}.sw-roll__item .hdt-card-product__wrapper{transform:scale(.88);transform-origin:center center;transition:transform .24s ease;position:relative;background:#fff;border-radius:8px;box-shadow:0 4px 16px rgb(23 32 41 / 10%)}.sw-roll__item.is-active .hdt-card-product__wrapper{transform:scale(1)}.sw-roll__controls{margin-bottom:10px}.sw-roll__footer{padding-inline:16px}.sw-roll__item .hdt-card-product__title{font-size:14px}}
@media(prefers-reduced-motion:reduce){.sw-roll__track{scroll-behavior:auto}.sw-roll__item .hdt-card-product__wrapper{transition:none}}


.sw-roll__tabs{display:none;justify-content:center;flex-wrap:wrap;gap:10px;margin:0 16px 22px}
.sw-roll.is-ready .sw-roll__tabs{display:flex}
.sw-roll__tabs button{padding:12px 24px;min-height:46px;border:1px solid #172029;border-radius:3px;background:#fff;color:#172029;cursor:pointer;font-weight:600;line-height:1.3}
.sw-roll__tabs button[aria-pressed="true"]{background:#172029;color:#fff;border-bottom:3px solid #d7f500;padding-bottom:10px}
.sw-roll__tabs button:hover{border-color:#758900}
.sw-roll__tabs button[aria-busy="true"]{opacity:.55}
.sw-roll.is-switching .sw-roll__track{opacity:.55;pointer-events:none}
.sw-roll__fallback{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin:20px}
@media(max-width:749px){.sw-roll__tabs{gap:8px;margin-bottom:16px}.sw-roll__tabs button{padding-inline:18px}}

@media(max-width:749px){.sw-roll__item .hdt-card-product__wrapper{box-sizing:border-box;padding:10px}.sw-roll__item .hdt-card-product__info{padding:12px 4px 8px}.sw-roll__item .hdt-card-product__title{overflow-wrap:anywhere}}