@media (max-width: 991px) {

            html {
                margin-top: 0 !important;
                padding-top: 0 !important;

                --pha-mobile-header-expanded-space: 88px;
                --pha-mobile-header-collapsed-space: 54px;
                --pha-mobile-header-space: var(--pha-mobile-header-expanded-space);
            }

            body,
            body.admin-bar,
            body.logged-in.admin-bar {
                margin-top: 0 !important;
                padding-top: var(--pha-mobile-header-space, 88px) !important;
                transition: padding-top 0.22s ease !important;
            }

            #wpadminbar {
                display: none !important;
            }

            /* Remove empty Impreza/theme header space */
            #page-header,
            #page-header.header_hor,
            #page-header.l-header,
            #page-header .l-subheader,
            #page-header .l-subheader.at_middle,
            #page-header .l-subheader.at_middle.width_full,
            #page-header .l-subheader-h,
            #page-header .w-html,
            #page-header .w-html-h {
                height: 0 !important;
                min-height: 0 !important;
                max-height: 0 !important;
                padding: 0 !important;
                margin: 0 !important;
                line-height: 0 !important;
                overflow: visible !important;
                transform: none !important;
                transition: none !important;
            }

            /*
             * Impreza can keep the header wrapper transparent/hidden until its
             * sticky-scroll state is activated. That made the first 54px mobile
             * row invisible on initial page load while the marquee remained
             * visible. Keep the wrapper painted from the very first frame.
             */
            #page-header,
            #page-header.header_hor,
            #page-header.l-header {
                display: block !important;
                opacity: 1 !important;
                visibility: visible !important;
                filter: none !important;
                pointer-events: auto !important;
            }

            #page-header .pha-custom-header,
            .pha-custom-header {
                position: fixed !important;
                top: 0 !important;
                left: 0 !important;
                right: 0 !important;
                width: 100vw !important;
                max-width: 100vw !important;
                margin: 0 !important;
                padding: 0 !important;
                z-index: 999999 !important;
                background: #fff !important;
                box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
                transform: none !important;
                transition: none !important;
                line-height: normal !important;
                overflow: visible !important;
                opacity: 1 !important;
                visibility: visible !important;
                filter: none !important;
            }

            .pha-custom-header,
            .pha-custom-header * {
                box-sizing: border-box !important;
            }

            .pha-custom-header .pha-header-desktop {
                display: none !important;
            }

            .pha-custom-header .pha-mobile-header {
                display: block !important;
                background: #fff !important;
                margin: 0 !important;
                padding: 0 !important;
                overflow: visible !important;
                line-height: normal !important;
                transform: none !important;
                transition: none !important;
            }

            /* =========================
               TOP MOBILE HEADER ROW
            ========================= */
            .pha-mobile-main {
                height: 54px !important;
                min-height: 54px !important;
                max-height: 54px !important;
                display: grid !important;
                grid-template-columns: 46px minmax(0, 1fr) 58px !important;
                align-items: center !important;
                gap: 8px !important;
                padding: 0 14px !important;
                margin: 0 !important;
                background: #fff !important;
                border-bottom: 1px solid var(--color-content-border, #e3e7f0) !important;
                transform: none !important;
                transition: none !important;
                opacity: 1 !important;
                visibility: visible !important;
            }

            .pha-mobile-main > *,
            .pha-mobile-logo,
            .pha-mobile-logo img,
            .pha-mobile-icons,
            .pha-mobile-icons a,
            .pha-mobile-menu-btn {
                opacity: 1 !important;
                visibility: visible !important;
                filter: none !important;
            }

            /* =========================
               MENU ICON + MENU TEXT
            ========================= */
            .pha-mobile-menu-btn {
                width: 42px !important;
                height: 42px !important;
                min-width: 42px !important;
                min-height: 42px !important;
                border: 0 !important;
                border-radius: 0 !important;
                background: transparent !important;
                box-shadow: none !important;
                padding: 0 !important;
                margin: 0 !important;
                cursor: pointer !important;
                position: relative !important;
                display: block !important;
                font-size: 0 !important;
                line-height: 0 !important;
                overflow: visible !important;
                align-self: center !important;
                justify-self: start !important;
                transform: translateY(0) !important;
            }

            .pha-mobile-menu-btn::before,
            .pha-mobile-menu-btn::after,
            .pha-mobile-menu-btn .pha-menu-mid-line {
                content: "" !important;
                position: absolute !important;
                left: 6px !important;
                right: auto !important;
                height: 2px !important;
                min-height: 2px !important;
                max-height: 2px !important;
                background: var(--color-content-heading, #0f131f) !important;
                border-radius: 999px !important;
                transform: none !important;
                box-shadow: none !important;
                transition: all 0.25s ease !important;
            }

            .pha-mobile-menu-btn::before {
                top: 7px !important;
                width: 28px !important;
            }

            .pha-mobile-menu-btn .pha-menu-mid-line {
                top: 14px !important;
                width: 19px !important;
            }

            .pha-mobile-menu-btn::after {
                top: 21px !important;
                width: 28px !important;
            }

            .pha-mobile-menu-btn .pha-menu-label {
                position: absolute !important;
                top: 27px !important;
                left: 0 !important;
                right: 0 !important;
                width: 40px !important;
                padding: 0 !important;
                margin: 0 !important;
                text-align: center !important;
                transform: none !important;
                font-size: 8px !important;
                line-height: 1 !important;
                font-weight: 900 !important;
                letter-spacing: 0.45px !important;
                color: var(--color-content-heading, #0f131f) !important;
                text-transform: uppercase !important;
                pointer-events: none !important;
            }

            body.pha-mobile-menu-open .pha-mobile-menu-btn::before {
                top: 16px !important;
                left: 7px !important;
                width: 25px !important;
                transform: rotate(45deg) !important;
            }

            body.pha-mobile-menu-open .pha-mobile-menu-btn .pha-menu-mid-line {
                opacity: 0 !important;
                transform: translateX(-8px) !important;
            }

            body.pha-mobile-menu-open .pha-mobile-menu-btn::after {
                top: 16px !important;
                left: 7px !important;
                width: 25px !important;
                transform: rotate(-45deg) !important;
            }

            body.pha-mobile-menu-open .pha-mobile-menu-btn .pha-menu-label {
                opacity: 0 !important;
            }

            /* =========================
               LOGO
            ========================= */
            .pha-mobile-logo {
                display: flex !important;
                align-items: center !important;
                justify-content: flex-start !important;
                min-width: 0 !important;
                overflow: hidden !important;
                text-decoration: none !important;
            }

            .pha-mobile-logo img {
                width: auto !important;
                max-width: 100% !important;
                max-height: 34px !important;
                margin: 0 !important;
                display: block !important;
            }

            /* =========================
               RIGHT ICONS
            ========================= */
            .pha-mobile-icons {
                width: 58px !important;
                min-width: 58px !important;
                display: flex !important;
                align-items: center !important;
                justify-content: flex-end !important;
                gap: 8px !important;
            }

            .pha-mobile-icons a {
                width: 24px !important;
                height: 24px !important;
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                position: relative !important;
                color: var(--color-content-heading, #0f131f) !important;
                text-decoration: none !important;
            }

            .pha-mobile-icons a:nth-child(n+3) {
                display: none !important;
            }

            .pha-mobile-icons i {
                font-size: 16px !important;
                line-height: 1 !important;
                color: var(--color-content-heading, #0f131f) !important;
            }

            .pha-mobile-icons .pha-count {
                position: absolute !important;
                top: -8px !important;
                right: -8px !important;
                min-width: 16px !important;
                height: 16px !important;
                line-height: 16px !important;
                padding: 0 4px !important;
                border-radius: 50% !important;
                background: var(--color-content-primary, #e14658) !important;
                color: #fff !important;
                font-size: 10px !important;
                font-weight: 700 !important;
                text-align: center !important;
            }

            /* =========================
               OFFER MARQUEE ROW
            ========================= */
            .pha-mobile-marquee-row {
                display: flex !important;
                align-items: center !important;
                width: 100% !important;
                height: 34px !important;
                min-height: 34px !important;
                max-height: 34px !important;
                background: #ffeade !important;
                border-bottom: 1px solid rgba(0,0,0,0.06) !important;
                overflow: hidden !important;
                opacity: 1 !important;
                visibility: visible !important;
                transform: translateY(0) !important;
                transition:
                    height 0.22s ease,
                    min-height 0.22s ease,
                    max-height 0.22s ease,
                    opacity 0.16s ease,
                    transform 0.22s ease,
                    border 0.22s ease !important;
            }

            .pha-marquee-wrap {
                width: 100% !important;
                height: 34px !important;
                overflow: hidden !important;
                background: #ffeade !important;
                display: flex !important;
                align-items: center !important;
            }

            .pha-marquee-track {
                display: flex !important;
                align-items: center !important;
                width: max-content !important;
                animation: phaMarqueeSlide 22s linear infinite !important;
                will-change: transform !important;
            }

            .pha-marquee-content {
                display: flex !important;
                align-items: center !important;
                flex-shrink: 0 !important;
                white-space: nowrap !important;
            }

            .pha-marquee-item {
                display: inline-flex !important;
                align-items: center !important;
                gap: 5px !important;
                padding: 0 16px !important;
                color: var(--color-content-heading, #0f131f) !important;
                font-size: 13px !important;
                font-weight: 700 !important;
                line-height: 34px !important;
                white-space: nowrap !important;
                position: relative !important;
            }

            .pha-marquee-item::after {
                content: "" !important;
                display: none !important;
            }

            .pha-marquee-item strong {
                display: inline-flex !important;
                align-items: center !important;
                height: 21px !important;
                padding: 0 8px !important;
                border-radius: 999px !important;
                background: #FDFBB8 !important;
                color: var(--color-content-heading, #0f131f) !important;
                font-size: 10px !important;
                font-weight: 900 !important;
                letter-spacing: 0.35px !important;
                line-height: 21px !important;
                text-transform: uppercase !important;
            }

            @keyframes phaMarqueeSlide {
                from {
                    transform: translateX(0);
                }

                to {
                    transform: translateX(-50%);
                }
            }

            .pha-custom-header.pha-mobile-scrolled .pha-mobile-marquee-row {
                height: 0 !important;
                min-height: 0 !important;
                max-height: 0 !important;
                opacity: 0 !important;
                visibility: hidden !important;
                transform: translateY(-8px) !important;
                border-bottom: 0 !important;
                overflow: hidden !important;
            }

            /* =========================
               SEARCH MOVED INSIDE SIDE MENU
            ========================= */
            .pha-mobile-header > .pha-mobile-search {
                display: none !important;
            }

            .pha-mobile-nav .pha-mobile-search {
                display: block !important;
                visibility: visible !important;
                height: auto !important;
                min-height: 0 !important;
                max-height: none !important;
                padding: 0 0 12px !important;
                margin: 0 0 6px !important;
                background: transparent !important;
                border-bottom: 1px solid var(--color-content-border, #e3e7f0) !important;
                opacity: 1 !important;
                overflow: visible !important;
                pointer-events: auto !important;
                transform: none !important;
                transition: none !important;
            }

            .pha-mobile-nav .pha-mobile-search .pha-search-form {
                height: 38px !important;
                min-height: 38px !important;
                border-radius: 9px !important;
                overflow: hidden !important;
                border: 1px solid var(--color-content-border, #dce2eb) !important;
                background: #fff !important;
            }

            .pha-mobile-nav .pha-mobile-search .pha-search-input {
                height: 38px !important;
                min-height: 38px !important;
                font-size: 14px !important;
                padding-left: 13px !important;
                padding-right: 60px !important;
            }

            .pha-mobile-nav .pha-mobile-search .pha-search-placeholder {
                left: 13px !important;
                font-size: 14px !important;
            }

            .pha-mobile-nav .pha-mobile-search .pha-search-form button[type="submit"] {
                width: 46px !important;
                min-width: 46px !important;
                height: 38px !important;
                min-height: 38px !important;
                border-radius: 0 9px 9px 0 !important;
            }

            .pha-mobile-nav .pha-mobile-search .pha-search-form button[type="submit"] i,
            .pha-mobile-nav .pha-mobile-search .pha-search-form button[type="submit"] svg {
                font-size: 16px !important;
                width: 16px !important;
                height: 16px !important;
            }

            .pha-mobile-search .pha-ajax-search-results {
                left: 0 !important;
                right: 0 !important;
                top: calc(100% + 6px) !important;
                max-height: 420px !important;
                border-radius: 10px !important;
                z-index: 1000004 !important;
            }

            body.pha-mobile-menu-open {
                overflow: hidden !important;
            }

            body .l-main {
                position: relative !important;
                z-index: 1 !important;
                overflow-x: hidden !important;
            }

            .pha-mobile-drawer-overlay {
                position: fixed !important;
                inset: 0 !important;
                background: rgba(15, 19, 31, 0.48) !important;
                opacity: 0 !important;
                visibility: hidden !important;
                pointer-events: none !important;
                z-index: 999998 !important;
            }

            body.pha-mobile-menu-open .pha-mobile-drawer-overlay {
                opacity: 1 !important;
                visibility: visible !important;
                pointer-events: auto !important;
            }
        }

        @media (max-width: 420px) {
            .pha-mobile-main {
                grid-template-columns: 44px minmax(0, 1fr) 56px !important;
                padding-left: 12px !important;
                padding-right: 12px !important;
                gap: 7px !important;
            }

            .pha-mobile-logo img {
                max-height: 32px !important;
            }

            .pha-mobile-icons {
                width: 56px !important;
                min-width: 56px !important;
                gap: 8px !important;
            }

            .pha-mobile-menu-btn {
                transform: translateY(3px) !important;
            }
        }

@media (max-width: 1024px) {
 .pha-mobile-logo { flex-direction:column !important; align-items:flex-start !important; justify-content:center !important; }
 .pha-mobile-logo .yarep-company-name { display:block !important; margin-top:3px; font-size:9px; font-weight:500; line-height:1.2; color:#303030; white-space:normal; overflow-wrap:anywhere; max-width:100%; }
}
