<style>
/* =========================================================
   [MODIFIKASI KHUSUS DETAIL PRODUK - ANTI BENTROK]
   Menggunakan CSS Global yang Sudah Ada Tanpa Redundansi
   ========================================================= */

/* --- Custom Zebra Table untuk Detail Unit Utama --- */
.mb-specs-zebra {
    background: #f9f9f9;
    border-radius: 12px;
    overflow: hidden;
    margin: 20px 0;
    border: 1px solid #eee;
}

.mb-zebra-row {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    gap: 12px;
    border-bottom: 1px solid #eee;
}

.mb-zebra-row:last-child { border-bottom: none; }
.mb-zebra-row:nth-child(even) { background: #f1f1f1; }
.mb-zebra-row i { width: 18px; color: #008751; text-align: center; }
.mb-zebra-row span { font-size: 10pt; font-weight: 600; color: #444; }

/* --- Tombol Tunggal "Cek Detail" dengan Warna Solid Hijau --- */
.btn-single-detail {
    display: block;
    width: 100%;
    text-decoration: none;
    font-size: 0.75rem;
    padding: 9px 2px;
    border-radius: 8px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    box-sizing: border-box;
    border: 1px solid #008751;
    color: #fff !important;
    background: #008751;
    transition: all 0.3s ease;
}

.btn-single-detail:hover {
    background: #808080;
    border-color: #808080;
    color: #fff !important;
}

/* --- Responsive Layout Detail Utama --- */
.mb-main-grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 25px;
    margin-bottom: 40px;
}

@media (max-width: 767px) {
    .mb-content {
        padding: 10px;
    }
    .mb-main-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
}
.lauw-btn-main-booking {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
background: #059669;
color: #fff !important;
text-decoration: none !important;
padding: 15px;
border-radius: 14px;
font-weight: 800;
font-size: 1.2rem;
cursor: pointer;
border: none;
width: 100%;
text-transform: uppercase;
margin-top:1px;
}
.lauw-btn-main-booking:hover {
background: #059669;
color: #ff9d02 !important;
}
.swal2-container {
    z-index: 100000 !important;
}
.rtc-wa-caption-box {
    margin-top: 5px;
    padding: 12px;
    border: 2px dashed #25D366;
    border-radius: 12px;
    background-color: #f4fff7;
    font-size: 14px;
    color: #4f5d75;
    font-style: italic;
    line-height: 1.5;
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 500;
    box-sizing: border-box;
    margin-bottom:15px;
}

.rtc-wa-caption-box i {
    color: #FF9209;
    font-size: 14px;
    flex-shrink: 0;
}
</style>
