/* Mohaji responsive menu v7 — desktop mega menu and mobile drill-down. */
#navigation > .mh-mobile-view {
display: none;
}

#navigation .navigation-in > ul.menu-level-1 > li.ext > ul.menu-level-2 > li:is(.mh-menu-footer, .mh-menu-promo) {
display: none !important;
}

@media (min-width: 768px) {
#navigation .navigation-in > ul.menu-level-1 > li.ext > ul.menu-level-2 {
--mh-panel-padding: clamp(22px, 2.5vw, 42px);
--mh-column-gap: clamp(24px, 2.4vw, 42px);
--mh-icon-size: clamp(108px, 8.5vw, 136px);
--mh-heading-size: clamp(20px, 1.55vw, 27px);
--mh-link-size: clamp(17px, 1.2vw, 20px);
--mh-description-size: clamp(16px, 1.1vw, 19px);
--mh-promo-overlay-inline: clamp(34px, 4.5vw, 52px);
--mh-promo-overlay-bottom: clamp(22px, 2.2vw, 30px);
--mh-text: #211e1b;
--mh-muted: #77736f;
--mh-rule: #e7e3de;
--mh-accent: #ef7d19;
box-sizing: border-box;
position: absolute;
top: 100%;
left: 50% !important;
right: auto !important;
width: 80vw !important;
min-width: 0 !important;
max-width: 1370px !important;
min-height: clamp(390px, 35vw, 570px);
transform: translateX(-50%);
margin: 0 !important;
padding: 0 0 0 var(--mh-panel-padding) !important;
background: #fff !important;
border: 1px solid #ece9e5 !important;
border-radius: 0 0 5px 5px !important;
box-shadow: 0 8px 22px rgb(48 39 30 / 9%) !important;
align-items: stretch;
gap: 0 var(--mh-column-gap);
overflow: hidden;
z-index: 1001;
}

.submenu-visible #navigation .navigation-in > ul.menu-level-1 > li.ext.exp > ul.menu-level-2 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr) auto;
}

.submenu-visible #navigation .navigation-in > ul.menu-level-1 > li.ext.exp > ul.menu-level-2.mh-has-promo {
    grid-template-columns: minmax(0, 25fr) minmax(0, 29fr) minmax(0, 46fr);
}

#navigation .navigation-in > ul.menu-level-1 > li.ext > ul.menu-level-2::after {
    content: none !important;
}

#navigation .navigation-in > ul.menu-level-1 > li.ext > ul.menu-level-2 > li {
    box-sizing: border-box;
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    width: auto !important;
    min-width: 0;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 20px 0 12px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    text-align: left;
}

#navigation .navigation-in > ul.menu-level-1 > li.ext > ul.menu-level-2 > li:nth-child(2) {
    position: relative;
    padding-left: 0 !important;
    border-left: 0 !important;
}

#navigation .navigation-in > ul.menu-level-1 > li.ext > ul.menu-level-2 > li:nth-child(2)::before {
    content: "";
    position: absolute;
    top: 20px;
    bottom: 12px;
    left: calc(var(--mh-column-gap) / -2);
    border-left: 1px solid var(--mh-rule);
    pointer-events: none;
}

#navigation .navigation-in > ul.menu-level-1 > li.ext > ul.menu-level-2 > li > a.menu-image {
    display: flex !important;
    flex: none !important;
    align-items: center;
    justify-content: flex-start;
    width: 100% !important;
    height: var(--mh-icon-size) !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    background: transparent !important;
}

#navigation .navigation-in > ul.menu-level-1 > li.ext > ul.menu-level-2 > li > a.menu-image img {
    display: block;
    width: var(--mh-icon-size) !important;
    height: var(--mh-icon-size) !important;
    max-width: var(--mh-icon-size) !important;
    max-height: var(--mh-icon-size) !important;
    object-fit: contain;
    object-position: left center;
}

#navigation .navigation-in > ul.menu-level-1 > li.ext > ul.menu-level-2 > li > div {
    display: flex !important;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: flex-start;
    width: 100% !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
}

#navigation .navigation-in > ul.menu-level-1 > li.ext > ul.menu-level-2 a {
    box-sizing: border-box;
    max-width: 100%;
    color: var(--mh-text) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
}

