/* TurnoCerto Public · tema partilhado com o módulo Colaborador */
:root{
  color-scheme:light;
  --bg:#f7f7f8;
  --bg2:#f2f2f3;
  --surface:#ffffff;
  --surface2:#f0f0f2;
  --panel:#ffffff;
  --panel2:#f0f0f2;
  --panel3:#e8e8eb;
  --text:#121214;
  --muted:#696a73;
  --soft:#8b8c94;
  --line:rgba(17,17,19,.075);
  --brand:#1769e0;
  --brand2:#3f83f8;
  --blue:#1769e0;
  --blue2:#3f83f8;
  --blueSoft:rgba(23,105,224,.09);
  --cyan:#168aa5;
  --cyanSoft:rgba(22,138,165,.10);
  --green:#15965a;
  --greenSoft:rgba(21,150,90,.10);
  --amber:#bb7900;
  --amberSoft:rgba(187,121,0,.10);
  --red:#dc394d;
  --redSoft:rgba(220,57,77,.09);
  --purple:#7157c8;
  --purpleSoft:rgba(113,87,200,.10);
  --shadow:0 18px 54px rgba(17,17,19,.07);
  --shadowSoft:0 8px 26px rgba(17,17,19,.045);
}

:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0b0b0d;
  --bg2:#08080a;
  --surface:#141416;
  --surface2:#1a1a1d;
  --panel:#141416;
  --panel2:#1a1a1d;
  --panel3:#202023;
  --text:#f5f5f7;
  --muted:#999aa3;
  --soft:#696a73;
  --line:rgba(255,255,255,.075);
  --brand:#3f83f8;
  --brand2:#2563eb;
  --blue:#3f83f8;
  --blue2:#2563eb;
  --blueSoft:rgba(63,131,248,.12);
  --cyan:#35c8e8;
  --cyanSoft:rgba(53,200,232,.11);
  --green:#2dd477;
  --greenSoft:rgba(45,212,119,.11);
  --amber:#ffbd2e;
  --amberSoft:rgba(255,189,46,.11);
  --red:#ff6875;
  --redSoft:rgba(255,104,117,.10);
  --purple:#a78bfa;
  --purpleSoft:rgba(167,139,250,.11);
  --shadow:0 18px 54px rgba(0,0,0,.28);
  --shadowSoft:0 8px 26px rgba(0,0,0,.18);
}

html,body{background:var(--bg)!important;color:var(--text)}
body{
  background:
    radial-gradient(circle at 78% -18%,color-mix(in srgb,var(--text) 4%,transparent),transparent 31%),
    var(--bg)!important;
  -webkit-font-smoothing:antialiased;
}
body::before{display:none!important}

/* Navegação pública, com a linguagem de produto do Colaborador. */
.main-header,
.header{
  border-bottom:1px solid var(--line)!important;
  background:color-mix(in srgb,var(--bg) 88%,transparent)!important;
  box-shadow:none!important;
  backdrop-filter:blur(22px)!important;
  -webkit-backdrop-filter:blur(22px)!important;
}
.nav-menu{
  gap:2px!important;
  padding:5px!important;
  border:0!important;
  border-radius:15px!important;
  background:var(--surface)!important;
  box-shadow:none!important;
}
.nav-link{
  padding:9px 13px!important;
  border-radius:11px!important;
  color:var(--muted)!important;
  font-size:.78rem!important;
  font-weight:750!important;
}
.nav-link:hover,
.nav-link.active{background:var(--panel3)!important;color:var(--text)!important}
.nav-link.active{box-shadow:inset 3px 0 var(--blue)!important}
.nav a{color:var(--muted)!important;font-size:.82rem!important;font-weight:750!important}
.nav a:hover{color:var(--text)!important}

