/* Astro Advice - scalable city navigation */
.astro-city-menu{position:relative}
.astro-city-toggle{display:inline-flex!important;align-items:center;gap:7px;cursor:pointer}
.astro-city-arrow{font-size:.78em;transition:transform .25s ease}
.astro-city-menu.is-open .astro-city-arrow{transform:rotate(180deg)}
.astro-city-dropdown{
  position:absolute;z-index:9999;top:calc(100% + 12px);left:50%;
  transform:translateX(-50%) translateY(8px);
  width:min(680px,calc(100vw - 30px));padding:20px;
  background:rgba(20,13,9,.98);border:1px solid rgba(242,101,34,.42);
  border-radius:16px;box-shadow:0 18px 55px rgba(0,0,0,.28);
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .22s ease,transform .22s ease,visibility .22s ease;
}
.astro-city-menu.is-open .astro-city-dropdown{
  opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0);
}
.astro-city-dropdown-title{
  color:#ffbc00;font-weight:700;font-size:14px;letter-spacing:.04em;
  text-transform:uppercase;margin-bottom:12px;
}
.astro-city-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.astro-city-grid a{
  display:block!important;padding:10px 11px;border-radius:9px;
  color:#fff!important;text-decoration:none!important;font-size:14px;
  line-height:1.35;background:rgba(255,255,255,.055);
  transition:background .2s ease,transform .2s ease;
}
.astro-city-grid a:hover{background:rgba(242,101,34,.2);transform:translateY(-1px)}
@media(max-width:900px){
  .astro-city-dropdown{position:fixed;top:76px;left:15px;right:15px;width:auto;transform:translateY(8px)}
  .astro-city-menu.is-open .astro-city-dropdown{transform:translateY(0)}
  .astro-city-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  .astro-city-grid{grid-template-columns:1fr}
  .astro-city-dropdown{top:68px;padding:15px}
}