.mega-menu-wrapper {
    background-color: #ffffff;
}

.pp-hero-section .container {
    height: 100%;
    max-width: 100%;
    padding-right: 0;
    max-width: 1320px;
}

.header-main.style-1 {
    max-width: 1320px;
    margin: 0 auto;
}

.header-1 {
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.3);
}

@media (min-width: 1026px) {
    .col-lg-5 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

.logo__mobile {
    max-width: 200px;
}

/* =========================================
   Mobile Banner Fix
   ========================================= */
@media (max-width: 991px) {

    /* Full width, no gap, no background */
    .pp-hero-section {
        height: auto !important;
        min-height: 0 !important;
        width: 100% !important;
        margin: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        /* Remove colored background */
        padding-bottom: 0 !important;
        margin-top: -10px !important;
        /* Force pull up to close any gap */
    }

    /* Unlock height for Swiper containers */
    .pp-hero-section .swiper-container,
    .pp-hero-section .swiper-wrapper,
    .pp-hero-section .swiper-slide {
        height: auto !important;
        min-height: 0 !important;
    }

    /* Ensure image takes natural height and full width */
    .pp-hero-section img {
        height: auto !important;
        width: 100% !important;
        object-fit: cover !important;
        /* Ensure it covers full width */
        display: block !important;
        /* Remove inline-block gap */
    }

    /* Fix header height if needed */
    .header-1 {
        position: relative !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
}

/* =========================================
   Mobile Menu Icon Fix (Real Sidebar Toggle)
   ========================================= */
/* Target the actual element shown in the screenshot (.sidebar__toggle .header-bar) */
.header-bar,
.header-bar.style-1 {
    width: 30px !important;
    height: 21px !important;
    /* Total height for 3 lines */
    position: relative !important;
    display: block !important;
    background: transparent !important;
    cursor: pointer !important;
    border: none !important;
    margin-top: 5px;
    /* Adjust vertical alignment if needed */
}

/* Hide the existing default spans (which were creating 2 lines) */
.header-bar span {
    display: none !important;
}

/* Create 3 lines using box-shadow on pseudo-element */
.header-bar::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 3px !important;
    background-color: #000 !important;
    /* Top Line */
    border-radius: 2px !important;
    box-shadow:
        0 9px 0 #000,
        /* Middle Line (gap of 6px) */
        0 18px 0 #000 !important;
    /* Bottom Line (gap of 6px) */
    transform: none !important;
}

/* Redundant MeanMenu Fix (Backup) */
.mean-container a.meanmenu-reveal {
    width: 30px !important;
    height: 24px !important;
    padding: 0 !important;
    top: 50% !important;
    right: 20px !important;
    transform: translateY(-50%) !important;
    background: transparent !important;
    border: none !important;
    display: block !important;
    z-index: 9999999 !important;
}

.mean-container a.meanmenu-reveal span {
    display: none !important;
}

.mean-container a.meanmenu-reveal::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    top: 3px !important;
    width: 100% !important;
    height: 3px !important;
    background-color: #000 !important;
    border-radius: 2px !important;
    box-shadow:
        0 8px 0 #000,
        0 16px 0 #000 !important;
}