#navigation .navigation-in > ul.menu-level-1 > li.ext > ul.menu-level-2 > li:not(.mh-menu-footer, .mh-menu-promo) > div > a:not(.mh-empty-cta),
#navigation .navigation-in > ul.menu-level-1 > li.ext > ul.menu-level-2 > li:not(.mh-menu-footer, .mh-menu-promo) > a:not(.menu-image) {
    display: block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: var(--mh-heading-size) !important;
    font-weight: 550 !important;
    line-height: 1.22 !important;
}

#navigation .navigation-in > ul.menu-level-1 > li.ext > ul.menu-level-2 > li > div > ul.menu-level-3 {
    display: flex !important;
    flex-direction: column;
    width: 100%;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

#navigation .navigation-in > ul.menu-level-1 > li.ext > ul.menu-level-2 > li > div > ul.menu-level-3 > li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--mh-rule) !important;
}

#navigation .navigation-in > ul.menu-level-1 > li.ext > ul.menu-level-2 > li > div > ul.menu-level-3 > li:last-child {
    border-bottom: 0 !important;
}

#navigation .navigation-in > ul.menu-level-1 > li.ext > ul.menu-level-2 > li > div > ul.menu-level-3 > li > a {
    position: relative;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 12px 34px 12px 0 !important;
    font-size: var(--mh-link-size) !important;
    font-weight: 450 !important;
    line-height: 1.25 !important;
    text-decoration: none !important;
}

#navigation .navigation-in > ul.menu-level-1 > li.ext > ul.menu-level-2 > li > div > ul.menu-level-3 > li > a::after {
    content: "›";
    position: absolute;
    top: 50%;
    right: 3px;
    translate: 0 -50%;
    font-size: 30px;
    font-weight: 300;
    line-height: 1;
    color: #171513;
}

#navigation .mh-item-meta,
#navigation .mh-item-description {
    display: block;
    margin-top: 3px;
    color: var(--mh-muted);
    font-size: var(--mh-description-size);
    font-weight: 400;
    line-height: 1.3;
}

#navigation .mh-item-meta {
    color: #817d78;
}

#navigation .mh-item-meta + .mh-item-description {
    margin-top: 5px;
}

#navigation .navigation-in > ul.menu-level-1 > li.ext > ul.menu-level-2 .more-items-trigger {
    display: none !important;
}

#navigation .mh-category-description {
    max-width: 30ch;
    margin: 0;
    padding: 12px 0;
    color: var(--mh-muted);
    font-size: var(--mh-description-size);
    font-weight: 400;
    line-height: 1.42;
}

#navigation .mh-category-description + .mh-category-description {
    margin-top: 0;
}

#navigation .mh-menu-all,
#navigation .mh-empty-cta,
#navigation .mh-promo-cta {
    display: inline-flex !important;
    align-items: center;
    align-self: flex-start;
    width: auto !important;
    max-width: 100%;
    margin: 0 !important;
    padding: 0 0 6px !important;
    color: var(--mh-text) !important;
    font-family: inherit;
    font-size: var(--mh-link-size) !important;
    font-weight: 450 !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
    border-bottom: 2px solid var(--mh-accent) !important;
}

#navigation .navigation-in > ul.menu-level-1 > li.ext > ul.menu-level-2 a:is(.mh-menu-all, .mh-empty-cta, .mh-promo-cta) {
    border-bottom: 2px solid var(--mh-accent) !important;
}

#navigation .mh-empty-cta {
    margin-top: 4px !important;
    font-weight: 400 !important;
}

#navigation .mh-menu-arrow {
    display: inline-block;
    margin-left: 14px;
    font-size: 1.25em;
    line-height: 1;
    white-space: nowrap;
    transition: translate 160ms ease;
}

#navigation :is(.mh-menu-all, .mh-empty-cta, .mh-promo-cta):is(:hover, :focus-visible) .mh-menu-arrow {
    translate: 4px 0;
}

#navigation .navigation-in > ul.menu-level-1 > li.ext > ul.menu-level-2 > li.mh-menu-footer {
    display: flex !important;
    grid-column: 1;
    grid-row: 2;
    align-self: end;
    padding: 6px 0 10px !important;
}

