/* Desktop dropdowns and the UIkit mobile drop share the CMS navigation. */
.header-desktop-nav .header-nav > .header-dropdown > a { display: flex; align-items: center; gap: .5rem; }
.header-desktop-nav .header-dropdown > a > img { transition: transform .24s ease; }
.header-desktop-nav .header-dropdown.is-open > a > .header-chevron { transform: rotate(180deg); }
.header-desktop-nav .header-dropdown > .header-submenu { display: block; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(.625rem); transition: opacity .24s ease, transform .24s ease, visibility .24s; }
.header-desktop-nav .header-dropdown.is-open > .header-submenu { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); }
.header-desktop-nav .header-submenu::before { content: ""; position: absolute; left: 0; right: 0; top: -1.875rem; height: 1.875rem; }
.header-desktop-nav .header-submenu .header-submenu { transform: translateX(.625rem); }
.header-desktop-nav .header-submenu .header-submenu::before { display: none; }
.header-desktop-nav .header-submenu a { align-items: center; justify-content: space-between; gap: .625rem; }
.header-desktop-nav .header-submenu a.active { color: var(--color-primary); background: rgb(142 191 255 / 30%); }
.header-mobile-panel { display: none; }
@keyframes header-menu-in { from { opacity: 0; transform: translateY(-.625rem); } to { opacity: 1; transform: translateY(0); } }
@keyframes header-level-in { from { opacity: 0; transform: translateX(var(--menu-direction, 1rem)); } to { opacity: 1; transform: translateX(0); } }
.header-menu-in { animation: header-menu-in .24s ease both; }
.uk-animation-leave.header-menu-in { animation-direction: reverse; }
@media (max-width: 992px) {
    .header-desktop-nav { display: none; }
    .header-mobile-panel.uk-drop { position: absolute; z-index: 20; width: calc(100% - 2.5rem); max-width: none; padding: 0 0 1.25rem; border-radius: .625rem; background: #fff; color: #000; box-shadow: 0 .75rem 1.5rem rgb(5 24 68 / 12%); max-height: calc(100dvh - 5rem); overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; }
    .header-mobile-panel.uk-open { display: block; }
    .header-mobile-level[hidden] { display: none; }
    .header-mobile-level.is-current { animation: header-level-in .22s ease both; }
    .header-mobile-level ul { list-style: none; margin: 0; padding: 0; }
    .header-mobile-level a, .header-mobile-level button { display: flex; align-items: center; justify-content: space-between; gap: .625rem; width: 100%; padding: 1.25rem; border: 0; text-align: left; background: transparent; color: #000; font: 400 .875rem/1.2 "Inter", sans-serif; letter-spacing: -.009625rem; cursor: pointer; }
    .header-mobile-level a.active, .header-mobile-level a:hover, .header-mobile-level button:hover { color: var(--color-primary); background: rgb(142 191 255 / 30%); }
    .header-mobile-level button img { width: 1.5rem; height: 1.5rem; flex-shrink: 0; transform: rotate(-90deg); }
    .header-mobile-level .header-mobile-back { justify-content: flex-start; border-bottom: .03125rem solid #919497; font-weight: 700; }
    .header-mobile-back img { transform: rotate(90deg) !important; }
    .header-mobile-details { padding: 0 1.25rem; }
    .header-mobile-details .header-address { gap: .625rem; padding: 1.25rem 0 2.375rem; color: #000; }
    .header-mobile-details .header-address-text { width: auto; font-size: .75rem; line-height: 1.1; letter-spacing: -.00825rem; }
    .header-mobile-phone { width: 100%; }
    .header-mobile-panel a:focus-visible, .header-mobile-panel button:focus-visible { outline: .125rem solid var(--color-primary); outline-offset: -.125rem; }
}
@media (min-width: 993px) {
    .header-mobile-panel { display: none !important; }
    .header-language[open] > .header-submenu { animation: header-menu-in .24s ease both; }
}
@media (prefers-reduced-motion: reduce) {
    .header-desktop-nav .header-dropdown > .header-submenu, .header-desktop-nav .header-dropdown > a > img { transition: none; }
    .header-menu-in, .header-mobile-level.is-current, .header-language[open] > .header-submenu { animation-duration: .01ms; }
}
