/* #region zone:flights.globe-v2-style — ลูกโลกแยกการ์ดและปุ่มข้อมูลไม่บังขอบต่อ */
html:root #hero {
  background: radial-gradient(ellipse at 50% 45%, #173b50, #081622 80%);
}
html:root[data-theme='light'] #hero {
  background: radial-gradient(ellipse at 50% 45%, #e3f2f4, #b3d4e0 85%);
}
html[data-renderer='3d-v2'] #globe {
  touch-action: none;
  z-index: 1;
}
.stage .globe-vector-map {
  pointer-events: none;
  z-index: 0;
}
.stage .globe-vector-labels {
  pointer-events: none;
  z-index: 2;
}
#hero[data-map-view='close'] #rotate-left,
#hero[data-map-view='close'] #rotate-right {
  display: none;
}
html[data-renderer='3d-v2'] #hero .tools-more {
  display: none;
}
html[data-renderer='3d-v2'] #hero .tool-icons {
  display: grid;
  grid-template-columns: repeat(2, 44px);
  gap: var(--u-space-2);
  padding: 0;
  background: transparent;
}
#globe:focus-visible {
  outline: 3px solid var(--accent);
  outline-offset: -4px;
}
@media (max-width: 760px) {
  html[data-renderer='3d-v2'] #hero .globe-tools {
    position: absolute;
    top: 16px;
    right: 12px;
    display: grid;
    gap: var(--u-space-2);
    margin: 0;
  }
  html:root .stage {
    height: clamp(330px, 92vw, 420px);
  }
}
@media (max-height: 450px) and (orientation: landscape) {
  html:root #hero {
    height: 300px;
    min-height: 0;
  }
  html:root .stage {
    height: 300px;
  }
}
/* #endregion */