.nav-dropdown{position:relative;margin:0;padding:0;border:0;background:transparent}
.nav-dropdown summary{display:flex;align-items:center;gap:7px;min-height:38px;color:var(--muted);font-size:14px;font-weight:900;line-height:1;list-style:none}
.nav-dropdown summary::-webkit-details-marker{display:none}
.nav-dropdown summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.country-menu{display:none;position:absolute;right:0;top:calc(100% + 14px);grid-template-columns:repeat(2,minmax(150px,1fr));gap:2px;min-width:390px;max-height:min(72vh,560px);overflow:auto;padding:12px;background:#0b1220;border:1px solid var(--line);border-radius:8px;box-shadow:0 24px 70px rgba(0,0,0,.38)}
.nav-dropdown[open] .country-menu,.nav-dropdown:hover .country-menu{display:grid}
.country-menu a{display:block;padding:9px 10px;border-radius:6px;color:#dbeafe;white-space:nowrap}
.country-menu a:hover{background:#132033;text-decoration:none}
.nav>a,.nav-dropdown summary{align-items:center}
@media(min-width:901px){.nav-dropdown summary:hover,.nav>a:hover{color:#fff;text-decoration:none}}
@media(max-width:900px){.nav{gap:8px}.nav>a,.nav-dropdown summary{width:100%;min-height:42px}.nav-dropdown{width:100%}.country-menu{position:static;display:grid;grid-template-columns:1fr;min-width:0;max-height:none;margin-top:6px;padding:8px;background:#0a1220;box-shadow:none}.nav-dropdown:not([open]) .country-menu{display:none}.country-menu a{padding:10px 8px;white-space:normal}}