@import url("../modules/v200-current-fixes.css?v=20261028_order_product_category_1");
@import url("./media-viewer-current.css?v=20260812_video_controls_2");

/* V93 runtime behavior only. Visual styling remains in the owning legacy/module files. */
:where(.modal, .drawer, [role="dialog"], [data-xk-overlay]) {
  --xk-overlay-depth: 0;
  --xk-overlay-layer: var(--layer-modal);
}

:where(.modal, .drawer, [role="dialog"], [data-xk-overlay]):not(.hidden) {
  z-index: calc(var(--layer-modal) + var(--xk-overlay-depth)) !important;
}

[data-xk-overlay="confirm"]:not(.hidden) { z-index: calc(var(--layer-modal-confirm) + var(--xk-overlay-depth)) !important; }
[data-xk-overlay="preview"]:not(.hidden) { z-index: calc(var(--layer-preview) + var(--xk-overlay-depth)) !important; }
[data-xk-overlay="maintenance"]:not(.hidden) { z-index: calc(var(--layer-maintenance) + var(--xk-overlay-depth)) !important; }
[data-xk-overlay][data-xk-overlay-top="false"] { pointer-events: none !important; }
[data-xk-overlay][data-xk-overlay-top="true"] { pointer-events: auto; }

body.xk-overlay-scroll-locked {
  overflow: hidden !important;
  overscroll-behavior: contain;
}

@media (max-width: 760px) {
  :where(.modal, .drawer, [role="dialog"], [data-xk-overlay]) {
    max-width: 100vw;
  }
}