/* v12 — redesigned language selector */
html body.store-body .topbar.topbar-v849 .lang-menu-v12{
  padding:18px!important;
  border:1px solid rgba(175,201,234,.88)!important;
  border-radius:28px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(249,252,255,.98))!important;
  box-shadow:0 28px 76px rgba(48,81,126,.18),0 10px 26px rgba(62,98,145,.08),inset 0 1px 0 rgba(255,255,255,1)!important;
  backdrop-filter:blur(24px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(135%)!important;
  overflow:hidden!important;
}
html body.store-body .lang-menu-v12 .topbar-popover-head-v9{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 42px!important;
  align-items:start!important;
  gap:16px!important;
  min-height:0!important;
  padding:8px 8px 18px!important;
  border-bottom:1px solid rgba(205,219,238,.82)!important;
}
html body.store-body .lang-menu-v12 .topbar-popover-head-v9>div{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  min-width:0!important;
}
html body.store-body .lang-menu-v12 .topbar-popover-head-v9 b{
  display:block!important;
  margin:0!important;
  color:#121b2d!important;
  font-size:24px!important;
  line-height:1.08!important;
  font-weight:850!important;
  letter-spacing:-.045em!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
html body.store-body .lang-menu-v12 .topbar-popover-head-v9 small{
  display:block!important;
  margin:0!important;
  color:#8a99ad!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:650!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
html body.store-body .lang-menu-v12 .topbar-popover-head-v9>button{
  all:unset!important;
  box-sizing:border-box!important;
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(184,204,231,.86)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.88)!important;
  color:#66758a!important;
  cursor:pointer!important;
  box-shadow:0 8px 18px rgba(63,92,133,.06),inset 0 1px 0 rgba(255,255,255,.96)!important;
  transition:transform .18s ease,border-color .18s ease,color .18s ease,background .18s ease!important;
}
html body.store-body .lang-menu-v12 .topbar-popover-head-v9>button:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(22,119,255,.34)!important;
  background:#f5f9ff!important;
  color:#1677ff!important;
}
html body.store-body .lang-menu-v12 .topbar-popover-head-v9>button .i,
html body.store-body .lang-menu-v12 .topbar-popover-head-v9>button iconify-icon{
  width:20px!important;
  height:20px!important;
  font-size:20px!important;
}
html body.store-body .lang-menu-v12 .lang-menu-list-v9{
  display:grid!important;
  gap:10px!important;
  padding:18px 0 0!important;
}
html body.store-body .lang-menu-v12 .lang-menu-list-v9>button{
  all:unset!important;
  box-sizing:border-box!important;
  position:relative!important;
  width:100%!important;
  min-height:76px!important;
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr) 26px!important;
  align-items:center!important;
  gap:14px!important;
  padding:11px 16px!important;
  border:1px solid rgba(209,221,238,.92)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.82)!important;
  color:#1b2639!important;
  cursor:pointer!important;
  box-shadow:0 8px 22px rgba(70,98,136,.035),inset 0 1px 0 rgba(255,255,255,.98)!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease!important;
}
html body.store-body .lang-menu-v12 .lang-menu-list-v9>button:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(22,119,255,.28)!important;
  background:#f7fbff!important;
  box-shadow:0 12px 26px rgba(58,94,141,.07),inset 0 1px 0 #fff!important;
}
html body.store-body .lang-menu-v12 .lang-menu-list-v9>button.selected{
  border-color:rgba(22,119,255,.22)!important;
  background:linear-gradient(180deg,#f0f7ff 0%,#eaf4ff 100%)!important;
  color:#1677ff!important;
  box-shadow:0 12px 28px rgba(22,119,255,.08),inset 0 0 0 1px rgba(22,119,255,.06)!important;
}
html body.store-body .lang-menu-v12 .lang-menu-flag-v9{
  width:52px!important;
  min-width:52px!important;
  height:52px!important;
  min-height:52px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:#fff!important;
  border:1px solid rgba(190,207,229,.9)!important;
  box-shadow:0 5px 14px rgba(72,98,131,.10),inset 0 0 0 3px rgba(255,255,255,.86)!important;
  overflow:hidden!important;
}
html body.store-body .lang-menu-v12 .lang-menu-flag-v9 .lang-flag-img{
  width:46px!important;
  min-width:46px!important;
  height:46px!important;
  min-height:46px!important;
  border-radius:999px!important;
  object-fit:cover!important;
  display:block!important;
}
html body.store-body .lang-menu-v12 .lang-menu-copy-v9{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:50px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
}
html body.store-body .lang-menu-v12 .lang-menu-copy-v9 .lang-code{
  display:block!important;
  margin:0!important;
  color:#182338!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:-.02em!important;
}
html body.store-body .lang-menu-v12 .lang-menu-copy-v9 .lang-name{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  color:#8a99ad!important;
  font-size:15px!important;
  line-height:1.25!important;
  font-weight:650!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body.store-body .lang-menu-v12 .lang-menu-list-v9>button.selected .lang-code,
html body.store-body .lang-menu-v12 .lang-menu-list-v9>button.selected>.i,
html body.store-body .lang-menu-v12 .lang-menu-list-v9>button.selected>iconify-icon{
  color:#1677ff!important;
}
html body.store-body .lang-menu-v12 .lang-menu-list-v9>button.selected .lang-name{
  color:#6f8fb6!important;
}
html body.store-body .lang-menu-v12 .lang-menu-list-v9>button>.i,
html body.store-body .lang-menu-v12 .lang-menu-list-v9>button>iconify-icon{
  width:22px!important;
  height:22px!important;
  font-size:22px!important;
  justify-self:end!important;
}
@media(max-width:620px){
  html body.store-body .topbar.topbar-v849 .lang-menu-v12{
    padding:14px!important;
    border-radius:24px!important;
  }
  html body.store-body .lang-menu-v12 .topbar-popover-head-v9{
    grid-template-columns:minmax(0,1fr) 38px!important;
    padding:6px 4px 15px!important;
  }
  html body.store-body .lang-menu-v12 .topbar-popover-head-v9 b{
    font-size:21px!important;
  }
  html body.store-body .lang-menu-v12 .topbar-popover-head-v9 small{
    font-size:13px!important;
  }
  html body.store-body .lang-menu-v12 .topbar-popover-head-v9>button{
    width:38px!important;
    height:38px!important;
    border-radius:12px!important;
  }
  html body.store-body .lang-menu-v12 .lang-menu-list-v9{
    gap:8px!important;
    padding-top:14px!important;
  }
  html body.store-body .lang-menu-v12 .lang-menu-list-v9>button{
    min-height:68px!important;
    grid-template-columns:46px minmax(0,1fr) 22px!important;
    gap:12px!important;
    padding:9px 12px!important;
    border-radius:18px!important;
  }
  html body.store-body .lang-menu-v12 .lang-menu-flag-v9{
    width:46px!important;
    min-width:46px!important;
    height:46px!important;
    min-height:46px!important;
  }
  html body.store-body .lang-menu-v12 .lang-menu-flag-v9 .lang-flag-img{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    min-height:40px!important;
  }
  html body.store-body .lang-menu-v12 .lang-menu-copy-v9{
    grid-template-columns:42px minmax(0,1fr)!important;
    gap:8px!important;
  }
  html body.store-body .lang-menu-v12 .lang-menu-copy-v9 .lang-code{
    font-size:16px!important;
  }
  html body.store-body .lang-menu-v12 .lang-menu-copy-v9 .lang-name{
    font-size:14px!important;
  }
}
