/* =============================================
           RESPONSIVE BREAKPOINTS
           ============================================= */

        /* === TABLETS max-width: 1024px === */
        @media (max-width: 1024px) {
            .slide {
                min-width: 50%;
            }

            .slide img {
                height: 380px;
            }

            .why-travel-section {
                margin: 0 10px;
            }
        }

        /* === max-width: 980px - hide desktop nav, show hamburger === */
        @media (max-width: 980px) {
            .nav-desktop {
                display: none !important;
            }

            .menu-btn {
                display: flex !important;
            }

            .footer .footer-grid {
                grid-template-columns: repeat(2, 1fr);
            }

            .inspirational-container {
                flex-direction: column;
            }

            .inspirational-content,
            .inspirational-image {
                max-width: 100%;
                flex: 1 1 100%;
            }

            .tailor-container {
                flex-direction: column;
            }

            .tailor-content {
                max-width: 100%;
                flex: 1 1 100%;
            }
        }

        /* === MOBILE max-width: 768px === */
        @media (max-width: 768px) {
            .container-header,
            .container {
                width: calc(100% - 24px);
            }

            .site-logo {
                height: 40px;
            }

            .brand-title strong {
                font-size: 14px;
            }

            .brand-title span {
                font-size: 11px;
            }

            /* Hero */
            .hero-section {
                padding: 40px 16px;
            }

            .sub-title {
                font-size: 14px;
            }

            .tagline {
                font-size: 20px;
            }

            /* About */
            .about-section {
                padding: 40px 16px;
            }

            .about-section p {
                font-size: 15px;
            }

            /* Journey / Tailored */
            .journey-container,
            .about-container {
                grid-template-columns: 1fr;
            }

            .journey-item img {
                height: 220px;
            }

            .Tailored-item img {
                height: 220px;
            }

            /* Why Travel */
            .why-travel-section {
                margin: 0;
                border-radius: 0;
                padding: 40px 16px;
            }

            .features-container {
                grid-template-columns: 1fr;
            }

            .feature-item h3 {
                font-size: 16px;
            }

            /* Slider */
            .slide {
                min-width: 100%;
            }

            .slide img {
                height: 280px;
            }

            .slide-btn {
                width: 38px;
                height: 38px;
                font-size: 18px;
            }

            .slide-btn.prev { left: 6px; }
            .slide-btn.next { right: 6px; }

            /* Recommended */
            .recommended-section {
                padding: 40px 16px;
            }

            /* Inspirational */
            .inspirational-section {
                padding: 40px 16px;
            }

            .inspirational-content h3 {
                font-size: 24px;
            }

            .inspirational-content p {
                font-size: 15px;
            }

            .inspirational-image img {
                max-height: 350px;
            }

            /* Tailor */
            .tailor-section {
                padding: 40px 16px;
            }

            .tailor-title {
                font-size: 26px;
            }

            .tailor-box h4 {
                font-size: 18px;
            }

            .tailor-box p {
                font-size: 15px;
            }

            /* Footer */
            .footer {
                margin: 20px 10px;
                padding: 30px 16px 16px;
                border-radius: 16px;
            }

            .footer .footer-grid {
                grid-template-columns: 1fr;
                gap: 24px;
            }

            .footer-column .site-logo {
                width: 55px;
                height: 55px;
            }

            .footer-column h4 {
                font-size: 18px;
            }

            .footer-bottom {
                margin-top: 24px;
                font-size: 13px;
            }

            .btn-primary {
                padding: 12px 24px;
                font-size: 13px;
            }
        }

        /* === SMALL MOBILE max-width: 480px === */
        @media (max-width: 480px) {
            .header-inner {
                padding: 8px 0;
                gap: 8px;
            }

            .brand {
                gap: 8px;
            }

            .site-logo {
                height: 35px;
            }

            .brand-title strong {
                font-size: 13px;
            }

            .brand-title span {
                font-size: 10px;
            }

            h1 {
                font-size: 24px !important;
            }

            .highlight {
                font-size: 20px !important;
            }

            .highlight1 {
                font-size: 20px !important;
            }

            .highlight2 {
                font-size: 20px !important;
            }

            .hero-section {
                padding: 28px 12px;
            }

            .sub-title {
                font-size: 12px;
            }

            .tagline {
                font-size: 17px;
            }

            .about-section p {
                font-size: 14px;
            }

            .journey-item img,
            .Tailored-item img {
                height: 200px;
            }

            .slide img {
                height: 220px;
            }

            .inspirational-content h3 {
                font-size: 22px;
            }

            .inspirational-content p {
                font-size: 14px;
            }

            .inspirational-image img {
                max-height: 280px;
            }

            .tailor-title {
                font-size: 22px;
            }

            .tailor-box h4 {
                font-size: 16px;
            }

            .tailor-box p {
                font-size: 14px;
            }

            .feature-item {
                padding: 20px 16px;
            }

            .feature-item h3 {
                font-size: 15px;
            }

            .feature-item p {
                font-size: 13px;
            }

            .footer {
                margin: 16px 8px;
                padding: 24px 12px 12px;
                border-radius: 12px;
            }

            .footer-column h4 {
                font-size: 16px;
            }

            .btn-primary {
                padding: 10px 20px;
                font-size: 12px;
            }

            .slide-btn {
                width: 32px;
                height: 32px;
                font-size: 14px;
            }

            .recommended-heading .highlight {
                font-size: 20px !important;
            }

            .resub-title {
                font-size: 14px;
            }
        }

        /* === LARGE SCREENS min-width: 1600px === */
        @media (min-width: 1600px) {
            .container-header,
            .container {
                max-width: 1400px;
            }

            .slide img {
                height: 600px;
            }
        }

        /* === REDUCED MOTION === */
        @media (prefers-reduced-motion: reduce) {
            html { scroll-behavior: auto; }
            *, *::before, *::after {
                animation-duration: 0.01ms !important;
                animation-iteration-count: 1 !important;
                transition-duration: 0.01ms !important;
            }
        }

     /* ================= FORCE MOBILE FIX ================= */
