.hero-media .media-stage{touch-action:pan-y;user-select:none}
.hero-media .media-slide video{cursor:zoom-in}
.hero-media .media-content{pointer-events:none}
.hero-media .media-content a,.hero-media .media-content button{pointer-events:auto}
.banner-viewer[open]{position:fixed;inset:0;display:flex;flex-direction:column;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#080c0c;color:#fff;overflow:hidden}
.banner-viewer::backdrop{background:#000}
.bv-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 16px;flex-shrink:0;font-size:14px}
.banner-viewer button{background:#252d2d;color:#fff;border:1px solid #596363;border-radius:5px;min-height:44px;padding:8px 12px}
.banner-viewer .bv-close{font-size:22px;min-width:44px}
.bv-video{display:block;flex:1 1 0;min-height:0;width:100%;object-fit:contain;cursor:zoom-out}
.bv-controls{flex-shrink:0;padding:12px 16px;background:#141b1b}
.bv-seek{display:flex;align-items:center;gap:12px;font-size:12px;font-variant-numeric:tabular-nums}
.bv-range{flex:1;min-width:0;width:100%;height:32px;accent-color:#fa5138;cursor:pointer}
.bv-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:8px}
.bv-controls p{margin:10px 0 0;text-align:center;font-size:11px;color:#b9c3c3}
@media(max-height:500px){.bv-top{padding:4px 12px}.bv-controls{padding:4px 12px}.bv-controls p{display:none}.bv-actions{margin-top:0}.bv-range{height:24px}.banner-viewer button{min-height:36px;font-size:12px}.banner-viewer .bv-close{font-size:18px}}