#navigation .navigation-in > ul.menu-level-1 > li.ext > ul.menu-level-2 > li.mh-promo-source {
    display: none !important;
}

#navigation .navigation-in > ul.menu-level-1 > li.ext > ul.menu-level-2 > li.mh-menu-promo {
    position: relative;
    display: flex !important;
    grid-column: 3;
    grid-row: 1 / 3;
    align-self: stretch;
    align-items: stretch;
    justify-content: center;
    gap: 0;
    margin: 0 !important;
    padding: 0 !important;
    background: #fbf6ef !important;
    border-left: 1px solid var(--mh-rule) !important;
    overflow: hidden;
    isolation: isolate;
}

#navigation .navigation-in > ul.menu-level-1 > li.ext > ul.menu-level-2 > li.mh-menu-promo > .mh-promo-copy,
#navigation .navigation-in > ul.menu-level-1 > li.ext > ul.menu-level-2 > li.mh-menu-promo > .mh-promo-action {
    position: absolute;
    right: -1px;
    left: -1px;
    z-index: 4 !important;
    box-sizing: border-box;
    display: block !important;
    width: auto !important;
    margin: 0 !important;
    pointer-events: none;
}

#navigation .navigation-in
> ul.menu-level-1
> li.ext
> ul.menu-level-2
> li.mh-menu-promo
> .mh-promo-copy {
    top: 0;

    background: linear-gradient(
        180deg,
        rgb(251 246 239 / 100%) 0%,
        rgb(251 246 239 / 100%) 72%,
        rgb(251 246 239 / 96%) 79%,
        rgb(251 246 239 / 88%) 87%,
        rgb(251 246 239 / 72%) 90%,
        rgb(251 246 239 / 50%) 93%,
        rgb(251 246 239 / 28%) 96%,
        rgb(251 246 239 / 12%) 98%,
        rgb(251 246 239 / 0%) 100%
    ) !important;

    padding:
        clamp(24px, 1.3vw, 136px)
        var(--mh-promo-overlay-inline)
        var(--mh-promo-overlay-bottom)
        clamp(22px, 2.2vw, 30px)
        !important;
}
#navigation .navigation-in
> ul.menu-level-1
> li.ext
> ul.menu-level-2
> li.mh-menu-promo
> .mh-promo-action {
    bottom: 0;

    padding:
        clamp(24px, 1.3vw, 136px)
        var(--mh-promo-overlay-inline)
        10px
        !important;

    background: linear-gradient(
        0deg,
        #fbf6ef 0%,
        rgb(251 246 239 / 100%) 77%,
        rgb(251 246 239 / 72%) 85%,
        rgb(251 246 239 / 50%) 90%,
        rgb(251 246 239 / 0%) 100%
    ) !important;
}

#navigation .mh-promo-copy > *,
#navigation .mh-promo-action > * {
    pointer-events: auto;
}

#navigation .mh-promo-title {
    display: block !important;
    width: auto !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
    font-size: var(--mh-heading-size) !important;
    font-weight: 550 !important;
    line-height: 1.22 !important;
    text-decoration: none !important;
}

#navigation .mh-promo-description {
    margin: 0;
    color: var(--mh-muted);
    font-size: var(--mh-link-size);
    line-height: 1.35;
}

#navigation .mh-promo-image-link {
    position: absolute !important;
    inset: 0;
    z-index: 1;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0;
    min-height: 0;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    overflow: hidden;
    text-decoration: none !important;
}

#navigation .mh-promo-image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100%;
    min-height: 100%;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover;
    object-position: center;
}

#navigation .mh-promo-cta {
    position: relative;
    z-index: 5 !important;
    margin: 0 !important;
}

#navigation a:is(.mh-promo-title, .mh-promo-image-link):focus-visible,
#navigation a:is(.mh-menu-all, .mh-empty-cta, .mh-promo-cta):focus-visible {
    outline: 2px solid var(--mh-accent);
    outline-offset: 4px;
}

#navigation .navigation-in > ul.menu-level-1 > li.ext > ul.menu-level-2 > li.mh-menu-footer::before,
#navigation .navigation-in > ul.menu-level-1 > li.ext > ul.menu-level-2 > li.mh-menu-footer::after,
#navigation .mh-promo-image-link::before,
#navigation .mh-promo-image-link::after {
    content: none !important;
    display: none !important;
}

