.reels-section{text-align:center;background-color:#fff;padding:60px 20px;overflow:hidden}.reels-section .section-title{color:#000;text-transform:capitalize;margin-bottom:10px;font-size:2.5rem;font-weight:800}.reels-section .section-subtitle{color:#666;max-width:800px;margin:0 auto 40px;font-size:1.05rem;line-height:1.5}.reels-wrapper{justify-content:center;align-items:center;width:100%;max-width:1600px;margin:0 auto;display:flex;position:relative}.reels-container{perspective:1000px;justify-content:center;align-items:center;width:100%;height:550px;display:flex;position:relative}.carousel-nav-btn{cursor:pointer;color:#1a1a1a;z-index:20;background-color:#fffffff2;border:1px solid #eaeaea;border-radius:50%;outline:none;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s ease-in-out;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 12px #0000001a}.carousel-nav-btn.prev-btn{left:20px}.carousel-nav-btn.next-btn{right:20px}.carousel-nav-btn:hover{color:#000;background-color:#fff;box-shadow:0 6px 16px #00000026}.reel-card{cursor:pointer;background:0 0;border:none;border-radius:12px;width:300px;height:500px;transition:all .5s cubic-bezier(.25,.8,.25,1);position:absolute;overflow:hidden;box-shadow:0 10px 30px #0000001f}.reel-card-inner{width:100%;height:100%;position:relative}.reel-thumbnail{object-fit:cover;opacity:.6;filter:brightness(.6)contrast(.9);width:100%;height:100%;transition:all .4s}.reel-card:not(.active) .reel-thumbnail{opacity:.5}.reel-card:not(.active):after{content:"";pointer-events:none;z-index:2;background:#fff3;width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.reel-card:hover .reel-thumbnail{transform:scale(1.05)}.reel-card.active{z-index:5;border-color:#0000;transform:translate(0)scale(1)translateZ(0);box-shadow:0 12px 35px #0003}.reel-card.active .reel-thumbnail{opacity:1;filter:brightness()contrast()}.play-button-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;opacity:.85;z-index:3;background:#00000073;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:opacity .3s,transform .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reel-card.active .play-button-overlay{background:#e26314bf;box-shadow:0 4px 15px #e2631466}.reel-card:hover .play-button-overlay{opacity:1;transform:translate(-50%,-50%)scale(1.1)}.reel-card.prev{z-index:4;transform:translate(-300px)scale(.85)translateZ(-100px)}.reel-card.next{z-index:4;transform:translate(300px)scale(.85)translateZ(-100px)}.reel-card.prev-out{z-index:3;transform:translate(-550px)scale(.7)translateZ(-200px)}.reel-card.next-out{z-index:3;transform:translate(550px)scale(.7)translateZ(-200px)}@media (max-width:768px){.reels-container{height:340px}.reel-card{border-width:2px;width:170px;height:290px}.carousel-nav-btn{width:38px;height:38px}.carousel-nav-btn.prev-btn{left:10px}.carousel-nav-btn.next-btn{right:10px}.reel-card.prev{transform:translate(-100px)scale(.85)translateZ(-100px)}.reel-card.next{transform:translate(100px)scale(.85)translateZ(-100px)}.reel-card.prev-out{transform:translate(-180px)scale(.7)translateZ(-200px)}.reel-card.next-out{transform:translate(180px)scale(.7)translateZ(-200px)}}