.mdc-stl{--w:78vw;padding-block:var(--mdc-pt,64px) var(--mdc-pb,64px);overflow:hidden;background-color:var(--color-background);color:var(--color-foreground)}
@media (min-width:750px){.mdc-stl{--w:min(34vw,var(--mdc-sw,460px))}}
.mdc-stl__title{text-align:center;margin:0 0 8px}
.mdc-stl__sub{text-align:center;margin:0 0 28px;opacity:.75;font-size:14px}
.mdc-stl__viewport{position:relative}
.mdc-stl__track{display:flex;align-items:center;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-inline:calc(50% - var(--w)/2);padding-block:12px 24px}
.mdc-stl__track::-webkit-scrollbar{display:none}
.mdc-stl__slide{flex:0 0 var(--w);margin-inline:calc(var(--w)*-.06);scroll-snap-align:center;transform:scale(.8);opacity:.45;filter:saturate(.6);transition:transform .5s ease,opacity .5s ease,filter .5s ease;position:relative;z-index:1;cursor:pointer}
.mdc-stl__slide.is-active{transform:scale(1);opacity:1;filter:none;z-index:3;cursor:default}
.mdc-stl__slide.is-near{z-index:2}
.mdc-stl__media{position:relative;aspect-ratio:var(--mdc-ratio,3/4);box-shadow:0 18px 40px rgb(0 0 0/.14)}
.mdc-stl__img{width:100%;height:100%;object-fit:cover;display:block}
.mdc-stl__caption{text-align:center;font-size:13px;margin:14px 0 0;opacity:0;transition:opacity .4s}
.mdc-stl__slide.is-active .mdc-stl__caption{opacity:.8}
.mdc-stl__spot{position:absolute;width:44px;height:44px;transform:translate(-50%,-50%);z-index:2}
.mdc-stl__slide:not(.is-active) .mdc-stl__spot{visibility:hidden}
.mdc-stl__dot{width:100%;height:100%;border:0;padding:0;background:none;cursor:pointer;position:relative}
.mdc-stl__dot:before{content:'';position:absolute;left:50%;top:50%;width:var(--mdc-spot,16px);height:var(--mdc-spot,16px);transform:translate(-50%,-50%);border-radius:50%;background:rgb(255 255 255/.35);box-shadow:0 0 0 1px rgb(255 255 255/.75);transition:transform .2s ease}
.mdc-stl__dot:after{content:'';position:absolute;left:50%;top:50%;width:calc(var(--mdc-spot,16px)*.4);height:calc(var(--mdc-spot,16px)*.4);transform:translate(-50%,-50%);border-radius:50%;background:#fff}
.mdc-stl__spot:hover .mdc-stl__dot:before,.mdc-stl__spot.is-open .mdc-stl__dot:before{transform:translate(-50%,-50%) scale(1.35)}
.mdc-stl__pop{position:absolute;left:34px;top:-8px;width:230px;display:flex;gap:10px;align-items:center;padding:10px;background:var(--color-background,#F6F3EC);color:var(--color-foreground,#1B2620);text-decoration:none;box-shadow:0 10px 30px rgb(0 0 0/.18);opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .2s,transform .2s}
.mdc-stl__spot--left .mdc-stl__pop{left:auto;right:34px}
.mdc-stl__spot--up .mdc-stl__pop{top:auto;bottom:-8px}
.mdc-stl__spot.is-open .mdc-stl__pop{opacity:1;pointer-events:auto;transform:none}
@media (hover:hover){.mdc-stl__slide.is-active .mdc-stl__spot:hover .mdc-stl__pop{opacity:1;pointer-events:auto;transform:none}}
.mdc-stl__pop-img{width:64px;height:80px;object-fit:cover;flex:none}
.mdc-stl__pop-info{display:flex;flex-direction:column;gap:4px;font-size:13px;line-height:1.3}
.mdc-stl__pop-title{font-weight:500}
.mdc-stl__pop-price{opacity:.75}
.mdc-stl__pop-cta{font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-top:2px}
.mdc-stl__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:48px;height:48px;border-radius:50%;border:1px solid currentColor;background:var(--color-background,#F6F3EC);color:var(--color-foreground,#1B2620);display:none;align-items:center;justify-content:center;cursor:pointer}
.mdc-stl__arrow--prev{left:calc(50% - var(--w)/2 - 72px)}
.mdc-stl__arrow--next{right:calc(50% - var(--w)/2 - 72px)}
@media (min-width:750px){.mdc-stl__arrow{display:flex}}