.reel-carousel-section{padding:40px 0 50px;width:100%;box-sizing:border-box}.reel-carousel-heading{text-align:center;font-size:clamp(22px,3vw,32px);margin:0 0 24px;padding:0 16px}.reel-carousel-wrapper{position:relative;max-width:1400px;margin:0 auto;padding:0 16px}.reel-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:4px 4px 12px;outline:none;scrollbar-width:none}.reel-track::-webkit-scrollbar{display:none}.reel-card{position:relative;flex:0 0 auto;scroll-snap-align:start;width:260px;aspect-ratio:9 / 16;border-radius:16px;overflow:hidden;background:#eee;box-shadow:0 2px 10px #00000014}@media(max-width:1024px){.reel-card{width:220px}}@media(max-width:700px){.reel-card{width:180px}.reel-track{gap:12px}}@media(max-width:480px){.reel-card{width:62vw}}.reel-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.reel-video,.reel-image{width:100%;height:100%;object-fit:cover;display:block}.reel-badge{position:absolute;top:12px;left:12px;background:#000000a6;color:#fff;font-size:11px;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:999px;z-index:3}.reel-sound-toggle{position:absolute;bottom:12px;right:12px;width:34px;height:34px;border-radius:50%;border:none;background:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;padding:0}.reel-sound-toggle svg{width:18px;height:18px}.reel-caption{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:30px 12px 14px;background:linear-gradient(to top,#000000a6,#0000);color:#fff}.reel-title{margin:0;font-size:14px;font-weight:600;line-height:1.3}.reel-subtitle{margin:2px 0 0;font-size:12px;opacity:.85}.reel-link-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4}.reel-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:40px;height:40px;border-radius:50%;border:none;background:#fff;box-shadow:0 2px 8px #0003;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#333}.reel-nav svg{width:20px;height:20px}.reel-nav--prev{left:-6px}.reel-nav--next{right:-6px}@media(max-width:700px){.reel-nav{display:none}}.reel-nav:disabled{opacity:.3;cursor:default}.reel-dots{display:none}
/*# sourceMappingURL=/cdn/shop/t/3/assets/reel-carousel.css.map */