/* Homepage preview: SVG branding and spacing from the town-map header. */
body.gbm-home-layout #top-bar > .inner-wrap { padding-top: 20px !important; }
body.gbm-home-layout #menu { padding-top: 20px !important; }
body.gbm-home-layout #header-text { top: 20px; }
body.gbm-home-layout #header-logo,
body.gbm-home-layout #footer-logo {
  display: grid;
  grid-template-columns: 80px minmax(0, 1fr);
  grid-template-rows: 24px 20px;
  column-gap: 10px;
  align-items: center;
  box-sizing: border-box;
}
body.gbm-home-layout #header-logo > a,
body.gbm-home-layout #footer-logo > a { grid-row: 1 / 3; display: block; width: 80px; line-height: 0; }
body.gbm-home-layout .gbm-brand-flag { display: block; width: 80px; height: 40px; max-width: 100%; margin: 0; padding: 0; float: none; }
body.gbm-home-layout #header-logo > h2,
body.gbm-home-layout #header-logo > h3,
body.gbm-home-layout #footer-logo > h2,
body.gbm-home-layout #footer-logo > h3 { float: none; width: auto; margin: 0; padding: 0; text-align: left; }
body.gbm-home-layout #header-logo > div,
body.gbm-home-layout #footer-logo > div { display: none; }
body.gbm-home-layout #footerContainer { padding-top: 24px; }
body.gbm-home-layout .gbm-footer-support { display: none; }
body.gbm-home-layout #myfooter { display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; padding: 18px 10px 24px; }
body.gbm-home-layout #myfooter > div[style] { display: none; }
body.gbm-home-layout #footer-logo { float: none; flex: 0 0 340px; padding: 0; margin: 0; }
body.gbm-home-layout #footer-text { float: none; width: auto; margin: 0; padding: 0; line-height: 1.6; }

/* Keep both animation panels at the same width without distorting either map. */
body.gbm-home-layout #gbm-street-map-banner { width: 95.8%; max-width: 95.8%; margin: 2rem auto; padding: 1.5rem; gap: 3rem; }
body.gbm-home-layout #gbm-street-map-banner .custom-map-demo { flex: 0 0 500px; width: 500px; max-width: 100%; }
body.gbm-home-layout #gbm-street-map-banner .map-frame { width: 100%; }
@media (max-width: 1100px) {
  body.gbm-home-layout #gbm-street-map-banner { gap: 2rem; }
  body.gbm-home-layout #gbm-street-map-banner .custom-map-demo { flex-basis: 46%; width: 46%; }
}
@media (max-width: 920px) {
  body.gbm-home-layout #menu { padding-top: 0 !important; }
  body.gbm-home-layout #header-text { top: auto; }
  body.gbm-home-layout .gbm-footer-support { display: flex; padding: 0 0 8px; }
  body.gbm-home-layout #myfooter { flex-direction: column; align-items: center; gap: 18px; }
  body.gbm-home-layout #footer-logo { flex: none; width: 300px; max-width: 100%; padding: 0; margin: 0 auto; }
  body.gbm-home-layout #footer-text { width: 100%; text-align: center; }
}
@media (max-width: 768px) {
  body.gbm-home-layout #gbm-street-map-banner { gap: 1rem; }
  body.gbm-home-layout #gbm-street-map-banner .custom-map-demo { flex: 0 1 auto; width: 100%; max-width: 500px; }
}
@media (max-width: 640px) {
  body.gbm-home-layout #header-logo { grid-template-columns: 80px minmax(0, 1fr); }
  body.gbm-home-layout.gbm-account-header .gbm-footer-ready #footer-logo { grid-template-columns: 80px auto; width: auto; }
  body.gbm-home-layout #gbm-street-map-banner { width: auto; max-width: none; margin: 12px; padding: 16px; }
}