@media (max-width: 768px) {

    /* ===== JOURNEY SECTION ===== */
    .journey-container {
        display: block !important;
    }

    .journey-item {
        width: 100% !important;
        margin-bottom: 20px;
    }

    .journey-item img {
        width: 100%;
        height: 220px !important;
        object-fit: cover;
    }

    .journey-item:hover {
        transform: none !important; /* stop mobile zoom issues */
    }

    .journey-item figcaption {
        font-size: 15px;
    }

    .journey-item figcaption strong {
        font-size: 16px;
    }


    /* ===== TAILORED SECTION ===== */
    .about-container {
        display: block !important;
    }

    .Tailored-item {
        width: 100% !important;
        margin-bottom: 20px;
    }

    .Tailored-item img {
        width: 100%;
        height: 200px !important;
        object-fit: cover;
    }


    /* ===== HEADING FIX ===== */
    .highlight1 {
        font-size: 24px !important;
        line-height: 1.3;
    }

}   

/* ================= INSPIRATIONAL SECTION MOBILE FIX ================= */
@media (max-width: 768px) {

    .inspirational-section {
        padding: 25px 15px; /* compact padding for mobile */
    }

    .inspirational-container {
        flex-direction: column; /* stack image + text vertically */
        align-items: center;    /* center both items */
        justify-content: center;
        padding: 0 15px;
        gap: 25px;
    }

    .inspirational-image {
        flex: 0 0 100%;
        margin-left: 0; /* reset left shift */
        width: 100%;
        max-width: 400px; /* optional max width */
    }

    .inspirational-image img {
        width: 100%;
        height: 250px; /* smaller height for mobile */
        border-radius: 15px;
        object-fit: cover;
    }

    .inspirational-content {
        flex: 0 0 100%;
        margin-right: 0;
        text-align: center; /* center text */
    }

    .inspirational-content h3 {
        font-size: 28px; /* smaller heading */
        margin-bottom: 15px;
    }

    .inspirational-content p {
        font-size: 16px; /* readable paragraph */
        line-height: 1.6;
        margin-bottom: 20px;
    }
}