/* Shared site header — used by every page (home, city landing pages, thank-you)
   so the main navigation is identical and persistent site-wide. index.html keeps
   its own historical inline copy of these same rules; this file lets every other
   page reuse them without duplicating the whole homepage <style> block. */
:root{
  --primary-dark-blue:#0E2A47;
  --bright-yellow-green:#B8FF36;
  --white:#fff;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;}
img{max-width:100%;}
button,input,select,textarea{font:inherit;}
.full-bleed{width:100vw;margin-left:calc(50% - 50vw);}
.container{max-width:1200px;margin:0 auto;padding:0 16px;}

.btn{padding:14px 22px;border-radius:999px;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:.18s;border:0;cursor:pointer;line-height:1;white-space:nowrap;}
.btn-primary{background:var(--bright-yellow-green);color:var(--primary-dark-blue);box-shadow:0 10px 24px rgba(184,255,54,.25);}
.btn-primary:hover{transform:translateY(-2px);}

.scroll-progress{position:fixed;top:0;left:0;width:0;height:3px;z-index:2000;background:var(--bright-yellow-green);box-shadow:0 0 16px rgba(184,255,54,.75);}

.site-header{
  background:linear-gradient(110deg,rgba(9,30,52,.97),rgba(20,55,88,.94));
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  padding:10px 0;position:sticky;top:0;z-index:1000;
  border-bottom:1px solid rgba(255,255,255,.10);box-shadow:0 12px 34px rgba(5,21,37,.14);
  transition:padding .3s ease,background .3s ease,box-shadow .3s ease;
}
.site-header::after{
  content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;pointer-events:none;
  background:linear-gradient(90deg,transparent 8%,var(--bright-yellow-green) 50%,transparent 92%);opacity:.72;
}
.site-header.scrolled{padding:3px 0;background:rgba(9,30,52,.96);box-shadow:0 14px 36px rgba(9,30,52,.20);}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;}
.logo a{display:flex;align-items:center;padding:4px 0;}
.logo img{width:154px;height:auto;display:block;filter:drop-shadow(0 7px 18px rgba(0,0,0,.2));}
.nav-links{display:flex;list-style:none;gap:4px;align-items:center;margin:0;padding:5px 7px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(255,255,255,.055);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);}
.nav-links a{color:#fff;text-decoration:none;font-weight:700;opacity:.92;padding:10px 15px;border-radius:999px;display:inline-flex;align-items:center;position:relative;transition:color .25s ease,background .25s ease,transform .25s ease,opacity .25s ease;}
.nav-links a::after{content:'';position:absolute;left:0;right:100%;bottom:5px;height:2px;border-radius:999px;background:var(--bright-yellow-green);transition:right .3s ease;}
.nav-links a:hover::after{right:0;}
.nav-links a:hover{color:var(--bright-yellow-green);background:rgba(255,255,255,.08);opacity:1;transform:translateY(-1px);}
.nav-links a[aria-current="page"]{color:var(--bright-yellow-green);background:rgba(184,255,54,.09);}
.nav-dropdown{position:relative;}
.nav-dropdown>a::after{content:'\25BE';font-size:.65rem;margin-left:7px;opacity:.72;position:static;background:none;}
.product-menu{position:absolute;top:calc(100% + 12px);left:0;width:280px;padding:12px;z-index:1400;display:grid;grid-template-columns:1fr;gap:6px;background:rgba(9,30,52,.98);border:1px solid rgba(255,255,255,.14);border-radius:18px;box-shadow:0 22px 55px rgba(4,18,31,.38);opacity:0;visibility:hidden;transform:translateY(-7px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;}
.nav-dropdown:hover .product-menu,.nav-dropdown:focus-within .product-menu{opacity:1;visibility:visible;transform:translateY(0);}
.product-menu a{padding:10px 12px!important;border-radius:11px!important;font-size:.82rem;white-space:nowrap;}
.product-menu-group{display:grid;grid-template-columns:1fr;gap:2px;padding:4px 0;}
.product-menu-group+.product-menu-group{border-top:1px solid rgba(255,255,255,.1);padding-top:10px;}
.product-menu-label{padding:0 12px 4px;color:var(--bright-yellow-green);font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;}
.header-cta{display:flex;align-items:center;gap:10px;}
.header-cta .btn{padding:12px 20px;font-size:.9rem;border:1px solid rgba(255,255,255,.26);box-shadow:0 12px 30px rgba(184,255,54,.2),inset 0 1px 0 rgba(255,255,255,.35);}
.language-switcher{position:relative;}
.mobile-language{display:none;}
.language-toggle{width:44px;height:44px;min-width:44px;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.07);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:0;font:inherit;font-size:.84rem;font-weight:800;transition:background .25s ease,border-color .25s ease,transform .25s ease;}\n.language-toggle span,.language-toggle .fa-chevron-down{display:none!important;}
.language-toggle:hover,.language-toggle[aria-expanded="true"]{background:rgba(255,255,255,.14);border-color:rgba(184,255,54,.55);transform:translateY(-1px);}
.language-menu{position:absolute;top:calc(100% + 12px);right:0;width:210px;padding:8px;background:rgba(9,30,52,.98);border:1px solid rgba(255,255,255,.14);border-radius:18px;box-shadow:0 22px 55px rgba(4,18,31,.35);display:none;z-index:1100;}
.language-menu.open{display:grid;animation:languageMenuIn .22s ease both;}
.language-option{border:0;background:transparent;color:#fff;padding:10px 12px;border-radius:11px;text-align:left;font:inherit;font-size:.84rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:space-between;}
.language-option:hover,.language-option.active{background:rgba(184,255,54,.12);color:var(--bright-yellow-green);}
.language-option.active::after{content:'\2713';}
#google_translate_element{position:fixed;left:-9999px;bottom:0;width:1px;height:1px;overflow:hidden;}
body>.skiptranslate,body>iframe.skiptranslate{display:none!important;}
body{top:0!important;}
@keyframes languageMenuIn{from{opacity:0;transform:translateY(-7px) scale(.98)}to{opacity:1;transform:none}}

.mobile-btn{display:none;border:0;background:transparent;color:#fff;font-size:22px;padding:8px 10px;border-radius:10px;cursor:pointer;}
.mobile-btn:focus{outline:2px solid rgba(184,255,54,.5);outline-offset:2px;}
.mobile-nav{display:none;background:rgba(14,42,71,.98);border-top:1px solid rgba(255,255,255,.12);padding:8px 0;}
.mobile-nav a{display:block;padding:14px 20px;color:#fff;text-decoration:none;font-weight:700;}
.mobile-nav a:hover{background:rgba(255,255,255,.06);color:var(--bright-yellow-green);}

@media(max-width:980px){
  .container{padding-left:20px;padding-right:20px;}
  .site-header{padding:7px 0;}
  .nav-wrap{min-height:58px;gap:10px;}
  .logo img{width:132px;}
  .nav-links{display:none;}
  .header-cta{display:none;}
  .nav-wrap>.language-switcher{display:block;margin-left:auto;}
  .language-toggle{width:42px;min-width:42px;height:42px;padding:0;}
  .language-toggle span,.language-toggle .fa-chevron-down{display:none;}
  .language-menu{right:0;width:200px;max-height:65vh;overflow:auto;}
  .mobile-btn{display:block;}
  .mobile-nav{max-height:calc(100vh - 74px);overflow-y:auto;box-shadow:0 18px 30px rgba(4,18,31,.22);}
  .mobile-nav a{padding:13px 20px;border-bottom:1px solid rgba(255,255,255,.055);}
  .mobile-product-box{display:grid;grid-template-columns:1fr;margin:8px 14px 12px;padding:8px;border:1px solid rgba(184,255,54,.22);border-radius:14px;background:rgba(255,255,255,.04);}
  .mobile-product-box a{padding:10px!important;border:0!important;font-size:.82rem;}
}
@media(max-width:720px){
  .container{padding-left:16px;padding-right:16px;}
  .logo img{width:118px;}
  .language-toggle,.mobile-btn{width:40px;min-width:40px;height:40px;padding:0;}
  .mobile-btn{font-size:20px;}
}
@media(max-width:390px){
  .nav-wrap{gap:6px;}
  .logo img{width:108px;}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}
}