/* Mobile navigation. Native details remains usable without JavaScript. */
.mobile-menu{display:none}
@media(max-width:1110px){
  .nav{position:sticky;top:0;z-index:70}
  .nav>.wrap{position:relative;gap:10px}
  .nav .nv{display:none}
  .nav .lang{margin-left:auto;flex:none}
  .nav .lang button{min-height:36px;padding:6px 8px}
  .nav .lg{min-width:0;flex:1}
  .mobile-menu{display:block;flex:none;margin:0}
  .mobile-menu summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:8px 10px;border:1px solid #ffffff50;border-radius:9px;color:#fff;font-size:12px;font-weight:700;cursor:pointer;user-select:none}
  .mobile-menu summary::-webkit-details-marker{display:none}
  .mobile-menu summary svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:2;flex:none}
  .mobile-menu summary .menu-close-icon{display:none}
  .mobile-menu[open] summary .menu-open-icon{display:none}
  .mobile-menu[open] summary .menu-close-icon{display:block}
  .mobile-menu[open] summary{background:#ffffff20}
  .mobile-menu-panel{position:absolute;left:max(10px,env(safe-area-inset-left,0px));right:max(10px,env(safe-area-inset-right,0px));top:calc(100% + 7px);padding:10px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 40px #00162b3d;max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain}
  .mobile-menu-panel a{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:11px 14px;border-radius:8px;text-decoration:none;color:var(--ink);font-size:14px;font-weight:600;gap:12px}
  .mobile-menu-panel a::after{content:'\203a';font-size:22px;color:var(--muted);font-weight:400}
  .mobile-menu-panel a:hover,.mobile-menu-panel a:focus-visible{background:var(--soft);color:var(--deep)}
  .mobile-menu-panel .menu-buy{background:var(--soft);color:var(--deep)}
  .mobile-menu-panel a+a{margin-top:3px}
}
@media(max-width:480px){
  .nav .lg>span{display:none}
  .nav .lg img{height:34px;max-width:100%;object-fit:contain}
  .nav .lang button{padding:6px 8px;font-size:11px;gap:5px}
  .nav>.wrap{gap:8px}
}
@media(max-width:340px){.nav .lang button{padding:6px}.mobile-menu summary{padding:8px;font-size:11px;gap:5px}.nav>.wrap{gap:6px}}
@media(min-width:1111px){.nav .nv{display:flex}.nav .nv a{font-size:11px;padding:7px 7px}.nav .lg b{font-size:10px}.nav .lg i{font-size:9px}.nav>.wrap{gap:8px}}