.main-navigation .hp-dropdown-heading,
.main-navigation .hp-dropdown-chevron { display: none !important; }
@media (max-width: 768px) {
    .main-navigation .hp-mobile-dropdown li > a { display: flex; align-items: center; gap: 7px; }
    .main-navigation .hp-mobile-dropdown .hp-dropdown-chevron { display: inline-flex !important; transition: transform .2s ease; }
    .main-navigation .hp-mobile-dropdown .hp-dropdown-open > a > .hp-dropdown-chevron { transform: rotate(180deg); }
    .main-navigation .hp-mobile-dropdown li > ul.sub-menu { display: none !important; }
    .main-navigation .hp-mobile-dropdown li.hp-dropdown-open > ul.sub-menu { display: block !important; }
    .main-navigation .hp-mobile-dropdown > li > ul.sub-menu {
        position: fixed !important; top: var(--hp-dropdown-top, 150px) !important;
        left: 0 !important; right: 0 !important; width: 100%; min-width: 0 !important;
        max-height: calc(100dvh - var(--hp-dropdown-top, 150px) - 65px);
        overflow-y: auto; overscroll-behavior: contain; box-sizing: border-box;
        padding: 12px 20px 20px; z-index: 1001;
        box-shadow: 0 12px 20px rgb(0 0 0 / 8%);
    }
    .main-navigation .hp-mobile-dropdown ul.sub-menu::before { display: none !important; }
    .main-navigation .hp-mobile-dropdown ul.sub-menu > li { min-height: 44px; height: auto; }
    .main-navigation .hp-mobile-dropdown ul.sub-menu > li > a { width: 100%; min-height: 44px; white-space: normal !important; }
    .main-navigation .hp-mobile-dropdown ul.sub-menu > li.hp-dropdown-heading {
        display: flex !important; align-items: center; justify-content: space-between;
        gap: 16px; padding: 0 0 10px; margin: 0 0 6px;
        border-bottom: 1px solid rgb(128 128 128 / 18%); background: transparent;
        font-size: 12px; font-weight: 600;
    }
    .main-navigation .hp-mobile-dropdown .hp-dropdown-close {
        display: inline-flex; align-items: center; justify-content: center; gap: 5px;
        min-height: 40px; padding: 0 12px; border: 1px solid currentColor;
        border-radius: 24px; background: transparent; color: inherit;
        font: inherit; font-size: 12px; cursor: pointer;
    }
    .main-navigation .hp-mobile-dropdown .hp-dropdown-close:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
    .main-navigation .hp-mobile-dropdown ul.sub-menu ul.sub-menu {
        position: static !important; width: 100%; padding-left: 12px; box-sizing: border-box;
    }
    .main-navigation .hp-mobile-dropdown ul.sub-menu li.menu-item-has-children { display: block; }
}