body.eg-map-site-page { min-height: 100dvh; }
.eg-map-site-page .eg-site-header nav a { color: inherit; }
.eg-map-site-page .eg-site-header nav a:hover { color: var(--brand-red); }
.eg-map-site-page #eg-content { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.eg-map-page-main { flex: 1; display: flex; flex-direction: column; min-width: 0; }
.eg-map-page-breadcrumbs { padding-block: 16px; }
.eg-map-page-breadcrumbs .eg-structure-breadcrumbs { margin: 0; }
.eg-map-page-breadcrumbs h1 { display: inline; margin: 0; font: inherit; color: inherit; }
.eg-map-page-content { min-width: 0; flex: 1; display: flex; margin-bottom: 24px; }
.eg-map-page-surface { display: flex; width: 100%; min-width: 0; }
#eg-map-page-frame { display: block; width: 100%; height: max(480px, calc(100dvh - var(--eg-map-page-top, 120px) - 24px)); border: 1px solid var(--line); background: #000; }
html:fullscreen body.eg-map-site-page { margin: 0; padding: 0; height: 100dvh; min-height: 0; overflow: hidden; }
html:fullscreen .eg-map-site-page :is(.eg-site-header, .eg-site-footer, .eg-map-page-breadcrumbs, #wpadminbar) { display: none !important; }
html:fullscreen .eg-map-site-page :is(#eg-content, .eg-map-page-main) { height: 100%; min-height: 0; }
html:fullscreen .eg-map-site-page .eg-map-page-content { width: 100%; max-width: none; height: 100%; margin: 0; }
html:fullscreen .eg-map-site-page #eg-map-page-frame { width: 100%; height: 100dvh; min-height: 0; border: 0; }
@media (min-width: 1920px) {
  html:fullscreen .eg-map-site-page .eg-map-page-surface { width: calc(100% - 640px); margin-inline: 320px; }
}
@media (max-width: 767px) {
  .eg-map-page-breadcrumbs { padding-block: 12px; }
  .eg-map-page-content { width: 100%; margin-bottom: 0; }
  #eg-map-page-frame { height: calc(100dvh - var(--eg-map-page-top, 120px)); min-height: 360px; border-inline: 0; border-bottom: 0; }
}