/* === SAFENAV PATCH v9: FULLSCREEN BACKGROUND (NO CONTAINER BOX) === */
html, body {
  width: 100%;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

body {
  min-height: 100vh;
  background: url("assets/images/safenav-bg.jpg") center center / cover no-repeat fixed !important;
  /* If you want the image to scroll with content, change 'fixed' to 'scroll' */
}

 /* remove any layout "box" look */
.container, .wrap, .wrapper, .page, .app, .content, .main {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

 /* if there is a hero/card overlay, keep it transparent */
.card, .panel, .hero, .hero-card {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}