.menu-toggle{display:none}
@media(max-width:850px){
header.has-mobile-menu{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0;padding:16px 5%;position:relative}
header.has-mobile-menu>a{display:block}
header.has-mobile-menu .logo{width:185px;max-width:calc(100vw - 110px)}
.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:48px;height:48px;border:1px solid #00a88e;border-radius:0;background:#fff;color:#007d6a;cursor:pointer;padding:7px}
.menu-lines{display:flex;flex-direction:column;gap:5px;width:23px;height:19px;position:relative}
.menu-lines i{display:block;width:23px;height:2px;background:currentColor}
.menu-caption{font:700 8px/1 sans-serif;letter-spacing:.1em}
.menu-open .menu-lines i:nth-child(1){position:absolute;top:8px;transform:rotate(45deg)}
.menu-open .menu-lines i:nth-child(2){visibility:hidden}
.menu-open .menu-lines i:nth-child(3){position:absolute;top:8px;transform:rotate(-45deg)}
.menu-toggle:focus-visible{outline:3px solid #243e36;outline-offset:3px}
header.has-mobile-menu nav{display:none;flex:0 0 100%;width:100%;flex-direction:column;align-items:stretch;gap:0;margin-top:16px;border-top:2px solid #00a88e;font-size:16px}
header.has-mobile-menu.menu-open nav{display:flex}
header.has-mobile-menu nav>a:not(.shoplink){display:block;padding:16px 8px;border-bottom:1px solid #dce7e2;min-height:48px}
header.has-mobile-menu nav>a:after{display:none}
header.has-mobile-menu nav .shoplink{display:block;margin-top:12px;padding:16px;text-align:center;font-size:15px;background:#00a88e;color:#fff;min-height:48px}
}
