.tabs-container { 
        max-width: 800px; 
        margin: 20px auto; 
        font-family: Arial, sans-serif; 
    }
.video-box { 
        width: 100%; /* Penuh sampai max-width */
        min-width: 530px; /* Minimum 530px seperti yang kamu inginkan */
        max-width: 800px; /* Batasi agar tidak terlalu lebar */
        height: 298px; /* 16:9 untuk 530px */
        margin: 0 auto; 
        border: 1px solid #ccc; 
        overflow: hidden; 
        background: #000; 
        position: relative; 
}
    .video-box iframe { 
        width: 100%; 
        height: 100%; 
        border: none; 
    }
    .tabs { 
        display: flex; 
        flex-wrap: nowrap; /* Satu baris */
        gap: 5px; 
        margin-top: 10px; 
        overflow-x: auto; /* Scroll kalau terlalu panjang */
        white-space: nowrap; /* Teks tidak wrap */
    }
    .tab-button { 
        flex: 1 1 auto; /* Bagi lebar rata, tapi fleksibel */
        min-width: 0; /* Hilangkan batas minimum */
        max-width: 120px; /* Batasi lebar maksimal */
        padding: 8px 10px; /* Padding konsisten */
        text-align: center; 
        background: #333; 
        color: #fff; 
        border: none; 
        cursor: pointer; 
        transition: background 0.3s; 
        overflow: hidden; 
        text-overflow: ellipsis; /* Potong teks panjang */
        box-sizing: border-box; /* Padding dihitung dalam lebar */
    }
    .tab-button:hover { 
        background: #555; 
    }
    .tab-button.active { 
        background: #007bff; 
    }
    @media (max-width: 600px) { 
        .tab-button { 
            max-width: 90px; /* Lebih kecil di layar kecil */
            padding: 6px 8px; 
            font-size: 12px; /* Teks lebih kecil */
        }
        .video-box { 
            height: 300px; 
        }
    }