/* Camixel interface.css bundle. Generated by scripts/consolidate_css.py. */

/* ===== Source: navigation-redesign.css ===== */
/* Camixel creative brand selector — authoritative shared navigation layer. */

html[data-camixel-theme] body.premium-ui .nav-item.has-dropdown { position: static !important; }
html[data-camixel-theme] body.premium-ui .nav-brands-link .chevron { transition: transform 180ms ease !important; }
html[data-camixel-theme] body.premium-ui .has-dropdown.brands-open .nav-brands-link .chevron { transform: rotate(180deg) !important; }

html[data-camixel-theme] body.premium-ui #brands-nav > #brands-mega-menu {
  position: fixed !important;
  top: 75px !important;
  left: 50% !important;
  right: auto !important;
  width: min(1160px, calc(100vw - 40px)) !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translate(-50%, 14px) scale(.985) !important;
  transform-origin: 50% 0 !important;
  border: 1px solid rgba(132, 218, 180, .2) !important;
  border-top-color: rgba(255, 255, 255, .07) !important;
  border-radius: 0 0 28px 28px !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(95, 210, 160, .16), transparent 28%),
    radial-gradient(circle at 92% 12%, rgba(49, 114, 224, .13), transparent 30%),
    linear-gradient(145deg, rgba(10, 17, 15, .992), rgba(4, 8, 10, .997)) !important;
  box-shadow: 0 34px 100px rgba(0, 0, 0, .62), 0 1px 0 rgba(255, 255, 255, .04) inset !important;
  backdrop-filter: blur(24px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(135%) !important;
  z-index: 6200 !important;
  transition: opacity 190ms ease, transform 210ms ease, visibility 190ms ease !important;
}

html[data-camixel-theme] body.premium-ui #brands-nav.brands-open > #brands-mega-menu {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translate(-50%, 0) scale(1) !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .creative-brand-menu {
  position: relative !important;
  isolation: isolate !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-areas: "head" "brands" "foot" !important;
  gap: 16px !important;
  width: 100% !important;
  padding: 24px !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .creative-brand-menu::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .22;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: linear-gradient(to bottom, #000, transparent 76%);
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-head {
  grid-area: head !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 28px !important;
  padding: 2px 2px 17px !important;
  border-bottom: 1px solid rgba(255, 255, 255, .1) !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-heading { display: grid !important; gap: 5px !important; }
html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-eyebrow {
  color: #72ddb0 !important;
  font-size: 9.5px !important;
  font-weight: 820 !important;
  letter-spacing: .2em !important;
  line-height: 1.3 !important;
  text-transform: uppercase !important;
}
html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-heading strong {
  color: #fff !important;
  font-size: clamp(23px, 2.2vw, 31px) !important;
  font-weight: 760 !important;
  letter-spacing: -.045em !important;
  line-height: 1.08 !important;
}
html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-heading small {
  color: #9ca9a4 !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-overview {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  flex: 0 0 auto !important;
  min-height: 42px !important;
  padding: 0 16px !important;
  border: 1px solid rgba(114, 221, 176, .38) !important;
  border-radius: 999px !important;
  color: #e8fff5 !important;
  background: rgba(114, 221, 176, .075) !important;
  font-size: 11px !important;
  font-weight: 760 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease !important;
}
html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-overview:hover,
html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-overview:focus-visible {
  border-color: #72ddb0 !important;
  background: #72ddb0 !important;
  color: #07110d !important;
  outline: none !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-grid {
  grid-area: brands !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  width: 100% !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand {
  --brand-accent: #72ddb0;
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 38px !important;
  grid-template-rows: 110px minmax(72px, auto) !important;
  grid-template-areas: "logo arrow" "copy copy" !important;
  align-content: start !important;
  align-items: start !important;
  gap: 16px 10px !important;
  min-width: 0 !important;
  min-height: 226px !important;
  padding: 14px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, .1) !important;
  border-radius: 20px !important;
  background:
    radial-gradient(circle at 15% 0%, color-mix(in srgb, var(--brand-accent) 13%, transparent), transparent 45%),
    linear-gradient(155deg, rgba(255,255,255,.052), rgba(255,255,255,.018)) !important;
  color: #fff !important;
  text-align: left !important;
  text-decoration: none !important;
  box-shadow: 0 12px 24px rgba(0,0,0,.15) !important;
  transform: translateY(0) !important;
  transition: transform 190ms ease, border-color 190ms ease, background-color 190ms ease, box-shadow 190ms ease !important;
}
html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand:nth-child(1) { --brand-accent: #ff8c54; }
html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand:nth-child(2) { --brand-accent: #4e80ff; }
html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand:nth-child(3) { --brand-accent: #e9eef2; }
html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand:nth-child(4) { --brand-accent: #4f91ff; }

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand::before {
  content: attr(data-brand-index) !important;
  position: absolute !important;
  right: 15px !important;
  bottom: 10px !important;
  color: rgba(255,255,255,.055) !important;
  font-size: 52px !important;
  font-weight: 820 !important;
  letter-spacing: -.08em !important;
  line-height: 1 !important;
  pointer-events: none !important;
}
html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand:is(:hover, :focus-visible, .is-current) {
  transform: translateY(-4px) !important;
  border-color: color-mix(in srgb, var(--brand-accent) 56%, transparent) !important;
  background:
    radial-gradient(circle at 16% 0%, color-mix(in srgb, var(--brand-accent) 21%, transparent), transparent 48%),
    linear-gradient(155deg, rgba(255,255,255,.085), rgba(255,255,255,.03)) !important;
  box-shadow: 0 18px 34px rgba(0,0,0,.3), 0 0 0 1px color-mix(in srgb, var(--brand-accent) 10%, transparent) inset !important;
  outline: none !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-logo-stage {
  grid-area: logo !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 110px !important;
  padding: 20px 15px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, .12) !important;
  border-radius: 15px !important;
  background: linear-gradient(145deg, rgba(35,44,43,.96), rgba(13,19,20,.98)) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.045) inset !important;
}
html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-logo-stage::after {
  content: "";
  position: absolute;
  inset: auto 12% 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--brand-accent), transparent);
  opacity: .7;
}
html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-logo-stage img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: drop-shadow(0 3px 10px rgba(0,0,0,.22)) !important;
  transform: scale(1) !important;
  transition: transform 190ms ease !important;
}
html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand:nth-child(1) .mega-logo-stage img { transform: scale(1.09) !important; }
html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand:nth-child(3) .mega-logo-stage img { transform: scale(1.08) !important; }
html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand:nth-child(4) .mega-logo-stage img { transform: scale(1.12) !important; }
html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand:hover .mega-logo-stage img,
html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand:focus-visible .mega-logo-stage img { transform: scale(1.14) !important; }

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-copy {
  grid-area: copy !important;
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  align-content: start !important;
  gap: 5px !important;
  min-width: 0 !important;
  padding: 0 2px 2px !important;
  text-align: left !important;
}
html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-kicker {
  color: var(--brand-accent) !important;
  font-size: 9px !important;
  font-weight: 820 !important;
  letter-spacing: .18em !important;
  line-height: 1.3 !important;
  text-transform: uppercase !important;
}
html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-copy strong {
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 760 !important;
  letter-spacing: -.02em !important;
  line-height: 1.25 !important;
}
html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-copy small {
  max-width: 210px !important;
  color: #a4b0ac !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-arrow {
  grid-area: arrow !important;
  position: relative !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  margin: 0 !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  border-radius: 50% !important;
  color: #dce6e2 !important;
  background: rgba(4, 9, 9, .45) !important;
  font-size: 14px !important;
  transition: transform 170ms ease, color 170ms ease, background-color 170ms ease !important;
}
html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand:hover .mega-arrow,
html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand:focus-visible .mega-arrow {
  color: #07110d !important;
  background: var(--brand-accent) !important;
  transform: rotate(8deg) !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-foot {
  grid-area: foot !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  min-height: 48px !important;
  padding: 13px 2px 0 !important;
  border-top: 1px solid rgba(255, 255, 255, .09) !important;
  color: #9da9a5 !important;
  font-size: 11.5px !important;
}
html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-foot b { color: #e6ece9 !important; font-weight: 720 !important; }
html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-foot-actions {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
}
html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-foot-actions a {
  color: #dfe7e4 !important;
  font-size: 11.5px !important;
  font-weight: 720 !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
}
html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-foot-actions a:hover,
html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-foot-actions a:focus-visible { color: #72ddb0 !important; outline: none !important; }
html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-foot-actions .mega-menu-advisor { color: #72ddb0 !important; }

@media (max-width: 1120px) {
  html[data-camixel-theme] body.premium-ui #navbar .nav-cta { display: none !important; }
  html[data-camixel-theme] body.premium-ui #navbar #hamburger {
    position: relative !important;
    display: inline-flex !important;
    flex: 0 0 44px !important;
    margin-left: auto !important;
    inset: auto !important;
  }
  html[data-camixel-theme] body.premium-ui .nav-item.has-dropdown { position: relative !important; }
  html[data-camixel-theme] body.premium-ui #nav-links #brands-nav > #brands-mega-menu,
  html[data-camixel-theme] body.premium-ui #nav-links.open #brands-nav > #brands-mega-menu {
    position: static !important;
    display: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    max-height: min(70vh, 680px) !important;
    margin: 7px 0 12px !important;
    overflow: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
    border-radius: 20px !important;
    box-shadow: 0 18px 42px rgba(0,0,0,.4) !important;
  }
  html[data-camixel-theme] body.premium-ui #nav-links.open #brands-nav.brands-open > #brands-mega-menu { display: block !important; }
  html[data-camixel-theme] body.premium-ui #brands-mega-menu .creative-brand-menu { gap: 11px !important; padding: 14px !important; }
  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-head { align-items: center !important; padding-bottom: 12px !important; }
  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-heading strong { font-size: 19px !important; }
  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-heading small { display: none !important; }
  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand {
    grid-template-rows: 86px minmax(66px, auto) !important;
    min-height: 182px !important;
  }
  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-logo-stage { height: 86px !important; }
}

@media (max-width: 720px) {
  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-head { align-items: flex-start !important; }
  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-heading strong { font-size: 17px !important; }
  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-overview { display: none !important; }
  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-grid { grid-template-columns: minmax(0, 1fr) !important; }
  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand {
    grid-template-columns: 124px minmax(0, 1fr) 34px !important;
    grid-template-rows: minmax(78px, auto) !important;
    grid-template-areas: "logo copy arrow" !important;
    align-items: center !important;
    gap: 11px !important;
    min-height: 102px !important;
    padding: 10px !important;
    border-radius: 15px !important;
  }
  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand::before { display: none !important; }
  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-logo-stage {
    width: 124px !important;
    height: 78px !important;
    padding: 14px 10px !important;
    border-radius: 11px !important;
  }
  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-copy { gap: 3px !important; }
  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-copy strong { font-size: 14px !important; }
  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-copy small { display: none !important; }
  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-arrow { width: 32px !important; height: 32px !important; }
  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-foot {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 9px !important;
  }
  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-foot > span { display: none !important; }
  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-foot-actions { width: 100% !important; justify-content: space-between !important; }
}

@media (max-width: 430px) {
  html[data-camixel-theme] body.premium-ui #brands-mega-menu .creative-brand-menu { padding: 10px !important; }
  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand { grid-template-columns: 104px minmax(0, 1fr) 30px !important; }
  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-logo-stage { width: 104px !important; padding: 13px 8px !important; }
}

@media (prefers-reduced-motion: reduce) {
  html[data-camixel-theme] body.premium-ui #brands-mega-menu,
  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand,
  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-arrow,
  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-logo-stage img { transition: none !important; }
}

/* Conventional desktop mega-menu: compact, anchored to the Brands trigger,
   and available by hover as well as the explicit JS/keyboard open state. */
@media (min-width: 1121px) {
  html[data-camixel-theme] body.premium-ui #nav-links > #brands-nav {
    position: relative !important;
  }

  html[data-camixel-theme] body.premium-ui #nav-links > #brands-nav::after {
    content: "";
    position: absolute;
    top: 100%;
    left: -10px;
    width: calc(100% + 20px);
    height: 12px;
    pointer-events: none;
  }

  html[data-camixel-theme] body.premium-ui #nav-links > #brands-nav:hover::after,
  html[data-camixel-theme] body.premium-ui #nav-links > #brands-nav.brands-open::after {
    pointer-events: auto;
  }

  html[data-camixel-theme] body.premium-ui #nav-links > #brands-nav > #brands-mega-menu {
    position: absolute !important;
    top: calc(100% + 10px) !important;
    left: 0 !important;
    right: auto !important;
    width: min(720px, calc(100vw - 32px)) !important;
    max-width: 720px !important;
    max-height: calc(100dvh - 100px) !important;
    margin: 0 !important;
    overflow: auto !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(9px) !important;
    transform-origin: 72px 0 !important;
    border: 1px solid rgba(132, 218, 180, .2) !important;
    border-radius: 18px !important;
    box-shadow: 0 26px 76px rgba(0,0,0,.58), 0 1px 0 rgba(255,255,255,.04) inset !important;
  }

  html[data-camixel-theme] body.premium-ui #nav-links > #brands-nav:hover > #brands-mega-menu,
  html[data-camixel-theme] body.premium-ui #nav-links > #brands-nav:focus-within > #brands-mega-menu,
  html[data-camixel-theme] body.premium-ui #nav-links > #brands-nav.brands-open > #brands-mega-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .creative-brand-menu {
    gap: 12px !important;
    padding: 18px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-head {
    align-items: center !important;
    padding: 0 0 13px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-heading { gap: 3px !important; }
  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-heading strong { font-size: 21px !important; }
  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-heading small { font-size: 11px !important; }
  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-overview { min-height: 38px !important; padding: 0 13px !important; }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand {
    grid-template-columns: 128px minmax(0, 1fr) 34px !important;
    grid-template-rows: minmax(82px, auto) !important;
    grid-template-areas: "logo copy arrow" !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 106px !important;
    padding: 11px !important;
    border-radius: 14px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand::before { display: none !important; }
  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand:is(:hover, :focus-visible, .is-current) { transform: translateY(-2px) !important; }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-logo-stage {
    width: 128px !important;
    height: 82px !important;
    padding: 15px 11px !important;
    border-radius: 11px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-copy { gap: 3px !important; padding: 0 !important; }
  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-kicker { font-size: 8px !important; }
  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-copy strong { font-size: 14px !important; }
  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-copy small { font-size: 10px !important; line-height: 1.35 !important; }
  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-arrow { width: 32px !important; height: 32px !important; }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-foot {
    min-height: 38px !important;
    padding-top: 11px !important;
    font-size: 10.5px !important;
  }
}

/* Site alignment pass -------------------------------------------------------
   Legacy page sheets used several competing container widths and an arbitrary
   minimum card height. Establish one editorial gutter, then let content set
   the height of informational cards instead of leaving blank panels. */
html[data-camixel-theme] body.premium-ui {
  --edit-box-min-height: 0px;
}

html[data-camixel-theme] body.premium-ui section > .container {
  width: min(calc(100% - clamp(32px, 5vw, 64px)), 1240px) !important;
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-brand-section,
html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .prod-section > .container {
  width: min(calc(100% - clamp(32px, 5vw, 64px)), 1240px) !important;
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html[data-camixel-theme] body.page-blackmagic.premium-ui .trust-section .section-header {
  margin-bottom: 20px !important;
}

html[data-camixel-theme] body.page-blackmagic.premium-ui .trust-statement-box {
  width: min(100%, 960px) !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 0 32px !important;
  padding: 26px 28px !important;
}

html[data-camixel-theme] body.page-blackmagic.premium-ui .trust-statement-box p {
  max-width: 80ch !important;
  margin: 0 !important;
}

html[data-camixel-theme] body.page-blackmagic.premium-ui .trust-grid {
  grid-auto-rows: auto !important;
  gap: 16px !important;
}

html[data-camixel-theme] body.page-blackmagic.premium-ui .trust-grid > .trust-card {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  align-items: start !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 20px !important;
  gap: 14px !important;
}

html[data-camixel-theme] body.page-blackmagic.premium-ui .trust-grid > .trust-card > * {
  min-width: 0 !important;
}

@media (max-width: 720px) {
  html[data-camixel-theme] body.premium-ui section > .container {
    width: calc(100% - 32px) !important;
  }

  html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-brand-section,
  html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .prod-section > .container {
    width: calc(100% - 32px) !important;
  }

  html[data-camixel-theme] body.page-blackmagic.premium-ui .trust-statement-box {
    padding: 22px 20px !important;
    margin-bottom: 24px !important;
  }
}

/* ===== Source: typography-alignment.css ===== */
/* Camixel typography + alignment system — loaded after every page stylesheet. */

html[data-camixel-theme] body.premium-ui,
html[data-camixel-theme] body.premium-ui :is(button, input, select, textarea) {
  font-family: Inter, "SF Pro Text", "Segoe UI", Arial, sans-serif !important;
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

html[data-camixel-theme] body.premium-ui {
  line-height: 1.6;
  text-align: left;
}

html[data-camixel-theme] body.premium-ui :is(h1, h2, h3, h4, h5, h6) {
  margin-top: 0;
  font-family: Inter, "SF Pro Display", "Segoe UI", Arial, sans-serif !important;
  font-weight: 750;
  font-style: normal;
  line-height: 1.16;
  text-wrap: balance;
}

html[data-camixel-theme] body.premium-ui :is(p, li, dd, .section-desc, .section-sub, .hero-sub) {
  line-height: 1.65;
  text-wrap: pretty;
}

/* Navigation text stays optically centred and uses one predictable line box. */
html[data-camixel-theme] body.premium-ui #navbar :is(.nav-links, .nav-link, .nav-brands-link, .nav-cta-link) {
  align-items: center !important;
}

html[data-camixel-theme] body.premium-ui #navbar :is(.nav-link, .nav-brands-link, .nav-cta-link) {
  line-height: 1.2 !important;
  text-align: center !important;
  white-space: nowrap;
}

/* Compact Company menu below About. It deliberately stays smaller than the
   brand chooser so it reads as ordinary navigation. */
body.premium-ui #nav-links > #company-nav {
  position: relative !important;
}

body.premium-ui .nav-company-link .chevron {
  transition: transform 180ms ease;
}

body.premium-ui #company-nav.company-open > .nav-company-link .chevron,
body.premium-ui #company-nav:hover > .nav-company-link .chevron,
body.premium-ui #company-nav:focus-within > .nav-company-link .chevron {
  transform: rotate(180deg);
}

body.premium-ui #company-nav > .company-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 5200;
  display: grid;
  width: 210px;
  padding: 8px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background: #141716;
  box-shadow: 0 20px 46px rgba(0, 0, 0, 0.4);
  transform: translateY(-6px);
  transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease;
}

body.premium-ui #company-nav:hover > .company-dropdown,
body.premium-ui #company-nav:focus-within > .company-dropdown,
body.premium-ui #company-nav.company-open > .company-dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

body.premium-ui .company-dropdown a {
  display: flex;
  align-items: center;
  min-height: 40px;
  padding: 0 12px;
  border-radius: 8px;
  color: #d9e2dd;
  font-size: 13px;
  font-weight: 560;
  line-height: 1.3;
  text-decoration: none;
  transition: color 150ms ease, background-color 150ms ease;
}

body.premium-ui .company-dropdown a:hover,
body.premium-ui .company-dropdown a:focus-visible,
body.premium-ui .company-dropdown a[aria-current="page"] {
  color: #fff;
  background: rgba(98, 201, 156, 0.13);
}

@media (max-width: 1120px) {
  body.premium-ui #nav-links #company-nav > .company-dropdown {
    position: static;
    display: none;
    width: 100%;
    padding: 4px 0 10px 16px;
    border: 0;
    border-left: 1px solid rgba(98, 201, 156, 0.32);
    border-radius: 0;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    background: transparent;
    box-shadow: none;
    transform: none;
  }

  body.premium-ui #nav-links.open #company-nav.company-open > .company-dropdown {
    display: grid;
  }

  body.premium-ui #nav-links.open .nav-company-link {
    justify-content: space-between !important;
  }