#header .header-bottom > .header-bottom-wrapper.container {
    box-sizing: border-box;
    position: relative;
    margin-right: auto !important;
    margin-left: auto !important;
}

#header .header-bottom .header-bottom-wrapper > #navigation {
    position: relative;
    width: 100% !important;
}

}

@media (min-width: 768px) and (max-width: 1023px) {
#navigation .navigation-in > ul.menu-level-1 > li.ext > ul.menu-level-2 {
--mh-panel-padding: 18px;
--mh-column-gap: 18px;
--mh-icon-size: 108px;
--mh-heading-size: 20px;
--mh-link-size: 16px;
--mh-description-size: 16px;
min-height: 390px;
}

.submenu-visible #navigation .navigation-in > ul.menu-level-1 > li.ext.exp > ul.menu-level-2.mh-has-promo {
    grid-template-columns: minmax(0, 26fr) minmax(0, 28fr) minmax(0, 46fr);
}

#navigation .mh-promo-title,
#navigation .mh-promo-description,
#navigation .mh-promo-cta {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

}

@media (min-width: 768px) and (max-width: 991px) {
#navigation .navigation-in > ul.menu-level-1 > li.ext > ul.menu-level-2 {
width: 90vw !important;
}
}

@media (min-width: 1440px) {
#navigation .navigation-in > ul.menu-level-1 > li.ext > ul.menu-level-2 {
--mh-panel-padding: 48px;
--mh-column-gap: 46px;
min-height: 520px;
padding: 0 0 0 var(--mh-panel-padding) !important;
}

#navigation .navigation-in > ul.menu-level-1 > li.ext > ul.menu-level-2 > li {
    padding-top: 24px !important;
}

}

/*
 * Produkční stav: JS přidává tuto třídu vždy. Samostatná položka
 * Signature/limitky zůstává skrytá; promo se řídí ?signature=true.
 */
html.mh-signature-category-hidden
#navigation .navigation-in

ul.menu-level-1
li.menu-item-1060.ext
ul.menu-level-2
li.menu-item-1081 {
display: none !important;
}

/*

Mobile is a separate, pre-rendered view. Every selector stays below

768 px, so the tuned desktop tree and its layout remain untouched.
*/
@media (max-width: 767px) {
body.navigation-window-visible {
overflow: hidden;
}

body.navigation-window-visible #header,
body.navigation-window-visible #header :is(.header-top, .header-top-wrapper) {
background: #fff;
}

body.navigation-window-visible #header .site-name {
max-width: calc(100% - 162px) !important;
}

body.navigation-window-visible #header .site-name img {
width: 64px;
max-height: 54px;
object-fit: contain;
}

body.navigation-window-visible #header .navigation-buttons

.top-nav-button-login {
display: none !important;
}

#navigation {
--mh-mobile-text: #171513;
--mh-mobile-muted: #77716c;
--mh-mobile-rule: #e9e5e1;
--mh-mobile-accent: #ef7d19;
--mh-mobile-warm: #fff8f1;
}

#navigation.mh-mobile-ready {
box-sizing: border-box;
top: 60px;
height: calc(100dvh - 60px);
padding: 0 !important;
background: #fff;
}

#navigation.mh-mobile-ready > .navigation-close {
display: none !important;
}

#navigation > .navigation-in {
display: none !important;
}

#navigation > .mh-mobile-view {
box-sizing: border-box;
display: block;
position: relative;
width: 100%;
height: 100%;
min-height: 420px;
background: #fff;
color: var(--mh-mobile-text);
overflow: hidden;
overscroll-behavior: contain;
}

#navigation .mh-mobile-main,
#navigation .mh-mobile-panel {
box-sizing: border-box;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
scrollbar-gutter: stable;
-webkit-overflow-scrolling: touch;
transition: transform 260ms cubic-bezier(.22, .7, .25, 1);
}

#navigation .mh-mobile-main {
position: relative;
z-index: 1;
background: #fff;
transform: translateX(0);
}

#navigation .mh-mobile-detail-open .mh-mobile-main {
transform: translateX(-100%);
}

#navigation .mh-mobile-panels {
position: absolute;
inset: 0;
z-index: 2;
pointer-events: none;
}

