/* Hide loading overlay immediately */
.loadingwrapper {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Hero section */
section.container.container--big {
  position: relative !important;
  min-height: 100vh !important;
  overflow: hidden !important;
}

.init_overlay {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important;
}

.fullscreen-bg {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 0 !important;
  background: #000 center / cover no-repeat;
  background-image: url('/assets/petbhome.com/images/videoframe.jpg');
}

.fullscreen-bg__video {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
}

/* Intro page menu spacer */
#mHeight_filler.intropage {
  display: none !important;
}

/* Menu overlay stays hidden until opened */
#menu_nav.overlay:not(.menu-open) {
  display: none !important;
  width: 0 !important;
  right: -100% !important;
}

/* Hide Bootstrap modals until explicitly shown (works even if Bootstrap CSS fails) */
.modal {
  display: none !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 1050 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  outline: 0 !important;
}

.modal.show {
  display: block !important;
}

.modal-backdrop {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 1040 !important;
  width: 100vw !important;
  height: 100vh !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
}

.modal-backdrop:not(.show) {
  display: none !important;
}

body.modal-open {
  overflow: hidden !important;
}
