/* Mobile chrome hotfix — load last */
@media (max-width: 991.98px) {
  .dz-contact-fab-main,
  .dz-contact-fab-option,
  .myfab-main,
  .myfab-option {
    display: none !important;
  }

  .dz-h-nav,
  .navbar-stuck-menu,
  .dz-desktop-nav {
    display: none !important;
  }
}

#navbarOffcanvas,
.offcanvas.dz-mobile-menu {
  position: fixed !important;
  top: 0;
  bottom: 0;
  left: 0;
  right: auto;
  width: min(340px, 88vw) !important;
  max-width: 88vw !important;
  height: 100vh !important;
  z-index: 1085 !important;
  background: #fff !important;
  visibility: hidden;
  transform: translateX(-105%);
  border: 0;
  box-shadow: 16px 0 40px rgba(15, 23, 42, .18);
}
#navbarOffcanvas.show,
#navbarOffcanvas.showing,
.offcanvas.dz-mobile-menu.show,
.offcanvas.dz-mobile-menu.showing {
  visibility: visible !important;
  transform: none !important;
}

.offcanvas-backdrop {
  z-index: 1080 !important;
}

.dz-mobile-search {
  margin: 0 8px 14px;
}
.dz-mobile-search input {
  width: 100%;
  height: 44px;
  border: 1px solid #d7e5dc;
  border-radius: 12px;
  padding: 0 14px;
  background: #f7fbf8;
}

.dz-mobile-backdrop,
.dz-filter-drawer {
  position: fixed !important;
}
.dz-mobile-backdrop {
  inset: 0;
  background: rgba(14, 34, 27, .55);
  z-index: 200000;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.dz-mobile-backdrop.dz-show {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
.dz-filter-drawer {
  top: 0; left: 0; bottom: 0;
  width: min(360px, 92vw);
  background: #fff;
  z-index: 200001;
  transform: translateX(-105%);
  visibility: hidden;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  box-shadow: 8px 0 30px rgba(0,0,0,.2);
}
.dz-filter-drawer.dz-open,
.dz-filter-drawer.show {
  transform: none !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
