/* A quiet glass capsule; the menus open below it without clipping. */
.header,body[data-page=home] .header,body[data-scene=brand] .header{
  padding:11px 0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none;
}
.nav-shell{
  position:relative;min-height:62px;padding:8px 18px;gap:24px;pointer-events:auto;
  border:1px solid #ffffffed;border-radius:999px;
  background:linear-gradient(135deg,#ffffffeb,#f0f6ffd6);
  box-shadow:inset 0 0 0 1px #d7e4f34d,inset 0 1px 0 #fff,0 7px 26px #2749720a;
  backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);
}
.nav-shell .brand{flex-shrink:0}
.nav-shell .nav-actions>.button{border-radius:999px;min-height:44px;padding:9px 17px}
.nav-shell .language-list{top:calc(100% + 17px);border-radius:21px;background:#fffffff5}
.nav-shell .language summary{min-width:44px;justify-content:center}
@media(max-width:1050px){
  .nav-shell{width:calc(100% - 40px);gap:16px}
  .nav-shell .mobile-menu nav{top:calc(100% + 10px);left:0;right:0;border-radius:25px;background:#fffffff5;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
}
@media(max-width:760px){
  .header,body[data-page=home] .header,body[data-scene=brand] .header{padding:7px 0}
  .nav-shell{width:calc(100% - 24px);min-height:56px;padding:5px 13px;gap:12px}
  .nav-shell .brand{font-size:clamp(18px,5.2vw,21px);gap:8px;letter-spacing:-.65px}
  .nav-shell .brand img{width:32px;height:32px}
  .nav-shell .nav-actions{gap:16px}
  .nav-shell .mobile-menu summary{width:28px}
  .nav-shell .mobile-menu nav{padding:12px 20px 22px}
  .nav-shell .language-list{top:calc(100% + 15px);right:-40px}
}