/* ==========================================
           MOBILE RESPONSIVE FIXES - Enhanced
           ========================================== */

        /* Fix for very small screens */
        @media (max-width: 480px) {
            .header-container {
                padding: 0 10px;
            }

            .header-top {
                padding: 10px 0;
            }

            .logo-text {
                font-size: 28px !important;
            }

            .btn-auth {
                padding: 8px 12px;
                font-size: 12px;
            }

            .btn-auth span {
                display: none;
            }

            .btn-auth i {
                font-size: 16px;
                margin: 0;
            }

            /* Hero section mobile fixes */
            .hero-section {
                margin-top: 100px;
                padding: 80px 10px 30px;
                min-height: auto;
            }

            .hero-title {
                font-size: 24px !important;
                line-height: 1.3;
            }

            .hero-subtitle {
                font-size: 14px !important;
            }

            /* Search box mobile fixes */
            .search-wrapper {
                padding: 15px;
                border-radius: 16px;
            }

            .search-tabs {
                flex-wrap: nowrap;
                overflow-x: auto;
                gap: 8px;
                padding-bottom: 10px;
                margin-bottom: 15px;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: none;
            }

            .search-tabs::-webkit-scrollbar {
                display: none;
            }

            .search-tab {
                padding: 10px 16px;
                font-size: 13px;
                white-space: nowrap;
                flex-shrink: 0;
            }

            .search-form {
                flex-direction: column;
                gap: 10px;
            }

            .search-field {
                min-width: 100%;
            }

            .search-field input {
                padding: 12px 15px;
            }

            .btn-search {
                width: 100%;
                justify-content: center;
                padding: 14px;
            }

            /* Featured cards mobile */
            .featured-grid {
                grid-template-columns: 1fr;
                gap: 15px;
            }

            .featured-card {
                max-width: 100%;
            }

            /* Categories mobile */
            .categories-grid {
                grid-template-columns: 1fr 1fr;
                gap: 10px;
            }

            .category-card {
                height: 180px;
            }

            .category-name {
                font-size: 16px;
            }

            /* Features mobile */
            .features-grid {
                grid-template-columns: 1fr;
                gap: 15px;
            }

            /* Reviews mobile */
            .reviews-grid {
                grid-template-columns: 1fr;
                gap: 15px;
            }

            /* Campaigns mobile */
            .campaigns-grid {
                grid-template-columns: 1fr;
            }

            .campaign-card.large {
                flex-direction: column;
                height: auto;
            }

            .campaign-image, .campaign-content {
                width: 100%;
            }

            .campaign-image {
                height: 200px;
            }

            /* Footer mobile */
            .footer-grid {
                grid-template-columns: 1fr;
                gap: 30px;
            }

            /* Chat widget mobile */
            .chat-widget {
                bottom: 20px;
                right: 20px;
                padding: 12px 20px;
                font-size: 14px;
            }

            /* Back to top mobile */
            .back-to-top {
                bottom: 80px;
                right: 20px;
                width: 45px;
                height: 45px;
            }

            /* Section headers mobile */
            .section-title {
                font-size: 24px !important;
            }

            .section-subtitle {
                font-size: 14px !important;
            }

            /* Mobile menu button */
            .mobile-menu-btn {
                display: flex !important;
                width: 40px;
                height: 40px;
                align-items: center;
                justify-content: center;
            }

            /* Contact info mobile */
            .contact-info {
                display: none;
            }

            /* Nav links mobile */
            .nav-links {
                display: none;
            }

            /* TURSAB badge mobile */
            .tursab-hero-badge {
                font-size: 11px;
                padding: 8px 12px;
                margin-bottom: 20px;
            }

            /* Service areas mobile */
            .container[style*="max-width: 1000px"] > div[style*="display: flex"] {
                flex-direction: column;
                align-items: center;
            }

            .container[style*="max-width: 1000px"] > div[style*="display: flex"] > div {
                width: 100%;
                max-width: 280px;
            }
        }

        /* Tablet adjustments */
        @media (min-width: 481px) and (max-width: 768px) {
            .hero-title {
                font-size: 32px !important;
            }

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

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

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

            .reviews-grid {
                grid-template-columns: 1fr;
            }
        }

        /* Fix for horizontal scroll issues */
        html, body {
            overflow-x: hidden;
            width: 100%;
        }

        /* Ensure images don't overflow */
        img {
            max-width: 100%;
            height: auto;
        }

        /* Fix for iOS input zoom */
        @media screen and (max-width: 768px) {
            input, select, textarea {
                font-size: 16px !important;
            }
        }

        /* Additional Mobile Fixes */

        /* Hide text on mobile buttons, show only icons */
        @media (max-width: 480px) {
            .header-right .btn-auth span {
                display: none !important;
            }

            .header-right .btn-auth {
                padding: 10px !important;
                min-width: 40px !important;
                width: 40px !important;
                height: 40px !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
            }

            .header-right .btn-auth i {
                margin: 0 !important;
                font-size: 16px !important;
            }

            /* Show mobile menu button */
            .mobile-menu-btn {
                display: flex !important;
                width: 40px !important;
                height: 40px !important;
                align-items: center !important;
                justify-content: center !important;
                margin-left: 5px !important;
            }

            /* Smaller logo on mobile */
            .logo-text {
                font-size: 24px !important;
            }

            /* Fix header layout */
            .header-top {
                flex-wrap: nowrap !important;
                gap: 10px !important;
            }

            .header-top > div:first-child {
                flex: 0 0 auto !important;
            }

            .logo-section {
                flex: 1 1 auto !important;
                text-align: center !important;
            }

            .header-right {
                flex: 0 0 auto !important;
                gap: 5px !important;
            }

            /* Search tabs fix */
            .search-tabs {
                display: flex !important;
                flex-wrap: nowrap !important;
                overflow-x: auto !important;
                -webkit-overflow-scrolling: touch !important;
                scrollbar-width: none !important;
                gap: 8px !important;
                padding-bottom: 10px !important;
            }

            .search-tabs::-webkit-scrollbar {
                display: none !important;
            }

            .search-tab {
                flex: 0 0 auto !important;
                white-space: nowrap !important;
                padding: 10px 16px !important;
                font-size: 13px !important;
            }

            /* Hero section adjustments */
            .hero-section {
                padding-top: 120px !important;
            }

            .hero-title {
                font-size: 22px !important;
                margin-bottom: 10px !important;
            }

            .hero-subtitle {
                font-size: 13px !important;
                margin-bottom: 20px !important;
            }

            /* Search wrapper */
            .search-wrapper {
                padding: 15px !important;
            }

            .search-field label {
                font-size: 11px !important;
            }

            .search-field input {
                padding: 12px !important;
                font-size: 14px !important;
            }

            .btn-search {
                padding: 14px !important;
                font-size: 15px !important;
            }

            /* TURSAB badge */
            .tursab-hero-badge {
                font-size: 10px !important;
                padding: 8px 12px !important;
            }

            .tursab-hero-badge i {
                font-size: 14px !important;
            }
        }

        /* Ensure mobile menu button is always visible on mobile */
        @media (max-width: 768px) {
            .mobile-menu-btn {
                display: flex !important;
            }

            .nav-links {
                display: none !important;
            }

            .contact-info {
                display: none !important;
            }
        }

        /* Fix for iOS Safari 100vh issue */
        @supports (-webkit-touch-callout: none) {
            .hero-section {
                min-height: -webkit-fill-available;
            }
        }


        /* Mobile compact Google Reviews */
        @media (max-width: 768px) {
            .reviews-section {
                padding: 45px 0;
            }

            .reviews-header {
                margin-bottom: 25px;
            }

            .google-reviews-box {
                flex-direction: row;
                text-align: left;
                gap: 14px;
                padding: 14px 16px;
                border-radius: 16px;
                margin-bottom: 22px;
                width: 100%;
                max-width: 340px;
            }

            .google-logo-big {
                width: 42px;
                height: 42px;
                min-width: 42px;
                font-size: 22px;
            }

            .reviews-info h3 {
                font-size: 18px;
                margin-bottom: 2px;
            }

            .reviews-stars {
                font-size: 16px;
                margin-bottom: 2px;
            }

            .reviews-count {
                font-size: 12px;
            }

            .reviews-grid {
                grid-template-columns: 1fr;
                gap: 12px;
            }

            .review-card {
                padding: 16px;
                border-radius: 16px;
            }

            .review-header {
                gap: 10px;
                margin-bottom: 12px;
            }

            .review-avatar {
                width: 38px;
                height: 38px;
                min-width: 38px;
                font-size: 15px;
            }

            .review-meta h4 {
                font-size: 14px;
                margin-bottom: 1px;
            }

            .review-stars-small {
                font-size: 11px;
            }

            .review-text {
                font-size: 13px;
                line-height: 1.55;
                display: -webkit-box;
                -webkit-line-clamp: 4;
                -webkit-box-orient: vertical;
                overflow: hidden;
            }

            .review-date {
                margin-top: 10px;
                font-size: 11px;
            }
        }


        @media (max-width: 768px) {
            .tour-hero-overlay {
                padding: 24px 20px 78px !important;
            }
            .tour-hero-overlay h1 {
                font-size: 24px !important;
                line-height: 1.2 !important;
                margin-bottom: 10px !important;
            }
        }