.elementor-4524 .elementor-element.elementor-element-75821ad{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-4524 .elementor-element.elementor-element-d41955e{width:100%;max-width:100%;}/* Start custom CSS for html, class: .elementor-element-d41955e *//* 0) Global hardening (prevents white flash behind iframe) */
html, body {
  background: #0b0b2e;
  height: 100%;
  /* make sure the page itself can scroll vertically */
  overflow-y: auto;
}

/* 1) Elementor/Theme wrappers: remove paddings/margins/shadows */
.elementor-section, .elementor-container, .elementor-column,
.elementor-widget, .elementor-widget-container {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

.site, .site-content, .content-area, .entry-content, .page, .page-content {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* 2) Full-bleed wrapper — use dynamic viewport on mobile to avoid cutoff */
.embed-fullbleed {
  position: relative;
  width: 100vw;
  max-width: 100vw;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;              /* hide 1px seams at edges */
  background: #0b0b2e;
  line-height: 0;

  /* Fallback first */
  height: 100vh;

  /* Better for mobile when browser UI is visible (small-viewport vh) */
  height: 100svh;

  /* Best when URL bar collapses (dynamic-viewport vh) */
  height: 100dvh;

  /* Add a tiny bottom pad for devices with a home indicator (iOS) */
  padding-bottom: env(safe-area-inset-bottom, 0);
}

/* 3) Iframe: slight oversize to cover subpixel seams */
.embed-fullbleed > iframe {
  position: absolute;
  inset: -2px;                     /* extend past edges */
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  display: block;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  outline: none !important;
  box-shadow: none !important;

  /* help iOS feel more “native” when the iframe itself scrolls */
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
}

/* 4) Logged-in admin bar offsets */
@media (min-width: 783px) {
  body.admin-bar .embed-fullbleed {
    height: calc(100dvh - 32px);
    height: calc(100svh - 32px);
    height: calc(100vh - 32px);
  }
}
@media (max-width: 782px) {
  body.admin-bar .embed-fullbleed {
    height: calc(100dvh - 46px);
    height: calc(100svh - 46px);
    height: calc(100vh - 46px);
  }
}

/* 5) Prevent horizontal jiggle only (don’t block vertical scroll) */
body, .site, .site-content {
  overflow-x: hidden !important;
}

/* 6) Optional: on small screens, make the panel slightly shorter so users
      can always “see” there’s more page below and scroll past the embed */
@media (max-width: 767px) {
  .embed-fullbleed {
    /* show just a hint of the next section to invite scrolling */
    min-height: 92dvh;
  }
}

/* 7) If you have a section immediately after the embed, this ensures it
      isn’t overlapped on odd browsers with URL bars: */
.embed-fullbleed + * {
  scroll-margin-top: env(safe-area-inset-top, 0);
}/* End custom CSS */