/* CRITICAL FIX: hide mobile drawer/menu by default on all screen sizes */
        .pha-mobile-nav,
        .pha-mobile-drawer-overlay {
            display: none !important;
        }

        @media (min-width: 992px) {
            .pha-mobile-nav,
            .pha-mobile-drawer-overlay {
                display: none !important;
                visibility: hidden !important;
                opacity: 0 !important;
                pointer-events: none !important;
                height: 0 !important;
                max-height: 0 !important;
                overflow: hidden !important;
            }
        }

        @media (max-width: 991px) {

            /* LOCK PAGE SCROLL WHEN MOBILE SIDE MENU IS OPEN */
            html.pha-mobile-menu-lock,
            body.pha-mobile-menu-lock {
                overflow: hidden !important;
                touch-action: none !important;
                overscroll-behavior: none !important;
            }

            body.pha-mobile-menu-lock {
                position: fixed !important;
                left: 0 !important;
                right: 0 !important;
                width: 100% !important;
            }

            .pha-mobile-drawer-overlay {
                display: block !important;
                position: fixed !important;
                inset: 0 !important;
                background: rgba(15, 19, 31, 0.42) !important;
                opacity: 0 !important;
                visibility: hidden !important;
                pointer-events: none !important;
                transition: opacity 0.25s ease, visibility 0.25s ease !important;
                z-index: 2147483000 !important;
                backdrop-filter: none !important;
                -webkit-backdrop-filter: none !important;
                filter: none !important;
                height: auto !important;
                max-height: none !important;
                overflow: visible !important;
            }

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

            .pha-mobile-nav {
                display: block !important;
                position: fixed !important;
                top: 0 !important;
                left: 0 !important;
                width: min(88vw, 345px) !important;
                height: 100vh !important;
                height: 100dvh !important;
                max-height: 100dvh !important;
                padding: 0 !important;
                margin: 0 !important;
                background: var(--color-content-bg, #ffffff) !important;
                color: var(--color-content-text, #424242) !important;
                border-right: 1px solid var(--color-content-border, #e3e7f0) !important;
                box-shadow: 18px 0 45px rgba(15, 19, 31, 0.22) !important;
                transform: translateX(-105%) !important;
                opacity: 1 !important;
                visibility: hidden !important;
                transition: transform 0.32s cubic-bezier(.22,.9,.28,1), visibility 0.25s ease !important;
                z-index: 2147483002 !important;
                overflow-y: auto !important;
                filter: none !important;
                backdrop-filter: none !important;
                -webkit-backdrop-filter: none !important;
                box-sizing: border-box !important;
            }

            body.pha-mobile-menu-open .pha-mobile-nav {
                transform: translateX(0) !important;
                opacity: 1 !important;
                visibility: visible !important;
                z-index: 2147483002 !important;
                filter: none !important;
                backdrop-filter: none !important;
                -webkit-backdrop-filter: none !important;
            }

            .pha-mobile-nav,
            .pha-mobile-nav * {
                box-sizing: border-box !important;
                filter: none !important;
                backdrop-filter: none !important;
                -webkit-backdrop-filter: none !important;
            }

            body.pha-mobile-menu-open .pha-custom-header {
                z-index: 2147482999 !important;
            }

            .pha-light-menu-head {
                padding: 18px 18px 14px !important;
                background:
                    radial-gradient(circle at top left, color-mix(in srgb, var(--color-content-primary, #e14658) 13%, transparent), transparent 45%),
                    linear-gradient(135deg, var(--color-content-bg, #ffffff), var(--color-content-bg-alt, #f2f4f7)) !important;
                border-bottom: 1px solid var(--color-content-border, #e3e7f0) !important;
                position: relative !important;
            }

            .pha-light-menu-top {
                display: flex !important;
                align-items: center !important;
                justify-content: space-between !important;
                gap: 12px !important;
                margin-bottom: 14px !important;
            }

            .pha-light-menu-logo {
                max-height: 42px !important;
                width: auto !important;
                max-width: 210px !important;
                display: block !important;
            }

            .pha-light-menu-close {
                width: 34px !important;
                height: 34px !important;
                border: 1px solid var(--color-content-border, #e3e7f0) !important;
                border-radius: 50% !important;
                background: var(--color-content-bg, #ffffff) !important;
                color: var(--color-content-heading, #0f131f) !important;
                cursor: pointer !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                font-size: 0 !important;
                padding: 0 !important;
                box-shadow: 0 5px 15px rgba(0,0,0,0.06) !important;
            }

            .pha-light-menu-close::before {
                content: "×" !important;
                font-size: 25px !important;
                line-height: 1 !important;
                transform: translateY(-1px) !important;
            }

            .pha-light-menu-title {
                font-size: 18px !important;
                font-weight: 900 !important;
                color: var(--color-content-heading, #0f131f) !important;
                margin-bottom: 4px !important;
            }

            .pha-light-menu-subtitle {
                font-size: 12px !important;
                line-height: 1.45 !important;
                color: var(--color-content-faded, #727f9f) !important;
            }

            .pha-light-menu-body {
                padding: 14px !important;
                background: var(--color-content-bg, #ffffff) !important;
            }

            .pha-light-menu-search {
                display: flex !important;
                align-items: center !important;
                gap: 10px !important;
                min-height: 44px !important;
                padding: 0 14px !important;
                margin-bottom: 14px !important;
                border: 1px solid var(--color-content-border, #e3e7f0) !important;
                border-radius: 13px !important;
                background: var(--color-content-bg-alt, #f2f4f7) !important;
                color: var(--color-content-faded, #727f9f) !important;
                text-decoration: none !important;
                font-weight: 700 !important;
                font-size: 13px !important;
            }

            .pha-light-menu-search i {
                color: var(--color-content-primary, #e14658) !important;
            }

            .pha-light-menu-block {
                margin-bottom: 14px !important;
                border: 1px solid var(--color-content-border, #e3e7f0) !important;
                border-radius: 16px !important;
                background: var(--color-content-bg, #ffffff) !important;
                overflow: hidden !important;
                box-shadow: 0 7px 22px rgba(15,19,31,0.04) !important;
            }

            .pha-light-menu-block-title {
                padding: 12px 14px !important;
                background: var(--color-content-bg-alt, #f2f4f7) !important;
                color: var(--color-content-heading, #0f131f) !important;
                font-size: 12px !important;
                font-weight: 900 !important;
                text-transform: uppercase !important;
                letter-spacing: 0.7px !important;
                border-bottom: 1px solid var(--color-content-border, #e3e7f0) !important;
            }

            .pha-light-cat-grid {
                display: grid !important;
                grid-template-columns: 1fr 1fr !important;
                gap: 10px !important;
                padding: 12px !important;
            }

            .pha-light-cat-card {
                min-height: 76px !important;
                padding: 12px !important;
                border-radius: 13px !important;
                background:
                    linear-gradient(135deg, var(--color-content-bg-alt, #f2f4f7), var(--color-content-bg, #ffffff)) !important;
                border: 1px solid var(--color-content-border, #e3e7f0) !important;
                text-decoration: none !important;
                color: var(--color-content-heading, #0f131f) !important;
                display: flex !important;
                flex-direction: column !important;
                justify-content: center !important;
                gap: 7px !important;
                transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease !important;
            }

            .pha-light-cat-card:hover {
                transform: translateY(-2px) !important;
                border-color: color-mix(in srgb, var(--color-content-primary, #e14658) 45%, var(--color-content-border, #e3e7f0)) !important;
                box-shadow: 0 9px 20px rgba(15,19,31,0.08) !important;
            }

            .pha-light-cat-icon {
                width: 30px !important;
                height: 30px !important;
                border-radius: 10px !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                background: color-mix(in srgb, var(--color-content-primary, #e14658) 12%, var(--color-content-bg, #ffffff)) !important;
                color: var(--color-content-primary, #e14658) !important;
                font-size: 14px !important;
            }

            .pha-light-cat-card strong {
                color: var(--color-content-heading, #0f131f) !important;
                font-size: 13px !important;
                line-height: 1.25 !important;
                font-weight: 800 !important;
            }

            .pha-light-menu-list {
                padding: 6px 0 !important;
            }

            .pha-light-menu-list a {
                min-height: 45px !important;
                display: flex !important;
                align-items: center !important;
                gap: 11px !important;
                padding: 0 14px !important;
                text-decoration: none !important;
                color: var(--color-content-heading, #0f131f) !important;
                background: var(--color-content-bg, #ffffff) !important;
                border-bottom: 1px solid var(--color-content-border, #e3e7f0) !important;
                font-size: 14px !important;
                font-weight: 700 !important;
                transition: background 0.2s ease, color 0.2s ease, padding-left 0.2s ease !important;
            }

            .pha-light-menu-list a:last-child {
                border-bottom: 0 !important;
            }

            .pha-light-menu-list a:hover {
                background: var(--color-content-bg-alt, #f2f4f7) !important;
                color: var(--color-content-primary, #e14658) !important;
                padding-left: 18px !important;
            }

            .pha-light-menu-list i {
                width: 20px !important;
                color: var(--color-content-primary, #e14658) !important;
                text-align: center !important;
                font-size: 14px !important;
            }

            .pha-light-actions {
                display: grid !important;
                grid-template-columns: 1fr 1fr !important;
                gap: 10px !important;
                padding: 12px !important;
            }

            .pha-light-action-btn {
                min-height: 42px !important;
                border-radius: 12px !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                gap: 8px !important;
                text-decoration: none !important;
                font-size: 13px !important;
                font-weight: 900 !important;
                transition: transform 0.2s ease, opacity 0.2s ease !important;
            }

            .pha-light-action-btn:hover {
                transform: translateY(-1px) !important;
                opacity: 0.95 !important;
            }

            .pha-light-action-btn.primary {
                background: var(--color-content-primary, #e14658) !important;
                color: #ffffff !important;
            }

            .pha-light-action-btn.soft {
                background: var(--color-content-bg-alt, #f2f4f7) !important;
                color: var(--color-content-heading, #0f131f) !important;
                border: 1px solid var(--color-content-border, #e3e7f0) !important;
            }

            .pha-light-menu-note {
                margin: 4px 4px 16px !important;
                padding: 12px !important;
                border-radius: 14px !important;
                background: color-mix(in srgb, var(--color-content-primary, #e14658) 8%, var(--color-content-bg, #ffffff)) !important;
                color: var(--color-content-text, #424242) !important;
                font-size: 12px !important;
                line-height: 1.5 !important;
                text-align: center !important;
            }
        }

        @media (max-width: 420px) {
            .pha-light-cat-grid {
                grid-template-columns: 1fr 1fr !important;
                gap: 8px !important;
            }

            .pha-light-cat-card {
                min-height: 72px !important;
                padding: 10px !important;
            }

            .pha-light-cat-card strong {
                font-size: 12.5px !important;
            }
        }

.yarep-menu-brand { min-width:0; }
.yarep-menu-brand .yarep-company-name { display:block; margin-top:4px; color:#303030; font-size:10px; font-weight:500; line-height:1.3; overflow-wrap:anywhere; }