.reel-slider-container{position:relative;width:100%}.reel-slider{display:flex;overflow-x:hidden;scroll-behavior:smooth;gap:1rem;padding:1rem 0}.reel-item{flex:0 0 calc(33.333% - .666rem);aspect-ratio:9 / 16;border-radius:1rem;overflow:hidden;background:#000;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}@media(max-width:1024px){.reel-item{flex:0 0 calc(50% - .5rem)}}@media(max-width:640px){.reel-item{flex:0 0 100%}}.reel-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:3rem;height:3rem;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 15px -3px #0000001a;z-index:10;cursor:pointer;border:none;transition:all .2s}.reel-nav-btn:hover{background:#f9fafb;scale:1.1}.reel-nav-btn.prev{left:-1.5rem}.reel-nav-btn.next{right:-1.5rem}@media(max-width:1280px){.reel-nav-btn.prev{left:.5rem}.reel-nav-btn.next{right:.5rem}}