#navigation .mh-mobile-panel {
position: absolute;
inset: 0;
background: #fff;
transform: translateX(100%);
visibility: hidden;
}

#navigation .mh-mobile-panel.is-active {
transform: translateX(0);
visibility: visible;
pointer-events: auto;
}

#navigation .mh-mobile-menu-label {
box-sizing: border-box;
min-height: 50px;
padding: 16px 22px 12px;
color: var(--mh-mobile-muted);
font-size: 15px;
line-height: 1.35;
border-bottom: 1px solid var(--mh-mobile-rule);
}

#navigation .mh-mobile-categories {
display: block;
background: #fff;
}

#navigation .mh-mobile-category {
box-sizing: border-box;
display: grid;
grid-template-columns: 96px minmax(0, 1fr) 18px;
align-items: center;
width: 100%;
min-height: 100px;
margin: 0;
padding: 10px 22px;
appearance: none;
background: #fff;
color: var(--mh-mobile-text);
border: 0;
border-bottom: 1px solid var(--mh-mobile-rule);
border-radius: 0;
box-shadow: none;
font: inherit;
font-size: 21px;
font-weight: 600;
line-height: 1.2;
text-align: left;
text-decoration: none;
cursor: pointer;
}

#navigation .mh-mobile-category::after,
#navigation .mh-mobile-row::after,
#navigation .mh-mobile-actions > li > a::after {
content: "›";
justify-self: end;
color: var(--mh-mobile-text);
font-size: 29px;
font-weight: 300;
line-height: 1;
}

#navigation .mh-mobile-category-link {
grid-template-columns: minmax(0, 1fr) 18px;
min-height: 78px;
font-size: 20px;
}

#navigation .mh-mobile-category-icon {
display: block;
width: 96px;
height: 84px;
max-width: 96px;
max-height: 84px;
margin: 0;
object-fit: contain;
object-position: left center;
}

#navigation .mh-mobile-main-promo,
#navigation .mh-mobile-detail-promo {
box-sizing: border-box;
display: grid;
position: relative;
margin: 0;
background: var(--mh-mobile-warm);
overflow: hidden;
}

#navigation .mh-mobile-promo-title,
#navigation .mh-mobile-promo-cta {
position: relative;
z-index: 2;
color: var(--mh-mobile-text);
text-decoration: none;
}

#navigation .mh-mobile-promo-title {
align-self: end;
font-size: 21px;
font-weight: 600;
line-height: 1.2;
}

#navigation .mh-mobile-promo-title::after {
content: "";
display: block;
width: 46px;
height: 2px;
margin-top: 14px;
background: var(--mh-mobile-accent);
}

#navigation .mh-mobile-promo-image-link {
display: block;
min-width: 0;
}

#navigation .mh-mobile-main-promo .mh-mobile-promo-image-link {
min-width: 0;
min-height: 0;
}

#navigation .mh-mobile-promo-image {
display: block;
width: 100%;
height: 100%;
max-width: none;
max-height: none;
margin: 0;
object-fit: contain;
object-position: center bottom;
}

#navigation .mh-mobile-promo-cta {
display: inline-flex;
align-items: center;
align-self: end;
justify-self: start;
gap: 10px;
margin: 22px 0 0;
padding: 0 0 5px;
border-bottom: 1px solid var(--mh-mobile-accent);
font-size: 15px;
line-height: 1.35;
}

#navigation .mh-mobile-menu-label + .mh-mobile-categories,
#navigation .mh-mobile-main-promo,
#navigation .mh-mobile-actions {
border-bottom: 1px solid var(--mh-mobile-rule);
}

#navigation .mh-mobile-actions {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
background: #fff;
list-style: none !important;
}

#navigation .mh-mobile-actions > li {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-bottom: 1px solid var(--mh-mobile-rule) !important;
}

#navigation .mh-mobile-actions > li > a {
box-sizing: border-box;
display: flex !important;
position: relative;
align-items: center;
width: 100% !important;
min-height: 80px;
margin: 0 !important;
padding: 16px 54px 16px 22px !important;
color: var(--mh-mobile-text) !important;
background: #fff !important;
font-size: 17px !important;
line-height: 1.3 !important;
text-align: left !important;
text-decoration: none !important;
}

