/* Mobile header visibility and styles - same as original header partial */
@media only screen and (max-width: 767px) {
    .main-header {
        display: none !important;
    }
    .mobile-header {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        background-color: #ffffff;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        z-index: 9999;
    }
    .mobile-header-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 12px 15px;
        max-width: 100%;
    }
    .mobile-logo { flex: 0 0 auto; }
    .mobile-logo img {
        max-width: 140px;
        height: auto;
        display: block;
    }
    .mobile-menu-toggle {
        background: transparent;
        border: 2px solid #1a1a1a;
        border-radius: 4px;
        padding: 8px 10px;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 4px;
        width: 40px;
        height: 40px;
        transition: all 0.3s ease;
    }
    .mobile-menu-toggle:hover {
        background-color: #f7c02d;
        border-color: #f7c02d;
    }
    .mobile-menu-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        background-color: #1a1a1a;
        transition: all 0.3s ease;
    }
    .mobile-menu-toggle.active .icon-bar:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
    .mobile-menu-toggle.active .icon-bar:nth-child(2) { opacity: 0; }
    .mobile-menu-toggle.active .icon-bar:nth-child(3) { transform: rotate(-45deg) translate(7px, -6px); }
    .mobile-nav {
        width: 100% !important;
        background-color: #ffffff !important;
        border-top: 1px solid #e5e5e5 !important;
        max-height: 0 !important;
        overflow: hidden !important;
        transition: max-height 0.4s ease, opacity 0.3s ease, visibility 0.3s ease !important;
        opacity: 0 !important;
        visibility: hidden !important;
        display: none !important;
        padding: 0 !important;
        position: relative !important;
        z-index: 9999 !important;
    }
    .mobile-nav.open,
    .mobile-nav[class*="open"] {
        max-height: 800px !important;
        padding: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        display: block !important;
        overflow: visible !important;
        position: relative !important;
        z-index: 9999 !important;
        height: auto !important;
    }
    .mobile-navigation { list-style: none; margin: 0; padding: 0; }
    .mobile-navigation li { border-bottom: 1px solid #e5e5e5; }
    .mobile-navigation li:last-child { border-bottom: none; }
    .mobile-navigation li a {
        display: block;
        padding: 15px 20px;
        color: #1a1a1a;
        text-decoration: none;
        font-size: 16px;
        font-weight: 500;
        transition: all 0.3s ease;
    }
    .mobile-dropdown { border-bottom: 1px solid #e5e5e5; }
    .mobile-dropdown-trigger {
        display: block;
        width: 100%;
        padding: 15px 20px;
        color: #1a1a1a;
        font-size: 16px;
        font-weight: 500;
        text-align: left;
        background: none;
        border: none;
        cursor: pointer;
        transition: all 0.3s ease;
    }
    .mobile-dropdown-trigger:hover { background-color: #f7f7f7; color: #f7c02d; }
    .mobile-dropdown-menu { list-style: none; margin: 0; padding: 0; background: #f8f9fa; }
    .mobile-dropdown-menu li { border-bottom: 1px solid #e5e5e5; }
    .mobile-dropdown-menu li:last-child { border-bottom: none; }
    .mobile-dropdown-menu li a { padding-left: 35px; }
    .mobile-navigation li a:hover {
        background-color: #f7f7f7;
        color: #f7c02d;
        padding-left: 25px;
    }
    .mobile-quote-link { background-color: rgba(247, 192, 45, 0.1); }
    .mobile-quote-btn {
        background-color: #f7c02d !important;
        color: #1a1a1a !important;
        font-weight: 600 !important;
        text-align: center !important;
        border-radius: 4px !important;
        margin: 10px 20px !important;
        display: block !important;
    }
    .mobile-quote-btn:hover {
        background-color: #e6b027 !important;
        color: #1a1a1a !important;
    }
    body { padding-top: 70px; }
}
@media only screen and (min-width: 768px) {
    .mobile-header { display: none !important; }
    body { padding-top: 0; }
}
@media only screen and (min-width: 1024px) {
    .main-header.style-two .header-lower .nav-outer .outer-box,
    .main-header .outer-box { display: block !important; }
    .main-header .navigation .mobile-only-menu-item { display: none !important; }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .main-header.style-two .header-lower .nav-outer .outer-box,
    .main-header .outer-box { display: block !important; }
    .main-header .navigation .mobile-only-menu-item { display: none !important; }
}