/* DOBIEN X18 safe cache-busted CSS v240624 */
html.x18safe-html,
body.x18safe-body {
  overflow-x: hidden !important;
  max-width: 100% !important;
}

body.x18safe-body #mmDrawer:not(.open) {
  right: -110vw !important;
  left: auto !important;
  transform: translate3d(110%,0,0) !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
}

body.x18safe-body #mmOverlay:not(.open) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.x18safe-body .x18-wrap,
body.x18safe-body .x18-detail,
body.x18safe-body .x18-watch,
body.x18safe-body .x18-model-wrap,
body.x18safe-body .x18-gate {
  width: 100% !important;
  max-width: 100vw !important;
  overflow-x: hidden !important;
  position: relative !important;
  z-index: 2 !important;
  box-sizing: border-box !important;
}

body.x18safe-body .x18-wrap *,
body.x18safe-body .x18-detail *,
body.x18safe-body .x18-watch *,
body.x18safe-body .x18-model-wrap *,
body.x18safe-body .x18-gate * {
  box-sizing: border-box;
}

body.x18safe-body .x18-container,
body.x18safe-body .x18-container,
body.x18safe-body .x18-watch-body,
body.x18safe-body .x18-model-container {
  max-width: 100% !important;
}

@media(max-width: 767px) {
  body.x18safe-body .x18-wrap,
  body.x18safe-body .x18-detail,
  body.x18safe-body .x18-watch,
  body.x18safe-body .x18-model-wrap,
  body.x18safe-body .x18-gate {
    isolation: isolate;
  }

  body.x18safe-body .x18-hero,
  body.x18safe-body .x18-hero,
  body.x18safe-body .x18-watch-card,
  body.x18safe-body .x18-model-hero {
    max-width: 100% !important;
  }
}