.mobile-menu{display:none}
@media(max-width:850px){
 header > nav{display:none!important}
 header > .mobile-menu{display:block;position:relative;z-index:20;flex:none;margin-left:auto}
 .mobile-menu summary{display:flex;align-items:center;gap:9px;padding:11px 15px;cursor:pointer;list-style:none;background:#061704;border:1px solid #546c50;border-radius:999px;color:#fff;font:400 12px Arial,sans-serif}
 .mobile-menu summary::-webkit-details-marker{display:none}
 .mobile-menu summary:focus-visible,.mobile-menu-panel a:focus-visible{outline:2px solid #b6f02b;outline-offset:3px}
 .menu-icon{display:grid;gap:4px;width:18px}.menu-icon i{height:2px;width:18px;background:#b6f02b;border-radius:1px}
 .mobile-menu-panel{position:absolute;right:0;top:calc(100% + 12px);width:min(300px,calc(100vw - 32px));max-height:min(75vh,650px);overflow-y:auto;background:#18231a;border:1px solid #526b4c;border-radius:16px;padding:14px;color:#f5f7ef;box-shadow:0 16px 38px #0008}
 .mobile-menu-panel .mobile-menu-label{padding:9px 10px 7px;font:700 10px Arial,sans-serif;letter-spacing:1.5px;color:#b6f02b}
 .mobile-menu-panel .menu-section{border-top:1px solid #4b5a47;margin-top:8px;padding-top:16px}
 .mobile-menu-panel a{display:flex!important;justify-content:space-between;align-items:center;gap:15px;padding:10px;border-radius:8px;color:#f5f7ef!important;font:400 14px Arial,sans-serif;text-decoration:none}
 .mobile-menu-panel a:hover,.mobile-menu-panel a:focus-visible{background:#2a3d29}
 .mobile-menu-panel a span{color:#b6f02b}
 body:has(.hero) header .logo{width:clamp(130px,37vw,180px)}
}