.svs-section{padding:40px 0;overflow:hidden;position:relative;touch-action:pan-y}.svs-heading{font-size:13px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#888;margin-bottom:20px;padding:0 20px}.svs-track-wrapper{position:relative}.svs-track{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;padding:16px 20px 24px;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;touch-action:pan-x;scroll-behavior:smooth;scroll-snap-type:none}.svs-track::-webkit-scrollbar{display:none}.svs-card{flex:0 0 220px;border-radius:16px;overflow:hidden;position:relative;cursor:pointer;transition:transform .35s ease,opacity .35s ease,box-shadow .35s ease;height:340px;transform:scale(.92);opacity:.55;background:#111;display:flex;flex-direction:column;will-change:transform;touch-action:pan-x}.svs-card--active{transform:scale(1);opacity:1;box-shadow:0 12px 40px #00000059;z-index:0}.svs-video-wrap{position:relative;flex:1;overflow:hidden;border-radius:16px 16px 0 0;min-height:0}.svs-video{width:100%;height:100%;object-fit:cover;display:block}.svs-video-placeholder{width:100%;height:100%;min-height:220px;display:flex;align-items:center;justify-content:center;background:#1a1a2e}.svs-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000 40%,#000000a6);pointer-events:none;border-radius:inherit}.svs-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:#00000073;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s;pointer-events:none}.svs-card:not(.svs-card--active) .svs-play-icon{opacity:1}.svs-card--active:hover .svs-play-icon{opacity:.7}.svs-mute-btn{position:absolute;bottom:12px;right:10px;width:32px;height:32px;border-radius:50%;background:#00000080;border:1px solid rgba(255,255,255,.2);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s;z-index:5;padding:0}.svs-card--active .svs-mute-btn{opacity:1}.svs-mute-btn:hover{background:#000000bf}.svs-live-badge{position:absolute;top:10px;left:10px;background:#0000008c;color:#fff;font-size:10px;font-weight:500;letter-spacing:.04em;padding:3px 8px;border-radius:20px;border:1px solid rgba(255,255,255,.2);opacity:0;transform:translateY(-4px);transition:opacity .3s,transform .3s;pointer-events:none}.svs-card--active .svs-live-badge{opacity:1;transform:translateY(0)}.svs-products{background:#fff;padding:0 10px;display:flex;flex-direction:column;gap:6px;border-radius:0 0 16px 16px;flex-shrink:0;max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease,opacity .35s ease,padding .3s ease}.svs-card--active .svs-products{max-height:200px;opacity:1;padding:8px 10px}.svs-product-tag{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit;background:#f6f6f6;border-radius:10px;padding:6px 8px;transition:background .2s}.svs-product-tag:hover{background:#efefef}.svs-product-tag img{width:40px;height:40px;border-radius:6px;object-fit:cover;flex-shrink:0}.svs-product-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.svs-product-title{font-size:11px;font-weight:500;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.svs-product-price{font-size:11px;color:#555}.svs-product-tag svg{color:#aaa;flex-shrink:0}.svs-arrow{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid #e0e0e0;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:background .2s,box-shadow .2s;box-shadow:0 2px 8px #0000001f;padding:0;color:#333}.svs-arrow:hover{background:#f0f0f0;box-shadow:0 4px 16px #00000029}.svs-arrow--prev{left:4px}.svs-arrow--next{right:4px}.svs-dots{display:flex;justify-content:center;gap:6px;margin-top:16px}.svs-dot{width:6px;height:6px;border-radius:50%;background:#ccc;border:none;cursor:pointer;padding:0;transition:background .25s,width .25s}.svs-dot.active{background:#111;width:20px;border-radius:3px}@media(max-width:480px){.svs-card{flex:0 0 180px;height:290px}.svs-card--active{transform:scale(1)}}@supports (-webkit-touch-callout: none){.svs-track{scroll-behavior:auto}}.svs-spacer{flex:0 0 20px}@media(max-width:768px){.svs-spacer{flex:0 0 25vw}}@media(min-width:769px){.svs-track{overflow-x:hidden;padding-left:80px;padding-right:80px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/shoppable-video-scroll.css.map */