.video-overlay {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    z-index: 5;
}

.custom-controls {
    position: absolute;
    bottom: 30px; left: 50%;
    transform: translateX(-50%);
    display: flex; align-items: center;
    background: rgba(40, 40, 40, 0.6);
    backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 30px; padding: 10px 20px;
    width: 80%; max-width: 600px;
    opacity: 0; transition: opacity 0.3s ease;
    z-index: 10;
}

.control-btn {
    background: none; border: none; color: white;
    cursor: pointer; width: 32px; height: 32px;
    display: flex; align-items: center; justify-content: center;
    margin-right: 16px; transition: transform 0.1s ease;
}

.control-btn:hover { transform: scale(1.1); }
.control-btn svg { width: 20px; height: 20px; }

.progress-container {
    flex-grow: 1; height: 6px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 3px; cursor: pointer;
    position: relative; overflow: hidden;
}

.progress-bar {
    height: 100%; width: 0%; background: #fff;
    border-radius: 3px; pointer-events: none;
}