/* Eén bovenrand voor website én klant/beheer. Alleen in de geïnstalleerde PWA;
   hero-transparantie in de gewone mobiele browser blijft behouden. De native
   iOS-statusbalk zelf blijft OS-beheer: dit is de ondoorzichtige webondergrond. */
html.pwa-standalone{background:#002E54}
@media screen and (max-width:1100px){
  html.pwa-standalone body .kop,html.pwa-standalone body .top{
    background:#002E54!important;opacity:1;filter:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none
  }
  html.pwa-standalone body .kop::before,html.pwa-standalone body .top::before{background:#002E54!important}
}
/* De app had een witte body met een interne scrollbox. iOS bemonstert ook die
   ondergrond voor zijn bovenrand, niet alleen de kleur van .top. */
html.pwa-standalone body{background-color:#002E54}
html.pwa-standalone body>.wrap{background:#fff}
@media screen and (max-width:1100px){
 html.pwa-standalone body .top{position:sticky;top:0;z-index:20}
 html.pwa-standalone body::before{content:'';position:fixed;top:0;left:0;right:0;height:env(safe-area-inset-top,0px);background:#002E54;z-index:50;pointer-events:none}
}
@media screen and (max-width:1100px){
 html.pwa-standalone body:has(>.top){height:auto;min-height:100dvh;overflow:visible;overscroll-behavior-y:auto}
 html.pwa-standalone body>.wrap{flex:1 0 auto;overflow:visible;-webkit-overflow-scrolling:auto}
}
html.pwa-standalone main.pagina{background:#fff}