/* ===============================
Responsive
================================= */
@media(max-width:1200px){
    :root{
        --section-padding:80px;
    }
}

@media(max-width:992px){
    :root{
        --fs-72:56px;
        --fs-60:48px;
        --fs-48:40px;
    }
}

@media(max-width:768px){
    :root{
        --section-padding:70px;
        --fs-72:42px;
        --fs-60:36px;
        --fs-48:32px;
        --fs-40:28px;
    }
}

@media(max-width:576px){
    :root{
        --section-padding:60px;
        --fs-72:34px;
        --fs-60:30px;
        --fs-48:28px;
        --fs-40:24px;
        --fs-32:22px;
    }
}
/* ==========================
TOP BAR
========================== */
@media(max-width:768px){
    .topbar-wrapper{
        justify-content:center;
        text-align:center;
    }

    .topbar-left{
        flex-direction:column;
        gap:10px;
    }
}
/* ===============================
NAVBAR
=============================== */
@media(max-width:991px){
    .custom-navbar{
        background:#fff;
    }
    .navbar-collapse{
        padding:20px 0;
    }
    .navbar-nav{
        gap:15px;
    }
    .btn-book{
        margin-top:15px;
        display:inline-block;
    }
    .logo{
        height:60px;
    }
}
/* ===== Global mobile polish ===== */
@media (max-width: 991px) {
    .section-title { font-size: clamp(28px, 6vw, 40px) !important; }
    .packages-section { padding: 70px 0 !important; }
    .package-content { padding: 24px !important; }
    .package-content h3 { font-size: 22px !important; }
    .why-choose-section .col-sm-6 { margin-bottom: 0; }
}

@media (max-width: 575px) {
    .container-custom { padding-left: 16px; padding-right: 16px; }
    .btn-primary-custom, .btn-outline-custom {
        padding: 12px 20px;
        font-size: 14px;
    }
    .package-card { border-radius: 20px; }
    .navbar .nav-link { font-size: 15px; }
    .timeline-year { display: none !important; }
}