#navigation .mh-mobile-actions > li > a::after {
position: absolute;
top: 50%;
right: 24px;
transform: translateY(-53%);
}

#navigation .mh-mobile-actions > li.ext > a

.submenu-arrow {
display: none !important;
}

#navigation .mh-mobile-actions > li.ext > a {
gap: 13px;
}

#navigation .mh-mobile-actions > li.ext > a

.navigationActions__flag {
flex: none;
width: 30px !important;
height: 20px !important;
margin: 0 !important;
}

#navigation .mh-mobile-login-action > a {
gap: 17px;
padding-left: 22px;
}

#navigation .mh-mobile-account-icon {
display: block;
flex: 0 0 auto;
width: 32px;
height: 36px;
overflow: visible;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}

#navigation .mh-mobile-actions > li > ul {
display: none !important;
position: static !important;
width: 100% !important;
margin: 0 !important;
padding: 0 22px 12px !important;
background: #fff !important;
border: 0 !important;
box-shadow: none !important;
}

#navigation .mh-mobile-actions > li.exp > ul {
display: block !important;
}

#navigation .mh-mobile-actions > li.exp > a::after {
transform: translateY(-53%) rotate(90deg);
}

#navigation .mh-mobile-panel-header {
box-sizing: border-box;
display: grid;
grid-template-columns: minmax(0, 1fr) 190px;
grid-template-rows: auto auto;
align-items: end;
min-height: 240px;
padding: 22px 22px 18px;
background: #fff;
}

#navigation .mh-mobile-back {
grid-column: 1 / -1;
justify-self: start;
margin: 0 0 25px;
padding: 0;
appearance: none;
background: transparent;
color: var(--mh-mobile-text);
border: 0;
box-shadow: none;
font: inherit;
font-size: 16px;
font-weight: 400;
line-height: 1.35;
cursor: pointer;
}

#navigation .mh-mobile-back::before {
content: "←";
margin-right: 10px;
font-size: 22px;
line-height: 1;
vertical-align: -1px;
}

#navigation .mh-mobile-panel-header h2 {
position: relative;
align-self: center;
margin: 0;
padding: 0 0 22px;
color: var(--mh-mobile-text);
font-size: 36px;
font-weight: 600;
line-height: 1.08;
text-align: left;
}

#navigation .mh-mobile-panel-header h2::after {
content: "";
position: absolute;
bottom: 4px;
left: 0;
width: 48px;
height: 2px;
background: var(--mh-mobile-accent);
}

#navigation .mh-mobile-panel-header .mh-mobile-category-icon {
justify-self: end;
width: 181px;
height: 152px;
max-width: 181px;
max-height: 152px;
object-position: right bottom;
}

#navigation .mh-mobile-all {
display: inline-flex;
align-items: center;
gap: 10px;
width: auto;
margin: 0 22px 26px;
padding: 0 0 5px;
color: var(--mh-mobile-text);
border-bottom: 1px solid var(--mh-mobile-accent);
font-size: 17px;
line-height: 1.35;
text-decoration: none;
}

#navigation .mh-mobile-group {
margin: 0;
padding: 0;
border-bottom: 1px solid var(--mh-mobile-rule);
}

#navigation .mh-mobile-group h3 {
margin: 0;
padding: 16px 22px 6px;
color: var(--mh-mobile-text);
font-size: 20px;
font-weight: 600;
line-height: 1.25;
text-align: left;
}

#navigation .mh-mobile-row {
box-sizing: border-box;
display: grid;
grid-template-columns: minmax(0, 1fr) 18px;
align-items: center;
width: 100%;
min-height: 54px;
margin: 0;
padding: 12px 22px;
color: var(--mh-mobile-text);
background: #fff;
border: 0;
border-top: 1px solid var(--mh-mobile-rule);
font-size: 17px;
font-weight: 400;
line-height: 1.25;
text-align: left;
text-decoration: none;
}

#navigation .mh-mobile-group h3 + .mh-mobile-row {
border-top: 0;
}

#navigation .mh-mobile-row-category {
min-height: 64px;
font-weight: 600;
}

#navigation .mh-mobile-leaf {
box-sizing: border-box;
display: block;
padding: 27px 22px 30px;
border-top: 1px solid var(--mh-mobile-rule);
background: #fff;
}

