/* ========================================================================
   OCX v2.15.2 — Mega Menu Complete Style Isolation
   Mega Menu is an independent visual component. No Header / Palette /
   Dark / Light / Custom rule is allowed to own its colors or typography.
   ======================================================================== */

/* Local CSS sandbox. The aliases deliberately shadow global OCX variables
   for descendants, so even legacy/global selectors resolve to Mega Menu
   Studio values instead of Header/Palette values. */
html body.ocx-shop-body #ocx-mega-studio-root #ocx-mega-menu-studio{
  background:var(--ocx-mega-local-bg,#fff)!important;
  color:var(--ocx-mega-local-text,#1f2937)!important;
  border-color:var(--ocx-mega-local-border,#dfe7f0)!important;
  border-radius:var(--ocx-mega-radius,16px)!important;
  font-family:var(--ocx-mega-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif)!important;
  font-size:var(--ocx-mega-base-font-size,14px)!important;
  font-weight:var(--ocx-mega-font-weight,500)!important;
  line-height:var(--ocx-mega-line-height,1.4)!important;
  letter-spacing:normal!important;
  text-shadow:none!important;
  color-scheme:normal;
  isolation:isolate;
}
html body.ocx-shop-body #ocx-mega-studio-root #ocx-mega-menu-studio *,
html body.ocx-shop-body #ocx-mega-studio-root #ocx-mega-menu-studio *:before,
html body.ocx-shop-body #ocx-mega-studio-root #ocx-mega-menu-studio *:after{box-sizing:border-box}

/* Backdrop + opening button are also owned only by Mega Menu settings. */
html body.ocx-shop-body #ocx-mega-studio-root .ocx-mega-backdrop{background:var(--ocx-mega-backdrop-color,#020617)!important;opacity:var(--ocx-mega-backdrop-opacity,.35)!important}
html body.ocx-shop-body #ocx-mega-studio-root>.ocx-mega-trigger,
html body.ocx-shop-body #ocx-mega-studio-root>.ocx-shop-catalog-round{background:var(--ocx-mega-btn-bg,#0b6cff)!important;color:var(--ocx-mega-btn-color,#fff)!important;border-width:var(--ocx-mega-btn-border-width,1px)!important;border-style:solid!important;border-color:var(--ocx-mega-btn-border,#267eff)!important}
html body.ocx-shop-body #ocx-mega-studio-root>.ocx-mega-trigger i,
html body.ocx-shop-body #ocx-mega-studio-root>.ocx-mega-trigger span{color:inherit!important}
html body.ocx-shop-body #ocx-mega-studio-root>.ocx-mega-trigger{font-family:var(--ocx-mega-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif)!important;font-weight:var(--ocx-mega-link-weight,700)!important;line-height:1!important;letter-spacing:normal!important;text-shadow:none!important}
html body.ocx-shop-body #ocx-mega-studio-root.button-round>.ocx-mega-trigger{border-radius:999px!important}
html body.ocx-shop-body #ocx-mega-studio-root.button-square>.ocx-mega-trigger{border-radius:10px!important}
html body.ocx-shop-body #ocx-mega-studio-root.button-pill>.ocx-mega-trigger{border-radius:999px!important;padding-left:18px!important;padding-right:18px!important}
html body.ocx-shop-body #ocx-mega-studio-root.button-minimal>.ocx-mega-trigger{background:transparent!important;color:var(--ocx-mega-btn-color,#fff)!important;border-color:var(--ocx-mega-btn-border,#267eff)!important;box-shadow:none!important}
html body.ocx-shop-body #ocx-mega-studio-root.button-minimal>.ocx-mega-trigger:hover,
html body.ocx-shop-body #ocx-mega-studio-root.button-minimal>.ocx-mega-trigger:focus,
html body.ocx-shop-body #ocx-mega-studio-root.button-minimal.is-open>.ocx-mega-trigger{background:var(--ocx-mega-btn-hover,#2a8cff)!important;color:var(--ocx-mega-btn-hover-color,#fff)!important}
html body.ocx-shop-body #ocx-mega-studio-root.size-sm>.ocx-mega-trigger{width:42px!important;height:42px!important;font-size:16px!important}
html body.ocx-shop-body #ocx-mega-studio-root.size-md>.ocx-mega-trigger{width:52px!important;height:52px!important;font-size:18px!important}
html body.ocx-shop-body #ocx-mega-studio-root.size-lg>.ocx-mega-trigger{width:60px!important;height:60px!important;font-size:21px!important}
html body.ocx-shop-body #ocx-mega-studio-root.button-pill>.ocx-mega-trigger,
html body.ocx-shop-body #ocx-mega-studio-root>.ocx-mega-trigger.show-label{width:auto!important;min-width:52px!important}
html body.ocx-shop-body #ocx-mega-studio-root>.ocx-mega-trigger:hover,
html body.ocx-shop-body #ocx-mega-studio-root>.ocx-mega-trigger:focus,
html body.ocx-shop-body #ocx-mega-studio-root.is-open>.ocx-mega-trigger{background:var(--ocx-mega-btn-hover,#2a8cff)!important;color:var(--ocx-mega-btn-hover-color,#fff)!important;border-color:var(--ocx-mega-btn-hover,#2a8cff)!important}


html body.ocx-shop-body #ocx-mega-studio-root.button-shadow-none>.ocx-mega-trigger{box-shadow:none!important}
html body.ocx-shop-body #ocx-mega-studio-root.button-shadow-soft>.ocx-mega-trigger{box-shadow:0 8px 22px color-mix(in srgb,var(--ocx-mega-btn-bg,#0b6cff) 24%,transparent)!important}
html body.ocx-shop-body #ocx-mega-studio-root.button-shadow-strong>.ocx-mega-trigger{box-shadow:0 12px 30px color-mix(in srgb,var(--ocx-mega-btn-bg,#0b6cff) 38%,transparent)!important}

html body.ocx-shop-body #ocx-mega-menu-studio.shadow-none{box-shadow:none!important}
html body.ocx-shop-body #ocx-mega-menu-studio.shadow-soft{box-shadow:0 22px 64px rgba(13,31,52,.22)!important}
html body.ocx-shop-body #ocx-mega-menu-studio.shadow-strong{box-shadow:0 34px 100px rgba(8,24,43,.38)!important}

/* Header zone */
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-head,
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-closebar{background:var(--ocx-mega-head-bg,#fff)!important;color:var(--ocx-mega-head-text,#182334)!important;border-color:var(--ocx-mega-head-border,#e7edf4)!important}
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-head-copy strong{color:var(--ocx-mega-head-text,#182334)!important;font-family:var(--ocx-mega-font-family)!important;font-size:var(--ocx-mega-head-title-size,16px)!important;font-weight:var(--ocx-mega-heading-weight,800)!important}
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-head-copy small{color:var(--ocx-mega-local-muted,#718096)!important;font-size:var(--ocx-mega-head-subtitle-size,10px)!important}
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-head-link{color:var(--ocx-mega-local-accent,#1769e0)!important;font-weight:var(--ocx-mega-link-weight,700)!important}

/* Close button */
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-close{width:var(--ocx-mega-close-size,36px)!important;height:var(--ocx-mega-close-size,36px)!important;min-width:var(--ocx-mega-close-size,36px)!important;border-radius:var(--ocx-mega-close-radius,10px)!important;border-width:var(--ocx-mega-close-border-width,1px)!important;border-style:solid!important;border-color:var(--ocx-mega-close-border,#e1e8f0)!important;background:var(--ocx-mega-close-bg,#f1f4f8)!important;color:var(--ocx-mega-close-text,#31445d)!important;box-shadow:none!important}
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-close i{font-size:var(--ocx-mega-close-icon-size,15px)!important;color:inherit!important}
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-close.style-outline{background:transparent!important}
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-close.style-minimal{background:transparent!important;border-color:transparent!important}
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-close.style-solid{box-shadow:0 5px 14px rgba(24,45,72,.12)!important}
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-close:hover,
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-close:focus{background:var(--ocx-mega-close-hover-bg,#1769e0)!important;color:var(--ocx-mega-close-hover-text,#fff)!important;border-color:var(--ocx-mega-close-hover-bg,#1769e0)!important}

/* Main surfaces */
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-body,
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-content,
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-panels,
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-panel{background:var(--ocx-mega-content-bg,#fff)!important;color:var(--ocx-mega-local-text,#1f2937)!important}
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-sidebar{background:var(--ocx-mega-side-bg,#f7fafc)!important;color:var(--ocx-mega-side-text,#42526a)!important;border-color:var(--ocx-mega-local-border,#dfe7f0)!important}
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-side-item{color:var(--ocx-mega-side-text,#42526a)!important;border-color:transparent!important;font-family:var(--ocx-mega-font-family)!important;font-size:var(--ocx-mega-sidebar-font-size,12px)!important;font-weight:var(--ocx-mega-link-weight,700)!important}
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-side-item>span:not(.ocx-mega-side-icon),
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-side-item>i{color:inherit!important}
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-side-item:hover,
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-side-item.active{background:var(--ocx-mega-side-active-bg,#fff)!important;color:var(--ocx-mega-side-active-text,#1769e0)!important;border-color:var(--ocx-mega-local-border,#dfe7f0)!important}
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-side-icon{background:var(--ocx-mega-side-icon-bg,#eaf2ff)!important;color:var(--ocx-mega-side-icon-text,#1769e0)!important}
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-side-item.active .ocx-mega-side-icon,
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-side-item:hover .ocx-mega-side-icon{background:var(--ocx-mega-local-accent,#1769e0)!important;color:#fff!important}

/* General text: deliberately beats header/global anchor/button selectors. */
html body.ocx-shop-body #ocx-mega-menu-studio p,
html body.ocx-shop-body #ocx-mega-menu-studio span,
html body.ocx-shop-body #ocx-mega-menu-studio small{font-family:var(--ocx-mega-font-family)!important}
html body.ocx-shop-body #ocx-mega-menu-studio a{font-family:var(--ocx-mega-font-family)!important;font-weight:var(--ocx-mega-link-weight,700)!important}
html body.ocx-shop-body #ocx-mega-menu-studio h1,
html body.ocx-shop-body #ocx-mega-menu-studio h2,
html body.ocx-shop-body #ocx-mega-menu-studio h3,
html body.ocx-shop-body #ocx-mega-menu-studio h4,
html body.ocx-shop-body #ocx-mega-menu-studio h5,
html body.ocx-shop-body #ocx-mega-menu-studio h6,
html body.ocx-shop-body #ocx-mega-menu-studio b,
html body.ocx-shop-body #ocx-mega-menu-studio strong{font-family:var(--ocx-mega-font-family)!important;font-weight:var(--ocx-mega-heading-weight,800)!important}

/* Overview/category */
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-overview-head span,
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-category-head>span{color:var(--ocx-mega-local-accent,#1769e0)!important}
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-overview-head h3,
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-category-head h3,
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-category-head>a,
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-smart-empty b{color:var(--ocx-mega-local-text,#1f2937)!important}
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-overview-head h3{font-size:var(--ocx-mega-overview-title-size,22px)!important}
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-category-head h3{font-size:var(--ocx-mega-category-title-size,18px)!important}
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-overview-head p{color:var(--ocx-mega-local-muted,#718096)!important;font-size:var(--ocx-mega-overview-text-size,11px)!important}
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-category-empty,
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-smart-empty{color:var(--ocx-mega-local-muted,#718096)!important}
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-overview-head>a,
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-category-empty>a{color:var(--ocx-mega-local-accent,#1769e0)!important}

/* Product cards */
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-product-card{background:var(--ocx-mega-product-bg,#fff)!important;border-color:var(--ocx-mega-product-border,#e4eaf1)!important;color:var(--ocx-mega-local-text,#1f2937)!important;border-radius:var(--ocx-mega-card-radius,12px)!important}
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-product-card b{color:var(--ocx-mega-product-title,#182334)!important;font-size:var(--ocx-mega-product-title-size,12px)!important}
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-product-card strong{color:var(--ocx-mega-product-price,#1769e0)!important;font-size:var(--ocx-mega-product-price-size,13px)!important}
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-product-card em{color:var(--ocx-mega-local-accent,#1769e0)!important}
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-product-card:hover{border-color:var(--ocx-mega-local-accent,#1769e0)!important}

/* Category cards */
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-category-links>a{background:var(--ocx-mega-local-block-bg,#f8fafc)!important;border-color:var(--ocx-mega-local-block-border,#dfe7f0)!important;color:var(--ocx-mega-local-text,#1f2937)!important;border-radius:var(--ocx-mega-card-radius,12px)!important;font-size:var(--ocx-mega-link-font-size,11px)!important}
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-category-links>a i{color:var(--ocx-mega-local-accent,#1769e0)!important}
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-category-links>a:hover{color:var(--ocx-mega-local-accent,#1769e0)!important;border-color:var(--ocx-mega-local-accent,#1769e0)!important}

/* Builder content */
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-builder-block{background:var(--ocx-mega-local-block-bg,#f8fafc)!important;border-color:var(--ocx-mega-local-block-border,#e5ebf2)!important;color:var(--ocx-mega-local-text,#1f2937)!important;border-radius:var(--ocx-mega-card-radius,12px)!important}
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-builder-block.type-module{background:transparent!important;border-color:transparent!important}
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-link-card,
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-image-card,
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-html{color:var(--ocx-mega-local-text,#1f2937)!important}
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-link-card b,
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-card-copy b,
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-html b,
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-html strong{color:var(--ocx-mega-local-text,#1f2937)!important}
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-link-card small,
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-card-copy small{color:var(--ocx-mega-local-muted,#718096)!important}
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-link-icon,
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-card-copy em{color:var(--ocx-mega-local-accent,#1769e0)!important}

/* Promo + footer */
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-promo{background:var(--ocx-mega-promo-bg,#f3f7ff)!important;color:var(--ocx-mega-promo-text,#1f3552)!important;border-color:var(--ocx-mega-local-border,#dfe7f0)!important}
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-promo b,
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-promo small{color:var(--ocx-mega-promo-text,#1f3552)!important}
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-promo span{color:var(--ocx-mega-local-accent,#1769e0)!important}
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-promo>a{background:var(--ocx-mega-local-accent,#1769e0)!important;color:#fff!important}
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-foot{background:var(--ocx-mega-footer-bg,#f8fafc)!important;color:var(--ocx-mega-footer-text,#6d7888)!important;border-color:var(--ocx-mega-local-border,#dfe7f0)!important}
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-foot *{color:inherit!important}

/* Embedded HTML defaults remain inside Mega Menu palette unless the authored HTML
   intentionally carries its own inline color. */
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-html a:not([style*="color"]){color:var(--ocx-mega-local-accent,#1769e0)!important}
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-html p:not([style*="color"]),
html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-html span:not([style*="color"]){color:var(--ocx-mega-local-text,#1f2937)!important}