.language-switcher{position:relative;margin-left:auto;margin-right:14px;z-index:10001;font-family:Inter,system-ui,sans-serif}
.language-toggle{height:40px;min-width:82px;padding:0 13px;border:1px solid rgba(151,112,62,.34);border-radius:999px;background:rgba(255,252,247,.66);color:#493b2d;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.06em;cursor:pointer;box-shadow:0 3px 12px rgba(75,55,31,.04);transition:border-color .2s,background .2s,box-shadow .2s}
.language-toggle:hover,.language-switcher.open .language-toggle{border-color:#b28a55;background:#fffaf2;box-shadow:0 5px 18px rgba(75,55,31,.1)}
.language-toggle .language-globe{width:16px;height:16px;fill:none;stroke:#8a663b;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.language-toggle .language-chevron{width:9px;height:6px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .2s}.language-switcher.open .language-chevron{transform:rotate(180deg)}
.language-current{min-width:24px;text-align:center}.language-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:190px;padding:8px;border:1px solid #dfd1bd;border-radius:9px;background:#fffaf3;box-shadow:0 16px 40px rgba(70,52,30,.16);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.18s ease}
.language-menu:before{content:'';position:absolute;right:28px;top:-5px;width:9px;height:9px;background:#fffaf3;border-left:1px solid #dfd1bd;border-top:1px solid #dfd1bd;transform:rotate(45deg)}.language-switcher.open .language-menu{opacity:1;visibility:visible;transform:none}.language-menu-title{padding:6px 10px 8px;color:#9a8263;font-size:9px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.language-menu button{width:100%;padding:8px;border:0;border-radius:6px;background:transparent;color:#514333;display:grid;grid-template-columns:30px 1fr 16px;align-items:center;gap:10px;text-align:left;font-size:13px;cursor:pointer;transition:background .16s,color .16s}.language-menu button:hover,.language-menu button[aria-checked=true]{background:#eee3d3;color:#694820}.language-code{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#f2e8da;color:#86623a;font-size:10px;font-weight:700}.language-menu button[aria-checked=true] .language-code{background:#bfa071;color:#2f261c}.language-check{width:15px;height:15px;fill:none;stroke:#86623a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:0}.language-menu button[aria-checked=true] .language-check{opacity:1}
.language-switcher-mobile{margin:28px 0 18px;padding-top:22px;border-top:1px solid #d4c5b0}.language-mobile-label{margin:0 0 11px;color:#85643e;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.language-mobile-options{display:grid;grid-template-columns:1fr;gap:7px}.language-mobile-options button{width:100%;min-height:44px;padding:8px 11px;border:1px solid #d1bea1;border-radius:7px;background:#f6efe5;color:#5b4a36;display:grid;grid-template-columns:32px 1fr;align-items:center;gap:9px;text-align:left;cursor:pointer}.language-mobile-options button span{font-size:11px;font-weight:700;text-align:center}.language-mobile-options button small{font-size:10px;color:#89765d;white-space:nowrap}.language-mobile-options button[aria-checked=true]{background:#bfa071;color:#282018;border-color:#bfa071;box-shadow:0 5px 14px rgba(97,70,37,.15)}.language-mobile-options button[aria-checked=true] small{color:#433522}
body.lang-th{font-family:Inter,"Noto Sans Thai",Tahoma,system-ui,sans-serif}body.lang-th .font-heading,body.lang-th h1,body.lang-th h2,body.lang-th h3,body.lang-th h4{font-family:"Noto Sans Thai",Tahoma,Inter,sans-serif;letter-spacing:0!important}
.language-switcher button:focus-visible{outline:2px solid #806039;outline-offset:2px}
@media(max-width:1120px) and (min-width:1024px){.language-switcher{margin-right:9px}.language-toggle{min-width:72px;padding:0 10px}#navbar nav{gap:1.25rem!important}}
@media(max-width:1023px){#navbar>.max-w-7xl>.flex>.language-switcher{display:none}}

/* Keep every desktop header on the same three-part axis: brand, centered navigation, actions. */
@media(min-width:1024px){
  #navbar{border-bottom:1px solid rgba(174,145,103,.28);box-shadow:0 3px 14px rgba(64,48,30,.05)}
  #navbar>.max-w-7xl{max-width:1440px}
  #navbar>.max-w-7xl>.flex{position:relative;height:70px!important}
  #navbar>.max-w-7xl>.flex>nav{position:absolute;left:50%;transform:translateX(-50%);gap:clamp(24px,2.4vw,38px)!important;white-space:nowrap}
  #navbar>.max-w-7xl>.flex>a[aria-label="ZoomGo Home"]{position:relative;z-index:1;flex:0 0 auto}
  #navbar>.max-w-7xl>.flex>.language-switcher{margin-left:auto;margin-right:14px;flex:0 0 auto}
  #navbar>.max-w-7xl>.flex>.language-switcher+div{position:relative;z-index:1;flex:0 0 auto}
  #navbar .btn-red{min-height:40px;display:inline-flex;align-items:center;justify-content:center;font-size:12px!important;letter-spacing:.09em;white-space:nowrap}
}
@media(min-width:1024px) and (max-width:1120px){
  #navbar>.max-w-7xl>.flex>nav{gap:18px!important}
  #navbar .nav-link{font-size:.78rem;letter-spacing:.075em}
  #navbar>.max-w-7xl>.flex>a[aria-label="ZoomGo Home"] img{width:180px!important}
  #navbar>.max-w-7xl>.flex>.language-switcher{margin-right:8px}
  #navbar .btn-red{padding-left:14px!important;padding-right:14px!important}
}