#navigation .mh-mobile-group + .mh-mobile-leaf,
#navigation .mh-mobile-leaf + .mh-mobile-leaf {
border-top: 0;
}

#navigation .mh-mobile-leaf-title {
display: inline-block;
color: var(--mh-mobile-text);
font-size: 20px;
font-weight: 600;
line-height: 1.25;
text-decoration: none;
}

#navigation .mh-mobile-leaf p {
max-width: 34em;
margin: 12px 0 0;
color: var(--mh-mobile-text);
font-size: 15px;
line-height: 1.4;
}

#navigation .mh-mobile-leaf p + p {
margin-top: 7px;
}

#navigation .mh-mobile-leaf-cta {
display: inline-flex;
align-items: center;
gap: 10px;
margin-top: 20px;
padding-bottom: 5px;
border-bottom: 1px solid var(--mh-mobile-accent);
color: var(--mh-mobile-text);
font-size: 15px;
line-height: 1.3;
text-decoration: none;
}

#navigation .mh-mobile-detail-promo .mh-mobile-promo-image-link {
min-width: 0;
min-height: 0;
}

#navigation .mh-mobile-main-promo,
#navigation .mh-mobile-detail-promo {
grid-template-columns: minmax(0, 1fr);
grid-template-rows: auto auto auto;
height: auto;
min-height: 0;
column-gap: 0;
padding: 0 18px 22px;
}

#navigation .mh-mobile-main-promo .mh-mobile-promo-image-link,
#navigation .mh-mobile-detail-promo .mh-mobile-promo-image-link {
grid-column: 1;
grid-row: 1;
aspect-ratio: 2 / 1;
margin: 0 -18px;
}

#navigation .mh-mobile-main-promo .mh-mobile-promo-title,
#navigation .mh-mobile-detail-promo .mh-mobile-promo-title {
grid-column: 1;
grid-row: 2;
align-self: start;
margin-top: 20px;
padding-right: 0;
font-size: 20px;
}

#navigation .mh-mobile-main-promo .mh-mobile-promo-cta,
#navigation .mh-mobile-detail-promo .mh-mobile-promo-cta {
grid-column: 1;
grid-row: 3;
align-self: start;
margin: 17px 0 0;
font-size: 14px;
}

#navigation .mh-mobile-promo-image {
object-fit: cover;
object-position: center;
}

#navigation :is(
.mh-mobile-category,
.mh-mobile-back,
.mh-mobile-all,
.mh-mobile-row,
.mh-mobile-leaf-title,
.mh-mobile-leaf-cta,
.mh-mobile-promo-title,
.mh-mobile-promo-image-link,
.mh-mobile-promo-cta
):focus-visible {
outline: 2px solid var(--mh-mobile-accent);
outline-offset: -3px;
}
}

@media (max-width: 479px) {
#navigation .mh-mobile-category {
grid-template-columns: 90px minmax(0, 1fr) 16px;
min-height: 96px;
padding-right: 18px;
padding-left: 18px;
font-size: 20px;
}

#navigation .mh-mobile-category-link {
    grid-template-columns: minmax(0, 1fr) 16px;
    min-height: 66px;
}

#navigation .mh-mobile-category-icon {
    width: 82px;
    height: 76px;
    max-width: 82px;
    max-height: 76px;
}

#navigation .mh-mobile-panel-header,
#navigation .mh-mobile-row,
#navigation .mh-mobile-group h3,
#navigation .mh-mobile-leaf,
#navigation .mh-mobile-actions > li > a {
    padding-right: 18px !important;
    padding-left: 18px !important;
}

#navigation .mh-mobile-all {
    margin-right: 18px;
    margin-left: 18px;
}

#navigation .mh-mobile-panel-header {
    grid-template-columns: minmax(0, 1fr) 158px;
    min-height: 218px;
}

#navigation .mh-mobile-panel-header h2 {
    font-size: 31px;
}

#navigation .mh-mobile-panel-header .mh-mobile-category-icon {
    width: 150px;
    height: 134px;
    max-width: 150px;
    max-height: 134px;
}

}

@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
#navigation .mh-mobile-main,
#navigation .mh-mobile-panel {
transition: none;
}
}