@media (max-width: 768px) {
    .noon-search-container {
        margin: 10px 0;
        order: 3;
        width: 100%;
    }

    .noon-navbar .container-noon>div {
        flex-wrap: wrap;
    }

    /* Mobile Header Improvements */
    .noon-logo {
        height: 28px !important;
    }

    .noon-icons-left {
        gap: 10px !important;
    }

    /* Mobile Dropdown Improvements */
    .dropdown-menu {
        min-width: 200px !important;
        border-radius: 12px !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
        border: none !important;
        padding: 8px !important;
    }

    .dropdown-item {
        padding: 12px 16px !important;
        border-radius: 8px !important;
        font-size: 14px !important;
        transition: all 0.2s !important;
    }

    .dropdown-item:hover,
    .dropdown-item:active {
        background-color: #f8f9fa !important;
        color: #d6204b !important;
    }

    .dropdown-divider {
        margin: 8px 0 !important;
    }

    /* Mobile Bottom Nav */
    .noon-bottom-nav {
        padding: 10px 0 !important;
    }

    .navbar-toggler {
        border: none !important;
        padding: 8px 12px !important;
        background: #f8f9fa !important;
        border-radius: 8px !important;
    }

    .navbar-toggler i {
        font-size: 20px !important;
        color: #333 !important;
    }

    /* Mobile Mega Menu */
    .noon-mega-menu {
        position: static !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        margin-top: 10px !important;
    }

    .mega-banner-wrapper {
        display: none !important;
    }

    .mega-content-wrapper {
        padding: 15px !important;
    }

    .mega-grid-item {
        width: 100% !important;
        min-width: auto !important;
        margin-bottom: 15px !important;
    }

    .mega-sub-title {
        font-size: 16px !important;
        margin-bottom: 10px !important;
    }

    .mega-sub-link {
        padding: 8px 0 !important;
        font-size: 14px !important;
    }
}

@media (max-width: 991px) {

    /* Comprehensive Mobile & Tablet Tightening */
    .noon-navbar {
        padding-top: 8px !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
        box-shadow: none !important;
        /* Remove shadow that might look like a gap */
    }

    .noon-header {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        background-color: var(--web-primary) !important;
    }

    .noon-bottom-nav {
        display: none !important;
    }

    .noon-logo {
        height: 24px !important;
    }

    .noon-navbar .container-noon-wide>div {
        padding-bottom: 5px !important;
    }

    .noon-hero-section,
    .noon-hero-slider,
    .hero-slider,
    .noon-hero-section .container-fluid,
    .noon-hero-section .row,
    .noon-category-section,
    .noon-category-slider-wrap,
    .noon-category-slider {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    .hero-slider.owl-carousel {
        margin-top: 0 !important;
    }

    .noon-search-container {
        margin: 5px 0 0 0 !important;
    }

    .noon-search-input,
    .noon-search-btn {
        height: 36px !important;
        font-size: 13px !important;
    }

    .noon-tool-link,
    .noon-auth-link {
        font-size: 12px !important;
    }

    .navbar-tool-icon {
        font-size: 18px !important;
    }

    .dropdown-menu {
        min-width: 180px !important;
        font-size: 13px !important;
    }

    .dropdown-item {
        padding: 10px 14px !important;
        font-size: 13px !important;
    }
}

/* Tablet Optimizations */
@media (min-width: 768px) and (max-width: 991px) {
    .noon-mega-menu {
        max-width: 100vw !important;
    }

    .mega-banner-wrapper {
        display: none !important;
    }

    .mega-content-wrapper {
        padding: 20px !important;
    }

    .mega-grid-item {
        width: 45% !important;
        min-width: 200px !important;
    }
}

/* Improved Touch Targets for Mobile */
@media (max-width: 991px) {
    .noon-nav-link {
        padding: 12px 16px !important;
        font-size: 14px !important;
    }

    .noon-tool-link,
    .noon-auth-link {
        min-height: 44px !important;
        display: flex !important;
        align-items: center !important;
    }

    /* Better dropdown positioning on mobile */
    .dropdown-menu-left,
    .dropdown-menu-right {
        left: auto !important;
        right: 0 !important;
    }

    [dir="rtl"] .dropdown-menu-left,
    [dir="rtl"] .dropdown-menu-right {
        right: auto !important;
        left: 0 !important;
    }
}