/* Wix mirror: what Wix's runtime did on the live site, done in CSS.
   Forms are handled by fgm.js, the drawer by site.js. */

/* Parallax / scroll-effect backgrounds: the runtime kept a tall media layer and moved it
   with the scroll. Without it the layer shows the wrong crop, so make it a plain cover. */
[data-motion-part^="BG_MEDIA"] { transform: none !important; top: 0 !important; bottom: 0 !important; height: 100% !important;
  margin: 0 !important; inset: 0 !important; }  /* Wix gives the parallax layer margin-top:-100vh so it has room to move; clipped box hid it */
[data-motion-part^="BG_MEDIA"] wow-image,
[data-motion-part^="BG_MEDIA"] img { width: 100% !important; height: 100% !important; object-fit: cover; }

/* Desktop dropdowns: site.js sets the states the runtime set (data-open) and shows the
   item's first list (Wix renders a second, identical list per dropdown that stays hidden). */

/* Phone drawer (Wix built its mobile menu in JS) */
.fgm-drawer { position: fixed; inset: 0; z-index: 99999; background: var(--fgm-pri, #111827); color: #fff;
  overflow-y: auto; padding: 84px 24px 40px; font-family: var(--fgm-font-body, inherit); box-sizing: border-box; }
.fgm-drawer[hidden] { display: none; }
.fgm-drawer ul { list-style: none; margin: 0; padding: 0; }
.fgm-drawer > ul > li { border-bottom: 1px solid rgba(255, 255, 255, .18); }
.fgm-drawer a { display: block; color: #fff; text-decoration: none; font-size: 20px; line-height: 1.3; padding: 14px 0; }
.fgm-drawer ul ul { padding-bottom: 8px; }
.fgm-drawer ul ul a { font-size: 16px; padding: 8px 0 8px 18px; opacity: .9; }
.fgm-drawer-close { position: absolute; top: 18px; right: 18px; width: 44px; height: 44px; border: 0; background: transparent;
  color: #fff; font-size: 34px; line-height: 1; cursor: pointer; }
body.fgm-drawer-open { overflow: hidden; }