/* Approved menu: photographic thumbnails and white labels. */
body.mobile-hub.midnight main>#menu.cinematic-page{background:#f8fbff!important;padding:0!important;border:0;border-radius:16px;overflow:hidden}
body.mobile-hub.midnight #menu.cinematic-page .glass-heading{margin:0!important;padding:16px!important;min-height:112px!important;border-radius:0;background-color:#031728}
body.mobile-hub.midnight #menu.cinematic-page .menu-grid{padding:12px 12px 0;margin:0;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
body.mobile-hub.midnight #menu.cinematic-page .menu-grid a{display:grid;grid-template-columns:24px minmax(0,1fr) 12px;grid-template-rows:minmax(65px,1fr) auto;align-items:center;gap:0 7px;min-height:140px;padding:0 9px 0;background:#fff;border:1px solid #65d2e8;border-radius:12px;box-shadow:0 3px 9px #058aa815;isolation:isolate;overflow:hidden}
body.mobile-hub.midnight #menu.cinematic-page .menu-grid a::before{inset:0 0 39px;z-index:-1}
body.mobile-hub.midnight #menu.cinematic-page .menu-grid a::after{content:none}
body.mobile-hub.midnight #menu.cinematic-page .menu-grid a>svg{grid-column:1;grid-row:2;width:23px!important;height:23px!important;color:#0bbbd6!important;margin:7px 0}
body.mobile-hub.midnight #menu.cinematic-page .menu-grid a>strong{grid-column:2;grid-row:2;color:#08223f!important;font-size:14px!important;line-height:1.3;padding:9px 0;min-height:39px;box-sizing:border-box;display:flex;align-items:center}
body.mobile-hub.midnight #menu.cinematic-page .menu-grid a>.glass-arrow{grid-column:3;grid-row:2;color:#06b9d7!important;align-self:center;margin:0}
body.mobile-hub.midnight #menu.cinematic-page .menu-grid a[href='#maps']::before{background-image:url('./gallery/home-coast.webp');background-size:cover;background-position:center}
body.mobile-hub.midnight #menu.cinematic-page>.hint{margin:0!important;padding:9px 14px;color:#5b6c84;font-size:12px;line-height:1.4;text-align:center}
body.mobile-hub.midnight #menu.cinematic-page>.hint+.hint{padding-top:0;text-align:left}
@media(max-width:959px){
 body.mobile-hub.midnight main>#menu.cinematic-page{border-radius:0;padding-bottom:6px!important}
 body.mobile-hub.midnight #menu.cinematic-page .glass-heading{min-height:95px!important;padding:12px 14px!important}
 body.mobile-hub.midnight #menu.cinematic-page .menu-grid{gap:8px;padding:10px 10px 0}
 body.mobile-hub.midnight #menu.cinematic-page .menu-grid a{min-height:clamp(96px,calc((var(--visible-height) - 250px - env(safe-area-inset-bottom)) / 4),145px);grid-template-rows:minmax(54px,1fr) auto}
}
@media(min-width:960px){
 body.mobile-hub.midnight #menu.cinematic-page .menu-grid{gap:16px;padding:20px 20px 5px}
 body.mobile-hub.midnight #menu.cinematic-page .menu-grid a{min-height:200px}
 body.mobile-hub.midnight #menu.cinematic-page .menu-grid a>strong{font-size:18px!important}
}
/* Multilingual overlay layout: all titles wrap inside equal-height image cards. */
body.mobile-hub.midnight #menu.cinematic-page .menu-grid{grid-auto-rows:1fr}
body.mobile-hub.midnight #menu.cinematic-page .menu-grid a{grid-template-columns:24px minmax(0,1fr);grid-template-rows:minmax(28px,1fr) auto;align-items:end;padding:10px;gap:0 8px;background:#051b30;min-width:0}
body.mobile-hub.midnight #menu.cinematic-page .menu-grid a::before{inset:0;z-index:-2}
body.mobile-hub.midnight #menu.cinematic-page .menu-grid a::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#03162b 0%,#03162bea 20%,#03162b77 48%,transparent 80%)}
body.mobile-hub.midnight #menu.cinematic-page .menu-grid a>strong{color:#fff!important;min-height:2.7em;height:auto;padding:0;display:flex;align-items:center;line-height:1.35;white-space:normal;word-break:normal;overflow-wrap:anywhere;text-shadow:0 1px 5px #001024;min-width:0}
body.mobile-hub.midnight #menu.cinematic-page .menu-grid a>svg{align-self:center;margin:0;color:#29e5f3!important}
body.mobile-hub.midnight #menu.cinematic-page .menu-grid a>.glass-arrow{display:none}
@media(max-width:959px){
 body.mobile-hub.midnight #menu.cinematic-page .menu-grid a{grid-template-rows:minmax(28px,1fr) auto;min-height:clamp(108px,calc((var(--visible-height) - 260px - env(safe-area-inset-bottom)) / 4),155px)}
 body.mobile-hub.midnight .bottom-nav a{grid-template-rows:24px minmax(32px,auto);align-content:center;text-align:center;line-height:1.25;white-space:normal;overflow-wrap:anywhere;min-width:0}
 body.mobile-hub.midnight .bottom-nav{grid-auto-rows:1fr}
 body.mobile-hub.midnight{--app-tabs:72px}
 body.mobile-hub.midnight #menu.cinematic-page .glass-heading h1{scroll-margin-top:70px}
}