.bd-media-overlay { 
    position: fixed; top: 0; left: 0; width: 100%; height: 100%; 
    background: rgba(0,0,0,0.9); z-index: 9999; 
    display: flex; align-items: center; justify-content: center; 
} 

.bd-media-modal { 
    position: relative; width: 90%; 
    max-width: 640px; background: #1a1a1a; padding: 20px; border-radius: 8px; 
} 

/* Use this container class to hold both YT and MP4 */
.video-container { 
    width: 100%; 
    aspect-ratio: 16 / 9; 
    background: #000; 
    overflow: hidden; 
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Force children (iframes and videos) to fill the 16:9 box */
.video-container iframe, 
.video-container video {
    width: 100% !important;
    height: 100% !important;
    border: none;
}

.bd-media-close { 
    position: absolute; top: -10px; right: -10px; 
    background: #fe8f22; border: none; color: #000; font-size: 24px; 
    border-radius: 50%; width: 35px; height: 35px; cursor: pointer; 
}

h2 { color: #ffa000; }