.elementor-11 .elementor-element.elementor-element-4389e09{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-4389e09 *//* viewport height with fallbacks */
:root{ --mcm-header:64px; } /* auto-updated by JS below */

html, body { height:100%; overscroll-behavior-y:contain; }

.mcm-embed{
  position:relative;
  width:100%;
  max-width:1200px;      /* optional desktop cap */
  margin:0 auto;
  border:1px solid #E6E6E6;
  border-radius:12px;
  box-shadow:0 8px 24px rgba(0,0,0,0.08);
  overflow:hidden;       /* kill outside scroll */
  background:#fff;
}

/* use vh → svh → dvh (last wins if supported) */
.mcm-embed--vh{ height:calc(100vh - var(--mcm-header)); }
@supports (height: 100svh){
  .mcm-embed--vh{ height:calc(100svh - var(--mcm-header)); }
}
@supports (height: 100dvh){
  .mcm-embed--vh{ height:calc(100dvh - var(--mcm-header)); }
}

.mcm-iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }

/* Elementor/WP wrappers sometimes add extra scroll/min-heights */
.elementor-section, .elementor-container, .elementor-widget-container{
  overflow:visible !important;
  min-height:unset !important;
}

@media (max-width:768px){
  :root{ --mcm-header:56px; } /* fallback if JS can't read header height */
}/* End custom CSS */