.mobile-menu .menu__body {
display: flex;
flex-direction: column;
max-height: 90vh;
max-height: 90dvh;
}
.mobile-menu .menu__body[hidden] {
display: flex;
}
.mobile-menu .menu__header,
.mobile-menu .menu__contact {
flex: 0 0 auto;
}
.mobile-menu .menu__header p {
margin: 0;
align-self: center;
} .mobile-menu .menu__body > .menu__links {
display: block;
flex: 1 1 auto;
min-height: 0;
padding: 6px 0;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.mobile-menu .menu__body > .menu__links::-webkit-scrollbar {
display: none;
} .mobile-menu .sm-mobile-menu ul.menu__links {
display: flex;
flex-direction: column;
margin: 0;
padding: 0 15px;
overflow: visible;
list-style: none;
}
.mobile-menu .sm-mobile-menu .menu__links .menu-item {
margin: 0;
padding: 0;
background: transparent;
border-radius: 0;
border-bottom: 1px solid #eee3dc;
}
.mobile-menu .sm-mobile-menu .menu__links .menu-item:last-child {
border-bottom: 0;
}
.mobile-menu .sm-mobile-menu .menu__links a {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 6px;
color: #5d321c;
font-size: 16px;
font-weight: 600;
white-space: normal;
text-decoration: none;
} .mobile-menu .sm-mobile-menu .menu__links a::after {
content: '';
width: 7px;
height: 7px;
margin-left: 12px;
border-top: 2px solid #c9a48e;
border-right: 2px solid #c9a48e;
transform: rotate(45deg);
flex: 0 0 auto;
}
.mobile-menu .sm-mobile-menu .menu__links a:hover,
.mobile-menu .sm-mobile-menu .menu__links a:focus {
color: #a96441;
} .mobile-menu .sm-mobile-menu .menu__links .current-menu-item > a,
.mobile-menu .sm-mobile-menu .menu__links .active > a {
color: #a96441;
}
.mobile-menu .sm-mobile-menu .menu__links .current-menu-item > a::after,
.mobile-menu .sm-mobile-menu .menu__links .active > a::after {
border-color: #a96441;
} @media (min-width: 576px) {
.mobile-menu .sm-mobile-menu ul.menu__links {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 30px;
padding: 0 25px;
}
.mobile-menu .sm-mobile-menu .menu__links .menu-item:last-child {
border-bottom: 1px solid #eee3dc;
}
}