/* phase76reels: modal vuot doc xem video kieu Reels/Shorts */
#reelsOverlay{display:none;position:fixed;inset:0;z-index:100000;background:#000}
#reelsOverlay.open{display:block}
#reelsClose{position:fixed;top:14px;right:14px;width:46px;height:46px;border-radius:50%;border:none;background:rgba(0,0,0,.55);color:#fff;font-size:1.7rem;line-height:1;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center}
#reelsTrack{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
#reelsTrack::-webkit-scrollbar{display:none}
.reel-item{height:100%;scroll-snap-align:start;scroll-snap-stop:always;position:relative;display:flex;align-items:center;justify-content:center;background:#000}
.reel-stage{position:relative;height:84vh;max-height:84vh;aspect-ratio:9/16;max-width:100vw;background:#000;border-radius:0;overflow:hidden}
.reel-stage iframe{width:100%;height:100%;border:0;display:block}
.reel-poster{position:absolute;inset:0;cursor:pointer}
.reel-poster img{width:100%;height:100%;object-fit:cover;display:block}
.reel-poster .pbtn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background:rgba(220,38,38,.95);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;padding-left:4px;box-shadow:0 4px 16px rgba(0,0,0,.5)}
.reel-name{position:absolute;left:14px;right:80px;bottom:88px;z-index:4;color:#fff;font-size:14px;font-weight:600;line-height:1.35;text-shadow:0 1px 4px rgba(0,0,0,.8);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.reel-cta{position:absolute;left:14px;right:14px;bottom:30px;z-index:4;text-align:center;background:var(--primary,#b4781e);color:#fff;padding:13px;border-radius:12px;text-decoration:none;font-weight:700;font-size:14.5px;box-shadow:0 4px 14px rgba(0,0,0,.45)}
.reel-hint{position:absolute;left:0;right:0;bottom:120px;z-index:4;text-align:center;color:rgba(255,255,255,.85);font-size:12.5px;pointer-events:none;animation:reelHint 1.8s ease-in-out infinite}
@keyframes reelHint{0%,100%{transform:translateY(0);opacity:.55}50%{transform:translateY(-6px);opacity:1}}
@media(min-width:768px){.reel-stage{border-radius:16px}}