.product-spotlight{isolation:auto;background:#fff;touch-action:pan-y;cursor:pointer;box-shadow:0 28px 60px #17171912,0 0 0 1px #1717190a}
.product-spotlight:after{z-index:5;pointer-events:none}
.spotlight-slide{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:translateX(7%) scale(.96);pointer-events:none;mix-blend-mode:multiply;transition:opacity .65s ease,transform .75s cubic-bezier(.2,.8,.2,1)}
.spotlight-slide.is-active{z-index:2;opacity:1;transform:none;pointer-events:auto}
.round-frame.product-spotlight .spotlight-slide img{width:76%;height:76%;object-fit:contain;opacity:0;transform:none;filter:drop-shadow(0 22px 18px #1112);transition:opacity .3s ease,transform .45s ease}
.round-frame.product-spotlight .spotlight-slide img.is-ready{opacity:1}
.product-spotlight:hover .spotlight-slide.is-active img{transform:translateY(-8px) scale(1.025)}
.spotlight-controls{position:absolute;z-index:7;left:50%;bottom:-58px;display:flex;align-items:center;gap:14px;transform:translateX(-50%)}
.spotlight-arrow{width:38px;height:38px;border:1px solid #d3d3d5;border-radius:50%;background:#fff;color:#202124;cursor:pointer;transition:.25s}
.spotlight-arrow:hover,.spotlight-arrow:focus-visible{border-color:#e31c2a;background:#e31c2a;color:#fff;outline:0}
.spotlight-dots{display:flex;align-items:center;gap:7px}
.spotlight-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#c7c7ca;cursor:pointer;transition:width .25s,background .25s,border-radius .25s}
.spotlight-dots button.is-active{width:26px;border-radius:5px;background:#e31c2a}
@media(max-width:720px){.spotlight-controls{bottom:-48px}.round-frame.product-spotlight .spotlight-slide img{width:76%;height:76%}}
@media(prefers-reduced-motion:reduce){.spotlight-slide,.spotlight-slide img{transition:none!important}}