body.premium-ui #nav-links.open .company-dropdown a {
    min-height: 42px;
  }
}

/* Unified dropdown controls — native select menus vary by browser and cannot
   be styled consistently once open. These controls keep the actual select
   for form submission, while presenting one aligned Camixel menu everywhere. */
body.premium-ui .cx-select {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
}

body.premium-ui .cx-select-native {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  clip-path: inset(50%);
}

body.premium-ui .cx-select-trigger {
  width: 100% !important;
  min-height: 50px;
  padding: 0 46px 0 14px;
  border: 1px solid rgba(200, 225, 213, 0.18);
  border-radius: 10px;
  display: flex;
  align-items: center;
  color: #edf4ef;
  background: #0a110e;
  box-shadow: none;
  font: inherit;
  font-size: 13.5px;
  line-height: 1.3;
  text-align: left;
  cursor: pointer;
  transition: border-color 150ms ease, background-color 150ms ease, box-shadow 150ms ease;
}

body.premium-ui .cx-select-trigger::after {
  position: absolute;
  top: 50%;
  right: 17px;
  width: 8px;
  height: 8px;
  border-right: 1.5px solid #8eaaa0;
  border-bottom: 1.5px solid #8eaaa0;
  content: "";
  pointer-events: none;
  transform: translateY(-68%) rotate(45deg);
  transition: transform 160ms ease, border-color 160ms ease;
}

body.premium-ui .cx-select.is-open .cx-select-trigger,
body.premium-ui .cx-select-trigger:focus-visible {
  border-color: rgba(98, 201, 156, 0.8);
  background: #0c1711;
  box-shadow: 0 0 0 3px rgba(98, 201, 156, 0.12);
  outline: none;
}

body.premium-ui .cx-select.is-open .cx-select-trigger::after {
  border-color: #79dfb4;
  transform: translateY(-30%) rotate(225deg);
}

body.premium-ui .cx-select.is-placeholder .cx-select-value {
  color: #96a39d;
}

body.premium-ui .cx-select.is-invalid .cx-select-trigger {
  border-color: #e97979;
  box-shadow: 0 0 0 3px rgba(233, 121, 121, 0.12);
}

body.premium-ui .cx-select-options {
  position: absolute;
  top: calc(100% + 7px);
  right: 0;
  left: 0;
  z-index: 2200;
  display: grid;
  max-height: min(294px, 42vh);
  padding: 6px;
  overflow-y: auto;
  border: 1px solid rgba(200, 225, 213, 0.22);
  border-radius: 11px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  color: #f1f6f2;
  background: #111815;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.42);
  transform: translateY(-5px);
  transition: opacity 150ms ease, transform 150ms ease, visibility 150ms ease;
}

