.reel-item,.reels-container,body{position:relative}*,.reel-overlay{box-sizing:border-box}.reel-item,.reel-overlay,.reel-top-section{display:flex;width:100%}.glassy-brand,.reel-name{font-family:'Bebas Neue',sans-serif}.reel-description,.reel-name{text-overflow:ellipsis;overflow:hidden}:root{--primary:#00ffcc;--secondary:#9900ff;--accent:#ff3399;--dark:#121212;--light:#f8f9fa}*{margin:0;padding:0}body{font-family:Montserrat,sans-serif;background:#000;color:#fff;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center}.reels-container{width:100%;height:100%;overflow-y:scroll;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.reels-container::-webkit-scrollbar{display:none}.reel-item{height:100vh;flex-direction:column;justify-content:center;align-items:center;scroll-snap-align:start;background-color:#000;overflow:hidden}.reel-item video,.reel-overlay{position:absolute;top:0;height:100%}.reel-item video{width:auto;max-width:100%;object-fit:cover;left:50%;transform:translateX(-50%);z-index:1}.reel-overlay{left:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 70%,rgba(0,0,0,.4) 100%);z-index:2;flex-direction:column;justify-content:space-between;padding:20px}.reel-top-section{justify-content:space-between;align-items:center}.glassy-brand{font-size:1.5rem;letter-spacing:3px;color:rgba(255,255,255,.7);background:rgba(18,18,18,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:8px;padding:5px 10px;border:1px solid rgba(255,255,255,.1);text-shadow:0 0 5px rgba(0,255,204,.3);flex-shrink:0}.reel-control-btn,.visit-product-btn{border:none;display:flex;cursor:pointer}.reel-controls{display:flex;gap:15px;align-items:center}.reel-control-btn{background:rgba(255,255,255,.2);border-radius:50%;width:40px;height:40px;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;transition:background .3s;flex-shrink:0}.nav-arrow:hover,.reel-control-btn:hover{background:rgba(255,255,255,.3)}.reel-content-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%}.reel-name{font-size:2.5rem;font-weight:700;line-height:1.1;background:linear-gradient(to right,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 10px rgba(153,0,255,.5);max-width:100%;white-space:nowrap}.reel-description{font-size:1rem;color:rgba(255,255,255,.9);max-height:4.5em;line-height:1.5;width:100%}.reel-stats-bar{display:flex;gap:20px;margin-top:5px;color:rgba(255,255,255,.8);font-size:.9rem;width:100%}.reel-stats-bar span{display:flex;align-items:center;gap:5px}.reel-action-buttons{display:flex;gap:15px;margin-top:20px;width:100%}.visit-product-btn{padding:12px 25px;background:linear-gradient(135deg,var(--accent),var(--primary));border-radius:10px;color:#fff;font-size:1rem;font-weight:600;transition:.3s;align-items:center;justify-content:center;gap:10px;text-decoration:none;flex-grow:1;max-width:250px}.loading-reels-message,.no-reels-message{position:absolute;top:50%;transform:translate(-50%,-50%);text-align:center;color:rgba(255,255,255,.7);font-size:1.2rem;z-index:10;left:50%}.visit-product-btn:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,.3),0 0 10px var(--accent)}.loading-reels-message i{font-size:2rem;margin-bottom:15px;color:var(--primary)}.no-reels-message{display:none}.no-reels-message i{font-size:3rem;margin-bottom:20px;color:rgba(255,255,255,.3)}.nav-arrow{position:fixed;left:50%;transform:translateX(-50%);background:rgba(255,255,255,.15);border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;cursor:pointer;z-index:100;transition:background .3s,transform .3s}.nav-arrow.up{top:20px}.nav-arrow.down{bottom:20px}@media (max-width:768px){.reel-overlay{padding:15px}.reel-name{font-size:2rem}.reel-description{font-size:.9rem}.reel-stats-bar{font-size:.85rem}.visit-product-btn{padding:10px 20px;font-size:.9rem;max-width:none}.reel-control-btn{width:35px;height:35px;font-size:1rem}.nav-arrow{width:40px;height:40px;font-size:1.2rem}.glassy-brand{font-size:1.2rem;padding:3px 8px}}