.nav-dropdown{position:relative}
.main-nav .nav-dropdown>summary{display:flex;align-items:center;gap:8px;min-height:44px;padding-block:12px;color:inherit;cursor:pointer;list-style:none;font:inherit;text-transform:uppercase}
.main-nav .nav-dropdown>summary::-webkit-details-marker{display:none}
.main-nav .nav-dropdown>summary:hover,.main-nav .nav-dropdown[open]>summary{color:var(--accent,var(--brand-accent,#00bce5))}
.nav-dropdown-mark{width:7px;height:7px;display:inline-block;margin-top:-4px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;opacity:.8;transform:rotate(45deg);transition:transform .2s ease}
.nav-dropdown[open] .nav-dropdown-mark{transform:rotate(225deg)}
.product-masthead .main-nav .nav-dropdown>summary{color:var(--brand-muted)}
.product-masthead .main-nav .nav-dropdown>summary:hover,.product-masthead .main-nav .nav-dropdown[open]>summary{color:var(--brand-accent)}
.nav-dropdown-panel{position:absolute;z-index:30;top:calc(100% + 8px);right:-18px;min-width:240px;padding:8px;background:rgba(16,24,25,.98);border:1px solid var(--brand-line,var(--line,#354143));box-shadow:0 20px 48px rgba(0,0,0,.38)}
.nav-dropdown-panel a{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;padding:10px 12px;color:var(--brand-text,var(--text,#f2f7f9));text-decoration:none;white-space:nowrap;transition:background .2s ease,color .2s ease}
.nav-dropdown-panel a:hover{background:rgba(0,188,229,.12);color:var(--brand-accent,var(--accent,#00bce5))}
.nav-dropdown-panel small{color:var(--brand-muted,var(--muted,#a4b1af));font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.lang-switch>a.active,
.product-masthead .lang-switch>a.active{
  position:relative;
  padding:3px 0 4px;
  color:var(--studio-text,var(--brand-text,var(--text,#f2f7f9)));
  font-weight:800;
  text-shadow:0 1px 3px rgba(0,0,0,.92),0 0 8px rgba(0,0,0,.42);
}
.lang-switch>a.active::after{
  content:'';
  position:absolute;
  right:0;
  bottom:1px;
  left:0;
  height:2px;
  background:var(--studio-accent-bright,var(--brand-accent,var(--accent,#00bce5)));
  box-shadow:0 0 8px rgba(0,224,247,.56);
}
.lang-switch-menu{
  position:relative;
}
.lang-switch-menu summary{
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:44px;
  padding:7px 10px;
  color:var(--brand-muted,var(--muted,#a4b1af));
  cursor:pointer;
  list-style:none;
  border:1px solid transparent;
  transition:background .2s ease,border-color .2s ease,color .2s ease;
}
.lang-switch-menu summary::-webkit-details-marker{
  display:none;
}
.lang-switch-menu summary:hover,
.lang-switch-menu[open] summary{
  color:var(--studio-accent-bright,var(--brand-accent,var(--accent,#00bce5)));
  background:rgba(0,188,229,.08);
  border-color:rgba(0,188,229,.46);
}
.lang-switch-current{
  font-weight:800;
  color:var(--studio-text,var(--brand-text,var(--text,#f2f7f9)));
  text-shadow:0 1px 3px rgba(0,0,0,.92),0 0 8px rgba(0,0,0,.42);
}
.lang-switch-mark{
  position:relative;
  width:10px;
  height:8px;
  flex:0 0 10px;
  margin-top:0;
  color:currentColor;
  opacity:.9;
  transform:none;
  transition:transform .2s ease;
}
.lang-switch-mark::before,
.lang-switch-mark::after{
  content:'';
  position:absolute;
  top:3px;
  width:7px;
  height:1.5px;
  border-radius:999px;
  background:currentColor;
}
.lang-switch-mark::before{
  left:0;
  transform:rotate(45deg);
  transform-origin:left center;
}
.lang-switch-mark::after{
  right:0;
  transform:rotate(-45deg);
  transform-origin:right center;
}
.lang-switch-menu[open] .lang-switch-mark{
  transform:rotate(180deg);
}
.lang-switch-menu-panel{
  position:absolute;
  z-index:40;
  top:calc(100% + 8px);
  right:0;
  min-width:150px;
  padding:6px;
  background:rgba(16,24,25,.98);
  border:1px solid var(--brand-line,var(--line,#354143));
  box-shadow:0 20px 48px rgba(0,0,0,.38);
}
.lang-switch-menu-panel a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  min-height:44px;
  padding:9px 10px;
  color:var(--brand-text,var(--text,#f2f7f9));
  text-decoration:none;
}
.lang-switch-menu-panel a span{
  color:var(--brand-muted,var(--muted,#a4b1af));
  font-size:11px;
}
.lang-switch-menu-panel a:hover,
.lang-switch-menu-panel a.active{
  background:rgba(0,188,229,.12);
  color:var(--studio-accent-bright,var(--brand-accent,var(--accent,#00bce5)));
}
.lang-switch-menu-panel a.active::after{
  display:none;
}
.lang-switch-menu-panel a:hover span,
.lang-switch-menu-panel a.active span{
  color:inherit;
}
@media(prefers-reduced-motion:reduce){.nav-dropdown-panel,.nav-dropdown-panel a,.nav-dropdown-mark,.lang-switch-mark{transition:none!important}}
@media(max-width:768px){
  .main-nav .nav-dropdown{width:fit-content}
  .main-nav .nav-dropdown>summary{width:fit-content}
  .nav-dropdown-panel{position:static;min-width:0;padding:4px 0 4px 16px;background:transparent;border:0;box-shadow:none}
  .nav-dropdown-panel a{justify-content:flex-start;min-height:44px;padding:9px 0}
  .nav-dropdown-panel small{display:none}
  .main-nav .lang-switch-menu{width:fit-content}
  .lang-switch-menu-panel{position:static;min-width:0;margin-top:4px;padding:4px 0 4px 16px;background:transparent;border:0;box-shadow:none}
  .lang-switch-menu-panel a{justify-content:flex-start;min-height:44px;padding:9px 0;gap:12px}
  .lang-switch-menu-panel a.active{background:transparent}
}