body.premium-ui .cx-select.is-open .cx-select-options {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

body.premium-ui .cx-select-option {
  min-height: 38px;
  padding: 8px 10px;
  border: 0;
  border-radius: 7px;
  display: flex;
  align-items: center;
  color: #dbe5df;
  background: transparent;
  font: inherit;
  font-size: 13px;
  line-height: 1.35;
  text-align: left;
  cursor: pointer;
}

body.premium-ui .cx-select-option:hover,
body.premium-ui .cx-select-option:focus-visible {
  color: #fff;
  background: rgba(98, 201, 156, 0.13);
  outline: none;
}

body.premium-ui .cx-select-option[aria-selected="true"] {
  color: #071711;
  background: #69d7a7;
  font-weight: 680;
}

body.premium-ui .cx-select-option:disabled {
  display: none;
}

@media (max-width: 640px) {
  body.premium-ui .cx-select-options {
    max-height: min(250px, 38vh);
  }
}

/* Apple system typography and conversion clarity. On Apple devices,
   -apple-system resolves to San Francisco (SF Pro); other platforms receive
   an equivalent system fallback without shipping proprietary font files. */
:root {
  --cx-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  --cx-font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
}

html[data-camixel-theme] body.premium-ui,
html[data-camixel-theme] body.premium-ui :is(button, input, select, textarea, .cx-select-trigger, .cx-select-option) {
  font-family: var(--cx-font) !important;
}

html[data-camixel-theme] body.premium-ui :is(.hero-title, .section-title, .contact-header-new h2, .form-title-new) {
  font-family: var(--cx-font-display) !important;
  letter-spacing: -0.035em !important;
}

html[data-camixel-theme] body.premium-ui :is(.nav-cta-link, .btn-primary, .submit-btn-new, .model-card-link, .community-button) {
  font-family: var(--cx-font) !important;
  font-weight: 680 !important;
  letter-spacing: -0.01em !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu :is(.mega-brand, .mega-brand-copy, .mega-brand-copy strong, .mega-brand-copy small) {
  text-align: left !important;
}

/* Hero copy shares one left edge. The event/news hero remains intentionally centred. */
html[data-camixel-theme] body.premium-ui :is(.hero-content, .ptz-hero-content, .sol-hero-content, .about-hero-content, .ewaste-hero-content) {
  text-align: left !important;
}

html[data-camixel-theme] body.premium-ui :is(.hero-content, .ptz-hero-content, .sol-hero-content, .about-hero-content, .ewaste-hero-content)
  > :is(h1, h2, p, .hero-title, .hero-subtitle, .hero-sub, .ptz-hero-title, .sol-hero-copy) {
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: inherit !important;
}

html[data-camixel-theme] body.premium-ui :is(.events-hero-content, .events-section-header) {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

html[data-camixel-theme] body.premium-ui :is(.events-hero-content, .events-section-header)
  > :is(h1, h2, h3, p, .section-desc, .hero-sub) {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

/* Every standard section heading uses the same title, label and description axis. */
html[data-camixel-theme] body.premium-ui .section-header {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 12px !important;
  max-width: 840px;
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: left !important;
}

html[data-camixel-theme] body.premium-ui .section-header
  > :is(.section-tag, .section-title, .section-desc, .section-sub, h1, h2, h3, p) {
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: left !important;
}

html[data-camixel-theme] body.premium-ui .section-header:is(.text-center, [data-align="center"]),
html[data-camixel-theme] body.premium-ui .text-center.section-header {
  align-items: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

html[data-camixel-theme] body.premium-ui .section-header:is(.text-center, [data-align="center"])
  > :is(.section-tag, .section-title, .section-desc, .section-sub, h1, h2, h3, p),
html[data-camixel-theme] body.premium-ui .text-center.section-header
  > :is(.section-tag, .section-title, .section-desc, .section-sub, h1, h2, h3, p) {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

html[data-camixel-theme] body.premium-ui :is(.section-title, .events-section-header h2, .form-section-title) {
  font-size: clamp(1.85rem, 3.2vw, 3rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

html[data-camixel-theme] body.premium-ui :is(.section-tag, .card-tag, .prod-tag, .prod-feature-tag, .detail-tag, .about-vm-tag) {
  line-height: 1.25 !important;
  text-align: left;
}

/* Long-form and form copy is always aligned to its own content column. */
html[data-camixel-theme] body.premium-ui :is(
  .who-text, .ewaste-text, .definition-copy, .detail-content, .pitch-content,
  .contact-detail-body, .sol-form-header, .form-block-title, .sidebar-header
) {
  text-align: left !important;
}

html[data-camixel-theme] body.premium-ui :is(label, legend, .sidebar-title, .sidebar-subtitle, .filter-section-title) {
  line-height: 1.35 !important;
  text-align: left !important;
}

/* Card copy is left-aligned, while action text is centred. */
html[data-camixel-theme] body.premium-ui :is(
  .vm-card, .pillar-card, .trust-card, .support-card, .i-card, .value-card,
  .val-card, .why-ptz-card, .eco-card, .product-card, .model-card,
  .ptz-cat-card, .advantage-point, .arch-card, .brand-card, .cs-card,
  .cv-card, .team-card, .benefit-card, .why-card, .cb-card, .color-card,
  .solution-card, .warranty-card, .ws-card, .tl-card, .gallery-card,
  .social-hub-card, .ptz-spotlight-card, .answer-card, .event-card,
  .news-card, .industry-tile
) {
  text-align: left !important;
}

html[data-camixel-theme] body.premium-ui :is(
  .vm-card, .pillar-card, .trust-card, .support-card, .i-card, .value-card,
  .val-card, .why-ptz-card, .eco-card, .product-card, .model-card,
  .ptz-cat-card, .advantage-point, .arch-card, .brand-card, .cs-card,
  .cv-card, .team-card, .benefit-card, .why-card, .cb-card, .color-card,
  .solution-card, .warranty-card, .ws-card, .tl-card, .gallery-card,
  .social-hub-card, .ptz-spotlight-card, .answer-card, .event-card,
  .news-card, .industry-tile
) :is(h2, h3, h4, p, li, .card-body, .model-card-body, .event-card-body, .news-card-body, .industry-tile-content) {
  text-align: left !important;
}

html[data-camixel-theme] body.premium-ui :is(
  .product-card, .model-card, .ptz-cat-card, .solution-card, .event-card,
  .news-card, .support-card, .warranty-card, .answer-card
) :is(h3, h4) {
  font-size: clamp(1rem, 1.35vw, 1.18rem);
  letter-spacing: -0.015em;
  line-height: 1.3 !important;
}

html[data-camixel-theme] body.premium-ui :is(
  .product-card, .model-card, .ptz-cat-card, .solution-card, .event-card,
  .news-card, .support-card, .warranty-card, .answer-card
) p {
  line-height: 1.58 !important;
}

/* Buttons and text links keep labels, arrows and icons on one visual baseline. */
html[data-camixel-theme] body.premium-ui :is(
  .btn, .nav-cta-link, .cat-cta, .model-card-link, .model-spec-link,
  .card-link, .answer-card-cta, .event-popup-cta, .mega-menu-overview,
  .mega-menu-advisor
) {
  align-items: center !important;
  justify-content: center !important;
  gap: 8px;
  line-height: 1.2 !important;
  text-align: center !important;
}

html[data-camixel-theme] body.premium-ui :is(
  .btn, .nav-cta-link, .cat-cta, .model-card-link, .model-spec-link,
  .card-link, .answer-card-cta, .event-popup-cta
) :is(svg, img) {
  flex: 0 0 auto;
}

html[data-camixel-theme] body.premium-ui :is(.hero-actions, .cta-row, .final-cta-btns, .model-actions) {
  align-items: center !important;
}

@media (max-width: 720px) {
  html[data-camixel-theme] body.premium-ui :is(.hero-content, .ptz-hero-content, .sol-hero-content, .about-hero-content, .ewaste-hero-content) {
    width: 100%;
  }

  html[data-camixel-theme] body.premium-ui :is(.hero-content, .ptz-hero-content, .sol-hero-content, .about-hero-content, .ewaste-hero-content)
    > :is(h1, .hero-title, .ptz-hero-title) {
    font-size: clamp(2.15rem, 10vw, 3.35rem) !important;
    line-height: 1.08 !important;
  }

  html[data-camixel-theme] body.premium-ui .section-header {
    gap: 10px !important;
  }

  html[data-camixel-theme] body.premium-ui :is(.section-title, .events-section-header h2, .form-section-title) {
    font-size: clamp(1.7rem, 7.8vw, 2.35rem);
  }

  html[data-camixel-theme] body.premium-ui :is(.hero-actions, .cta-row, .final-cta-btns) {
    align-items: stretch !important;
  }

  html[data-camixel-theme] body.premium-ui :is(.hero-actions, .cta-row, .final-cta-btns) .btn {
    min-height: 48px;
    white-space: normal;
  }
}

/* ===== Source: site-ui.css ===== */

/* Bundled source: apple-design.css */
/*
 * Camixel clarity system
 * A restrained, platform-native visual layer inspired by Apple's principles:
 * hierarchy, whitespace, material depth, and predictable interaction.
 */

:root {
  --ap-bg: #050505;
  --ap-bg-soft: #0b0b0c;
  --ap-surface: #111113;
  --ap-surface-2: #18181a;
  --ap-surface-hover: #1d1d1f;
  --ap-line: rgba(255,255,255,.10);
  --ap-line-strong: rgba(255,255,255,.16);
  --ap-text: #f5f5f7;
  --ap-text-2: #c7c7cc;
  --ap-text-3: #8e8e93;
  --ap-accent: #72ddb0;
  --ap-accent-strong: #89e4be;
  --ap-radius-sm: 12px;
  --ap-radius: 18px;
  --ap-radius-lg: 28px;
  --ap-shadow: 0 18px 55px rgba(0,0,0,.28);
  --ap-focus: 0 0 0 4px rgba(114,221,176,.17);
}

html[data-camixel-theme] body.premium-ui {
  color: var(--ap-text-2) !important;
  background: var(--ap-bg) !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Arial, sans-serif !important;
  font-feature-settings: "kern" 1, "liga" 1 !important;
  -webkit-font-smoothing: antialiased !important;
  text-rendering: optimizeLegibility !important;
}

html[data-camixel-theme] body.premium-ui :where(h1,h2,h3,h4,h5,h6) {
  color: var(--ap-text) !important;
  font-family: inherit !important;
  font-weight: 650 !important;
  letter-spacing: -.035em !important;
  text-wrap: balance !important;
}

html[data-camixel-theme] body.premium-ui :where(p,li) {
  line-height: 1.65 !important;
}

html[data-camixel-theme] body.premium-ui :where(.container,.nav-container) {
  width: min(100% - clamp(32px, 6vw, 96px), 1240px) !important;
  max-width: 1240px !important;
  margin-inline: auto !important;
}

html[data-camixel-theme] body.premium-ui :where(section,.section) {
  scroll-margin-top: 92px !important;
}

/* Navigation material */
html[data-camixel-theme] body.premium-ui header#navbar {
  background: rgba(7,7,8,.82) !important;
  border-bottom: 1px solid var(--ap-line) !important;
  box-shadow: none !important;
  backdrop-filter: saturate(160%) blur(22px) !important;
  -webkit-backdrop-filter: saturate(160%) blur(22px) !important;
}

html[data-camixel-theme] body.premium-ui #nav-links :is(.nav-link,.nav-brands-link) {
  font-size: 13px !important;
  font-weight: 560 !important;
  letter-spacing: -.01em !important;
}

/* Buttons: clear hierarchy, quiet motion */
html[data-camixel-theme] body.premium-ui :where(.btn,.model-card-link,.product-card-link,.nav-cta-link,.event-popup-cta) {
  min-height: 44px !important;
  border-radius: 999px !important;
  font-family: inherit !important;
  font-weight: 650 !important;
  letter-spacing: -.01em !important;
  box-shadow: none !important;
  transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease, transform 160ms ease !important;
}

html[data-camixel-theme] body.premium-ui :where(.btn,.model-card-link,.product-card-link):hover {
  transform: translateY(-1px) !important;
  box-shadow: none !important;
}

html[data-camixel-theme] body.premium-ui :where(button,a,input,select,textarea):focus-visible {
  outline: none !important;
  box-shadow: var(--ap-focus) !important;
}

/* Shared cards and content boxes */
html[data-camixel-theme] body.premium-ui :where(
  .vm-card,.pillar-card,.industry-tile,.industry-card,.i-card,.value-card,.val-card,
  .ws-card,.tl-card,.ms-card,.eco-card,.trust-card,.support-card,.solution-card,
  .product-card,.commerce-card,.model-card,.ptz-cat-card,.event-card,.news-card,
  .team-card,.office-card,.arch-card,.benefit-card,.cb-card,.color-card,.cs-card,
  .cv-card,.gallery-card,.why-card,.why-ptz-card,.social-hub-card,.warranty-card,
  .brand-card,.workflow-diagram,.med-sidebar,.lineup-toolbar
) {
  border: 1px solid var(--ap-line) !important;
  border-radius: var(--ap-radius-lg) !important;
  background: var(--ap-surface) !important;
  box-shadow: none !important;
}

html[data-camixel-theme] body.premium-ui :where(
  .vm-card,.pillar-card,.industry-tile,.industry-card,.i-card,.value-card,.val-card,
  .ws-card,.tl-card,.ms-card,.eco-card,.trust-card,.support-card,.solution-card,
  .product-card,.commerce-card,.model-card,.ptz-cat-card,.event-card,.news-card,
  .team-card,.office-card,.arch-card,.benefit-card,.cb-card,.color-card,.cs-card,
  .cv-card,.gallery-card,.why-card,.why-ptz-card,.warranty-card
):hover {
  border-color: var(--ap-line-strong) !important;
  background: var(--ap-surface-hover) !important;
  box-shadow: var(--ap-shadow) !important;
  transform: translateY(-3px) !important;
}

/* Product shelves: equal geometry and aligned actions */
html[data-camixel-theme] body.premium-ui :where(.models-grid,.ptz-categories-grid,.cat-products-grid,.products-grid,.product-grid) {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(18px, 2vw, 26px) !important;
  align-items: stretch !important;
  grid-auto-rows: 1fr !important;
}

/* Page-specific IDs/classes previously carried four-column !important rules.
   These selectors make the three-column commerce rhythm authoritative. */
html[data-camixel-theme] body.page-eizo.premium-ui #colorEdgeGrid,
html[data-camixel-theme] body.page-eizo.premium-ui #flexscanGrid,
html[data-camixel-theme] body.page-eizo-medical.premium-ui #medModelsGrid,
html[data-camixel-theme] body.page-ptzoptics.premium-ui section#products .ptz-categories-grid {
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: clamp(18px,2vw,26px) !important;
  align-items: stretch !important;
  grid-auto-rows: 1fr !important;
}

html[data-camixel-theme] body.premium-ui :where(.model-card,.ptz-cat-card,.product-card,.commerce-card) {
  min-width: 0 !important;
  height: 100% !important;
  overflow: clip !important;
}

html[data-camixel-theme] body.premium-ui :where(.model-card,.product-card) {
  display: flex !important;
  flex-direction: column !important;
}

html[data-camixel-theme] body.premium-ui .ptz-cat-card {
  display: grid !important;
  grid-template-rows: 230px auto auto minmax(78px,1fr) auto !important;
  align-content: stretch !important;
  padding: 0 !important;
}

html[data-camixel-theme] body.premium-ui :where(.model-card-img,.prod-img-wrap,.product-card-image,.ptz-img-frame) {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 230px !important;
  min-height: 230px !important;
  padding: 24px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ap-line) !important;
  border-radius: 0 !important;
  background: #f5f5f7 !important;
}

html[data-camixel-theme] body.premium-ui :where(.model-card-img,.prod-img-wrap,.product-card-image,.ptz-img-frame) img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: auto !important;
  object-fit: contain !important;
  object-position: center !important;
  filter: none !important;
}

html[data-camixel-theme] body.premium-ui .model-card-body {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 12px !important;
  min-width: 0 !important;
  padding: 22px !important;
}

html[data-camixel-theme] body.premium-ui .ptz-cat-card > :where(.vm-badge,h3,p,.btn) {
  margin-inline: 22px !important;
}

html[data-camixel-theme] body.premium-ui .ptz-cat-card > .vm-badge {
  align-self: start !important;
  width: max-content !important;
  max-width: calc(100% - 44px) !important;
  margin-top: 20px !important;
  margin-bottom: 10px !important;
  padding: 6px 10px !important;
  border: 1px solid rgba(114,221,176,.2) !important;
  border-radius: 999px !important;
  background: rgba(114,221,176,.08) !important;
  color: var(--ap-accent) !important;
  font-size: 9px !important;
  font-weight: 720 !important;
  letter-spacing: .10em !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}

html[data-camixel-theme] body.premium-ui :where(.model-card-body,.ptz-cat-card) :where(h3,h4) {
  min-width: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  overflow-wrap: anywhere !important;
  color: var(--ap-text) !important;
  font-size: 18px !important;
  line-height: 1.25 !important;
}

html[data-camixel-theme] body.premium-ui .ptz-cat-card > h3 { margin-bottom: 10px !important; }

html[data-camixel-theme] body.premium-ui :where(.model-card-body,.ptz-cat-card) > p {
  min-width: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 18px !important;
  overflow: hidden !important;
  overflow-wrap: anywhere !important;
  color: var(--ap-text-3) !important;
  font-size: 13px !important;
  line-height: 1.58 !important;
  white-space: normal !important;
}

html[data-camixel-theme] body.premium-ui .model-card-body > p { flex: 1 1 auto !important; }

html[data-camixel-theme] body.premium-ui :where(.model-specs,.prod-specs) {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  margin-top: 0 !important;
}

html[data-camixel-theme] body.premium-ui :where(.model-spec,.prod-feature-tag,.spec-tag) {
  padding: 6px 9px !important;
  border: 1px solid var(--ap-line) !important;
  border-radius: 999px !important;
  color: var(--ap-text-2) !important;
  background: rgba(255,255,255,.035) !important;
  font-size: 10px !important;
  font-weight: 590 !important;
  line-height: 1.2 !important;
}

html[data-camixel-theme] body.premium-ui :where(.model-card-link,.model-actions,.product-card-actions) {
  margin-top: auto !important;
}

html[data-camixel-theme] body.premium-ui :where(.model-card-link,.ptz-cat-card > .btn,.product-card .btn) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-height: 44px !important;
  padding: 0 18px !important;
  border: 1px solid var(--ap-line-strong) !important;
  border-radius: 999px !important;
  color: var(--ap-text) !important;
  background: transparent !important;
  font-size: 12px !important;
  font-weight: 630 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  white-space: normal !important;
}

html[data-camixel-theme] body.premium-ui .model-card-link { width: 100% !important; }
html[data-camixel-theme] body.premium-ui .ptz-cat-card > .btn { margin-top: auto !important; margin-bottom: 22px !important; }

html[data-camixel-theme] body.premium-ui :where(.model-card-link,.ptz-cat-card > .btn,.product-card .btn):hover {
  border-color: var(--ap-accent) !important;
  color: #07110d !important;
  background: var(--ap-accent) !important;
}

/* Search, filters, counts */
html[data-camixel-theme] body.premium-ui :where(.lineup-toolbar,.catalogue-toolbar) {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(280px,390px) !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 0 0 14px !important;
  padding: 10px !important;
  border-radius: 22px !important;
}

html[data-camixel-theme] body.premium-ui .catalogue-toolbar {
  grid-template-columns: minmax(260px,520px) auto !important;
  justify-content: space-between !important;
  margin-bottom: 26px !important;
}

html[data-camixel-theme] body.premium-ui :where(.lineup-filter-group,.cat-tabs,.brand-tabs,.filter-pills) {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html[data-camixel-theme] body.premium-ui :where(.lineup-filter-btn,.cat-tab-btn,.brand-tab,.sol-filter-btn) {
  min-height: 40px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: var(--ap-text-2) !important;
  background: transparent !important;
  box-shadow: none !important;
  font-family: inherit !important;
  font-size: 11px !important;
  font-weight: 620 !important;
  letter-spacing: -.005em !important;
}

html[data-camixel-theme] body.premium-ui :where(.lineup-filter-btn,.cat-tab-btn,.brand-tab,.sol-filter-btn):hover {
  color: var(--ap-text) !important;
  background: rgba(255,255,255,.06) !important;
}

html[data-camixel-theme] body.premium-ui :where(.lineup-filter-btn.active-filter,.cat-tab-btn.active,.brand-tab.active,.sol-filter-btn.active) {
  color: #07110d !important;
  background: var(--ap-accent) !important;
  box-shadow: none !important;
}

html[data-camixel-theme] body.premium-ui :where(.lineup-search,.sidebar-search,.catalogue-search) {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
}

html[data-camixel-theme] body.premium-ui :where(.lineup-search,.sidebar-search,.catalogue-search) svg {
  position: absolute !important;
  z-index: 2 !important;
  left: 15px !important;
  width: 17px !important;
  height: 17px !important;
  color: var(--ap-text-3) !important;
  pointer-events: none !important;
}

html[data-camixel-theme] body.premium-ui :where(.lineup-search,.sidebar-search,.catalogue-search) input {
  width: 100% !important;
  min-width: 0 !important;
  height: 46px !important;
  padding: 0 16px 0 43px !important;
  border: 1px solid var(--ap-line) !important;
  border-radius: 14px !important;
  color: var(--ap-text) !important;
  background: var(--ap-surface-2) !important;
  box-shadow: none !important;
  font-family: inherit !important;
  font-size: 13px !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

html[data-camixel-theme] body.premium-ui :where(.lineup-search,.sidebar-search,.catalogue-search) input::placeholder {
  color: #77777c !important;
  opacity: 1 !important;
}

html[data-camixel-theme] body.premium-ui :where(.lineup-search,.sidebar-search,.catalogue-search) input:focus {
  border-color: var(--ap-accent) !important;
  outline: none !important;
  box-shadow: var(--ap-focus) !important;
}

html[data-camixel-theme] body.premium-ui :where(.lineup-results-row,.medical-store-head) {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 20px !important;
}

html[data-camixel-theme] body.premium-ui :where(.lineup-note,.lineup-result-count,.medical-result-count,.catalogue-result-count) {
  color: var(--ap-text-3) !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
}

html[data-camixel-theme] body.premium-ui :where(.lineup-result-count,.medical-result-count,.catalogue-result-count) {
  flex: 0 0 auto !important;
  padding: 7px 10px !important;
  border-radius: 999px !important;
  color: var(--ap-text-2) !important;
  background: rgba(255,255,255,.05) !important;
  white-space: nowrap !important;
}

html[data-camixel-theme] body.premium-ui .catalogue-empty-state {
  width: 100% !important;
  margin: 22px 0 0 !important;
  padding: 34px !important;
  border: 1px dashed var(--ap-line-strong) !important;
  border-radius: var(--ap-radius) !important;
  color: var(--ap-text-3) !important;
  text-align: center !important;
}

html[data-camixel-theme] body.premium-ui [hidden] { display: none !important; }

/* Medical filter layout */
html[data-camixel-theme] body.page-eizo-medical .med-layout {
  display: grid !important;
  grid-template-columns: 270px minmax(0,1fr) !important;
  gap: 28px !important;
  align-items: start !important;
}

html[data-camixel-theme] body.page-eizo-medical .med-sidebar {
  position: sticky !important;
  top: 94px !important;
  padding: 20px !important;
  border-radius: 22px !important;
}

html[data-camixel-theme] body.premium-ui :where(.sidebar-title,.filter-section-title) {
  color: var(--ap-text) !important;
  font-weight: 650 !important;
  letter-spacing: -.01em !important;
  text-transform: none !important;
}

html[data-camixel-theme] body.premium-ui .filter-section {
  margin-top: 20px !important;
  padding-top: 18px !important;
  border-top: 1px solid var(--ap-line) !important;
}

html[data-camixel-theme] body.premium-ui .custom-checkbox {
  display: grid !important;
  grid-template-columns: 20px minmax(0,1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 38px !important;
  color: var(--ap-text-2) !important;
  font-size: 12px !important;
}

html[data-camixel-theme] body.premium-ui .medical-clear-filters {
  width: 100% !important;
  min-height: 38px !important;
  margin-top: 12px !important;
  border: 1px solid var(--ap-line) !important;
  border-radius: 999px !important;
  color: var(--ap-text-2) !important;
  background: transparent !important;
}

/* Tables and spec matrices */
html[data-camixel-theme] body.premium-ui :where(.compare-table-wrap,.table-wrap,.spec-table-wrap) {
  overflow: auto !important;
  border: 1px solid var(--ap-line) !important;
  border-radius: 22px !important;
  background: var(--ap-surface) !important;
  box-shadow: none !important;
}

html[data-camixel-theme] body.premium-ui :where(table,.compare-table,.spec-table) {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  color: var(--ap-text-2) !important;
  background: transparent !important;
  font-size: 13px !important;
}

html[data-camixel-theme] body.premium-ui :where(table,.compare-table,.spec-table) :where(th,td) {
  padding: 16px 18px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ap-line) !important;
  text-align: left !important;
  vertical-align: middle !important;
}

html[data-camixel-theme] body.premium-ui :where(table,.compare-table,.spec-table) th {
  color: var(--ap-text) !important;
  background: rgba(255,255,255,.035) !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

html[data-camixel-theme] body.premium-ui :where(table,.compare-table,.spec-table) tr:last-child td { border-bottom: 0 !important; }
html[data-camixel-theme] body.premium-ui :where(table,.compare-table,.spec-table) tbody tr:hover { background: rgba(255,255,255,.025) !important; }

/* Minimal event announcement */
html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay {
  padding: 20px !important;
  background: rgba(0,0,0,.62) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-card {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(300px,.82fr) !important;
  width: min(780px,100%) !important;
  min-height: 360px !important;
  max-height: calc(100dvh - 40px) !important;
  overflow: hidden !important;
  border: 1px solid var(--ap-line-strong) !important;
  border-radius: 24px !important;
  background: #111113 !important;
  box-shadow: 0 28px 90px rgba(0,0,0,.55) !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-card::after { display: none !important; }

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-img-wrap,
html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-img-wrap img {
  min-height: 360px !important;
  height: 100% !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-img-wrap {
  border-right: 1px solid var(--ap-line) !important;
  background: #080808 !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-img-wrap::after {
  background: linear-gradient(90deg,transparent 78%,rgba(17,17,19,.18)) !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-img-wrap img {
  padding: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-content {
  justify-content: center !important;
  padding: 42px 36px !important;
  background: transparent !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-eyebrow {
  margin-bottom: 14px !important;
  color: var(--ap-accent) !important;
  font-size: 10px !important;
  font-weight: 650 !important;
  letter-spacing: .12em !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-title {
  max-width: 10ch !important;
  margin-bottom: 14px !important;
  font-size: clamp(30px,4vw,40px) !important;
  font-weight: 650 !important;
  letter-spacing: -.04em !important;
  line-height: 1.02 !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-desc {
  margin-bottom: 24px !important;
  color: var(--ap-text-3) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-cta {
  min-height: 44px !important;
  padding: 0 18px !important;
  color: #07110d !important;
  background: var(--ap-accent) !important;
  border-color: var(--ap-accent) !important;
  box-shadow: none !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-close-btn {
  top: 14px !important;
  right: 14px !important;
  width: 34px !important;
  height: 34px !important;
  border: 1px solid var(--ap-line-strong) !important;
  border-radius: 50% !important;
  color: var(--ap-text) !important;
  background: rgba(17,17,19,.72) !important;
  box-shadow: none !important;
  backdrop-filter: blur(14px) !important;
}

/* Responsive catalogue rules */
@media (max-width: 980px) {
  html[data-camixel-theme] body.premium-ui :where(.models-grid,.ptz-categories-grid,.cat-products-grid,.products-grid,.product-grid) {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
  html[data-camixel-theme] body.page-eizo.premium-ui #colorEdgeGrid,
  html[data-camixel-theme] body.page-eizo.premium-ui #flexscanGrid,
  html[data-camixel-theme] body.page-eizo-medical.premium-ui #medModelsGrid,
  html[data-camixel-theme] body.page-ptzoptics.premium-ui section#products .ptz-categories-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
  html[data-camixel-theme] body.premium-ui :where(.lineup-toolbar,.catalogue-toolbar) {
    grid-template-columns: 1fr !important;
  }
  html[data-camixel-theme] body.premium-ui .catalogue-result-count { justify-self: start !important; }
  html[data-camixel-theme] body.page-eizo-medical .med-layout { grid-template-columns: 1fr !important; }
  html[data-camixel-theme] body.page-eizo-medical .med-sidebar { position: static !important; }
}

@media (max-width: 760px) {
  html[data-camixel-theme] body.premium-ui :where(.models-grid,.ptz-categories-grid,.cat-products-grid,.products-grid,.product-grid) {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  html[data-camixel-theme] body.page-eizo.premium-ui #colorEdgeGrid,
  html[data-camixel-theme] body.page-eizo.premium-ui #flexscanGrid,
  html[data-camixel-theme] body.page-eizo-medical.premium-ui #medModelsGrid,
  html[data-camixel-theme] body.page-ptzoptics.premium-ui section#products .ptz-categories-grid {
    grid-template-columns: minmax(0,1fr) !important;
  }
  html[data-camixel-theme] body.premium-ui :where(.model-card-img,.prod-img-wrap,.product-card-image,.ptz-img-frame) {
    height: 220px !important;
    min-height: 220px !important;
  }
  html[data-camixel-theme] body.premium-ui .ptz-cat-card { grid-template-rows: 220px auto auto minmax(0,auto) auto !important; }
  html[data-camixel-theme] body.premium-ui :where(.lineup-results-row,.medical-store-head) { align-items: flex-start !important; flex-direction: column !important; }
  html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-card {
    display: block !important;
    width: min(480px,100%) !important;
    min-height: 0 !important;
    overflow: auto !important;
  }
  html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-img-wrap,
  html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-img-wrap img {
    min-height: 0 !important;
    height: 210px !important;
  }
  html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-img-wrap { border-right: 0 !important; border-bottom: 1px solid var(--ap-line) !important; }
  html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-content { padding: 28px 24px 30px !important; }
}

@media (max-width: 460px) {
  html[data-camixel-theme] body.premium-ui :where(.container,.nav-container) { width: min(100% - 28px,1240px) !important; }
  html[data-camixel-theme] body.premium-ui .lineup-filter-group { flex-wrap: nowrap !important; overflow-x: auto !important; scrollbar-width: none !important; }
  html[data-camixel-theme] body.premium-ui .lineup-filter-group::-webkit-scrollbar { display: none !important; }
  html[data-camixel-theme] body.premium-ui .lineup-filter-btn { flex: 0 0 auto !important; }
  html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay { padding: 12px !important; }
  html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-img-wrap,
  html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-img-wrap img { height: 180px !important; }
  html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-title { font-size: 29px !important; }
}

@media (prefers-reduced-motion: reduce) {
  html[data-camixel-theme] body.premium-ui *,
  html[data-camixel-theme] body.premium-ui *::before,
  html[data-camixel-theme] body.premium-ui *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* Bundled source: eizo-alignment.css */
/* Authoritative alignment layer for the two EIZO storefronts. */

html[data-camixel-theme] body:is(.page-eizo,.page-eizo-medical).premium-ui {
  --eizo-gutter: clamp(18px, 3vw, 32px);
  --eizo-card-image: 240px;
}

html[data-camixel-theme] body:is(.page-eizo,.page-eizo-medical).premium-ui :where(.container,.nav-container) {
  width: min(calc(100% - clamp(32px,6vw,96px)),1240px) !important;
  max-width: 1240px !important;
  margin-inline: auto !important;
}

/* Hero copy and CTAs use one left edge and predictable measure. */
html[data-camixel-theme] body:is(.page-eizo,.page-eizo-medical).premium-ui .hero-content {
  width: min(100%,760px) !important;
  max-width: 760px !important;
  margin: 0 !important;
  text-align: left !important;
}

html[data-camixel-theme] body:is(.page-eizo,.page-eizo-medical).premium-ui .hero h1 {
  max-width: 15ch !important;
  margin: 0 0 18px !important;
  letter-spacing: -.045em !important;
  line-height: 1.02 !important;
  text-align: left !important;
}

html[data-camixel-theme] body:is(.page-eizo,.page-eizo-medical).premium-ui .hero :where(p,.hero-subtitle) {
  max-width: 66ch !important;
  margin-left: 0 !important;
  text-align: left !important;
}

html[data-camixel-theme] body:is(.page-eizo,.page-eizo-medical).premium-ui .hero :where(.hero-actions,.hero-buttons) {
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 12px !important;
}

/* Brand summary */
html[data-camixel-theme] body:is(.page-eizo,.page-eizo-medical).premium-ui .eizo-brand-inner {
  display: grid !important;
  grid-template-columns: auto minmax(240px,1fr) auto !important;
  align-items: center !important;
  gap: clamp(22px,4vw,54px) !important;
  width: 100% !important;
  max-width: 1240px !important;
  margin-inline: auto !important;
  padding-inline: var(--eizo-gutter) !important;
}

html[data-camixel-theme] body:is(.page-eizo,.page-eizo-medical).premium-ui .eizo-logo-box {
  width: 190px !important;
  min-width: 190px !important;
  min-height: 92px !important;
  margin: 0 !important;
}

html[data-camixel-theme] body:is(.page-eizo,.page-eizo-medical).premium-ui .eizo-logo-text {
  min-width: 0 !important;
  text-align: left !important;
}

html[data-camixel-theme] body:is(.page-eizo,.page-eizo-medical).premium-ui .eizo-brand-stats {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(72px,1fr)) !important;
  align-items: start !important;
  gap: clamp(14px,2.2vw,28px) !important;
  margin: 0 !important;
}

html[data-camixel-theme] body:is(.page-eizo,.page-eizo-medical).premium-ui .eizo-stat {
  min-width: 72px !important;
  margin: 0 !important;
  text-align: center !important;
}

/* Feature introductions: image and content sit on the same baseline. */
html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone .prod-intro,
html[data-camixel-theme] body.page-eizo-medical.premium-ui .pitch-grid {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
  align-items: center !important;
  gap: clamp(32px,6vw,72px) !important;
  width: 100% !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone :where(.prod-intro-img,.prod-intro-text),
html[data-camixel-theme] body.page-eizo-medical.premium-ui .pitch-grid > * {
  min-width: 0 !important;
  margin: 0 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone .prod-intro-img {
  min-height: 390px !important;
  height: 390px !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone .prod-intro-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone .prod-intro-text {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  text-align: left !important;
}

/* Align catalogue headings to the same left edge as controls and cards. */
html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone > .container > .section-header {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 32px !important;
  padding: 0 !important;
  text-align: left !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone > .container > .section-header :where(h2,p) {
  max-width: 760px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: left !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .cat-tabs-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: max-content !important;
  max-width: 100% !important;
  margin-inline: auto !important;
}

/* Search/filter bars */
html[data-camixel-theme] body.page-eizo.premium-ui .lineup-toolbar {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(300px,390px) !important;
  align-items: center !important;
  gap: 14px !important;
  width: 100% !important;
  margin: 0 0 14px !important;
  padding: 10px !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .lineup-filter-group {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  min-width: 0 !important;
  margin: 0 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .lineup-filter-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .lineup-search,
html[data-camixel-theme] body.page-eizo.premium-ui .lineup-search input {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .lineup-results-row {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 18px !important;
  width: 100% !important;
  min-height: 40px !important;
  margin: 0 0 18px !important;
  padding: 0 2px !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .lineup-results-row :where(.lineup-note,.lineup-result-count) {
  margin: 0 !important;
}

/* Product grid geometry */
html[data-camixel-theme] body.page-eizo.premium-ui :is(#colorEdgeGrid,#flexscanGrid),
html[data-camixel-theme] body.page-eizo-medical.premium-ui #medModelsGrid {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  align-items: stretch !important;
  gap: 26px !important;
  width: 100% !important;
  min-width: 0 !important;
  grid-auto-rows: 1fr !important;
}

html[data-camixel-theme] body:is(.page-eizo,.page-eizo-medical).premium-ui .model-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  min-width: 0 !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .model-card-img,
html[data-camixel-theme] body.page-eizo-medical.premium-ui .model-card-img {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 var(--eizo-card-image) !important;
  width: 100% !important;
  height: var(--eizo-card-image) !important;
  min-height: var(--eizo-card-image) !important;
  max-height: var(--eizo-card-image) !important;
  aspect-ratio: auto !important;
  margin: 0 !important;
  padding: 24px !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui {
  --eizo-card-image: 220px;
}

html[data-camixel-theme] body:is(.page-eizo,.page-eizo-medical).premium-ui .model-card-img img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: auto !important;
  object-fit: contain !important;
  object-position: center !important;
}

html[data-camixel-theme] body:is(.page-eizo,.page-eizo-medical).premium-ui .model-card-badge {
  position: absolute !important;
  z-index: 2 !important;
  top: 14px !important;
  left: 14px !important;
  right: auto !important;
  bottom: auto !important;
  width: max-content !important;
  max-width: calc(100% - 28px) !important;
  margin: 0 !important;
}

html[data-camixel-theme] body:is(.page-eizo,.page-eizo-medical).premium-ui .model-card-body {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 12px !important;
  min-width: 0 !important;
  width: 100% !important;
  padding: 22px !important;
  text-align: left !important;
}

html[data-camixel-theme] body:is(.page-eizo,.page-eizo-medical).premium-ui .model-card-body :where(h3,h4,p,.model-specs,.model-commerce-meta,.model-actions) {
  width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: left !important;
}

html[data-camixel-theme] body:is(.page-eizo,.page-eizo-medical).premium-ui .model-card-body > p {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

html[data-camixel-theme] body:is(.page-eizo,.page-eizo-medical).premium-ui .model-specs {
  display: flex !important;
  align-content: flex-start !important;
  align-items: flex-start !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  min-height: 58px !important;
  margin-top: 2px !important;
}

html[data-camixel-theme] body:is(.page-eizo,.page-eizo-medical).premium-ui .model-spec {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 27px !important;
  margin: 0 !important;
  white-space: normal !important;
}

html[data-camixel-theme] body:is(.page-eizo,.page-eizo-medical).premium-ui .model-commerce-meta {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 48px !important;
  padding: 10px 0 !important;
}

html[data-camixel-theme] body:is(.page-eizo,.page-eizo-medical).premium-ui .model-commerce-meta :where(span,strong) {
  margin: 0 !important;
  line-height: 1.35 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .model-actions {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 46px !important;
  margin-top: auto !important;
  padding-top: 4px !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .model-actions :where(.model-card-link,.model-spec-link) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  margin: 0 !important;
  text-align: center !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .model-card-link {
  align-self: stretch !important;
  width: 100% !important;
  margin-top: auto !important;
}

/* EIZO Medical hero: one page axis, with a crop tuned for the supplied
   diagnostic-display photograph. */
html[data-camixel-theme] body.page-eizo-medical.premium-ui .hero {
  height: clamp(540px,46vw,600px) !important;
  min-height: 540px !important;
  max-height: none !important;
  aspect-ratio: auto !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .hero-slide {
  background-image: url("img/images__eizo__eizo-medical-hero.png") !important;
  background-position: 58% center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .hero-content {
  box-sizing: border-box !important;
  width: min(calc(100% - 96px),1180px) !important;
  max-width: 1180px !important;
  margin-inline: auto !important;
  padding: 0 !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .hero-headline {
  width: min(100%,720px) !important;
  max-width: 720px !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .hero-sub {
  width: min(100%,650px) !important;
  max-width: 650px !important;
  margin: 22px 0 28px !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .hero-actions {
  width: min(100%,650px) !important;
  margin: 0 !important;
}

/* Lock the medical page's major wrappers and their children to predictable
   boundaries. This prevents the embedded legacy declarations from changing
   the visible left/right axes at different breakpoints. */
html[data-camixel-theme] body.page-eizo-medical.premium-ui :where(
  .eizo-brand-inner,.pitch-grid,.medical-store-head,.med-layout,
  .med-sidebar,.med-main,#medModelsGrid,.model-card,.model-card-img,
  .model-card-body
) {
  box-sizing: border-box !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .eizo-logo-lockup {
  display: grid !important;
  grid-template-columns: 190px minmax(0,1fr) !important;
  align-items: center !important;
  gap: 24px !important;
  min-width: 0 !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .pitch-content {
  width: 100% !important;
  max-width: 560px !important;
  margin: 0 !important;
  text-align: left !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .pitch-content :where(h2,p,ul) {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: left !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .pitch-image {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

/* Medical catalogue header, sidebar, and main shelf share vertical anchors. */
html[data-camixel-theme] body.page-eizo-medical.premium-ui .medical-store-head {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: end !important;
  gap: 28px !important;
  width: 100% !important;
  margin: 0 0 28px !important;
  padding: 30px 36px !important;
  text-align: left !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .medical-store-head :where(h2,p,.medical-result-count) {
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: left !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .med-layout {
  display: grid !important;
  grid-template-columns: 284px minmax(0,1fr) !important;
  align-items: start !important;
  gap: 26px !important;
  width: 100% !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .med-sidebar {
  position: sticky !important;
  top: 94px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 20px !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .med-main {
  min-width: 0 !important;
  width: 100% !important;
  margin: 0 !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .sidebar-header,
html[data-camixel-theme] body.page-eizo-medical.premium-ui .sidebar-search,
html[data-camixel-theme] body.page-eizo-medical.premium-ui .medical-clear-filters,
html[data-camixel-theme] body.page-eizo-medical.premium-ui .filter-section {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .custom-checkbox {
  width: 100% !important;
  margin: 0 !important;
  text-align: left !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui :where(.val-section,.team-section,.eizo-faq-section) .section-header {
  align-items: flex-start !important;
  width: 100% !important;
  max-width: 780px !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  text-align: left !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui :where(.val-section,.team-section,.eizo-faq-section) .section-header :where(h2,p) {
  margin-left: 0 !important;
  text-align: left !important;
}

@media (max-width: 1120px) {
  html[data-camixel-theme] body:is(.page-eizo,.page-eizo-medical).premium-ui .eizo-brand-inner {
    grid-template-columns: auto minmax(0,1fr) !important;
  }
  html[data-camixel-theme] body:is(.page-eizo,.page-eizo-medical).premium-ui .eizo-brand-stats {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }
  html[data-camixel-theme] body.page-eizo.premium-ui :is(#colorEdgeGrid,#flexscanGrid),
  html[data-camixel-theme] body.page-eizo-medical.premium-ui #medModelsGrid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
  html[data-camixel-theme] body.page-eizo-medical.premium-ui .med-layout {
    grid-template-columns: 250px minmax(0,1fr) !important;
  }
}

@media (max-width: 820px) {
  html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone .prod-intro,
  html[data-camixel-theme] body.page-eizo-medical.premium-ui .pitch-grid {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 28px !important;
  }
  html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone .prod-intro-img {
    min-height: 300px !important;
    height: 300px !important;
  }
  html[data-camixel-theme] body.page-eizo.premium-ui .lineup-toolbar,
  html[data-camixel-theme] body.page-eizo.premium-ui .lineup-results-row,
  html[data-camixel-theme] body.page-eizo-medical.premium-ui .medical-store-head,
  html[data-camixel-theme] body.page-eizo-medical.premium-ui .med-layout {
    grid-template-columns: minmax(0,1fr) !important;
  }
  html[data-camixel-theme] body.page-eizo-medical.premium-ui .med-sidebar {
    position: static !important;
    top: auto !important;
  }
  html[data-camixel-theme] body.page-eizo-medical.premium-ui .medical-result-count {
    justify-self: start !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .hero {
    height: auto !important;
    min-height: 690px !important;
    padding: 104px 0 72px !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .hero-content {
    width: min(calc(100% - 40px),1180px) !important;
    margin-inline: auto !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .hero-slide {
    background-position: 61% center !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .pitch-content {
    max-width: none !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .pitch-image {
    height: 300px !important;
    min-height: 300px !important;
  }
}

@media (max-width: 680px) {
  html[data-camixel-theme] body:is(.page-eizo,.page-eizo-medical).premium-ui :where(.container,.nav-container) {
    width: min(calc(100% - 28px),1240px) !important;
  }
  html[data-camixel-theme] body:is(.page-eizo,.page-eizo-medical).premium-ui .eizo-brand-inner {
    grid-template-columns: minmax(0,1fr) !important;
    justify-items: start !important;
  }
  html[data-camixel-theme] body:is(.page-eizo,.page-eizo-medical).premium-ui .eizo-brand-stats {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
  html[data-camixel-theme] body.page-eizo.premium-ui :is(#colorEdgeGrid,#flexscanGrid),
  html[data-camixel-theme] body.page-eizo-medical.premium-ui #medModelsGrid {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 18px !important;
  }
  html[data-camixel-theme] body.page-eizo.premium-ui .lineup-filter-group {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    padding-bottom: 2px !important;
    scrollbar-width: none !important;
  }
  html[data-camixel-theme] body.page-eizo.premium-ui .lineup-filter-group::-webkit-scrollbar { display: none !important; }
  html[data-camixel-theme] body.page-eizo.premium-ui .lineup-filter-btn { flex: 0 0 auto !important; }
  html[data-camixel-theme] body.page-eizo.premium-ui .model-actions {
    grid-template-columns: minmax(0,1fr) !important;
  }
  html[data-camixel-theme] body.page-eizo.premium-ui .model-actions .model-spec-link { width: 100% !important; }
  html[data-camixel-theme] body.page-eizo-medical.premium-ui .medical-store-head { padding: 24px !important; }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .hero {
    min-height: 720px !important;
    padding: 112px 0 64px !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .hero-content {
    width: calc(100% - 36px) !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .hero h1 {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(2.2rem,11vw,3.15rem) !important;
    line-height: 1.04 !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui #hero-line-1 {
    font-size: .9rem !important;
    line-height: 1.35 !important;
    letter-spacing: .12em !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .hero-actions {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    align-items: stretch !important;
    gap: 12px !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .hero-actions .btn {
    width: 100% !important;
    min-height: 50px !important;
    margin: 0 !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .eizo-logo-lockup {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 18px !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .pitch-image {
    height: 250px !important;
    min-height: 250px !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .medical-store-head {
    width: 100% !important;
    padding: 22px 20px !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .med-sidebar,
  html[data-camixel-theme] body.page-eizo-medical.premium-ui .model-card-body {
    padding: 18px !important;
  }
}

/* Bundled source: site-responsive.css */
/*
 * Camixel site-wide responsive alignment layer.
 * Loaded last on every page so legacy inline/page rules cannot create
 * competing gutters, card widths, or breakpoint behaviour.
 */

html[data-camixel-theme] body.premium-ui {
  --rsp-max: 1240px;
  --rsp-gutter: clamp(16px, 3vw, 32px);
  min-width: 320px;
  overflow-x: clip;
}

html[data-camixel-theme] body.premium-ui :where(main,section,header,footer,nav,article,aside,form) {
  min-width: 0;
  max-width: 100%;
}

html[data-camixel-theme] body.premium-ui[class*="page-"] :where(.container,.nav-container) {
  box-sizing: border-box !important;
  width: min(calc(100% - 32px),var(--rsp-max)) !important;
  max-width: var(--rsp-max) !important;
  margin-inline: auto !important;
}

html[data-camixel-theme] body.premium-ui :where(img,video,canvas,iframe) {
  max-width: 100%;
}

html[data-camixel-theme] body.premium-ui :where(video,iframe) {
  display: block;
}

html[data-camixel-theme] body.premium-ui iframe[src*="youtube.com"],
html[data-camixel-theme] body.premium-ui iframe[src*="youtu.be"] {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9;
}

html[data-camixel-theme] body.premium-ui :where(h1,h2,h3,h4,h5,h6,p,li,dd,a,button,label) {
  max-width: 100%;
  overflow-wrap: break-word;
}

html[data-camixel-theme] body.premium-ui :where(input,select,textarea,button) {
  box-sizing: border-box;
  max-width: 100%;
}

html[data-camixel-theme] body.premium-ui section[id] {
  scroll-margin-top: 86px;
}

/* One shared accessibility utility replaces identical page-level copies. */
.visually-hidden-breadcrumb {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Shared hero axes */
html[data-camixel-theme] body.premium-ui:not(.page-eizo-medical) .hero-content {
  box-sizing: border-box !important;
  width: min(calc(100% - clamp(32px,7vw,96px)),1200px) !important;
  max-width: 1200px !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
}

html[data-camixel-theme] body.premium-ui :where(
  .ptz-hero-content,.sol-hero-content,.about-hero-content,
  .events-hero-content,.ewaste-hero-content,.hero-inner
) {
  box-sizing: border-box !important;
  width: min(calc(100% - clamp(32px,7vw,96px)),1200px) !important;
  max-width: 1200px !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
}

html[data-camixel-theme] body.premium-ui :where(
  .hero-content,.ptz-hero-content,.sol-hero-content,.about-hero-content,
  .events-hero-content,.ewaste-hero-content,.hero-inner
) > * {
  min-width: 0;
}

html[data-camixel-theme] body.premium-ui :where(.hero-actions,.cta-row,.final-cta-btns,.story-actions) {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 12px !important;
  max-width: 100%;
}

/* All major grid children are allowed to shrink instead of pushing their row. */
html[data-camixel-theme] body.premium-ui :where(
  .models-grid,.products-grid,.product-grid,.cat-products-grid,.ptz-categories-grid,
  .pillars-grid,.answer-hub-grid,.vm-cards-grid,.industries-mega-grid,
  .events-grid,.gallery-grid,.guidelines-grid,.values-grid,.i-grid,
  .trust-grid,.support-grid,.warranty-grid,.why-grid,.why-ptz-grid,
  .advantage-grid,.arch-grid,.eco-grid,.shift-grid,.cb-grid,.cv-grid,
  .val-grid,.team-grid,.ptz-events-grid,.footer-grid
) {
  min-width: 0 !important;
  align-items: stretch !important;
}

html[data-camixel-theme] body.premium-ui :where(
  .models-grid,.products-grid,.product-grid,.cat-products-grid,.ptz-categories-grid,
  .pillars-grid,.answer-hub-grid,.vm-cards-grid,.industries-mega-grid,
  .events-grid,.gallery-grid,.guidelines-grid,.values-grid,.i-grid,
  .trust-grid,.support-grid,.warranty-grid,.why-grid,.why-ptz-grid,
  .advantage-grid,.arch-grid,.eco-grid,.shift-grid,.cb-grid,.cv-grid,
  .val-grid,.team-grid,.ptz-events-grid,.footer-grid
) > * {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

/* Two-column content and form layouts */
html[data-camixel-theme] body.premium-ui :where(
  .who-grid,.ewaste-grid,.contact-grid-new,.contact-grid-eizo,
  .contact-support-grid,.lead-grid,.support-request-layout,.solution-final-grid,
  .cat-hero-grid,.pitch-grid,.sol-form-container
) {
  box-sizing: border-box !important;
  min-width: 0 !important;
  width: 100% !important;
  align-items: start !important;
}

html[data-camixel-theme] body.premium-ui :where(
  .who-grid,.ewaste-grid,.contact-grid-new,.contact-grid-eizo,
  .contact-support-grid,.lead-grid,.support-request-layout,.solution-final-grid,
  .cat-hero-grid,.pitch-grid,.sol-form-container
) > * {
  min-width: 0 !important;
  max-width: 100% !important;
}

/* Equal-height commerce cards and stable CTA baselines */
html[data-camixel-theme] body.premium-ui :where(
  .model-card,.product-card,.commerce-card,.ptz-cat-card,
  .solution-card,.event-card,.news-card,.support-card,.warranty-card
) {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 100% !important;
}

html[data-camixel-theme] body.premium-ui :where(
  .model-card-body,.product-card-body,.card-body,.event-card-body,.news-card-body
) {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

html[data-camixel-theme] body.premium-ui :where(
  .model-card-link,.product-card .btn,.ptz-cat-card > .btn,
  .solution-card .card-link-text,.event-card .btn,.news-card .btn
) {
  margin-top: auto !important;
}

/* PTZ cards previously combined width:100% text with 22px side margins. */
html[data-camixel-theme] body.page-ptzoptics.premium-ui .ptz-cat-card > :where(.vm-badge,h3,p,.btn) {
  box-sizing: border-box !important;
  width: calc(100% - 44px) !important;
  max-width: calc(100% - 44px) !important;
  margin-left: 22px !important;
  margin-right: 22px !important;
}

html[data-camixel-theme] body.page-ptzoptics.premium-ui .ptz-cat-card > .vm-badge {
  width: max-content !important;
}

html[data-camixel-theme] body.page-ptzoptics.premium-ui .catalogue-toolbar {
  box-sizing: border-box !important;
}

/* EIZO catalogues use an identical product rhythm at every breakpoint. */
html[data-camixel-theme] body:is(.page-eizo,.page-eizo-medical).premium-ui :where(
  .lineup-toolbar,.lineup-results-row,.medical-store-head,.med-layout,
  .med-sidebar,.med-main,#colorEdgeGrid,#flexscanGrid,#medModelsGrid
) {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

html[data-camixel-theme] body:is(.page-eizo,.page-eizo-medical).premium-ui :where(
  .model-card-img,.model-card-body,.model-specs,.model-commerce-meta,.model-actions
) {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

/* Responsive tables remain usable without widening the page. */
html[data-camixel-theme] body.premium-ui :where(.compare-table-wrap,.table-wrap,.spec-table-wrap) {
  position: relative;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-color: rgba(114,221,176,.55) rgba(255,255,255,.06);
  scrollbar-width: thin;
}

html[data-camixel-theme] body.premium-ui :where(.compare-table,.spec-table) {
  width: 100% !important;
  min-width: 720px !important;
}

/* Form fields always follow the form column, never their intrinsic width. */
html[data-camixel-theme] body.premium-ui :where(
  .contact-form,.contact-form-new,.contact-form-eizo,.cx-form,.sol-builder-form,
  .lead-form-wrap,.form-wrap,.experience-form-shell
) {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

html[data-camixel-theme] body.premium-ui :where(
  .contact-form,.contact-form-new,.contact-form-eizo,.cx-form,.sol-builder-form,
  .lead-form-wrap,.form-wrap,.experience-form-shell
) :where(input,select,textarea,button[type="submit"]) {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
}

html[data-camixel-theme] body.premium-ui :where(.form-row,.form-row-new,.form-grid-2,.frow,.ux-form-row) {
  min-width: 0 !important;
}

/* Solution workflow labels must wrap inside the card on narrow screens. */
html[data-camixel-theme] body.page-solutions.premium-ui .sol-workflow-bar {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

/* EIZO brand lockup: the logo stage and text use matching track dimensions.
   This intentionally outranks the older 250px logo-stage declaration. */
html[data-camixel-theme] body:is(.page-eizo,.page-eizo-medical).premium-ui .eizo-brand-section {
  box-sizing: border-box !important;
  width: min(calc(100% - 32px),1240px) !important;
  max-width: 1240px !important;
  margin: 48px auto 24px !important;
  overflow: hidden !important;
}

html[data-camixel-theme] body:is(.page-eizo,.page-eizo-medical).premium-ui .eizo-brand-section > .container {
  width: 100% !important;
  max-width: 1240px !important;
  margin-inline: auto !important;
}

html[data-camixel-theme] body:is(.page-eizo,.page-eizo-medical).premium-ui .eizo-brand-section .eizo-brand-inner {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 32px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 clamp(24px,3vw,40px) !important;
}

html[data-camixel-theme] body:is(.page-eizo,.page-eizo-medical).premium-ui .eizo-brand-section .eizo-logo-lockup {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: 210px minmax(0,1fr) !important;
  align-items: center !important;
  gap: 26px !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

html[data-camixel-theme] body:is(.page-eizo,.page-eizo-medical).premium-ui .eizo-brand-section .eizo-logo-box {
  box-sizing: border-box !important;
  width: 210px !important;
  min-width: 210px !important;
  height: 96px !important;
  min-height: 96px !important;
  padding: 16px 20px !important;
  margin: 0 !important;
}

html[data-camixel-theme] body:is(.page-eizo,.page-eizo-medical).premium-ui .eizo-brand-section .eizo-logo-box img {
  display: block !important;
  width: 170px !important;
  height: 64px !important;
  max-width: 100% !important;
  max-height: 64px !important;
  object-fit: contain !important;
}

html[data-camixel-theme] body:is(.page-eizo,.page-eizo-medical).premium-ui .eizo-brand-section .eizo-logo-text {
  min-width: 0 !important;
  max-width: 100% !important;
}

html[data-camixel-theme] body:is(.page-eizo,.page-eizo-medical).premium-ui .eizo-brand-section .eizo-logo-text :where(h2,p) {
  width: auto !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  overflow-wrap: normal !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .eizo-brand-section .eizo-brand-stats {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(74px,1fr)) !important;
  align-items: start !important;
  gap: 20px !important;
  min-width: 0 !important;
  margin: 0 !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .eizo-brand-section .eizo-brand-stats {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(78px,1fr)) !important;
  align-items: start !important;
  gap: 22px !important;
  min-width: 0 !important;
  margin: 0 !important;
}

/* EIZO hero content gets intrinsic height, so long marketing copy cannot be
   vertically clipped at compact desktop and landscape-tablet widths. */
html[data-camixel-theme] body.page-eizo.premium-ui .hero {
  box-sizing: border-box !important;
  height: auto !important;
  min-height: 720px !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  padding: 118px 0 82px !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .hero-content {
  width: min(calc(100% - 64px),1180px) !important;
  max-width: 1180px !important;
  margin-inline: auto !important;
  padding: 0 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .hero-headline {
  width: min(100%,780px) !important;
  max-width: 780px !important;
  margin: 0 0 22px !important;
  font-size: clamp(2.9rem,5vw,4.2rem) !important;
  line-height: 1.02 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .hero-sub {
  width: min(100%,700px) !important;
  max-width: 700px !important;
  margin: 0 0 28px !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .hero-actions {
  margin: 0 !important;
}

/* Keep all EIZO commerce shelves inside the same visible page gutter. */
html[data-camixel-theme] body:is(.page-eizo,.page-eizo-medical).premium-ui .commerce-zone > .container {
  box-sizing: border-box !important;
  width: min(calc(100% - 32px),1240px) !important;
  max-width: 1240px !important;
  margin-inline: auto !important;
}

/* EIZO Medical filter rail: use one checkbox system and one level of inset.
   Older theme layers combined an invisible checkbox, a hidden checkmark, grid
   tracks and left padding, leaving the label copy in a cramped 98px column. */
html[data-camixel-theme] body.page-eizo-medical.premium-ui .med-sidebar {
  box-sizing: border-box !important;
  padding: 0 0 8px !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .sidebar-header {
  box-sizing: border-box !important;
  width: 100% !important;
  padding: 22px 20px 16px !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .sidebar-search {
  box-sizing: border-box !important;
  width: calc(100% - 40px) !important;
  margin: 16px 20px 8px !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .medical-clear-filters {
  box-sizing: border-box !important;
  width: calc(100% - 40px) !important;
  margin: 4px 20px 8px !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .filter-section {
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 16px 20px !important;
  border-top: 0 !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .filter-section-title {
  margin: 0 0 8px !important;
  text-align: left !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .custom-checkbox {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center !important;
  gap: 9px !important;
  width: 100% !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 6px 7px !important;
  text-align: left !important;
  line-height: 1.35 !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .custom-checkbox input[type="checkbox"] {
  position: relative !important;
  inset: auto !important;
  display: grid !important;
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  margin: 0 !important;
  opacity: 1 !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .custom-checkbox .checkmark {
  display: none !important;
}

@media (max-width: 1239px) {
  html[data-camixel-theme] body.page-eizo-medical.premium-ui .med-layout {
    grid-template-columns: 250px minmax(0,1fr) !important;
    gap: 22px !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui #medModelsGrid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 22px !important;
  }
}

@media (max-width: 980px) {
  html[data-camixel-theme] body:is(.page-eizo,.page-eizo-medical).premium-ui .eizo-brand-section .eizo-brand-inner {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 28px !important;
  }

  html[data-camixel-theme] body:is(.page-eizo,.page-eizo-medical).premium-ui .eizo-brand-section .eizo-brand-stats {
    width: 100% !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .med-layout {
    grid-template-columns: minmax(0,1fr) !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .med-sidebar {
    position: static !important;
    top: auto !important;
  }
}

@media (max-width: 760px) {
  html[data-camixel-theme] body.page-eizo.premium-ui .hero {
    min-height: 0 !important;
    padding: 112px 0 76px !important;
  }

  html[data-camixel-theme] body.page-eizo.premium-ui .hero-content {
    width: calc(100% - 32px) !important;
  }

  html[data-camixel-theme] body.page-eizo.premium-ui .hero-headline {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(2.3rem,11vw,3.25rem) !important;
  }

  html[data-camixel-theme] body:is(.page-eizo,.page-eizo-medical).premium-ui .eizo-brand-section {
    width: calc(100% - 28px) !important;
    margin-top: 28px !important;
  }

  html[data-camixel-theme] body:is(.page-eizo,.page-eizo-medical).premium-ui .eizo-brand-section .eizo-brand-inner {
    padding: 0 20px !important;
  }

  html[data-camixel-theme] body:is(.page-eizo,.page-eizo-medical).premium-ui .commerce-zone > .container {
    width: calc(100% - 28px) !important;
  }
}

@media (max-width: 620px) {
  html[data-camixel-theme] body:is(.page-eizo,.page-eizo-medical).premium-ui .eizo-brand-section .eizo-logo-lockup {
    grid-template-columns: minmax(0,1fr) !important;
    align-items: start !important;
    gap: 18px !important;
  }

  html[data-camixel-theme] body:is(.page-eizo,.page-eizo-medical).premium-ui .eizo-brand-section .eizo-logo-box {
    width: 200px !important;
    min-width: 200px !important;
    height: 92px !important;
    min-height: 92px !important;
  }

  html[data-camixel-theme] body.page-eizo.premium-ui .eizo-brand-section .eizo-brand-stats,
  html[data-camixel-theme] body.page-eizo-medical.premium-ui .eizo-brand-section .eizo-brand-stats {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 20px 14px !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui #medModelsGrid {
    grid-template-columns: minmax(0,1fr) !important;
  }
}

@media (max-width: 1100px) {
  html[data-camixel-theme] body.premium-ui :where(
    .models-grid,.products-grid,.product-grid,.cat-products-grid,.ptz-categories-grid
  ),
  html[data-camixel-theme] body.page-ewaste.premium-ui .models-grid,
  html[data-camixel-theme] body.page-eizo.premium-ui :where(#colorEdgeGrid,#flexscanGrid),
  html[data-camixel-theme] body.page-eizo-medical.premium-ui #medModelsGrid,
  html[data-camixel-theme] body.page-ptzoptics.premium-ui section#products .ptz-categories-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    grid-auto-rows: 1fr !important;
  }

  html[data-camixel-theme] body.premium-ui :where(
    .pillars-grid,.answer-hub-grid,.vm-cards-grid,.industries-mega-grid,
    .events-grid,.gallery-grid,.guidelines-grid,.values-grid,.i-grid,
    .trust-grid,.support-grid,.warranty-grid,.why-grid,.why-ptz-grid,
    .advantage-grid,.arch-grid,.eco-grid,.shift-grid,.cb-grid,.cv-grid,
    .val-grid,.team-grid,.ptz-events-grid
  ) {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  html[data-camixel-theme] body.premium-ui .footer-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  html[data-camixel-theme] body.premium-ui :where(.lineup-toolbar,.catalogue-toolbar) {
    grid-template-columns: minmax(0,1fr) !important;
  }

  html[data-camixel-theme] body.premium-ui :where(.lineup-result-count,.medical-result-count,.catalogue-result-count) {
    justify-self: start !important;
    align-self: start !important;
    max-width: 100% !important;
    white-space: normal !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .med-layout {
    grid-template-columns: minmax(0,1fr) !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .med-sidebar {
    position: static !important;
    top: auto !important;
  }

  html[data-camixel-theme] body.premium-ui :where(
    .who-grid,.ewaste-grid,.contact-grid-new,.contact-grid-eizo,
    .contact-support-grid,.lead-grid,.support-request-layout,.solution-final-grid,
    .cat-hero-grid,.pitch-grid,.sol-form-container
  ) {
    grid-template-columns: minmax(0,1fr) !important;
  }
}

@media (max-width: 760px) {
  html[data-camixel-theme] body.premium-ui {
    --rsp-gutter: 16px;
  }

  html[data-camixel-theme] body.premium-ui[class*="page-"] :where(.container,.nav-container) {
    width: calc(100% - 28px) !important;
  }

  html[data-camixel-theme] body.premium-ui:not(.page-eizo-medical) .hero-content,
  html[data-camixel-theme] body.premium-ui :where(
    .ptz-hero-content,.sol-hero-content,.about-hero-content,
    .events-hero-content,.ewaste-hero-content,.hero-inner
  ) {
    width: calc(100% - 32px) !important;
    max-width: none !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
  }

  html[data-camixel-theme] body.premium-ui :where(
    .hero-content,.ptz-hero-content,.sol-hero-content,.about-hero-content,
    .events-hero-content,.ewaste-hero-content,.hero-inner
  ) > :where(h1,.hero-title,.ptz-hero-title,.sol-hero-heading) {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(2.05rem,10vw,3.2rem) !important;
    line-height: 1.05 !important;
  }

  html[data-camixel-theme] body.premium-ui .hero-scroll-hint {
    display: none !important;
  }

  html[data-camixel-theme] body.premium-ui :where(.hero-actions,.cta-row,.final-cta-btns) {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    align-items: stretch !important;
    width: 100% !important;
  }

  html[data-camixel-theme] body.premium-ui :where(.hero-actions,.cta-row,.final-cta-btns) :where(.btn,a,button) {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 48px !important;
    margin: 0 !important;
    justify-content: center !important;
  }

  html[data-camixel-theme] body.premium-ui :where(
    .models-grid,.products-grid,.product-grid,.cat-products-grid,.ptz-categories-grid
  ),
  html[data-camixel-theme] body.page-ewaste.premium-ui .models-grid,
  html[data-camixel-theme] body.page-eizo.premium-ui :where(#colorEdgeGrid,#flexscanGrid),
  html[data-camixel-theme] body.page-eizo-medical.premium-ui #medModelsGrid,
  html[data-camixel-theme] body.page-ptzoptics.premium-ui section#products .ptz-categories-grid {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 18px !important;
  }

  html[data-camixel-theme] body.premium-ui :where(
    .pillars-grid,.answer-hub-grid,.vm-cards-grid,.industries-mega-grid,
    .events-grid,.gallery-grid,.guidelines-grid,.values-grid,.i-grid,
    .trust-grid,.support-grid,.warranty-grid,.why-grid,.why-ptz-grid,
    .advantage-grid,.arch-grid,.eco-grid,.shift-grid,.cb-grid,.cv-grid,
    .val-grid,.team-grid,.ptz-events-grid,.footer-grid
  ) {
    grid-template-columns: minmax(0,1fr) !important;
  }

  html[data-camixel-theme] body.premium-ui :where(.form-row,.form-row-new,.form-grid-2,.frow,.ux-form-row) {
    grid-template-columns: minmax(0,1fr) !important;
  }

  html[data-camixel-theme] body.premium-ui :where(
    .contact-form,.contact-form-new,.contact-form-eizo,.cx-form,.sol-builder-form,
    .lead-form-wrap,.form-wrap,.experience-form-shell
  ) {
    width: 100% !important;
    padding-left: clamp(18px,5vw,24px) !important;
    padding-right: clamp(18px,5vw,24px) !important;
  }

  html[data-camixel-theme] body.page-solutions.premium-ui .sol-workflow-bar {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 6px !important;
  }

  html[data-camixel-theme] body.page-solutions.premium-ui .sol-workflow-bar .wf-arrow {
    display: none !important;
  }

  html[data-camixel-theme] body.page-solutions.premium-ui .sol-workflow-bar > span:not(.wf-arrow) {
    box-sizing: border-box !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 6px 8px !important;
    border-radius: 7px !important;
    background: rgba(255,255,255,.035) !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .medical-store-head,
  html[data-camixel-theme] body.page-eizo.premium-ui .lineup-results-row {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    align-items: start !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .filter-section {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width: 520px) {
  html[data-camixel-theme] body.premium-ui :where(.section-title,.events-section-header h2,.form-section-title) {
    font-size: clamp(1.75rem,8vw,2.25rem) !important;
    line-height: 1.1 !important;
  }

  html[data-camixel-theme] body.premium-ui :where(.model-card-body,.product-card-body) {
    padding: 18px !important;
  }

  html[data-camixel-theme] body.premium-ui :where(.model-card-img,.prod-img-wrap,.product-card-image,.ptz-img-frame) {
    height: 210px !important;
    min-height: 210px !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .filter-section {
    grid-template-columns: minmax(0,1fr) !important;
  }

  html[data-camixel-theme] body.page-solutions.premium-ui .sol-workflow-bar {
    grid-template-columns: minmax(0,1fr) !important;
  }

  html[data-camixel-theme] body.premium-ui :where(.compare-table,.spec-table) {
    min-width: 660px !important;
  }

  html[data-camixel-theme] body.premium-ui .mega-brand {
    grid-template-columns: 88px minmax(0,1fr) 18px !important;
  }

  html[data-camixel-theme] body.premium-ui .mega-logo-stage {
    width: 88px !important;
    min-width: 88px !important;
  }
}

@media (max-width: 360px) {
  html[data-camixel-theme] body.page-eizo-medical.premium-ui .filter-section {
    grid-template-columns: minmax(0,1fr) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-camixel-theme] body.premium-ui {
    scroll-behavior: auto !important;
  }
}

/* ========================================================================
   STABLE SHARED NAVIGATION
   This late layer deliberately resolves the legacy per-page dropdown rules.
   Menus use one hit area on desktop and an explicit accordion on small screens.
   ======================================================================== */
html[data-camixel-theme] body.premium-ui #navbar,
html[data-camixel-theme] body.premium-ui #navbar.scrolled {
  height: var(--cx-header) !important;
  min-height: var(--cx-header) !important;
  transform: none !important;
  transition: background-color 160ms ease, border-color 160ms ease !important;
}

html[data-camixel-theme] body.premium-ui #navbar .nav-container {
  height: var(--cx-header) !important;
  min-height: var(--cx-header) !important;
}

html[data-camixel-theme] body.premium-ui #nav-links > :is(#brands-nav, #company-nav) {
  isolation: isolate;
}

/* The active destination remains clear even when a legacy page stylesheet
   resets link colours or suppresses the standard nav underline. */
html[data-camixel-theme] body.premium-ui #nav-links > :is(.nav-link, .nav-item > .nav-link).active,
html[data-camixel-theme] body.premium-ui #nav-links > :is(.nav-link, .nav-item > .nav-link)[aria-current="page"] {
  color: #ffffff !important;
  font-weight: 720 !important;
  border: 0 !important;
  border-bottom: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-camixel-theme] body.premium-ui #nav-links > :is(.nav-link, .nav-item > .nav-link).active::after,
html[data-camixel-theme] body.premium-ui #nav-links > :is(.nav-link, .nav-item > .nav-link)[aria-current="page"]::after {
  display: block !important;
  background: var(--cx-green) !important;
  opacity: 1 !important;
  transform: scaleX(1) !important;
}

@media (min-width: 1121px) {
  html[data-camixel-theme] body.premium-ui #nav-links > :is(#brands-nav, #company-nav) {
    position: relative !important;
  }

  /* This transparent bridge is part of each trigger's hit area, so crossing
     into the panel cannot collapse it between frames. */
  html[data-camixel-theme] body.premium-ui #nav-links > :is(#brands-nav, #company-nav)::after {
    content: "" !important;
    position: absolute !important;
    top: 100% !important;
    left: -12px !important;
    width: calc(100% + 24px) !important;
    height: 14px !important;
    pointer-events: auto !important;
  }

  html[data-camixel-theme] body.premium-ui #nav-links > #brands-nav > #brands-mega-menu {
    top: calc(100% + 6px) !important;
    left: 50% !important;
    right: auto !important;
    width: min(720px, calc(100vw - 32px)) !important;
    max-height: calc(100dvh - var(--cx-header) - 20px) !important;
    transform: translate(-50%, 8px) !important;
  }

  html[data-camixel-theme] body.premium-ui #nav-links > #brands-nav:is(:hover, :focus-within, .brands-open) > #brands-mega-menu {
    transform: translate(-50%, 0) !important;
  }

  html[data-camixel-theme] body.premium-ui #nav-links > #company-nav > .company-dropdown {
    top: calc(100% + 6px) !important;
    left: 50% !important;
    transform: translate(-50%, 8px) !important;
    min-width: 224px !important;
  }

  html[data-camixel-theme] body.premium-ui #nav-links > #company-nav:is(:hover, :focus-within, .company-open) > .company-dropdown {
    transform: translate(-50%, 0) !important;
  }
}

@media (max-width: 1120px) {
  html[data-camixel-theme] body.premium-ui #nav-links.open {
    box-sizing: border-box !important;
    max-height: calc(100dvh - var(--cx-header)) !important;
    overscroll-behavior: contain;
  }

  html[data-camixel-theme] body.premium-ui #nav-links.open > :is(#brands-nav, #company-nav) {
    position: static !important;
  }

  html[data-camixel-theme] body.premium-ui #nav-links.open #brands-nav > #brands-mega-menu,
  html[data-camixel-theme] body.premium-ui #nav-links.open #company-nav > .company-dropdown {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 4px 0 10px !important;
    transform: none !important;
    animation: none !important;
  }

  html[data-camixel-theme] body.premium-ui #nav-links.open #brands-nav:not(.brands-open) > #brands-mega-menu,
  html[data-camixel-theme] body.premium-ui #nav-links.open #company-nav:not(.company-open) > .company-dropdown {
    display: none !important;
  }

  html[data-camixel-theme] body.premium-ui #nav-links.open #brands-nav.brands-open > #brands-mega-menu,
  html[data-camixel-theme] body.premium-ui #nav-links.open #company-nav.company-open > .company-dropdown {
    display: grid !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  html[data-camixel-theme] body.premium-ui #nav-links.open #brands-nav.brands-open > #brands-mega-menu {
    display: block !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-camixel-theme] body.premium-ui #navbar,
  html[data-camixel-theme] body.premium-ui #navbar.scrolled {
    transition: none !important;
  }
}

/* Shared page transition: short enough to preserve navigation speed, with no
   layout shift or interaction block until a user selects an internal page. */
html[data-camixel-theme] body.premium-ui #camixel-page-transition {
  position: fixed;
  inset: 0;
  z-index: 9999;
  pointer-events: none;
  opacity: 0;
  background: #0a0c0b;
  transition: opacity 170ms ease;
}

html[data-camixel-theme] body.premium-ui.page-leaving #camixel-page-transition {
  opacity: 1;
}

html[data-camixel-theme] body.premium-ui.page-entering main,
html[data-camixel-theme] body.premium-ui.page-entering .footer {
  animation: camixel-page-enter 240ms ease-out both;
}

@keyframes camixel-page-enter {
  from { opacity: 0.72; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  html[data-camixel-theme] body.premium-ui #camixel-page-transition,
  html[data-camixel-theme] body.premium-ui.page-entering main,
  html[data-camixel-theme] body.premium-ui.page-entering .footer {
    animation: none !important;
    transition: none !important;
  }
}

/* Responsive finishing layer ------------------------------------------------
   These rules sit after legacy page styles, so every page gets the same
   predictable viewport, menu and display-type behaviour. */
html[data-camixel-theme] body.premium-ui main { overflow-x: clip; }

html[data-camixel-theme] body.premium-ui:not(.page-community) a[href="community.html"] {
  display: none !important;
}

html[data-camixel-theme] body.premium-ui :is(.hero, .ptz-hero, .events-hero, .solutions-hero, .sol-hero, .about-hero, .career-hero, .ewaste-hero) h1 {
  font-family: "SF Pro Display", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif !important;
  font-size: clamp(2.45rem, 5.25vw, 5.7rem) !important;
  font-weight: 760 !important;
  line-height: .98 !important;
  letter-spacing: -.06em !important;
  max-inline-size: min(15ch, 100%) !important;
  text-wrap: balance !important;
  text-shadow: 0 2px 26px rgba(0, 0, 0, .3) !important;
}

html[data-camixel-theme] body.premium-ui :is(.hero, .ptz-hero, .events-hero, .solutions-hero, .sol-hero, .about-hero, .career-hero, .ewaste-hero) h1 .text-accent {
  text-shadow: 0 0 30px rgba(114, 221, 176, .2) !important;
}

.career-submit-status {
  margin: 14px 0 0;
  color: var(--ap-text-2, var(--text-muted));
  font-size: .92rem;
  line-height: 1.5;
}

.career-submit-status.is-success {
  padding: 13px 15px;
  border: 1px solid rgba(114, 221, 176, .3);
  border-radius: 12px;
  color: #dff8e9;
  background: rgba(114, 221, 176, .1);
}

@supports (content-visibility: auto) {
  html[data-camixel-theme] body.premium-ui main > section:not(:first-of-type) {
    content-visibility: auto;
    contain-intrinsic-size: auto 820px;
  }
}

@media (max-width: 1120px) {
  html[data-camixel-theme] body.premium-ui.navigation-open { overflow: hidden; }

  html[data-camixel-theme] body.premium-ui #nav-links.open {
    position: fixed !important;
    inset: 76px 0 0 !important;
    width: 100% !important;
    height: calc(100dvh - 76px) !important;
    max-height: none !important;
    padding: 14px max(16px, env(safe-area-inset-right)) calc(26px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left)) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
  }

  html[data-camixel-theme] body.premium-ui #nav-links.open #brands-nav > #brands-mega-menu {
    max-height: min(62dvh, 560px) !important;
    overflow-y: auto !important;
  }
}

@media (max-width: 720px) {
  html[data-camixel-theme] body.premium-ui :is(.hero, .ptz-hero, .events-hero, .solutions-hero, .sol-hero, .about-hero, .career-hero, .ewaste-hero) h1 {
    font-size: clamp(2.25rem, 10.5vw, 3.4rem) !important;
    line-height: 1.01 !important;
    letter-spacing: -.055em !important;
    max-inline-size: 12ch !important;
  }

  html[data-camixel-theme] body.premium-ui :is(.hero, .ptz-hero, .events-hero, .solutions-hero, .sol-hero, .about-hero, .career-hero, .ewaste-hero) :is(p, .hero-subtitle) {
    max-inline-size: 38rem;
  }
}

/* Hero display type: a restrained abstract green light treatment that keeps
   the headline readable over photography and video on every brand page. */
html[data-camixel-theme] body.premium-ui :is(.hero, .ptz-hero, .events-hero, .solutions-hero, .sol-hero, .about-hero, .career-hero, .ewaste-hero) h1 {
  color: transparent !important;
  background-image:
    radial-gradient(circle at 16% 78%, rgba(211, 255, 228, .98) 0 8%, transparent 29%),
    linear-gradient(112deg, #f7fff9 0%, #d9ffea 24%, #72e6b2 49%, #26ae7b 72%, #c5fbdc 100%);
  background-size: 190% 190%;
  background-position: 0% 50%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 4px 28px rgba(48, 204, 141, .15) !important;
  animation: camixel-hero-spectrum 13s ease-in-out infinite alternate;
}

html[data-camixel-theme] body.premium-ui :is(.hero, .ptz-hero, .events-hero, .solutions-hero, .sol-hero, .about-hero, .career-hero, .ewaste-hero) h1 .text-accent {
  color: transparent !important;
  background: inherit;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

@keyframes camixel-hero-spectrum {
  to { background-position: 100% 50%; }
}

@media (prefers-reduced-motion: reduce) {
  html[data-camixel-theme] body.premium-ui :is(.hero, .ptz-hero, .events-hero, .solutions-hero, .sol-hero, .about-hero, .career-hero, .ewaste-hero) h1 {
    animation: none;
  }
}