/* =========================================================
 * Modern Treasures 2.0 - Mobile Canvas Lock
 * Page 5713 only. Normal document flow; no body transforms.
 * ======================================================= */

@media (max-width: 767px), (hover: none) and (pointer: coarse) and (max-width: 932px) {
  html:has(body.page-id-5713),
  body.page-id-5713 {
    inline-size: 100%;
    max-inline-size: 100%;
    min-inline-size: 0;
    margin-inline: 0;
    overflow-x: hidden;
    overscroll-behavior-x: none;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  @supports (overflow: clip) {
    html:has(body.page-id-5713),
    body.page-id-5713 {
      overflow-x: clip;
    }
  }

  body.page-id-5713,
  body.page-id-5713 *,
  body.page-id-5713 *::before,
  body.page-id-5713 *::after {
    box-sizing: border-box;
  }

  body.page-id-5713 #page,
  body.page-id-5713 #content,
  body.page-id-5713 .site-main,
  body.page-id-5713 .elementor.elementor-5713,
  body.page-id-5713 .elementor.elementor-5713 > .e-con {
    inline-size: 100%;
    max-inline-size: 100%;
    min-inline-size: 0;
    margin-inline: 0;
    transform: none;
    transform-origin: initial;
  }

  /* Hello Elementor outputs an empty flow header in addition to the actual
     fixed Modern Treasures header. Only the empty duplicate is suppressed. */
  body.page-id-5713 > #site-header {
    display: none !important;
  }

  body.page-id-5713 #mt-hero,
  body.page-id-5713 .elementor-widget-html:has(> .elementor-widget-container > #mt-hero),
  body.page-id-5713 .elementor-widget-html:has(> .elementor-widget-container > #mt-hero) > .elementor-widget-container,
  body.page-id-5713 .e-con:has(#mt-hero) {
    margin-block-start: 0 !important;
    padding-block-start: 0;
  }

  body.page-id-5713 #mt-hero {
    inline-size: var(--mt20-mobile-layout-width, 100dvw);
    max-inline-size: 100%;
    min-block-size: var(--mt20-mobile-visual-height, 100svh);
    block-size: var(--mt20-mobile-visual-height, 100svh);
    margin: 0;
    padding-block-start: var(--mt-header-height-mobile, 56px);
    overflow: hidden;
    isolation: isolate;
    contain: layout paint;
    touch-action: pan-y;
  }

  body.page-id-5713 #mt-hero .mt-hero__logo-stage,
  body.page-id-5713 #mt-hero .mt-hero__scene,
  body.page-id-5713 #mt-hero .mt-hero__logo-layer,
  body.page-id-5713 #mt-hero .mt-hero__logo-image {
    perspective: none !important;
    transform-style: flat !important;
    backface-visibility: visible;
    will-change: auto !important;
  }

  body.page-id-5713 #mt-hero .mt-hero__scene {
    transform: none !important;
    transition: none !important;
  }

  body.page-id-5713 #mt-hero .mt-hero__logo-layer,
  body.page-id-5713 #mt-hero .mt-hero__logo-image--depth {
    display: none !important;
  }

  body.page-id-5713 #mt-hero .mt-hero__logo-image--front {
    display: block;
    transform: none !important;
  }

  body.page-id-5713 .elementor.elementor-5713 img,
  body.page-id-5713 .elementor.elementor-5713 video,
  body.page-id-5713 .elementor.elementor-5713 canvas,
  body.page-id-5713 .elementor.elementor-5713 svg {
    max-inline-size: 100%;
  }
}