/* 1. Pengaturan di Mobile (Tetap Aman) */
@media (max-width: 991.98px) {
    .gambar-mobile-besar {
        width: 80% !important;
        max-width: 300px;
        margin-bottom: 20px;
    }
    .gambar-mobile-besar img {
        width: 100% !important;
        height: auto !important;
        border-radius: 15px !important;
    }
}

/* 2. Pengaturan di Desktop (Ukuran Menengah-Besar & Overlay Presisi) */
@media (min-width: 992px) {
    /* Mengatur kontainer utama agar gambar dan teks seimbang */
    .room-gallery-item.gambar-mobile-besar {
        flex: 0 0 40% !important; /* Ukuran gambar 40% dari lebar layar */
        max-width: 40% !important;
        position: relative; /* Penting untuk overlay */
        height: 200px; /* Anda bisa ubah angka ini untuk mengatur tinggi */
    }

    .room-gallery-item.gambar-mobile-besar img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover; /* Gambar tetap rapi meski diperbesar */
        border-radius: 15px !important;
    }

    /* Memastikan Overlay (Ikon Mata) sama persis ukurannya dengan gambar */
    .room-gallery-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        transition: 0.3s;
        border-radius: 15px;
    }

    .room-gallery-item:hover .room-gallery-overlay {
        opacity: 1;
    }

    /* Mengatur bagian teks di samping gambar */
    .ps-lg-4 {
        flex: 0 0 60% !important;
        max-width: 60% !important;
        padding-left: 30px !important;
    }
}

/* Reset umum agar transisi halus */
.room-gallery-item {
    cursor: pointer;
    overflow: hidden;
}
/* Menyamakan lebar tombol di bagian Service */
#service .btn-primary {
    min-width: 250px; /* Sesuaikan angka ini agar pas dengan teks terpanjang */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

/* Responsif: Di mobile, tombol bisa dibuat full width jika diinginkan */
@media (max-width: 576px) {
    #service .btn-primary {
        width: 100%; /* Tombol memenuhi lebar layar di HP */
        min-width: auto;
    }
}
/* Ukuran default untuk Desktop */
.link-selengkapnya {
    font-size: 0.9rem;
}

/* Ukuran khusus untuk Mobile (Layar di bawah 768px) */
@media (max-width: 767.98px) {
    .link-selengkapnya {
        font-size: 0.7rem !important; /* Dibuat lebih kecil agar proporsional di HP */
        margin-top: 5px !important;
    }
    
    .link-selengkapnya i {
        font-size: 0.65rem; /* Mengecilkan ikon panah juga agar seimbang */
    }
}
.video-container {
    position: relative;
    padding-bottom: 56.25%; /* Ini standar ratio video 16:9 */
    height: 0;
    overflow: hidden;
    border-radius: 15px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.9);
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}