.btn,
.icon-btn,
.theme-toggle,
.lang-toggle,
.mobile-menu-btn{
  min-height:42px!important;
  border:1px solid var(--line)!important;
  border-radius:13px!important;
  background:var(--surface2)!important;
  color:var(--text)!important;
  box-shadow:none!important;
}
.btn{padding:0 15px!important;font-size:.72rem!important;font-weight:780!important}
.btn:hover,
.icon-btn:hover,
.theme-toggle:hover,
.lang-toggle:hover,
.mobile-menu-btn:hover{
  border-color:color-mix(in srgb,var(--blue) 46%,var(--line))!important;
  color:var(--blue)!important;
  transform:translateY(-1px);
}
.btn-primary{
  border-color:rgba(45,212,191,.32)!important;
  background:linear-gradient(135deg,#0b1220 0%,#111827 58%,#12251f 100%)!important;
  color:#f8fafc!important;
  box-shadow:0 14px 32px rgba(2,6,23,.22),inset 0 1px 0 rgba(255,255,255,.10)!important;
}
.btn-primary:hover{color:#fff!important;background:linear-gradient(135deg,#111827 0%,#172033 52%,#17362b 100%)!important;border-color:rgba(52,211,153,.62)!important;box-shadow:0 18px 38px rgba(2,6,23,.28),0 0 0 3px rgba(45,212,191,.10),inset 0 1px 0 rgba(255,255,255,.12)!important}

.lang,
.lang-static,
.lang-dropdown,
#langDropdown{
  border:1px solid var(--line)!important;
  background:var(--surface)!important;
  color:var(--text)!important;
  box-shadow:var(--shadow)!important;
}
.lang{position:relative;border-radius:13px!important;box-shadow:none!important}
.lang-static{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:0 11px;
  border-radius:13px;
  box-shadow:none!important;
  font-size:.7rem;
  font-weight:800;
}
.lang-dropdown,
#langDropdown{padding:8px!important;border-radius:18px!important}
.lang-btn{min-height:44px;border-radius:12px!important;color:var(--text)!important}
.lang-btn:hover,
.lang-btn.active{background:var(--surface2)!important;color:var(--text)!important}
.lang-btn img,
.lang-static img,
.language-selector img{
  width:25px!important;
  height:25px!important;
  aspect-ratio:1;
  border:1px solid var(--line);
  border-radius:50%!important;
  object-fit:cover!important;
}
.language-options{display:grid;gap:3px;min-width:174px}
.language-option{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:42px;
  padding:7px 9px;
  border:0;
  border-radius:12px;
  background:transparent;
  color:var(--text);
  font:inherit;
  font-size:.76rem;
  font-weight:720;
  text-align:left;
}
.language-option:hover{background:var(--surface2)}

/* Conteúdo e superfícies. */
.page-hero{padding-top:76px!important}
.eyebrow,
.badge{
  border:0!important;
  border-radius:11px!important;
  background:var(--blueSoft)!important;
  color:var(--blue)!important;
  box-shadow:none!important;
}
.grad{background:linear-gradient(135deg,var(--blue),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.visual-shell,
.panel,
.card,
.table-card,
.product-window,
.mini-kpi,
.flow-row,
.metric-strip,
.faq-item,
.comparison td,
.field input,
.field select,
.field textarea{
  border-color:var(--line)!important;
  background:var(--surface)!important;
  box-shadow:none!important;
}
.visual-shell,
.panel{border:0!important;border-radius:20px!important}
.card{border:0!important;border-radius:18px!important}
.product-window{border-radius:17px!important;background:var(--surface2)!important}
.mini-kpi,
.flow-row{background:var(--surface)!important}
.card-icon,
.flow-icon{border-radius:11px!important;background:var(--blueSoft)!important;color:var(--blue)!important}
.grid-2>.card:nth-child(2n) .card-icon,
.grid-3>.card:nth-child(2) .card-icon,
.grid-3>.card:nth-child(5) .card-icon{background:var(--greenSoft)!important;color:var(--green)!important}
.grid-3>.card:nth-child(3) .card-icon,
.grid-3>.card:nth-child(6) .card-icon{background:var(--amberSoft)!important;color:var(--amber)!important}
.grid-3>.card:nth-child(4) .card-icon{background:var(--purpleSoft)!important;color:var(--purple)!important}
.flow-row:nth-child(3n+2) .flow-icon{background:var(--greenSoft)!important;color:var(--green)!important}
.flow-row:nth-child(3n) .flow-icon{background:var(--cyanSoft)!important;color:var(--cyan)!important}
.card,.flow-row,.mini-kpi,.ops-card,.how-card{transition:background-color .18s ease,transform .18s ease}
.card:hover,.ops-card:hover,.how-card:hover{background:color-mix(in srgb,var(--surface) 94%,var(--blue) 6%)!important}
.status{background:var(--blueSoft)!important;color:var(--blue)!important}
.status.ok{background:var(--greenSoft)!important;color:var(--green)!important}
.status.warn{background:var(--amberSoft)!important;color:var(--amber)!important}
.price-card.featured{border:1px solid color-mix(in srgb,var(--blue) 44%,transparent)!important;box-shadow:0 18px 50px color-mix(in srgb,var(--blue) 12%,transparent)!important}
.field input,
.field select,
.field textarea{background:var(--surface2)!important;border-radius:13px!important}
.field input:focus,
.field select:focus,
.field textarea:focus{border-color:var(--blue)!important;box-shadow:0 0 0 3px var(--blueSoft)!important}
.footer{background:var(--bg)!important;border-color:var(--line)!important}

/* Homepage consolidada. */
.hero{background:var(--bg)!important}
.hero-bg{
  background:
    linear-gradient(90deg,rgba(247,247,248,1) 0%,rgba(247,247,248,.94) 29%,rgba(247,247,248,.64) 51%,rgba(247,247,248,.08) 74%),
    url('../images/public-home-hero.png') center right/cover no-repeat!important;
}
:root[data-theme="dark"] .hero-bg{
  background:
    linear-gradient(90deg,rgba(11,11,13,1) 0%,rgba(11,11,13,.95) 29%,rgba(11,11,13,.72) 51%,rgba(11,11,13,.24) 74%),
    url('../images/public-home-hero.png') center right/cover no-repeat!important;
}
.hero h1 span{color:var(--blue)!important}
.feature-panel,
.how-card,
.live-feed,
.ops-card,
.timeline-demo,
.test-card,
.plans-redirect,
.security-card{
  border:0!important;
  background:var(--surface)!important;
  box-shadow:none!important;
}
.feature-panel{border-radius:20px!important}
.how-card,
.ops-card,
.security-card{border-radius:18px!important}
.live-feed,
.timeline-demo,
.test-card{border-radius:20px!important}
.plans-redirect{border-radius:22px!important}
.live-section{background:var(--blueSoft)!important;border-radius:24px!important}
.photo-badge{
  border:1px solid var(--line)!important;
  background:color-mix(in srgb,var(--surface) 94%,transparent)!important;
  color:var(--text)!important;
  box-shadow:var(--shadowSoft)!important;
}
.photo-card{background:var(--surface2)!important;box-shadow:none!important}
.timeline-line{background:color-mix(in srgb,var(--blue) 25%,transparent)!important}
.cta-box{background:linear-gradient(135deg,#1769e0,#3f83f8)!important;box-shadow:0 24px 64px rgba(23,105,224,.22)!important}
.cta-box .btn-primary{background:linear-gradient(135deg,#0b1220 0%,#111827 58%,#12251f 100%)!important;color:#f8fafc!important;border-color:rgba(45,212,191,.32)!important}
.how-card:nth-child(1) .how-num,
.how-card:nth-child(1)::after{background:var(--blueSoft)!important;color:var(--blue)!important}
.how-card:nth-child(2) .how-num,
.how-card:nth-child(2)::after{background:var(--greenSoft)!important;color:var(--green)!important}
.how-card:nth-child(3) .how-num,
.how-card:nth-child(3)::after{background:var(--amberSoft)!important;color:var(--amber)!important}
.how-card:nth-child(4) .how-num,
.how-card:nth-child(4)::after{background:color-mix(in srgb,var(--purple) 12%,transparent)!important;color:var(--purple)!important}

/* Menus móveis como folhas de produto. */
.mobile-nav.open,
.drawer-panel{
  border:1px solid var(--line)!important;
  border-radius:24px!important;
  background:var(--surface)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.32)!important;
}
.mobile-nav.open{
  position:fixed;
  z-index:80;
  top:calc(var(--header,78px) + 10px);
  right:12px;
  left:12px;
  padding:10px!important;
}
.mobile-nav a,
.drawer-links a{
  min-height:50px!important;
  margin:2px 0;
  border-bottom:1px solid var(--line);
  border-radius:12px!important;
  background:transparent!important;
  color:var(--muted)!important;
}
.mobile-nav a::after,
.drawer-links a::after{
  content:"\f054";
  margin-left:auto;
  color:var(--soft);
  font-family:"Font Awesome 6 Free";
  font-size:.66rem;
  font-weight:900;
}
.mobile-nav a:hover,
.mobile-nav a.active,
.drawer-links a:hover{background:var(--surface2)!important;color:var(--text)!important}
.mobile-buttons,
.drawer-actions{padding-top:8px}
.drawer-backdrop{background:rgba(0,0,0,.58)!important}

:focus-visible{outline:2px solid var(--blue)!important;outline-offset:3px}

/* Área legal: leitura calma, hierarquia editorial e navegação objetiva. */
.legal-hero{padding:72px 0 38px!important}
.legal-hero .page-hero-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.62fr)!important;align-items:end!important}
.legal-hero h1{max-width:880px!important}
.legal-hero .lead{max-width:780px!important}
.legal-updated{display:inline-flex;align-items:center;gap:8px;margin-top:20px;color:var(--muted);font-size:.84rem;font-weight:700}
.legal-updated i{color:var(--green)}
.legal-summary{display:grid;gap:10px;padding:18px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}
.legal-summary div{display:flex;align-items:flex-start;gap:11px;padding:10px 11px;border-radius:13px;background:var(--surface2)}
.legal-summary i{width:18px;margin-top:3px;color:var(--green);text-align:center}
.legal-summary strong{display:block;color:var(--text);font-size:.9rem}
.legal-summary span{display:block;margin-top:3px;color:var(--muted);font-size:.8rem;line-height:1.5}
.legal-section{padding:36px 0 88px!important}
.legal-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:28px;align-items:start}
.legal-toc{position:sticky;top:98px;padding:10px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.legal-toc strong{display:block;padding:10px 11px 8px;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}
.legal-toc a{display:block;padding:9px 11px;border-radius:10px;color:var(--muted);font-size:.86rem;font-weight:700;text-decoration:none;line-height:1.35}
.legal-toc a:hover{background:var(--surface2);color:var(--text)}
.legal-document{padding:clamp(24px,4vw,54px)!important;border:1px solid var(--line)!important;border-radius:24px!important;background:var(--surface)!important}
.legal-document>h2:first-child{margin-top:0}
.legal-document h2{margin:2.5rem 0 .8rem;color:var(--text);font-size:clamp(1.32rem,2vw,1.7rem);letter-spacing:-.025em;scroll-margin-top:110px}
.legal-document h3{margin:1.4rem 0 .55rem;color:var(--text);font-size:1.02rem;scroll-margin-top:110px}
.legal-document p,.legal-document li{color:var(--muted);font-size:.96rem;line-height:1.78}
.legal-document p{margin:.72rem 0}
.legal-document ul,.legal-document ol{margin:.7rem 0;padding-left:1.3rem}
.legal-document li+li{margin-top:.4rem}
.legal-document a{color:var(--blue);font-weight:700;text-decoration-thickness:1px;text-underline-offset:3px}
.legal-callout{margin:1.25rem 0;padding:18px 20px;border:1px solid color-mix(in srgb,var(--blue) 25%,var(--line));border-radius:16px;background:var(--blueSoft)}
.legal-callout strong{display:block;margin-bottom:5px;color:var(--text)}
.legal-callout p{margin:0;color:var(--muted)}
.legal-callout.warning{border-color:color-mix(in srgb,var(--amber) 34%,var(--line));background:var(--amberSoft)}
.legal-callout.success{border-color:color-mix(in srgb,var(--green) 30%,var(--line));background:var(--greenSoft)}
.legal-table-wrap{margin:1.1rem 0;overflow-x:auto;border:1px solid var(--line);border-radius:16px}
.legal-table{width:100%;min-width:680px;border-collapse:collapse;background:var(--surface2)}
.legal-table th,.legal-table td{padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left;color:var(--muted);font-size:.86rem;line-height:1.55}
.legal-table th{background:color-mix(in srgb,var(--surface2) 75%,var(--blueSoft));color:var(--text);font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}
.legal-table tr:last-child td{border-bottom:0}
.legal-contact{display:flex;flex-wrap:wrap;gap:10px;margin-top:1rem}
.legal-contact a{display:inline-flex;align-items:center;gap:8px;padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);text-decoration:none}
.legal-related{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:2rem;padding-top:1.4rem;border-top:1px solid var(--line)}
.legal-related a{padding:14px;border-radius:13px;background:var(--surface2);text-align:center;text-decoration:none}

@media(max-width:780px){
  .hero-bg{
    background:
      linear-gradient(180deg,rgba(247,247,248,.96) 0%,rgba(247,247,248,.84) 43%,rgba(247,247,248,.97) 100%),
      url('../images/public-home-hero.png') center/cover no-repeat!important;
  }
  :root[data-theme="dark"] .hero-bg{
    background:
      linear-gradient(180deg,rgba(11,11,13,.96) 0%,rgba(11,11,13,.82) 43%,rgba(11,11,13,.98) 100%),
      url('../images/public-home-hero.png') center/cover no-repeat!important;
  }
  .drawer-panel{top:auto!important;right:0!important;bottom:0!important;left:0!important;border-radius:26px 26px 0 0!important;padding:12px 16px calc(18px + var(--safe-bottom))!important}
  .drawer-panel::before{content:"";display:block;width:42px;height:5px;margin:0 auto 10px;border-radius:99px;background:var(--soft)}
  .feature-panel{border-radius:20px!important}
  .legal-hero{padding:48px 0 24px!important}
  .legal-hero .page-hero-grid{grid-template-columns:1fr!important}
  .legal-layout{grid-template-columns:1fr}
  .legal-toc{position:relative;top:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .legal-toc strong{grid-column:1/-1}
  .legal-toc a{font-size:.8rem}
  .legal-document{padding:22px 18px!important;border-radius:20px!important}
  .legal-related{grid-template-columns:1fr}
}

/* Header publico alinhado com o visual do inicio sem afetar a homepage premium. */
:root{
  --public-header-height:78px;
  --public-header-bg:rgba(248,250,252,.82);
  --public-header-line:rgba(226,232,240,.75);
  --public-header-button:#ffffff;
  --public-header-button-2:#f1f6ff;
}
:root[data-theme="dark"]{
  --public-header-bg:rgba(7,17,31,.84);
  --public-header-line:rgba(255,255,255,.08);
  --public-header-button:#111d2f;
  --public-header-button-2:#142238;
}

.main-header{
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
  min-height:var(--public-header-height)!important;
  background:var(--public-header-bg)!important;
  border-bottom:1px solid var(--public-header-line)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.main-header .header-inner{
  min-height:var(--public-header-height)!important;
  width:min(100% - 68px,1220px)!important;
  margin:0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
}
.header-logo-img,
.footer-brand{
  width:162px!important;
  height:42px!important;
  display:block!important;
  flex:0 0 auto!important;
  background:url("../../../../app/shared/assets/images/logo-intra.png") center/contain no-repeat!important;
}
:root[data-theme="dark"] .header-logo-img,
:root[data-theme="dark"] .footer-brand{
  background-image:url("../../../../app/shared/assets/images/logo_branco.png")!important;
}
.main-header .nav-menu{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.main-header .nav-link{
  padding:10px 12px!important;
  border-radius:10px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--text)!important;
  opacity:.82!important;
  font-size:.9rem!important;
  font-weight:750!important;
}
.main-header .nav-link:hover,
.main-header .nav-link.active{
  color:var(--blue)!important;
  opacity:1!important;
  background:color-mix(in srgb,var(--public-header-button) 76%,transparent)!important;
}
.main-header .nav-link.active{box-shadow:none!important}
.main-header .header-actions{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
.main-header .btn,
.main-header .theme-toggle,
.main-header .mobile-menu-btn{
  min-height:42px!important;
  height:42px!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  background:var(--public-header-button)!important;
  color:var(--text)!important;
  box-shadow:none!important;
  font-size:.9rem!important;
  font-weight:850!important;
}
.main-header .theme-toggle,
.main-header .mobile-menu-btn{
  width:42px!important;
  padding:0!important;
  border-radius:50%!important;
}
.main-header .btn-primary{
  border-color:rgba(45,212,191,.32)!important;
  background:linear-gradient(135deg,#0b1220 0%,#111827 58%,#12251f 100%)!important;
  color:#f8fafc!important;
  box-shadow:0 14px 32px rgba(2,6,23,.22),inset 0 1px 0 rgba(255,255,255,.10)!important;
}
.main-header .btn:hover,
.main-header .theme-toggle:hover,
.main-header .mobile-menu-btn:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(37,99,235,.28)!important;
  color:var(--blue)!important;
}
.main-header .btn-primary:hover{
  color:#fff!important;
  background:linear-gradient(135deg,#111827 0%,#172033 52%,#17362b 100%)!important;
  transform:translateY(-1px)!important;
}

@media(max-width:1040px){
  .main-header .nav-menu,
  .main-header .header-actions .btn{display:none!important}
  .main-header .mobile-menu-btn{display:inline-flex!important}
}

@media(max-width:780px){
  :root{--public-header-height:68px}
  .main-header{min-height:calc(var(--public-header-height) + env(safe-area-inset-top,0px))!important}
  .main-header .header-inner{
    min-height:calc(var(--public-header-height) + env(safe-area-inset-top,0px))!important;
    width:calc(100% - 28px)!important;
    padding-top:env(safe-area-inset-top,0px)!important;
  }
  .header-logo-img,
  .footer-brand{width:140px!important}
}

/* Fundo atmosférico partilhado: azul e verde suaves, sem reduzir contraste. */
html:not([data-theme="dark"]) body{
  background:
    radial-gradient(54rem 38rem at -8% -12%, rgba(59,130,246,.20), transparent 66%),
    radial-gradient(48rem 34rem at 104% 16%, rgba(20,184,166,.15), transparent 69%),
    radial-gradient(42rem 30rem at 54% 112%, rgba(37,99,235,.09), transparent 70%),
    linear-gradient(145deg, #f8fbff 0%, #f2f8f9 52%, #f7fbff 100%)!important;
  background-attachment:fixed!important;
}
:root[data-theme="dark"] body{
  background:
    radial-gradient(58rem 42rem at -10% -14%, rgba(37,99,235,.22), transparent 66%),
    radial-gradient(48rem 36rem at 106% 10%, rgba(16,185,129,.15), transparent 70%),
    radial-gradient(44rem 32rem at 54% 112%, rgba(14,165,233,.10), transparent 72%),
    linear-gradient(145deg, #080d16 0%, #0a1217 52%, #081017 100%)!important;
  background-attachment:fixed!important;
}
@media (max-width:680px){
  html:not([data-theme="dark"]) body,
  :root[data-theme="dark"] body{background-attachment:scroll!important}
}
/* Camadas previsíveis: menus acima dos cards, mas abaixo de diálogos críticos. */
.main-header:has(.lang-dropdown.open){z-index:780!important;overflow:visible!important}
.main-header .header-inner,.main-header .header-actions,.main-header .lang-wrap{overflow:visible!important}
.main-header .lang-dropdown{z-index:1240!important;max-height:min(430px,calc(100dvh - 92px));overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain}
@media(max-width:640px){.main-header .lang-dropdown{right:-4px!important;width:min(220px,calc(100vw - 20px))!important;max-height:calc(100dvh - 84px)}}