body.no-scroll {
  overflow: hidden !important;
  height: 100vh !important;
}

.modal[hidden],
.overlay[hidden] {
  display: none !important;
}

.drawer {
  z-index: 80 !important;
}

.overlay {
  z-index: 70 !important;
}

.modal {
  z-index: 90 !important;
}

main.app-shell > section.page {
  display: none !important;
}

main.app-shell > section.page.active {
  display: block !important;
}

.drawer.open ~ main,
body.no-scroll .app-shell {
  pointer-events: none;
}

.modal .modal-card {
  pointer-events: auto;
}

.drawer.open {
  pointer-events: auto;
}

#productModal {
  align-items: center;
  justify-content: center;
}

#productModal .modal-card {
  position: relative;
  z-index: 91;
}