:root {
  --pozmm-top: 95px;
  --pozmm-ink: #0c0d10;
  --pozmm-steel: #607181;
  --pozmm-line: rgba(77, 103, 124, .16);
  --pozmm-open-ease: cubic-bezier(.16, 1, .3, 1);
  --pozmm-close-ease: cubic-bezier(.4, 0, 1, 1);
  --pozmm-drawer-ease: cubic-bezier(.32, .72, 0, 1);
}

html:has(#pozmm) { scrollbar-gutter: stable; }
html.pozmm-lock,
html.pozmm-lock body { overflow: hidden !important; overscroll-behavior: none; }
#pz-mega,
#poz-mega-products { display: none !important; }

/* The shared header replaces the legacy floating contact launcher site-wide. */
.pz-qc { display: none !important; }

/* Shared chrome: this layer deliberately owns the header on every route. */
.poz-header,
.poz-header * { box-sizing: border-box; }
.poz-header {
  isolation: isolate;
  width: 100% !important;
  height: 96px !important;
  min-height: 96px !important;
  padding: 0 clamp(28px, 3.1vw, 48px) !important;
  gap: clamp(12px, 1.25vw, 20px) !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.poz-header::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 8px 16px;
  border: 1px solid rgba(255, 255, 255, .9);
  border-radius: 18px;
  background:
    linear-gradient(112deg, rgba(255, 255, 255, .93), rgba(246, 249, 251, .84) 48%, rgba(229, 237, 243, .78));
  box-shadow:
    0 18px 48px rgba(18, 38, 55, .1),
    0 3px 10px rgba(18, 38, 55, .05),
    inset 0 1px 0 #fff,
    inset 0 -1px 0 rgba(79, 111, 137, .08);
  backdrop-filter: blur(28px) saturate(138%);
  -webkit-backdrop-filter: blur(28px) saturate(138%);
  /* the card docks onto the menu shell — same motion curve as the shell */
  transition:
    inset 260ms var(--pozmm-open-ease),
    border-radius 260ms var(--pozmm-open-ease),
    border-color 200ms ease,
    box-shadow 260ms ease;
}
.poz-header::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 34px;
  right: 34px;
  bottom: 8px;
  height: 1px;
  opacity: .72;
  background: linear-gradient(90deg, var(--pozmm-ink) 0 68px, rgba(96, 113, 129, .38) 140px, transparent 31%);
  pointer-events: none;
  transition: bottom 260ms var(--pozmm-open-ease), opacity 200ms ease;
}
.poz-header > * { position: relative; z-index: 2; min-width: 0; }
.poz-header.pozmm-header-open,
.poz-header.pozmm-header-closing { z-index: 99992 !important; }
.poz-header.pozmm-header-open::before { bottom: -1px; border-radius: 18px 18px 7px 7px; border-bottom-color: rgba(132, 162, 186, .28); }
.poz-header.pozmm-header-open::after { bottom: -1px; opacity: 1; }

.poz-header__logo {
  flex: 0 1 274px !important;
  width: auto !important;
  max-width: 274px !important;
  height: 50px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 22px 0 8px !important;
  border-right: 1px solid var(--pozmm-line) !important;
  opacity: 1;
  transition: opacity 160ms ease !important;
}
.poz-header__logo img {
  display: block !important;
  width: 100% !important;
  max-width: 254px !important;
  height: auto !important;
  max-height: 48px !important;
  object-fit: contain !important;
  object-position: left center !important;
}

.poz-nav {
  flex: 1 1 auto !important;
  min-width: 430px !important;
  max-width: 600px !important;
  height: 50px !important;
  padding: 4px !important;
  gap: 2px !important;
  border: 1px solid rgba(77, 103, 124, .13) !important;
  border-radius: 15px !important;
  background: rgba(229, 236, 241, .52) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .88), 0 8px 20px rgba(29, 50, 67, .045) !important;
}
.poz-nav__link,
.poz-nav__trigger {
  position: relative;
  isolation: isolate;
  min-height: 40px !important;
  padding: 0 clamp(12px, .95vw, 16px) !important;
  overflow: hidden !important;
  border: 1px solid transparent !important;
  border-radius: 11px !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: .075em !important;
  white-space: nowrap !important;
  transition: color 155ms ease, background-color 155ms ease, border-color 155ms ease, transform 120ms var(--pozmm-open-ease), box-shadow 155ms ease !important;
}
.poz-nav__link::after,
.poz-nav__trigger::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 14px;
  right: 14px;
  bottom: 4px;
  height: 1px;
  background: #697480;
  opacity: .72;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 180ms var(--pozmm-open-ease);
}
/* RETIRED 2026-08-27: the open trigger used to become a filled black pill
   with a dark border and a drop shadow. The nav has no plates any more — the
   open item is marked by ink and a hairline, nothing else. Left as a note
   rather than deleted because this is the only place that state was set. */
.poz-nav__trigger[aria-expanded="true"]::after { transform: scaleX(1); }
.poz-nav__caret { transition: transform 200ms var(--pozmm-open-ease), border-color 150ms ease !important; }
/* The caret is a 7px square showing only its right and bottom borders,
   rotated 45deg into a chevron. 180deg puts those borders on the TOP-LEFT and
   draws a corner bracket. 225deg is the flip. */
.poz-nav__trigger[aria-expanded="true"] .poz-nav__caret { border-color: currentColor !important; transform: rotate(225deg) translateY(-2px); }

.poz-header__actions {
  flex: 0 0 auto !important;
  height: 50px !important;
  padding: 4px !important;
  gap: 2px !important;
  border: 1px solid rgba(77, 103, 124, .13) !important;
  border-radius: 15px !important;
  background: rgba(234, 240, 244, .56) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .88), 0 8px 20px rgba(29, 50, 67, .045) !important;
}
.poz-header .pzl-lang,
.poz-header .poz-btn--secondary,
.poz-header .poz-cats-launch,
.poz-header .poz-burger {
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 11px !important;
  box-shadow: none !important;
  transition: color 155ms ease, background-color 155ms ease, transform 120ms var(--pozmm-open-ease), box-shadow 155ms ease !important;
}
.poz-header .pzl-lang { width: 92px !important; min-width: 92px !important; padding: 2px !important; gap: 2px !important; background: rgba(255, 255, 255, .4) !important; }
.poz-header .pzl-lang__opt { min-width: 41px !important; height: 36px !important; border-radius: 9px !important; transition: color 150ms ease, background-color 150ms ease, box-shadow 150ms ease !important; }
.poz-header .pzl-lang__opt[aria-current="true"] { color: #fff !important; background: var(--pozmm-ink) !important; box-shadow: 0 5px 13px rgba(15, 34, 50, .16) !important; }
.poz-header .poz-btn--secondary { padding: 0 16px !important; font-size: 9px !important; letter-spacing: .09em !important; white-space: nowrap !important; background: transparent !important; }
.poz-header .poz-cats-launch { display: none !important; }
.poz-header .poz-burger {
  position: relative !important;
  inset: auto !important;
  flex: 0 0 40px !important;
  width: 40px !important;
  min-width: 40px !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: var(--pozmm-ink) !important;
  background: transparent !important;
}
.poz-header .poz-burger span {
  position: absolute !important;
  left: 10px !important;
  right: auto !important;
  width: 20px !important;
  height: 1px !important;
  margin: 0 !important;
  opacity: 1 !important;
  background: currentColor !important;
  transform-origin: center !important;
  transition: transform 210ms var(--pozmm-open-ease), opacity 135ms ease !important;
}
.poz-header .poz-burger span:nth-child(1) { top: 13px !important; }
.poz-header .poz-burger span:nth-child(2) { top: 19px !important; }
.poz-header .poz-burger span:nth-child(3) { top: 25px !important; }
.poz-header .poz-burger[aria-expanded="true"] span:nth-child(1) { transform: translateY(6px) rotate(45deg) scaleX(.92) !important; }
.poz-header .poz-burger[aria-expanded="true"] span:nth-child(2) { opacity: 0 !important; transform: scaleX(.35) !important; }
.poz-header .poz-burger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6px) rotate(-45deg) scaleX(.92) !important; }
.poz-nav__link:focus-visible,
.poz-nav__trigger:focus-visible,
.poz-header .pzl-lang__opt:focus-visible,
.poz-header .poz-btn--secondary:focus-visible,
.poz-header .poz-burger:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.poz-nav__link:active,
.poz-nav__trigger:active,
.poz-header .poz-btn--secondary:active,
.poz-header .poz-burger:active { transform: scale(.985); }

@media (hover: hover) and (pointer: fine) {
  .poz-header__logo:hover { opacity: .78; }
  .poz-nav__link:hover,
  .poz-nav__trigger:hover { color: var(--pozmm-ink) !important; }
  .poz-nav__link:hover::after,
  .poz-nav__trigger:hover::after { transform: scaleX(1); }
  .poz-header .poz-btn--secondary:hover,
  .poz-header .poz-burger:hover { color: var(--pozmm-ink) !important; background: rgba(255, 255, 255, .7) !important; }
}

/* Mega-menu chassis */
.pozmm,
.pozmm * { box-sizing: border-box; }
.pozmm {
  position: fixed;
  inset: 0;
  z-index: 99990;
  visibility: hidden;
  pointer-events: none;
  color: var(--pozmm-ink);
  font-family: "IBM Plex Sans", var(--font-body), sans-serif;
}
.pozmm.is-visible { visibility: visible; }
.pozmm.is-open { pointer-events: auto; }
.pozmm.is-closing { pointer-events: none; }
.pozmm__backdrop {
  position: absolute;
  inset: 0;
  opacity: 0;
  background: rgba(16, 25, 34, .31);
  backdrop-filter: blur(7px) saturate(88%);
  -webkit-backdrop-filter: blur(7px) saturate(88%);
  transition: opacity 180ms ease;
}
.pozmm.is-open .pozmm__backdrop { opacity: 1; }
.pozmm__shell {
  --category-color: #0066cc;
  position: absolute;
  top: var(--pozmm-top);
  left: 50%;
  width: min(1580px, calc(100vw - 32px));
  height: min(760px, calc(100dvh - var(--pozmm-top) - 16px));
  min-height: 0;
  overflow: hidden;
  opacity: 0;
  transform: translate3d(-50%, -10px, 0) scale(.992);
  transform-origin: 50% 0;
  border: 1px solid rgba(255, 255, 255, .9);
  border-radius: 7px 7px 24px 24px;
  background: linear-gradient(132deg, rgba(249, 251, 253, .96), rgba(230, 237, 242, .86));
  box-shadow: 0 34px 90px rgba(18, 34, 48, .25), 0 10px 28px rgba(18, 34, 48, .12), inset 0 1px 0 #fff;
  backdrop-filter: blur(34px) saturate(138%);
  -webkit-backdrop-filter: blur(34px) saturate(138%);
  will-change: transform, opacity;
  transition: transform 260ms var(--pozmm-open-ease), opacity 210ms ease;
}
.pozmm.is-open .pozmm__shell { opacity: 1; transform: translate3d(-50%, 0, 0) scale(1); }
.pozmm.is-closing .pozmm__shell { opacity: 0; transform: translate3d(-50%, -8px, 0) scale(.994); transition-duration: 210ms, 180ms; transition-timing-function: var(--pozmm-close-ease), ease; }
.pozmm__edge { position: absolute; z-index: 8; inset: 0; border-radius: inherit; pointer-events: none; box-shadow: inset 0 0 0 1px rgba(113, 143, 168, .06); }
.pozmm__edge::before { content: ""; position: absolute; left: 0; top: 0; width: 29%; height: 1px; background: linear-gradient(90deg, var(--category-color), transparent); }

.pozmm__desktop-close {
  position: absolute;
  z-index: 9;
  top: 14px;
  right: 14px;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(72, 95, 114, .16);
  border-radius: 12px;
  color: #25323d;
  background: rgba(255, 255, 255, .48);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9);
  cursor: pointer;
  transition: background-color 155ms ease, color 155ms ease, transform 120ms var(--pozmm-open-ease);
}
.pozmm__desktop-close span { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.pozmm__desktop-close i { position: relative; width: 16px; height: 16px; display: block; }
.pozmm__desktop-close i::before,
.pozmm__desktop-close i::after { content: ""; position: absolute; left: 7.5px; top: 0; width: 1px; height: 16px; background: currentColor; transform: rotate(45deg); }
.pozmm__desktop-close i::after { transform: rotate(-45deg); }
.pozmm__desktop-close:hover { color: #fff; background: var(--pozmm-ink); }
.pozmm__desktop-close:active { transform: scale(.97); }
.pozmm__desktop-close:focus-visible { outline: 2px solid var(--category-color); outline-offset: 2px; }

.pozmm__layout {
  position: relative;
  display: grid;
  grid-template-columns: clamp(236px, 18vw, 270px) minmax(620px, 1fr) clamp(320px, 26vw, 400px);
  height: 100%;
}
.pozmm__categories,
.pozmm__catalog,
.pozmm__preview,
.pozmm__overview { min-width: 0; min-height: 0; }

.pozmm__categories {
  padding: 18px 14px 14px;
  overflow: hidden;
  border-right: 1px solid var(--pozmm-line);
  background: linear-gradient(180deg, rgba(225, 233, 239, .76), rgba(240, 244, 247, .62));
  scrollbar-width: none;
}
.pozmm__categories::-webkit-scrollbar,
.pozmm__catalog::-webkit-scrollbar { display: none; }
.pozmm__rail-head { display: grid; gap: 3px; margin: 0 10px 6px; padding: 0 2px 12px; border-bottom: 1px solid rgba(84, 108, 128, .14); }
.pozmm__rail-head span,
.pozmm__catalog-path,
.pozmm__preview-copy > span,
.pozmm__group-head small {
  color: #697988;
  font-family: "IBM Plex Mono", monospace;
  font-size: 10px;
  line-height: 1.35;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.pozmm__rail-head strong { font-family: Michroma, sans-serif; font-size: 12px; font-weight: 400; line-height: 1.45; }
.pozmm__category-wrap {
  --category-color: #0066cc;
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 40px;
  align-items: stretch;
  min-height: 51px;
  border-radius: 12px;
  transition: background-color 155ms ease;
}
.pozmm__category-wrap::before { content: ""; position: absolute; z-index: 2; left: -14px; top: 9px; bottom: 9px; width: 2px; background: var(--category-color); transform: scaleY(0); transform-origin: center; transition: transform 190ms var(--pozmm-open-ease); }
.pozmm__category-wrap.is-current::before { transform: scaleY(1); }
.pozmm__category { min-width: 0; min-height: 51px; display: flex; align-items: center; padding: 4px 4px 4px 11px; border-radius: 12px 0 0 12px; color: #18232d; text-decoration: none; transition: color 155ms ease, transform 120ms var(--pozmm-open-ease); }
.pozmm__category-copy { min-width: 0; display: grid; gap: 1px; }
.pozmm__category-copy strong { font-size: 13px; font-weight: 650; line-height: 1.25; letter-spacing: -.01em; }
.pozmm__category-copy small { color: #566978; font-size: 10.5px; font-weight: 450; line-height: 1.28; white-space: normal; }
.pozmm__category-open { min-width: 40px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 0 12px 12px 0; color: #748493; background: transparent; cursor: pointer; transition: color 155ms ease, background-color 155ms ease, transform 120ms var(--pozmm-open-ease); }
.pozmm__category-open svg { width: 16px; fill: none; stroke: currentColor; stroke-width: 1.5; transition: transform 180ms var(--pozmm-open-ease); }
.pozmm__category-wrap:is(:hover, :focus-within, .is-current) { background: transparent; }
.pozmm__category-wrap.is-current .pozmm__category-open { color: var(--category-color); }
.pozmm__category-wrap:is(:hover, .is-current) .pozmm__category-open svg { transform: translateX(2px); }
.pozmm__category:active,
.pozmm__category-open:active { transform: scale(.98); }
.pozmm__category:focus-visible,
.pozmm__category-open:focus-visible { outline: 2px solid var(--category-color); outline-offset: -2px; }

.pozmm__catalog {
  grid-column: 2;
  grid-row: 1;
  padding: 24px 26px 18px;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background: rgba(249, 251, 252, .66);
  transform: translateY(-6px);
  transition: opacity 180ms ease, transform 200ms var(--pozmm-open-ease), visibility 0s 200ms;
}
.pozmm__catalog.is-active { opacity: 1; visibility: visible; pointer-events: auto; transform: none; transition-delay: 0s; }
.pozmm__catalog-head { display: flex; align-items: end; justify-content: space-between; gap: 18px; min-height: 58px; padding: 0 44px 14px 2px; border-bottom: 1px solid rgba(80, 105, 126, .18); }
.pozmm__catalog-head h2,
.pozmm__overview h2 { margin: 5px 0 0; font-family: Michroma, sans-serif; font-size: clamp(23px, 1.9vw, 32px); font-weight: 400; line-height: 1.12; letter-spacing: -.025em; }
.pozmm__catalog-head > a,
.pozmm__overview-primary {
  position: relative;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 16px;
  border: 1px solid color-mix(in srgb, var(--category-color) 34%, rgba(75, 96, 114, .2));
  border-radius: 12px;
  color: #fff;
  background: color-mix(in srgb, var(--category-color) 68%, #17212a);
  box-shadow: 0 12px 28px color-mix(in srgb, var(--category-color) 19%, transparent), inset 0 1px 0 rgba(255, 255, 255, .2);
  font-family: Michroma, sans-serif;
  font-size: 9px;
  line-height: 1.35;
  text-decoration: none;
  white-space: nowrap;
  transition: transform 140ms var(--pozmm-open-ease), filter 155ms ease, box-shadow 155ms ease;
}
.pozmm__shell[data-active-category="ograde"] .pozmm__catalog-head > a,
.pozmm__shell[data-active-category="ograde"] .pozmm__overview-primary { color: #11170a; background: #b7d500; }
.pozmm__catalog-head > a:hover,
.pozmm__overview-primary:hover { filter: brightness(1.05) saturate(1.06); box-shadow: 0 16px 34px color-mix(in srgb, var(--category-color) 24%, transparent), inset 0 1px 0 rgba(255, 255, 255, .25); transform: translateY(-2px); }
.pozmm__catalog-head > a:active,
.pozmm__overview-primary:active { transform: scale(.985); }
.pozmm__catalog-head > a:focus-visible,
.pozmm__overview-primary:focus-visible { outline: 2px solid var(--category-color); outline-offset: 3px; }

.pozmm__catalog-grid { display: grid; grid-template-columns: minmax(330px, 1.08fr) minmax(285px, .92fr); gap: 22px; padding-top: 14px; }
.pozmm__group-head { height: 27px; display: flex; align-items: center; justify-content: space-between; padding: 0 2px 7px; border-bottom: 1px solid rgba(82, 106, 126, .16); }
.pozmm__group-head > span { font-family: Michroma, sans-serif; font-size: 11px; line-height: 1.3; letter-spacing: .02em; }
.pozmm__group--models .pozmm__group-head { position: relative; border-bottom-color: color-mix(in srgb, var(--category-color) 30%, rgba(82, 106, 126, .16)); }
.pozmm__group--models .pozmm__group-head::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 52px; height: 2px; background: var(--category-color); }
.pozmm__group--system { align-self: start; padding-left: 14px; border-left: 1px solid rgba(82, 106, 126, .15); }
.pozmm__group--system .pozmm__group-head > span { color: #536878; font-family: "IBM Plex Mono", monospace; font-size: 9.5px; letter-spacing: .1em; text-transform: uppercase; }
.pozmm__model-list,
.pozmm__system-list { display: grid; gap: 0; margin-top: 4px; }
.pozmm__model,
.pozmm__system-item { position: relative; display: grid; align-items: center; min-height: 52px; border-bottom: 1px solid rgba(86, 108, 127, .13); border-radius: 9px; color: #121d26; text-decoration: none; transition: background-color 155ms ease, transform 140ms var(--pozmm-open-ease); }
.pozmm__model { grid-template-columns: 52px minmax(0, 1fr) auto 18px; gap: 9px; padding: 6px 7px 6px 0; }
.pozmm__system-item { grid-template-columns: 46px minmax(0, 1fr) 18px; gap: 9px; padding: 6px 6px 6px 0; }
.pozmm__model:is(:hover, :focus-visible, .is-previewed),
.pozmm__system-item:is(:hover, :focus-visible, .is-previewed) { background: rgba(255, 255, 255, .78); }
.pozmm__catalog--truss .pozmm__model:is(:hover, :focus-visible, .is-previewed),
.pozmm__catalog--truss .pozmm__system-item:is(:hover, :focus-visible, .is-previewed) { background: transparent; }
.pozmm__catalog--truss .pozmm__model.is-previewed,
.pozmm__catalog--truss .pozmm__system-item.is-previewed { box-shadow: inset 2px 0 0 var(--category-color); }
.pozmm__model:hover,
.pozmm__system-item:hover { transform: translateX(2px); }
.pozmm__model-thumb,
.pozmm__system-thumb { position: relative; display: grid; place-items: center; overflow: visible; background: transparent; }
.pozmm__model-thumb { width: 52px; height: 46px; }
.pozmm__system-thumb { width: 46px; height: 46px; }
/* absolute sizing: percentage heights on grid-centred images resolve
   unreliably, and portrait products then spill over neighbouring rows */
.pozmm__model-thumb img,
.pozmm__system-thumb img { position: absolute; inset: 3%; width: 94%; height: 94%; object-fit: contain; filter: drop-shadow(0 5px 7px rgba(34, 48, 59, .15)); transform: scale(.96); transition: transform 190ms var(--pozmm-open-ease); }
.pozmm__model:is(:hover, .is-previewed) img,
.pozmm__system-item:is(:hover, .is-previewed) img { transform: scale(1.02); }
.pozmm__model-copy,
.pozmm__system-item > span { min-width: 0; display: grid; gap: 2px; }
.pozmm__model-copy strong,
.pozmm__system-item strong { font-family: Michroma, sans-serif; font-size: 10.5px; font-weight: 400; line-height: 1.32; }
.pozmm__model-copy small,
.pozmm__system-item small { color: #60717f; font-size: 10.5px; line-height: 1.28; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.pozmm__model em { padding: 3px 5px; border: 1px solid color-mix(in srgb, var(--category-color) 24%, transparent); border-radius: 7px; color: color-mix(in srgb, var(--category-color) 72%, #1c2a35); font-family: "IBM Plex Mono", monospace; font-size: 8px; font-style: normal; letter-spacing: .05em; line-height: 1.2; text-transform: uppercase; white-space: nowrap; }
.pozmm__model > svg,
.pozmm__system-item > svg { width: 15px; fill: none; stroke: #748593; stroke-width: 1.4; }
.pozmm__model:focus-visible,
.pozmm__system-item:focus-visible,
.pozmm__resource:focus-visible,
.pozmm__preview-link:focus-visible { outline: 2px solid var(--category-color); outline-offset: -2px; }

.pozmm__resources { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr); gap: 10px; margin-top: 13px; padding-top: 12px; border-top: 1px solid rgba(80, 105, 126, .16); }
.pozmm__resource { position: relative; min-height: 74px; display: flex; align-items: center; gap: 12px; padding: 8px 12px; overflow: hidden; border: 1px solid rgba(67, 94, 117, .16); border-radius: 14px; color: #17324a; background: rgba(255, 255, 255, .66); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 9px 22px rgba(25, 48, 66, .07); text-decoration: none; transition: transform 150ms var(--pozmm-open-ease), background-color 155ms ease, border-color 155ms ease, box-shadow 155ms ease; }
.pozmm__resource:hover { transform: translateY(-2px); border-color: color-mix(in srgb, var(--category-color) 28%, transparent); background: rgba(255, 255, 255, .88); box-shadow: inset 0 1px 0 #fff, 0 14px 28px rgba(25, 48, 66, .11); }
.pozmm__resource > svg { width: 31px; flex: 0 0 31px; fill: none; stroke: currentColor; stroke-width: 1.05; }
.pozmm__resource > span:not(.pozmm__resource-art):not(.pozmm__resource-arrow) { min-width: 0; display: grid; gap: 3px; }
.pozmm__resource strong { font-family: Michroma, sans-serif; font-size: 10px; font-weight: 400; line-height: 1.32; }
.pozmm__resource small { order: -1; color: #657583; font-family: "IBM Plex Mono", monospace; font-size: 8px; line-height: 1.3; letter-spacing: .09em; text-transform: uppercase; }
.pozmm__resource-arrow { display: grid !important; place-items: center; margin-left: auto; font-family: Michroma, sans-serif; font-size: 15px; line-height: 1; }
.pozmm__resource-art { position: relative; align-self: stretch; width: 78px; flex: 0 0 78px; display: grid !important; place-items: center; margin: -8px 0 -8px -12px; overflow: hidden; background: linear-gradient(140deg, #071019, #1c3346); }
.pozmm__resource-art img { width: 94%; height: 94%; object-fit: contain; filter: drop-shadow(0 8px 11px rgba(0, 0, 0, .34)); transform: rotate(-2deg) scale(.94); transition: transform 240ms var(--pozmm-open-ease); }
.pozmm__resource--catalogue:hover .pozmm__resource-art img { transform: rotate(0) scale(.99); }
.pozmm__resource--primary { color: #fff; border-color: rgba(255, 255, 255, .09); background: linear-gradient(120deg, #0b1219, #253745); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .13), 0 10px 25px rgba(8, 18, 27, .14); }
.pozmm__resource--primary small { color: rgba(255, 255, 255, .64); }
.pozmm__resource--primary:hover { background: linear-gradient(120deg, #111b24, #2b4254); }

/* The theme's generic anchor hover is intentionally dark for page links. Keep
   that rule from crossing into the menu's dark action surfaces. */
.pozmm__catalog-head > a:is(:hover, :focus-visible, :active),
.pozmm__overview-primary:is(:hover, :focus-visible, :active),
.pozmm__resource--primary:is(:hover, :focus-visible, :active),
.pozmm__preview-link:is(:hover, :focus-visible, :active),
.pozmm__overview-catalogue:is(:hover, :focus-visible, :active),
.pozmm__pangolin-banner:is(:hover, :focus-visible, :active) { color: #fff !important; }

/* Protective barriers use a deliberately bright lime action surface. */
.pozmm__shell[data-active-category="ograde"] .pozmm__catalog-head > a:is(:hover, :focus-visible, :active),
.pozmm__shell[data-active-category="ograde"] .pozmm__overview-primary:is(:hover, :focus-visible, :active),
.pozmm__shell[data-active-category="ograde"] .pozmm__preview-link:is(:hover, :focus-visible, :active) { color: #11170a !important; }

.pozmm__preview { grid-column: 3; grid-row: 1; position: relative; display: grid; grid-template-rows: auto minmax(0, 1fr) auto auto; overflow: hidden; padding: 24px; border-left: 1px solid rgba(86, 108, 127, .17); background: linear-gradient(153deg, rgba(226, 234, 240, .72), rgba(246, 249, 251, .88) 60%, rgba(218, 228, 235, .76)); transition: opacity 180ms ease; }
.pozmm.is-overview .pozmm__preview { opacity: 0; pointer-events: none; }
.pozmm__preview-grid { position: absolute; inset: 0; opacity: .16; background-image: linear-gradient(rgba(69, 102, 129, .16) 1px, transparent 1px), linear-gradient(90deg, rgba(69, 102, 129, .16) 1px, transparent 1px); background-size: 46px 46px; mask-image: linear-gradient(to bottom, #000, transparent 84%); }
.pozmm__preview-brand { position: relative; z-index: 3; height: 22px; display: flex; align-items: start; }
.pozmm__preview-brand img { width: auto; height: 18px; opacity: .64; }
.pozmm__preview-stage { position: relative; z-index: 1; min-height: 0; display: grid; place-items: center; }
.pozmm__preview-image { position: absolute; inset: 4% 0; z-index: 1; width: 100%; height: 92%; object-fit: contain; opacity: 0; transform: scale(.975); filter: drop-shadow(0 24px 22px rgba(24, 39, 51, .2)); transition: opacity 220ms ease, transform 220ms var(--pozmm-open-ease); }
.pozmm__preview-image.is-active { z-index: 2; opacity: 1; transform: scale(1); }
.pozmm__preview.is-loading .pozmm__preview-image.is-active { opacity: 0; transform: scale(.985); }
.pozmm.is-open .pozmm__preview.is-loading .pozmm__preview-stage::after,
.pozmm.is-open .pozmm__overview.is-image-loading .pozmm__overview-visual::after { content: ""; position: absolute; z-index: 4; width: 34px; height: 2px; border-radius: 999px; background: linear-gradient(90deg, transparent, var(--category-color), transparent); animation: pozmm-media-pulse 1s ease-in-out infinite; }
.pozmm__shell[data-active-category="ograde"] .pozmm__model-thumb img,
.pozmm__shell[data-active-category="ograde"] .pozmm__system-thumb img { filter: brightness(.78) contrast(1.14) drop-shadow(0 7px 8px rgba(28, 44, 55, .22)); }
.pozmm__shell[data-active-category="ograde"] .pozmm__preview { background: linear-gradient(153deg, rgba(205, 216, 224, .86), rgba(238, 244, 247, .94) 60%, rgba(195, 209, 218, .82)); }
.pozmm__shell[data-active-category="ograde"] .pozmm__preview-image { filter: brightness(.9) contrast(1.1) drop-shadow(0 22px 22px rgba(28, 44, 55, .27)); }
@keyframes pozmm-media-pulse { 0%, 100% { opacity: .32; transform: scaleX(.55); } 50% { opacity: 1; transform: scaleX(1); } }
.pozmm__preview-copy { position: relative; z-index: 3; display: grid; gap: 4px; padding: 14px 0; border-top: 1px solid rgba(67, 91, 111, .17); }
.pozmm__preview-copy strong { font-family: Michroma, sans-serif; font-size: 19px; font-weight: 400; line-height: 1.2; }
.pozmm__preview-copy small { color: #536777; font-family: "IBM Plex Mono", monospace; font-size: 10px; line-height: 1.4; }
.pozmm__preview-link { position: relative; z-index: 3; min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 0 15px; border: 1px solid rgba(255, 255, 255, .16); border-radius: 13px; color: #fff; background: color-mix(in srgb, var(--category-color) 63%, #12202a); box-shadow: 0 10px 24px color-mix(in srgb, var(--category-color) 17%, transparent), inset 0 1px 0 rgba(255, 255, 255, .18); font-family: Michroma, sans-serif; font-size: 9px; line-height: 1.3; text-decoration: none; transition: transform 140ms var(--pozmm-open-ease), filter 155ms ease; }
.pozmm__shell[data-active-category="ograde"] .pozmm__preview-link { color: #11170a; background: #b7d500; border-color: rgba(17, 23, 10, .12); }
.pozmm__preview-link:hover { transform: translateY(-2px); filter: brightness(1.05) saturate(1.06); }
.pozmm__preview-link:active { transform: scale(.985); }
.pozmm__preview-link svg { width: 18px; flex: 0 0 18px; fill: none; stroke: currentColor; stroke-width: 1.4; transition: transform 170ms var(--pozmm-open-ease); }
.pozmm__preview-link:hover svg { transform: translateX(3px); }

.pozmm__overview { position: absolute; z-index: 5; inset: 0 0 0 clamp(236px, 18vw, 270px); display: grid; grid-template-columns: minmax(390px, .82fr) minmax(460px, 1.18fr); opacity: 0; visibility: hidden; pointer-events: none; background: rgba(247, 250, 252, .72); transform: translateY(-6px); transition: opacity 180ms ease, transform 200ms var(--pozmm-open-ease), visibility 0s 200ms; }
.pozmm__overview.is-active { opacity: 1; visibility: visible; pointer-events: auto; transform: none; transition-delay: 0s; }
.pozmm__overview-copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 54px 42px; }
.pozmm__overview-copy h2 { max-width: 620px; font-size: clamp(30px, 3vw, 52px); overflow-wrap: break-word; word-break: normal; hyphens: auto; text-wrap: balance; }
.pozmm__overview-copy p { max-width: 45ch; margin: 18px 0 26px; color: #576977; font-size: 16px; line-height: 1.55; }
.pozmm__overview-actions { display: grid; grid-template-columns: auto minmax(220px, 290px); gap: 10px; align-items: stretch; max-width: 100%; }
.pozmm__overview-primary { justify-content: center; }
.pozmm__overview-catalogue[hidden] { display: none !important; }
.pozmm__overview-catalogue { min-height: 72px; display: grid; grid-template-columns: 76px minmax(0, 1fr) 24px; grid-template-rows: auto auto; column-gap: 10px; align-items: center; padding: 0 12px 0 0; overflow: hidden; border: 1px solid rgba(255, 255, 255, .12); border-radius: 14px; color: #fff; background: linear-gradient(120deg, #0b1218, #263844); box-shadow: 0 14px 30px rgba(16, 28, 37, .18), inset 0 1px 0 rgba(255, 255, 255, .12); text-decoration: none; transition: transform 150ms var(--pozmm-open-ease), border-color 155ms ease, box-shadow 155ms ease; }
.pozmm__overview-catalogue > span { grid-row: 1 / 3; align-self: stretch; display: grid; place-items: center; overflow: hidden; }
.pozmm__overview-catalogue img { width: 92%; height: 92%; object-fit: contain; filter: drop-shadow(0 8px 8px rgba(0, 0, 0, .42)); }
.pozmm__overview-catalogue small { align-self: end; color: color-mix(in srgb, var(--category-color) 72%, white); font: 500 8px/1.2 "IBM Plex Mono", monospace; letter-spacing: .12em; }
.pozmm__overview-catalogue strong { align-self: start; font: 400 9.5px/1.35 Michroma, sans-serif; }
.pozmm__overview-catalogue i { grid-column: 3; grid-row: 1 / 3; font: 400 12px/1 "IBM Plex Mono", monospace; font-style: normal; }
.pozmm__overview-catalogue:hover { transform: translateY(-2px); border-color: var(--category-color); box-shadow: 0 18px 36px rgba(16, 28, 37, .23); }
.pozmm__overview-visual { position: relative; display: grid; place-items: center; overflow: hidden; background: linear-gradient(145deg, rgba(220, 229, 236, .78), rgba(247, 249, 250, .88)); }
.pozmm__overview-visual::before { content: ""; position: absolute; inset: 0; opacity: .55; background-image: linear-gradient(rgba(48, 88, 122, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(48, 88, 122, .07) 1px, transparent 1px); background-size: 56px 56px; }
.pozmm__overview-visual img { position: relative; z-index: 1; width: 86%; height: 84%; object-fit: contain; opacity: 1; filter: drop-shadow(0 28px 28px rgba(28, 46, 61, .21)); transition: opacity 180ms ease, transform 220ms var(--pozmm-open-ease); }
.pozmm__overview.is-image-loading .pozmm__overview-visual img { opacity: 0; transform: scale(.985); }
.pozmm__mobile-head,
.pozmm__mobile-utility { display: none; }

/* The theme owns the configurator links; this shared layer gives that panel
 * the same physical chassis, typography and motion as the product menu.
 *
 * THIN RAIL (Sven, 2026-08-27). It was four full-bleed stills 2x2 in a 680px
 * panel - half a screen of photography to choose between four tools. It is
 * now ONE ROW OF FIVE compact cards in a 292px panel, each render CONTAINED
 * in the top of its card rather than cropped to fill it, so the name does
 * the work and the picture supports it.
 *
 * Five because the cable configurator is coming. Its tile is a real
 * placeholder: same data array in inc/data-chrome.php, marked Uskoro, and
 * emitted as a <span> so there is no href to tab into. Give it a url and
 * delete its 'soon' key and it goes live with no other change here.
 *
 * The panel no longer docks into the header: the bar keeps its own shape
 * and this plate animates in below it, inset and rounded to match. */
body #poz-mega-configurators[hidden] { display: none !important; }
body #poz-mega-configurators[aria-hidden="true"] { pointer-events: none !important; }
body #poz-mega-configurators {
  box-sizing: border-box !important;
  position: fixed !important;
  z-index: 99990 !important;
  top: 84px !important;
  left: 50% !important;
  width: min(1400px, calc(100vw - 44px)) !important;
  height: 292px !important;
  padding: 12px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, .9) !important;
  border-radius: 20px !important;
  background: linear-gradient(132deg, rgba(249, 251, 253, .95), rgba(224, 233, 239, .9)) !important;
  box-shadow: 0 34px 90px rgba(18, 34, 48, .25), 0 10px 28px rgba(18, 34, 48, .12), inset 0 1px 0 #fff !important;
  backdrop-filter: blur(34px) saturate(138%) !important;
  -webkit-backdrop-filter: blur(34px) saturate(138%) !important;
  transform: translateX(-50%) !important;
  transform-origin: 50% 0 !important;
}
body #poz-mega-configurators.is-open { animation: pozmm-config-open 260ms var(--pozmm-open-ease) both !important; }
body #poz-mega-configurators .pzm__in,
body #poz-mega-configurators .pzm-grid { width: 100% !important; height: 100% !important; }
body #poz-mega-configurators .pzm-grid { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; grid-template-rows: minmax(0, 1fr) !important; gap: 8px !important; }
body #poz-mega-configurators .pzm-tile {
  position: relative !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border: 1px solid color-mix(in srgb, var(--acc) 18%, #dce2e6) !important;
  border-radius: 14px !important;
  background: #f4f6f6 !important;
  box-shadow: 0 5px 14px -9px rgba(29, 47, 60, .16), inset 0 1px 0 #fff !important;
  transform: translateZ(0) !important;
}
/* Contained, not cropped. The light CAD studio matches the card ground, so
   the image reads as a configurable engineering scene without letterboxing. */
body #poz-mega-configurators .pzm-tile__img {
  position: absolute !important;
  inset: 0 0 44% 0 !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: 50% 58% !important;
  opacity: 1 !important;
  filter: saturate(.88) contrast(1.015) !important;
  transform: scale(1) !important;
  transition: transform 420ms var(--pozmm-open-ease), opacity 220ms ease, filter 220ms ease !important;
}
body #poz-mega-configurators .pzm-tile__wash { background: linear-gradient(180deg, rgba(247, 249, 249, 0) 24%, rgba(247, 249, 249, .38) 47%, rgba(247, 249, 249, .97) 71%) !important; }
/* Category identity stays local to the configurator cards. Films, timing,
   panel geometry and shared header colours retain their existing owners. */
body #poz-mega-configurators .poz-acc--stage-decks { --acc:#0066cc; }
body #poz-mega-configurators .poz-acc--choir { --acc:#c026d3; }
body #poz-mega-configurators .poz-acc--truss { --acc:#1f8a66; }
body #poz-mega-configurators .poz-acc--lifting { --acc:#c51d2a; }
body #poz-mega-configurators .poz-acc--cable { --acc:#007a70; }
body #poz-mega-configurators .pzm-tile__copy { inset: auto 0 0 !important; display: grid !important; grid-template-rows:40px 36px 22px !important; gap:6px !important; padding:10px 15px 13px !important; background:linear-gradient(180deg,rgba(247,249,249,.95),color-mix(in srgb,var(--acc) 4%,#f8fafb)) !important; }
body #poz-mega-configurators .pzm-tile__copy:before { content:'';position:absolute;top:0;left:15px;right:15px;height:1px;background:color-mix(in srgb,var(--acc) 45%,#dce2e6); }
body #poz-mega-configurators .pzm-tile__n { display: none !important; }
body #poz-mega-configurators .pzm-tile__name { max-width:none !important; color:#111a21 !important; font:400 14px/1.4 Michroma,sans-serif !important; letter-spacing:-.02em !important; text-wrap:balance; align-self:start; }
body #poz-mega-configurators .pzm-tile__desc { max-width:none !important; margin:0 !important; color:#52606b !important; font:400 13px/1.4 "IBM Plex Sans",sans-serif !important; display:block !important; -webkit-line-clamp:unset !important; overflow:visible !important; }
body #poz-mega-configurators .pzm-tile__go { width:max-content !important; margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; color:color-mix(in srgb,var(--acc) 65%,#17232c) !important; background:transparent !important; box-shadow:none !important; font:500 12px/1.6 "IBM Plex Sans",sans-serif !important; letter-spacing:0 !important; text-transform:none !important; transition: color 155ms ease, background-color 155ms ease, transform 155ms var(--pozmm-open-ease) !important; }

/* The upcoming cable configurator has a real preview image but no href. */
body #poz-mega-configurators .pzm-tile.is-soon { cursor: default !important; background: linear-gradient(155deg, #f5f8f7 0%, #edf3f1 72%) !important; }
body #poz-mega-configurators .pzm-tile.is-soon .pzm-tile__img { opacity: 1 !important; filter: saturate(.92) contrast(1.02) !important; }
body #poz-mega-configurators .pzm-tile.is-soon .pzm-tile__wash { background: radial-gradient(95% 58% at 50% 2%, color-mix(in srgb, var(--acc, #6A727C) 11%, transparent), transparent 70%), linear-gradient(180deg, rgba(247, 250, 249, 0) 24%, rgba(247, 250, 249, .38) 47%, rgba(247, 250, 249, .98) 71%) !important; }
body #poz-mega-configurators .pzm-tile.is-soon .pzm-tile__name { color: #111a21 !important; }
body #poz-mega-configurators .pzm-tile.is-soon .pzm-tile__go { border-color: color-mix(in srgb, var(--acc, #007A70) 48%, transparent) !important; color: color-mix(in srgb, var(--acc, #007A70) 86%, #10241f) !important; background: rgba(255, 255, 255, .5) !important; }

@media (hover: hover) and (pointer: fine) {
  body #poz-mega-configurators .pzm-tile:not(.is-soon):hover .pzm-tile__img { opacity: 1 !important; filter: saturate(1) contrast(1.03) !important; transform: scale(1.04) !important; }
  body #poz-mega-configurators .pzm-tile:not(.is-soon):hover { border-color:color-mix(in srgb,var(--acc) 55%,#dce2e6) !important; }
  body #poz-mega-configurators .pzm-tile:not(.is-soon):hover .pzm-tile__go { color:#111a21 !important; background:transparent !important; transform: translateX(2px) !important; }
}
body #poz-mega-configurators .pzm-tile:focus-visible { outline: 2px solid var(--acc, #111a21) !important; outline-offset: -4px !important; }
@keyframes pozmm-config-open { from { opacity: 0; transform: translate3d(-50%, -10px, 0) scale(.992); } to { opacity: 1; transform: translate3d(-50%, 0, 0) scale(1); } }


@media (min-width: 1220px) {
  .poz-header .poz-burger { display: none !important; }
}

@media (min-width: 1400px) and (max-height: 820px) {
  .pozmm__categories { padding-bottom: 10px; overflow-y: auto; }
  .pozmm__category-wrap,
  .pozmm__category { min-height: 48px; }
  .pozmm__category-copy strong { font-size: 12px; }
  .pozmm__category-copy small { font-size: 9.5px; }
  .pozmm__model,
  .pozmm__system-item { min-height: 48px; }
  .pozmm__model-thumb,
  .pozmm__system-thumb { height: 42px; }
  .pozmm__resources { margin-top: 9px; padding-top: 9px; }
  .pozmm__resource { min-height: 66px; }
}

@media (max-width: 1219px) {
  body #poz-mega-configurators { display: none !important; }
  .poz-header { height: 82px !important; min-height: 82px !important; padding-inline: clamp(18px, 3vw, 28px) !important; gap: 12px !important; }
  .poz-header::before { inset: 6px 10px; border-radius: 16px; }
  .poz-header::after { left: 26px; right: 26px; bottom: 6px; }
  .poz-header.pozmm-header-open::before { bottom: -1px; border-radius: 16px 16px 6px 6px; }
  .poz-header__logo { flex: 1 1 auto !important; width: auto !important; max-width: 238px !important; height: 46px !important; padding: 0 18px 0 6px !important; }
  .poz-header__logo img { max-width: 220px !important; max-height: 44px !important; }
  .poz-nav { display: none !important; }
  .poz-header__actions { height: 48px !important; }
  .poz-header .pzl-lang { display: none !important; }
  .poz-header .poz-btn--secondary { display: flex !important; }
  .poz-header .poz-burger { display: flex !important; align-items: center !important; justify-content: center !important; }

}

/* Catalogue layers switch at the product-page standard; header breakpoints stay independent. */
@media (max-width: 1399px) {
  .pozmm__desktop-close,
  .pozmm__close { display: none !important; }
  .pozmm__shell { top: var(--pozmm-top); width: calc(100vw - 20px); height: calc(100dvh - var(--pozmm-top) - 10px); border-radius: 6px 6px 20px 20px; }
  .pozmm__mobile-head { position: relative; height: 54px; display: flex; align-items: center; justify-content: center; padding: 0 56px; border-bottom: 1px solid rgba(79, 103, 123, .15); background: rgba(247, 250, 252, .7); }
  .pozmm__mobile-head > span { font-family: Michroma, sans-serif; font-size: 11px; }
  .pozmm__back { position: absolute !important; inset: 7px auto auto 8px !important; width: 40px; height: 40px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 11px; color: #18242e; background: transparent; cursor: pointer; opacity: 0; pointer-events: none; transform: translateX(5px); transition: opacity 160ms ease, transform 220ms var(--pozmm-drawer-ease), background-color 155ms ease; }
  .pozmm.is-stage-view .pozmm__back { opacity: 1; pointer-events: auto; transform: none; }
  .pozmm__back:hover { background: rgba(225, 233, 239, .75); }
  .pozmm__back svg { width: 21px; fill: none; stroke: currentColor; stroke-width: 1.5; }
  .pozmm__layout { display: block; height: calc(100% - 54px); overflow: hidden; }
  .pozmm__categories { position: absolute; z-index: 3; inset: 0; padding: 18px 20px 28px; overflow-y: auto; overscroll-behavior: contain; border: 0; transition: transform 260ms var(--pozmm-drawer-ease), opacity 170ms ease; }
  .pozmm.is-stage-view .pozmm__categories { opacity: 0; pointer-events: none; transform: translateX(-22%); }
  .pozmm__category-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0 18px; }
  .pozmm__category-wrap { min-height: 62px; grid-template-columns: minmax(0, 1fr) 44px; }
  .pozmm__category { min-height: 62px; padding: 8px 6px 8px 13px; }
  .pozmm__category-copy strong { font-size: 12.5px; }
  .pozmm__category-copy small { font-size: 11px; }
  .pozmm__category-open { min-width: 44px; }
  .pozmm__category-wrap::before { left: -12px; }
  .pozmm__mobile-utility { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 1px; margin-top: 18px; border: 1px solid rgba(82, 106, 127, .15); border-radius: 13px; overflow: hidden; background: rgba(82, 106, 127, .15); }
  .pozmm__mobile-utility a { min-height: 48px; display: flex; align-items: center; padding: 0 14px; color: #23323f; background: rgba(248, 250, 252, .84); font-family: Michroma, sans-serif; font-size: 9px; line-height: 1.35; text-decoration: none; }
  .pozmm__mobile-utility a[aria-current="page"] { color: #fff; background: #111820; }

  .pozmm__catalog,
  .pozmm__catalog.is-active { position: absolute; z-index: 4; inset: 0; padding: 22px 22px 32px; overflow-y: auto; overscroll-behavior: contain; opacity: 0; visibility: hidden; pointer-events: none; transform: translateX(100%); transition: transform 260ms var(--pozmm-drawer-ease), opacity 170ms ease, visibility 0s 260ms; }
  .pozmm.is-stage-view .pozmm__catalog.is-active { opacity: 1; visibility: visible; pointer-events: auto; transform: none; transition-delay: 0s; }
  .pozmm.is-stage-view.is-overview .pozmm__catalog { opacity: 0; visibility: hidden; pointer-events: none; transform: translateX(100%); }
  .pozmm__catalog-grid { grid-template-columns: 1fr 1fr; gap: 22px; }
  .pozmm__preview { display: none !important; }
  .pozmm__overview,
  .pozmm__overview.is-active { position: absolute; z-index: 5; inset: 0; display: grid !important; grid-template-columns: minmax(300px, .88fr) minmax(380px, 1.12fr); grid-template-rows: 1fr; opacity: 0; visibility: hidden; pointer-events: none; transform: translateX(100%); transition: transform 260ms var(--pozmm-drawer-ease), opacity 170ms ease, visibility 0s 260ms; }
  .pozmm.is-stage-view.is-overview .pozmm__overview.is-active { opacity: 1; visibility: visible; pointer-events: auto; transform: none; transition-delay: 0s; }
  .pozmm__overview-copy { padding: clamp(28px, 5vw, 52px); }
  .pozmm__overview-copy h2 { font-size: clamp(28px, 5vw, 46px); }
  .pozmm__overview-copy p { margin: 14px 0 20px; font-size: 15px; }
  .pozmm__overview-actions { grid-template-columns: 1fr; width: min(100%, 420px); }
  .pozmm__overview-primary { min-height: 44px; }
}

@media (max-width: 680px) {
  body .poz-header { left: 0 !important; right: 0 !important; width: 100% !important; max-width: 100vw !important; height: 74px !important; min-height: 74px !important; padding-inline: 12px !important; gap: 8px !important; overflow: visible !important; }
  .poz-header::before { inset: 5px 6px; border-radius: 15px; }
  .poz-header::after { left: 18px; right: 18px; bottom: 5px; }
  .poz-header.pozmm-header-open::before { bottom: -1px; border-radius: 15px 15px 5px 5px; }
  body .poz-header__logo { flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; max-width: min(70vw, 218px) !important; height: 44px !important; padding: 0 14px 0 4px !important; }
  .poz-header__logo img { max-width: 205px !important; max-height: 41px !important; }
  body .poz-header__actions { display: grid !important; grid-template-columns: 40px !important; flex: 0 0 48px !important; width: 48px !important; min-width: 48px !important; max-width: 48px !important; height: 46px !important; padding: 3px !important; gap: 0 !important; overflow: visible !important; }
  body .poz-header .poz-btn--secondary,
  body .poz-header .pzl-lang,
  body .poz-header .poz-cats-launch { display: none !important; }
  body .poz-header .poz-burger { position: relative !important; inset: auto !important; display: flex !important; grid-column: 1 !important; }
  body .poz-header__actions > .poz-burger { width: 40px !important; min-width: 40px !important; height: 40px !important; margin: 0 !important; }
  .pozmm__shell { width: calc(100vw - 12px); height: calc(100dvh - var(--pozmm-top) - 6px); border-radius: 5px 5px 16px 16px; }
  .pozmm__mobile-head { height: 50px; }
  .pozmm__layout { height: calc(100% - 50px); }
  .pozmm__categories { padding: 10px 12px 14px; }
  .pozmm__rail-head { margin-bottom: 2px; padding-bottom: 7px; }
  .pozmm__category-list { grid-template-columns: 1fr; gap: 0; }
  .pozmm__category-wrap { min-height: 47px; grid-template-columns: minmax(0, 1fr) 40px; }
  .pozmm__category { min-height: 47px; padding-block: 3px; }
  .pozmm__category-copy strong { font-size: 11.5px; }
  .pozmm__category-copy small { font-size: 9.25px; line-height: 1.18; }
  .pozmm__category-open { min-width: 40px; }
  .pozmm__mobile-utility { grid-auto-flow: row; grid-auto-columns: auto; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 9px; }
  .pozmm__mobile-utility a { min-height: 39px; padding-inline: 11px; font-size: 8px; }
  .pozmm__catalog { padding: 18px 12px 28px; }
  .pozmm__catalog-head { display: grid; align-items: start; gap: 12px; min-height: 0; padding: 0 2px 15px; }
  .pozmm__catalog-head h2 { font-size: 22px; }
  .pozmm__catalog-head > a { justify-self: start; min-height: 42px; padding-inline: 13px; font-size: 8.5px; }
  .pozmm__catalog-grid { grid-template-columns: 1fr; gap: 24px; }
  .pozmm__group--system { padding-left: 0; border-left: 0; }
  .pozmm__model { grid-template-columns: 56px minmax(0, 1fr) auto 18px; min-height: 60px; }
  .pozmm__system-item { min-height: 56px; }
  .pozmm__resources { grid-template-columns: 1fr; padding-bottom: 10px; }
  .pozmm__resource { min-height: 72px; }
  .pozmm__overview,
  .pozmm__overview.is-active { grid-template-columns: 1fr; grid-template-rows: minmax(240px, .82fr) minmax(280px, 1.18fr); }
  .pozmm__overview-copy { padding: 22px; justify-content: flex-end; }
  .pozmm__overview-copy h2 { font-size: 27px; }
  .pozmm__overview-copy p { font-size: 14px; line-height: 1.48; }
  .pozmm__overview-visual img { width: 84%; height: 80%; }
}

@media (max-width: 420px) {
  .pozmm__model em { display: none; }
  .pozmm__resource { padding: 8px 10px; }
  .pozmm__resource-art { width: 70px; flex-basis: 70px; margin: -8px 0 -8px -10px; }
  .pozmm__resource strong { font-size: 9.5px; }
}

@media (prefers-reduced-transparency: reduce) {
  .poz-header::before { background: #f4f7f9; backdrop-filter: none; -webkit-backdrop-filter: none; }
  .poz-nav,
  .poz-header__actions { background: #eaf0f4 !important; }
  .pozmm__backdrop { backdrop-filter: none; -webkit-backdrop-filter: none; }
  .pozmm__shell { background: #f3f6f8; backdrop-filter: none; -webkit-backdrop-filter: none; }
  .pozmm__categories { background: #e9eff3; }
  .pozmm__catalog { background: #f8fafb; }
}

@media (prefers-reduced-motion: reduce) {
  .poz-header *,
  .poz-header::before,
  .poz-header::after,
  .pozmm *,
  .pozmm *::before,
  .pozmm *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

/* ==================================================================
   LIQUID GLASS + OPTION A  ·  2026-08-27  (v2 — ONE LAYER)

   v1 built the glass out of three stacked layers: the pane's own
   backdrop-filter, a second backdrop-filter masked to the rim for the
   bevel, and a mix-blend-mode sheen whose hotspot tracked the pointer
   through an animated custom property. It looked right and behaved
   badly — text shimmered, edges tore on scroll.

   Every one of those three had a cost that only shows in motion:
     · a blend mode inside .poz-header's isolation:isolate forces the
       WHOLE header, text included, to re-composite whenever anything
       behind it moves — which is every scrolled frame;
     · a second backdrop-filter is a second full backdrop readback, and
       the two do not necessarily land in the same frame, which is what
       tore the rim;
     · repainting a gradient from an animated property on top of a
       backdrop-filter re-runs the filter underneath it.

   So: ONE element, ONE backdrop-filter, and the bevel and specular are
   plain static gradient layers in its background. The body still truly
   refracts — that is the cue that actually reads as glass — while the
   edge highlights cost nothing and cannot desynchronise, because there
   is nothing to synchronise. Nothing on this bar animates on scroll.

   background-clip: padding-box keeps the translucent fill from painting
   under the translucent border and doubling it into a halo.
   ================================================================== */

/* ---- 1 · the pane, at every width ---- */
.poz-header::before {
  border: 1px solid rgba(255, 255, 255, .62) !important;
  background:
    linear-gradient(104deg, rgba(255, 255, 255, 0) 17%, rgba(255, 255, 255, .26) 31%, rgba(255, 255, 255, 0) 45%),
    linear-gradient(to bottom, rgba(255, 255, 255, .50), rgba(255, 255, 255, 0) 18px),
    linear-gradient(to right, rgba(255, 255, 255, .40), rgba(255, 255, 255, 0) 56px),
    linear-gradient(to left, rgba(255, 255, 255, .32), rgba(255, 255, 255, 0) 56px),
    linear-gradient(112deg, rgba(255, 255, 255, .72), rgba(246, 250, 252, .60) 48%, rgba(232, 240, 246, .54)) !important;
  background-clip: padding-box !important;   /* after the shorthand: it resets this */
  box-shadow:
    0 22px 54px rgba(18, 38, 55, .12),
    0 3px 10px rgba(18, 38, 55, .05),
    inset 0 1px 0 rgba(255, 255, 255, .95),
    inset 0 -1px 0 rgba(79, 111, 137, .14) !important;
  backdrop-filter: blur(26px) saturate(180%) brightness(1.06) contrast(.94) !important;
  -webkit-backdrop-filter: blur(26px) saturate(180%) brightness(1.06) contrast(.94) !important;
}

/* ---- 2 · the same pane over dark ground ----
   Over dark, glass is read almost entirely by what it REFLECTS, so the
   edge highlights stay while the body darkens instead of lightening. */
.poz-header.is-over-dark::before {
  border-color: rgba(255, 255, 255, .16) !important;
  background:
    linear-gradient(104deg, rgba(255, 255, 255, 0) 17%, rgba(255, 255, 255, .13) 31%, rgba(255, 255, 255, 0) 45%),
    linear-gradient(to bottom, rgba(255, 255, 255, .20), rgba(255, 255, 255, 0) 18px),
    linear-gradient(to right, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0) 56px),
    linear-gradient(to left, rgba(255, 255, 255, .11), rgba(255, 255, 255, 0) 56px),
    linear-gradient(112deg, rgba(22, 26, 32, .62), rgba(14, 17, 22, .54) 48%, rgba(9, 11, 15, .48)) !important;
  background-clip: padding-box !important;   /* after the shorthand: it resets this */
  box-shadow:
    0 24px 60px rgba(0, 0, 0, .55),
    0 3px 12px rgba(0, 0, 0, .40),
    inset 0 1px 0 rgba(255, 255, 255, .20),
    inset 0 -1px 0 rgba(0, 0, 0, .55) !important;
  backdrop-filter: blur(26px) saturate(155%) brightness(.64) contrast(1.03) !important;
  -webkit-backdrop-filter: blur(26px) saturate(155%) brightness(.64) contrast(1.03) !important;
}


/* ---- 3 · OPTION A · DESKTOP (the nav only exists above 1219 anyway) ---- */
@media (min-width: 1220px) {
  :root { --pozmm-top: 83px; }

  .poz-header { height: 84px !important; min-height: 84px !important; padding: 0 clamp(30px, 3.2vw, 52px) !important; gap: clamp(14px, 1.6vw, 26px) !important; }
  .poz-header::before { inset: 10px 22px; border-radius: 20px; }
  .poz-header::after { left: 44px; right: 44px; bottom: 10px; }
  /* The bar does not dock any more (Sven, 2026-08-27): it keeps its own
     shape and the mega animates in as a separate plate BELOW it. These
     three undo the docking the base layer applies on open. */
  .poz-header.pozmm-header-open::before { bottom: 10px; border-radius: 20px; border-bottom-color: rgba(255, 255, 255, .62) !important; }
  .poz-header.is-over-dark.pozmm-header-open::before { border-bottom-color: rgba(255, 255, 255, .16) !important; }
  .poz-header.pozmm-header-open::after { bottom: 10px; opacity: .72; }
  .pozmm__shell { top: 84px; width: min(1580px, calc(100vw - 44px)); height: min(760px, calc(100dvh - 84px - 18px)); border-radius: 20px 20px 24px 24px; }

  /* the logo loses its divider — the plates it divided are gone */
  .poz-header__logo { flex: 0 0 auto !important; width: auto !important; max-width: 210px !important; height: 44px !important; padding: 0 !important; border-right: 0 !important; }
  .poz-header__logo img { max-width: 196px !important; max-height: 36px !important; }

  /* ---- the nav dissolves its plate: type carries it, an underline marks it.
     The items keep a real 40px box with padding even though nothing paints
     it — that is the hit target, and it is what the focus ring hugs. A ring
     drawn tight around bare 10px text reads as a rendering fault. ---- */
  .poz-nav {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    padding: 0 !important;
    gap: clamp(6px, 1.1vw, 16px) !important;
    justify-content: center !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .poz-nav__link,
  .poz-nav__trigger {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 13px !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 10px !important;
    color: var(--pozmm-ink) !important;
    background: transparent !important;
    box-shadow: none !important;
    /* THE WHOLE STATE MODEL: the nav rests quiet and the item you are on
       lights up. One property moves. Nothing is ever filled, framed or
       ringed — a plate under 10px type on glass is what looked cheap. */
    opacity: .82 !important;
    transition: opacity 200ms ease !important;
    font-size: 10px !important;
    /* Michroma ships weight 400 ONLY. Asking for 600 makes the browser
       synthesise the bold by smearing the outlines, which at 10px reads
       as blurry, edgy text. Never weight this face. */
    font-weight: 400 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
  }
  /* A hairline, not a rule. currentColor means it needs no dark-ground
     twin, and hover stays quieter than the open state. */
  .poz-nav__link::after,
  .poz-nav__trigger::after {
    z-index: auto;
    left: 14px;
    right: 14px;
    bottom: 10px;
    height: 1px;
    border-radius: 0;
    opacity: .34;
    background: currentColor;
    transition: transform 260ms var(--pozmm-open-ease), opacity 200ms ease;
  }
  .poz-nav__trigger[aria-expanded="true"],
  .poz-nav__link:focus-visible,
  .poz-nav__trigger:focus-visible {
    opacity: 1 !important;
    color: var(--pozmm-ink) !important;
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .poz-nav__trigger[aria-expanded="true"]::after { opacity: .8; transform: scaleX(1); }

  /* Keyboard focus is the hairline at full strength, NOT a box. A ring drawn
     around bare 10px type on glass reads as a rendering fault — which is
     exactly how it looked. The underline is already this nav's language, so
     focus speaks it louder rather than introducing a second vocabulary. */
  .poz-nav__link:focus-visible,
  .poz-nav__trigger:focus-visible { outline: none !important; }
  .poz-nav__link:focus-visible::after,
  .poz-nav__trigger:focus-visible::after { opacity: 1; height: 2px; transform: scaleX(1); }
  /* the two controls that ARE boxes keep a ring, rounded to their own shape */
  .poz-header .pzl-lang__opt:focus-visible { outline: 2px solid currentColor !important; outline-offset: 4px !important; border-radius: 4px; }
  .poz-header .poz-btn--secondary:focus-visible { outline: 2px solid var(--pozmm-ink) !important; outline-offset: 3px !important; }
  .poz-header.is-over-dark .poz-btn--secondary:focus-visible { outline-color: #fff !important; }

  /* the nine cells move onto Proizvodi — the range button they used to open
     has been display:none at this width all along */
  .poz-nav__grid { display: grid !important; grid-template-columns: repeat(3, 3px); grid-template-rows: repeat(3, 3px); gap: 2px; }
  .poz-nav__grid i { display: block; width: 3px; height: 3px; border-radius: .5px; background: currentColor; opacity: .8; }

  /* ---- the actions lose their plate too: one emphasised button, one quiet toggle ---- */
  .poz-header__actions {
    flex: 0 0 auto !important;
    height: auto !important;
    padding: 0 !important;
    gap: 18px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .poz-header .pzl-lang {
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    padding: 0 !important;
    gap: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .poz-header .pzl-lang__opt {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    height: 15px !important;
    min-height: 15px !important;
    padding: 0 9px !important;
    border-radius: 0 !important;
    color: #53616d !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: .1em !important;
  }
  .poz-header .pzl-lang__opt + .pzl-lang__opt { border-left: 1px solid rgba(77, 103, 124, .28) !important; }
  .poz-header .pzl-lang__opt[aria-current="true"] { color: var(--pozmm-ink) !important; background: transparent !important; box-shadow: none !important; }

  .poz-header .poz-btn--secondary {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 11px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 21px !important;
    border: 0 !important;
    border-radius: 12px !important;
    color: #fff !important;
    background: var(--pozmm-ink) !important;
    box-shadow: 0 8px 20px rgba(12, 13, 16, .24), inset 0 1px 0 rgba(255, 255, 255, .14) !important;
    font-size: 10px !important;
    font-weight: 400 !important;   /* Michroma is a single-weight face */
    letter-spacing: .1em !important;
    text-transform: uppercase !important;
  }
  .poz-header .poz-btn--secondary::after {
    content: "";
    flex: 0 0 13px;
    width: 13px;
    height: 9px;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 9'%3E%3Cpath d='M1 4.5h10M8 1.5l3 3-3 3' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 9'%3E%3Cpath d='M1 4.5h10M8 1.5l3 3-3 3' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
  }

  /* ---- the whole of Option A over dark ground ---- */
  .poz-header.is-over-dark .poz-nav__link,
  .poz-header.is-over-dark .poz-nav__trigger { color: #fff !important; }
  .poz-header.is-over-dark .pzl-lang__opt { color: rgba(255, 255, 255, .78) !important; }
  .poz-header.is-over-dark .pzl-lang__opt + .pzl-lang__opt { border-left-color: rgba(255, 255, 255, .24) !important; }
  .poz-header.is-over-dark .pzl-lang__opt[aria-current="true"] { color: #fff !important; background: transparent !important; }
  .poz-header.is-over-dark .poz-btn--secondary {
    color: var(--pozmm-ink) !important;
    background: #fff !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .42), inset 0 -1px 0 rgba(0, 0, 0, .10) !important;
  }

  @media (hover: hover) and (pointer: fine) {
    .poz-nav__link:hover,
    .poz-nav__trigger:hover { opacity: 1 !important; background: transparent !important; }
    .poz-header .pzl-lang__opt:hover { color: var(--pozmm-ink) !important; background: transparent !important; }
    .poz-header.is-over-dark .pzl-lang__opt:hover { color: #fff !important; background: transparent !important; }
    .poz-header .poz-btn--secondary:hover { color: #fff !important; background: #23262D !important; }
    .poz-header.is-over-dark .poz-btn--secondary:hover { color: var(--pozmm-ink) !important; background: rgba(255, 255, 255, .88) !important; }
  }
}

@media (prefers-reduced-transparency: reduce) {
  .poz-header::before,
  .poz-header.is-over-dark::before { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
  .poz-header::before { background: #F2F5F7 !important; }
  .poz-header.is-over-dark::before { background: #101319 !important; }
}

/* Keep the first section's content where the template placed it while its
   background, media and decorative layers continue behind the fixed header. */
.poz-first-ground-to-top {
  margin-top: var(--poz-first-ground-margin) !important;
  padding-top: var(--poz-first-ground-padding) !important;
  min-height: var(--poz-first-ground-min-height) !important;
}

/* Establish the measured hero ground before the first paint. The shared
   chrome token remains the source of the reserved header space. */
main#top > .poz-hero,
main#top > .pzabout > .pzabout-hero,
main#top > .pzp3 > .pzp3-hero {
  --poz-ground-static: 1;
  margin-top: calc(-1 * var(--poz-chrome-h)) !important;
}
main#top > .poz-hero {
  padding-top: var(--poz-chrome-h) !important;
  min-height: 0 !important;
}
main#top > .pzabout > .pzabout-hero {
  padding-top: calc(var(--poz-chrome-h) + clamp(28px, 3.8vw, 62px)) !important;
}
main#top > .pzp3 > .pzp3-hero {
  --poz-first-ground-padding: calc(var(--poz-chrome-h) + 48px);
  padding-top: var(--poz-first-ground-padding) !important;
  min-height: calc(clamp(620px, 82svh, 760px) + var(--poz-first-ground-padding)) !important;
}
@media (max-width: 760px) {
  main#top > .pzp3 > .pzp3-hero {
    --poz-first-ground-padding: calc(var(--poz-chrome-h) + 46px);
    min-height: calc(760px + var(--poz-first-ground-padding)) !important;
  }
}
@media (max-width: 620px) {
  main#top > .pzabout > .pzabout-hero { padding-top: calc(var(--poz-chrome-h) + 14px) !important; }
}
@media (min-width: 901px) and (max-height: 950px) {
  main#top > .pzp3 > .pzp3-hero {
    --poz-first-ground-padding: var(--poz-chrome-h);
    height: 100svh !important;
    min-height: 100svh !important;
  }
}
/* The contact article is a transparent wrapper; its own content already
   supplies the intended ground. Lifting it only moves an invisible box. */
main#top > article.poz-page:has(.pzc-contact) { --poz-ground-static: 1; }

/* Michroma ships one weight. .poz-cats-launch is display:none at every width
   today, but a weighted Michroma is a latent smear the moment it is shown. */
.poz-header .poz-cats-launch{font-weight:400 !important;}


/* ================= SPECTRUM STRIP (2026-08-29) =================
   Replaces the old hairline, which started under the wordmark and faded to
   the right — an off-centre mark that read as an artefact rather than as a
   decision.

   It is the site's own five module accents run as one spectrum, ordered by
   hue so the sweep is continuous: lifting red, truss green, cables teal,
   stage blue, choir magenta. 1px tall, and it fades to nothing long before
   the pane's rounded corners, so it never has to negotiate the curve.

   The dark-ground rule is NOT optional: poz-chrome.css carries a
   .poz-header.is-over-dark::after at higher specificity that would otherwise
   repaint this white. */
.poz-header::after{
  left:22px !important;
  right:22px !important;
  bottom:10px !important;
  height:1px !important;
  border-radius:1px !important;
  opacity:.92 !important;
  background:linear-gradient(90deg,
    rgba(220,38,38,0) 0%,
    rgba(220,38,38,.88) 13%,
    rgba(31,138,91,.92) 31%,
    rgba(0,122,112,.92) 45%,
    rgba(0,102,204,.92) 62%,
    rgba(192,38,211,.88) 84%,
    rgba(192,38,211,0) 100%) !important;
}
/* over dark ground the same strip reads as light rather than ink, so it is
   lifted a little and left fully saturated */
.poz-header.is-over-dark::after{
  opacity:1 !important;
  filter:saturate(1.18) brightness(1.12) !important;
  background:linear-gradient(90deg,
    rgba(255,90,90,0) 0%,
    rgba(255,90,90,.9) 13%,
    rgba(64,190,132,.94) 31%,
    rgba(34,176,162,.94) 45%,
    rgba(74,158,255,.94) 62%,
    rgba(216,96,236,.9) 84%,
    rgba(216,96,236,0) 100%) !important;
}
/* it stays put when the mega opens — the bar no longer docks */
.poz-header.pozmm-header-open::after{ bottom:10px !important; }
@media (max-width:1219px){ .poz-header::after{ left:10px !important; right:10px !important; bottom:6px !important; } }
@media (max-width:680px){ .poz-header::after{ left:6px !important; right:6px !important; bottom:5px !important; } }


/* Category index: complete descriptions and distinct link/disclosure targets. */
.pozmm__categories {
  background: linear-gradient(150deg, #e9eff3, #f3f6f8);
}
.pozmm__rail-head > span { display: none; }
.pozmm__category-copy small {
  color: #52616d;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  opacity: 1;
}
.pozmm__category-wrap {
  border: 1px solid transparent;
  border-bottom-color: rgba(68, 88, 103, .09);
}
.pozmm__category-wrap.is-current {
  border-color: rgba(77, 98, 112, .13);
  background: rgba(255, 255, 255, .86);
  box-shadow: 0 4px 12px rgba(31, 47, 60, .07);
}
.pozmm__category-wrap:is(:hover, :focus-within):not(.is-current) {
  background: rgba(255, 255, 255, .48);
}
.pozmm__category-open { opacity: 1; }
.pozmm__category-open:is(:hover, :focus-visible) {
  color: var(--category-color);
  background: rgba(255, 255, 255, .75);
}
@media (min-width: 1400px) {
  .pozmm__layout { grid-template-columns: clamp(310px, 23vw, 338px) minmax(0, 1fr) clamp(300px, 24vw, 370px); }
  .pozmm__categories { padding: 20px 14px 16px; }
  .pozmm__rail-head { margin: 0 10px 10px; padding: 0 2px 14px; }
  .pozmm__category-list { display: grid; gap: 2px; }
  .pozmm__category-wrap {
    min-height: 54px;
    grid-template-columns: minmax(0, 1fr) 36px;
    border-radius: 12px;
    transition: background-color 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
  }
  .pozmm__category { min-height: 52px; padding: 7px 4px 7px 12px; }
  .pozmm__category-wrap::before { left: 0; top: 13px; bottom: 13px; width: 1px; border-radius: 1px; }
  .pozmm__category-copy { gap: 3px; }
  .pozmm__category-copy strong { font-size: 13.5px; font-weight: 600; line-height: 1.25; letter-spacing: -.012em; }
  .pozmm__category-copy small {
    font-size: 11px;
    line-height: 1.35;
  }
  .pozmm__category-open { min-width: 36px; color: #5c6a75; }
}
@media (min-width: 1400px) and (max-height: 820px) {
  .pozmm__categories { padding-block: 12px; }
  .pozmm__rail-head { margin-bottom: 5px; padding-bottom: 9px; }
  .pozmm__category-list { gap: 0; }
  .pozmm__category-wrap { min-height: 43px; }
  .pozmm__category { min-height: 41px; padding-block: 4px; }
  .pozmm__category-copy { gap: 1px; }
  .pozmm__category-copy strong { font-size: 13px; }
}
@media (max-width: 1399px) {
  .pozmm__category-list { gap: 5px 18px; }
  .pozmm__category-wrap { border-radius: 12px; }
  .pozmm__category-wrap::before { left: 0; width: 1px; }
  .pozmm__category-copy { gap: 4px; }
  .pozmm__category-copy strong { font-size: 14px; line-height: 1.3; }
  .pozmm__category-copy small { font-size: 12px; line-height: 1.35; }
}
@media (max-width: 680px) {
  .pozmm__category-list { gap: 2px; }
  .pozmm__category { padding-block: 8px; }
  .pozmm__category-copy strong { font-size: 13px; }
  .pozmm__category-copy small { font-size: 11px; }
}

/* LumiLas — scoped navigation content; shared header and drawer materials stay authoritative. */
.pozmm__catalog--lasers .pozmm__catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.pozmm__catalog--lasers .pozmm__group-head>span{font-size:10px}
.pozmm__catalog--lasers .pozmm__model{grid-template-columns:68px minmax(0,1fr) 16px;min-height:72px;gap:10px;padding:7px 8px;border-radius:10px}
.pozmm__catalog--lasers .pozmm__model-thumb{width:68px;height:56px}
.pozmm__catalog--lasers .pozmm__model:is(:hover,:focus-visible,.is-previewed){box-shadow:inset 2px 0 var(--category-color);background:#ffffff8c}
.pozmm__catalog--lasers .pozmm__model-copy small{font-size:10px}
.pozmm__laser-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin:16px 0 0;padding:0 2px}
.pozmm__laser-links a{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;min-height:36px;color:#4d633c;text-decoration:none;font:500 11px/1.4 "IBM Plex Sans",sans-serif}
.pozmm__laser-links a:hover{color:#243d15}
.pozmm__laser-links a:focus-visible{outline:2px solid #65a30d;outline-offset:3px}
.pozmm__catalog--lasers .pozmm__resource-art img{object-fit:contain;transform:none}
.pozmm__resources--lasers{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}
.pozmm__pangolin-banner{position:relative;grid-column:1/-1;display:grid;grid-template-columns:minmax(240px,.92fr) minmax(220px,.76fr) auto;align-items:center;min-height:100px;padding:13px 16px;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:radial-gradient(circle at 66% 110%,rgba(255,36,28,.2),transparent 42%),linear-gradient(118deg,#090c0f 0,#12171b 55%,#090c0f 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 32px rgba(12,20,26,.15);color:#fff;text-decoration:none;isolation:isolate;transition:transform 180ms var(--pozmm-open-ease),border-color 180ms ease,box-shadow 180ms ease}
.pozmm__pangolin-banner:before{position:absolute;inset:0;z-index:-1;content:"";background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(90deg,transparent,#000 32%,#000 82%,transparent)}
.pozmm__pangolin-banner:is(:hover,:focus-visible){transform:translateY(-2px);border-color:#65a30d;box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 18px 36px rgba(12,20,26,.22),0 0 0 1px rgba(101,163,13,.16)}
.pozmm__pangolin-banner:focus-visible{outline:2px solid #65a30d;outline-offset:2px}
.pozmm__pangolin-copy{position:relative;z-index:3;display:grid;align-content:center;gap:4px;min-width:0}
.pozmm__pangolin-copy img{width:132px;height:32px;margin-bottom:4px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1);opacity:.94}
.pozmm__pangolin-copy small,.pozmm__pangolin-action small{color:rgba(255,255,255,.5);font:400 7px/1.35 "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase}
.pozmm__pangolin-copy strong{font:400 12px/1.35 Michroma,sans-serif;letter-spacing:-.02em}
.pozmm__pangolin-visual{position:relative;align-self:stretch;min-width:220px;pointer-events:none}
.pozmm__pangolin-visual i{position:absolute;top:51%;right:0;left:0;height:1px;background:linear-gradient(90deg,transparent,#ff3029 18% 84%,transparent);box-shadow:0 0 14px rgba(255,36,28,.75);transform-origin:left;transition:transform 450ms var(--pozmm-open-ease)}
.pozmm__pangolin-fb4,.pozmm__pangolin-console{position:absolute!important;z-index:2;width:auto!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 10px 8px rgba(0,0,0,.48));transition:transform 360ms var(--pozmm-open-ease)!important}
.pozmm__pangolin-fb4{left:1%;bottom:4px;max-width:104px;transform:translateY(2px)}
.pozmm__pangolin-console{right:1%;top:-3px;max-width:148px;transform:rotate(-3deg)}
.pozmm__pangolin-banner:hover .pozmm__pangolin-fb4{transform:translate(-3px,-1px)}
.pozmm__pangolin-banner:hover .pozmm__pangolin-console{transform:translate(4px,-2px) rotate(-2deg)}
.pozmm__pangolin-action{position:relative;z-index:3;display:grid;justify-items:end;gap:7px;padding-left:18px;text-align:right}
.pozmm__pangolin-action b{font:400 9px/1.35 Michroma,sans-serif;white-space:nowrap}
.pozmm__pangolin-action i{margin-left:9px;color:#65a30d;font-style:normal}
.pozmm__shell[data-active-category="laseri"] .pozmm__preview-brand img{filter:brightness(0);height:22px;opacity:.85}
@media(max-width:900px){
 .pozmm__pangolin-banner{grid-template-columns:minmax(210px,1fr) minmax(180px,.7fr) auto}
 .pozmm__pangolin-action small{display:none}
 .pozmm__pangolin-console{max-width:126px}
 .pozmm__pangolin-fb4{max-width:88px}
}
@media(max-width:640px){
 .pozmm__catalog--lasers .pozmm__catalog-grid{grid-template-columns:1fr;gap:20px}
 .pozmm__catalog--lasers .pozmm__model{min-height:70px;grid-template-columns:72px minmax(0,1fr) 16px}
 .pozmm__catalog--lasers .pozmm__model-thumb{width:72px;height:58px}
 .pozmm__laser-links{gap:6px 18px}
 .pozmm__pangolin-banner{grid-template-columns:minmax(0,1fr) 118px;min-height:130px;padding:15px}
 .pozmm__pangolin-copy img{width:118px;height:29px}
 .pozmm__pangolin-copy strong{max-width:190px;font-size:10px}
 .pozmm__pangolin-action{grid-column:1;justify-items:start;padding:6px 0 0;text-align:left}
 .pozmm__pangolin-visual{position:absolute;top:8px;right:5px;bottom:8px;width:128px;min-width:0;opacity:.9}
 .pozmm__pangolin-fb4{left:-4px;bottom:2px;max-width:80px}
 .pozmm__pangolin-console{right:-12px;top:20px;max-width:112px}
}


/* Laptop retains its existing desktop header, with the two-step catalogue beneath it. */
@media (min-width: 1220px) and (max-width: 1399px) {
 .pozmm__shell { width:calc(100vw - 44px); }
 .pozmm__desktop-close { display:flex!important;top:7px;right:14px; }
}

/* rendered tile clips (video) share the still's rule; the clip ground is the tile ground */
body #poz-mega-configurators video.pzm-tile__clip { background: #f4f6f6 !important; display: block !important; }

/* The LumiLas publication uses its real transparent cover mockup. */
.pozmm__resource--laser-catalogue .pozmm__resource-art{width:88px;flex-basis:88px;background:radial-gradient(circle at 35% 35%,rgba(101,163,13,.17),transparent 50%),#080d10}
.pozmm__catalog--lasers .pozmm__resource--laser-catalogue .pozmm__resource-art img{width:68%;height:118%;object-fit:contain;filter:drop-shadow(0 9px 8px rgba(0,0,0,.62));transform:rotate(-6deg) translateY(3px) scale(.92);transition:transform 260ms var(--pozmm-open-ease)}
.pozmm__catalog--lasers .pozmm__resource--laser-catalogue:is(:hover,:focus-visible) .pozmm__resource-art img{transform:rotate(-3deg) translateY(1px) scale(.98)}
.pozmm__resource--laser-catalogue:is(:hover,:focus-visible){border-color:color-mix(in srgb,#65a30d 36%,transparent);background:rgba(255,255,255,.9)}
@media(max-width:420px){.pozmm__resource--laser-catalogue .pozmm__resource-art{width:76px;flex-basis:76px}}

/* Studio Due publication: real transparent catalogue mockup on its category ground. */
.pozmm__resource--architectural-catalogue .pozmm__resource-art{width:88px;flex-basis:88px;background:radial-gradient(circle at 38% 34%,rgba(8,145,178,.2),transparent 52%),#080d10}
.pozmm__resource--architectural-catalogue .pozmm__resource-art img{width:72%;height:116%;object-fit:contain;filter:drop-shadow(0 9px 8px rgba(0,0,0,.62));transform:rotate(-4deg) translateY(3px) scale(.92);transition:transform 260ms var(--pozmm-open-ease)}
.pozmm__resource--architectural-catalogue:is(:hover,:focus-visible) .pozmm__resource-art img{transform:rotate(-2deg) translateY(1px) scale(.98)}
.pozmm__resource--architectural-catalogue:is(:hover,:focus-visible){border-color:color-mix(in srgb,#0891b2 36%,transparent);background:rgba(255,255,255,.9)}
@media(max-width:420px){.pozmm__resource--architectural-catalogue .pozmm__resource-art{width:76px;flex-basis:76px}}


/* ===== NAV STATE v3 (2026-09-07, Sven): no underline. Hover and the open trigger sit on a quiet glass pill — a tint of the
   item's own ink at 7 % / 11 % on the item's existing 40px box (radius 11) — and the type rises to full ink. currentColor
   means the pill needs no dark-ground twin. Focus speaks the same way, one notch stronger. The hairline is retired. ===== */
@media (min-width: 1220px) {
  .poz-nav__link::after, .poz-nav__trigger::after { display: none !important; }
  .poz-nav__link, .poz-nav__trigger { position: relative !important; border-radius: 11px !important; transition: opacity 200ms ease, background-color 220ms ease, color 200ms ease !important; }
  @media (hover: hover) and (pointer: fine) {
    .poz-nav__link:hover, .poz-nav__trigger:hover { opacity: 1 !important; background: color-mix(in srgb, currentColor 7%, transparent) !important; }
  }
  .poz-nav__trigger[aria-expanded="true"], .poz-nav__trigger[aria-expanded="true"]:hover { opacity: 1 !important; background: color-mix(in srgb, currentColor 11%, transparent) !important; }
  /* Sven 2026-09-10: after closing the mega menu with Escape the trigger keeps focus —
     correct for a keyboard user, but a 2px SOLID ink box on the glass bar read as a
     rendering fault ("bugs with the megamenu hover"). Same indicator, spoken in the
     bar's own language: the pill one notch stronger plus a half-strength ring set
     inside it. Still far above the 3:1 an indicator needs against this ground. */
  .poz-nav__link:focus-visible, .poz-nav__trigger:focus-visible { opacity: 1 !important; outline: 2px solid color-mix(in srgb, currentColor 50%, transparent) !important; outline-offset: -3px !important; background: color-mix(in srgb, currentColor 15%, transparent) !important; }
  .poz-nav__link:active, .poz-nav__trigger:active { transform: none !important; background: color-mix(in srgb, currentColor 13%, transparent) !important; }
}



/* ================= CONFIGURATOR PANEL v3 (2026-09-10) =================
   Sven: "the animations are now obstructed, and they should be the primary
   graphic of the buttons".
   v2 kept each film in a band across the top of the tile with an opaque copy
   plate below it and a wash gradient fading over its lower third, so the thing
   the tile is actually selling - the product assembling itself - was the
   smallest, palest part of the card. Here the film IS the card: it runs edge to
   edge at its native 16:9, nothing is drawn over it, and the copy is a compact
   plate underneath.
   The tile stops being two absolutely-positioned layers and becomes a two-row
   grid. That is what lets the film take its height from the column width instead
   of from a hard percentage, and it is why the columns are now equal: five equal
   frames at 1400px give every film a 264px stage where v2's mixed 1.3fr/1fr row
   gave four of them 213px - about 45% more picture per tile, and all five the
   same size, which is the honest reading when the picture is the point.

   SPECIFICITY NOTE: the base block earlier in this file is written
   `body #poz-mega-configurators .pzm-tile` - an id selector plus !important.
   Anything weaker than that silently loses, which is how the first attempt at
   this panel failed. Match the prefix. */
@media (min-width: 1220px) {

  /* HEIGHT. The panel is a fixed plate and .pzm__in / .pzm-grid are height:100%
     of it, so the heading below would push the grid down without growing
     anything and the tiles would spill past the plate's overflow:hidden. The
     heading measures 42px (9px cap line + 12px padding + 1px rule + 16px
     margin): the plate grows by exactly that and the grid gives it back.
     height:auto is NOT an option - a tile whose film is in flow would still
     collapse the grid row it sits in. */
  body #poz-mega-configurators { height: 334px !important; }
  body #poz-mega-configurators .pzm__in { display: block; }

  /* the panel says the word once, so five tiles do not have to repeat it */
  body #poz-mega-configurators .pzm__in::before {
    content: 'Konfiguratori';
    display: block; margin: 0 2px 16px; padding-bottom: 12px;
    border-bottom: 1px solid rgba(20, 30, 42, 0.10);
    font-family: Michroma, sans-serif; font-size: 9px; font-weight: 400;
    letter-spacing: 0.2em; text-transform: uppercase; color: #6B7480;
  }

  body #poz-mega-configurators .pzm-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    grid-template-rows: minmax(0, 1fr) !important;
    gap: 14px !important;
    height: calc(100% - 42px) !important;
  }

  body #poz-mega-configurators .pzm-tile {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    overflow: hidden !important;
    border: 1px solid rgba(20, 30, 42, 0.10) !important;
    border-radius: 16px !important;
    background: #FFFFFF !important;
    box-shadow: 0 1px 2px rgba(15, 25, 40, 0.04) !important;
    transition: box-shadow .22s ease, border-color .22s ease !important;
  }
  body #poz-mega-configurators .pzm-tile:not(.is-soon):hover {
    border-color: color-mix(in srgb, var(--acc, #0066CC) 36%, transparent) !important;
    box-shadow: 0 12px 28px -14px rgba(15, 25, 40, 0.30) !important;
  }

  /* THE FILM IS THE CARD: in flow, full bleed, its own 16:9, nothing over it.
     The box is given the source's exact ratio, so cover and contain agree and
     no part of the product is ever cropped. */
  body #poz-mega-configurators .pzm-tile__img {
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 462 / 260 !important;
    object-fit: cover !important;
    object-position: 50% 50% !important;
    filter: none !important;
    transform: none !important;
  }
  /* the hover zoom fought the film: the tile clips, so scaling cropped the
     product exactly while it was building itself. The film playing IS the
     hover response now. */
  body #poz-mega-configurators .pzm-tile:not(.is-soon):hover .pzm-tile__img,
  body #poz-mega-configurators .pzm-tile:focus-visible .pzm-tile__img {
    transform: none !important;
    filter: none !important;
  }
  /* the wash existed to keep the copy legible where the film ran underneath it.
     Nothing runs underneath the copy any more. */
  body #poz-mega-configurators .pzm-tile__wash { display: none !important; }

  body #poz-mega-configurators .pzm-tile__copy {
    position: relative !important;   /* static in flow, but still the anchor for the rule below */
    inset: auto !important;
    display: grid !important;
    grid-template-rows: auto auto minmax(0, 1fr) auto !important;
    gap: 0 !important;
    padding: 11px 14px 12px !important;
    background: none !important;
  }
  /* the film's bottom edge, in the tool's colour, full bleed under the picture */
  body #poz-mega-configurators .pzm-tile__copy:before {
    left: 0 !important; right: 0 !important; top: 0 !important;
    background: color-mix(in srgb, var(--acc) 50%, #e4e9ed) !important;
  }

  /* the index is the only ink the accent needs in the copy plate */
  body #poz-mega-configurators .pzm-tile__n {
    display: block !important; margin: 0 0 5px !important;
    font: 500 10px/1 'IBM Plex Mono', ui-monospace, monospace !important;
    letter-spacing: 0.1em !important; color: var(--acc, #0066CC) !important;
  }
  body #poz-mega-configurators .pzm-tile__name {
    margin: 0 0 4px !important;
    font: 400 15px/1.2 Michroma, sans-serif !important;
    letter-spacing: -0.02em !important; color: #16171B !important;
  }
  body #poz-mega-configurators .pzm-tile__desc {
    align-self: start !important;
    margin: 0 !important;
    font: 400 11.5px/1.4 'IBM Plex Sans', sans-serif !important;
    color: #6B7480 !important;
  }

  /* five identical "Otvori konfigurator" labels were noise; the whole tile is
     the link, so one arrow says it */
  body #poz-mega-configurators .pzm-tile:not(.is-soon) .pzm-tile__go {
    align-self: end !important;
    font-size: 0 !important; line-height: 0 !important; margin: 6px 0 0 !important;
    padding: 0 !important; border: 0 !important; background: none !important;
    color: var(--acc, #0066CC) !important; transform: none !important;
  }
  body #poz-mega-configurators .pzm-tile:not(.is-soon) .pzm-tile__go::after {
    content: '\2192'; display: inline-block;
    font-size: 16px !important; line-height: 1 !important;
    transition: transform .22s cubic-bezier(.22, 1, .36, 1);
  }
  body #poz-mega-configurators .pzm-tile:not(.is-soon):hover .pzm-tile__go::after {
    transform: translateX(5px);
  }
}

/* Configurator menu — a single calm glass gallery around the existing films. */
@media(min-width:1220px) {
 body #poz-mega-configurators {
  height:auto!important; max-height:calc(100svh - 108px)!important;
  padding:24px!important; overflow-y:auto!important;
  border-radius:24px!important; border:1px solid rgba(255,255,255,.94)!important;
  background:linear-gradient(140deg,rgba(249,251,253,.98),rgba(237,241,245,.96))!important;
  box-shadow:0 24px 64px -20px rgba(20,30,45,.24),inset 0 1px 0 #fff!important;
 }
 body #poz-mega-configurators .pzm__in { height:auto!important; }
 body #poz-mega-configurators .pzm__in::before {
  content:'Konfiguratori'; margin:0 0 24px; padding:0; border:0;
  font:400 18px/1.4 Michroma,sans-serif; letter-spacing:-.02em; text-transform:none; color:#252b33;
 }
 html:lang(en) body #poz-mega-configurators .pzm__in::before { content:'Configurators'; }
 body #poz-mega-configurators .pzm-grid { height:auto!important; grid-template-rows:auto!important; gap:24px!important; }
 body #poz-mega-configurators .pzm-tile {
  display:flex!important; flex-direction:column!important; overflow:visible!important;
  border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important;
 }
 body #poz-mega-configurators .pzm-tile::before,
 body #poz-mega-configurators .pzm-tile::after,
 body #poz-mega-configurators .pzm-tile__copy::before { display:none!important; }
 body #poz-mega-configurators .pzm-tile:not(.is-soon):hover { background:transparent!important; box-shadow:none!important; }
 body #poz-mega-configurators .pzm-tile__img { flex:none; border-radius:14px!important; object-fit:contain!important; }
 body #poz-mega-configurators .pzm-tile__copy {
  flex:1; display:grid!important; grid-template-columns:minmax(0,1fr) 30px!important;
  grid-template-rows:auto 1fr!important; column-gap:8px!important; row-gap:10px!important;
  padding:18px 2px 4px!important;
 }
 body #poz-mega-configurators .pzm-tile__n { display:none!important; }
 body #poz-mega-configurators .pzm-tile__name {
  grid-column:1/-1; min-height:40px; margin:0!important;
  font:400 clamp(14px,1.08vw,16px)/1.4 Michroma,sans-serif!important;
  letter-spacing:-.025em!important; color:#252b33!important;
 }
 body #poz-mega-configurators .pzm-tile__desc {
  grid-column:1; display:block!important; margin:0!important; overflow:visible!important;
  -webkit-line-clamp:unset!important; font:400 13px/1.5 'IBM Plex Sans',sans-serif!important;
  color:#626c79!important; text-wrap:pretty;
 }
 body #poz-mega-configurators .pzm-tile:not(.is-soon) .pzm-tile__go {
  grid-column:2; grid-row:2; justify-self:end; align-self:end!important;
  display:grid!important; place-items:center; width:30px!important; height:30px!important;
  margin:0!important; border:1px solid #d5dce4!important; border-radius:50%!important;
  background:rgba(255,255,255,.6)!important; color:#465566!important;
  box-shadow:none!important; transition:background-color .22s,color .22s,border-color .22s!important;
 }
 body #poz-mega-configurators .pzm-tile:not(.is-soon) .pzm-tile__go::after {
  content:'↗'; font:400 18px/1 'IBM Plex Sans',sans-serif!important; transform:none!important;
 }
 body #poz-mega-configurators .pzm-tile:not(.is-soon):is(:hover,:focus-visible) .pzm-tile__go {
  color:#fff!important; background:#293440!important; border-color:#293440!important;
 }
 body #poz-mega-configurators .pzm-tile:focus-visible { outline:2px solid #647b96!important; outline-offset:6px!important; border-radius:14px!important; }
}

@media(min-width:1220px) {
 body #poz-mega-configurators .pzm__in,
 body #poz-mega-configurators .pzm-grid,
 body #poz-mega-configurators .pzm-tile__copy { background:transparent!important; box-shadow:none!important; }
 body #poz-mega-configurators .pzm-tile__copy { grid-template-rows:30px 1fr!important; align-items:center; row-gap:8px!important; }
 body #poz-mega-configurators .pzm-tile__name { grid-column:1; min-height:0; font-size:14px!important; }
 body #poz-mega-configurators .pzm-tile__desc { grid-column:1/-1; grid-row:2; min-height:39px; align-self:start!important; }
 body #poz-mega-configurators .pzm-tile:not(.is-soon) .pzm-tile__go { grid-row:1; align-self:center!important; }
}

/* The existing films sit directly on the cold glass, without preview boxes.
   Normalise their near-white studio ground, then multiply it into the pane;
   white disappears while the assembly and its soft contact shadows remain. */
@media(min-width:1220px) {
 body #poz-mega-configurators { background:linear-gradient(140deg,rgba(250,252,255,.98),rgba(239,243,248,.97))!important; }
 body #poz-mega-configurators .pzm-tile { transform:none!important; isolation:auto!important; z-index:auto!important; }
 body #poz-mega-configurators .pzm-tile__img,
 body #poz-mega-configurators video.pzm-tile__clip,
 body #poz-mega-configurators .pzm-tile:not(.is-soon):hover .pzm-tile__img,
 body #poz-mega-configurators .pzm-tile:focus-visible .pzm-tile__img {
  background:transparent!important; border:0!important; border-radius:0!important;
  mix-blend-mode:multiply; filter:brightness(1.05)!important;
 }
}

/* One continuous white drawing surface, including the film's studio ground. */
@media(min-width:1220px) {
 body #poz-mega-configurators { background:#fff!important; }
 body #poz-mega-configurators .pzm-grid { backdrop-filter:none!important; -webkit-backdrop-filter:none!important; }
}

/* Match the browser-rendered studio ground shared by all five films. */
@media(min-width:1220px){
 body #poz-mega-configurators{background:#f4f6f3!important}
 body #poz-mega-configurators .pzm-tile__img,
 body #poz-mega-configurators video.pzm-tile__clip,
 body #poz-mega-configurators .pzm-tile:not(.is-soon):hover .pzm-tile__img,
 body #poz-mega-configurators .pzm-tile:focus-visible .pzm-tile__img{filter:none!important;mix-blend-mode:normal!important}
 body #poz-mega-configurators .pzm-tile__copy{grid-template-columns:minmax(0,1fr) 36px!important;grid-template-rows:36px 1fr!important}
 body #poz-mega-configurators .pzm-tile:not(.is-soon) .pzm-tile__go{width:36px!important;height:36px!important;border:0!important;border-radius:12px!important;background:rgba(35,43,40,.065)!important;color:#29342f!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.85)!important;transition:background-color .2s,color .2s!important}
 body #poz-mega-configurators .pzm-tile:not(.is-soon) .pzm-tile__go::after{content:''!important;display:block!important;width:18px;height:18px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12h15M13 5l7 7-7 7' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;transform:translateX(0)!important;transition:transform .22s cubic-bezier(.2,.7,.2,1)!important}
 body #poz-mega-configurators .pzm-tile:not(.is-soon):is(:hover,:focus-visible) .pzm-tile__go{background:#25312a!important;color:#fff!important;box-shadow:none!important}
 body #poz-mega-configurators .pzm-tile:not(.is-soon):is(:hover,:focus-visible) .pzm-tile__go::after{transform:translateX(2px)!important}
}
@media(prefers-reduced-motion:reduce){body #poz-mega-configurators .pzm-tile__go,body #poz-mega-configurators .pzm-tile__go::after{transition:none!important}}

/* GUIL DJ desk family gateway; scoped to the stage catalogue pane. */
.pozmm__dj-banner{position:relative;display:grid;grid-template-columns:1fr 150px;align-items:center;min-height:94px;overflow:hidden;border:1px solid #dfe5eb;border-radius:12px;margin:12px 0;background:#f6f8fa;text-decoration:none!important;color:#17202b!important;isolation:isolate}.pozmm__dj-banner-copy{display:flex;flex-direction:column;gap:5px;padding:15px 18px;z-index:1;min-width:0}.pozmm__dj-banner-copy small{font:400 8px/1.5 'IBM Plex Mono',monospace;letter-spacing:.12em;color:#62717f}.pozmm__dj-banner-copy strong{font:400 14px/1.5 Michroma,sans-serif}.pozmm__dj-banner-copy>span{font:400 11px/1.4 'IBM Plex Sans',sans-serif;color:#64707d}.pozmm__dj-banner>img{width:150px;height:100%;position:absolute;right:0;top:0;object-fit:cover;object-position:center 48%;mask-image:linear-gradient(90deg,transparent,#000 28%);transition:transform .3s}.pozmm__dj-banner-arrow{position:absolute;right:12px;bottom:12px;width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#ffffffde;border:1px solid #fff;color:#233341;transition:background .2s,color .2s}.pozmm__dj-banner-arrow svg{width:17px;height:17px;transition:transform .2s}.pozmm__dj-banner:hover .pozmm__dj-banner-arrow{background:#223443;color:#fff}.pozmm__dj-banner:hover .pozmm__dj-banner-arrow svg{transform:translateX(2px)}.pozmm__dj-banner:focus-visible{outline:2px solid #2875bc;outline-offset:3px}@media(min-width:1400px) and (max-height:900px){.pozmm__dj-banner{min-height:79px;margin:8px 0}.pozmm__dj-banner-copy{padding-block:11px;gap:3px}}@media(max-width:650px){.pozmm__dj-banner{grid-template-columns:1fr 100px;min-height:105px}.pozmm__dj-banner>img{width:110px}.pozmm__dj-banner-copy{padding:15px}.pozmm__dj-banner-copy strong{font-size:13px}.pozmm__dj-banner-copy>span{max-width:190px;font-size:11px}}@media(prefers-reduced-motion:reduce){.pozmm__dj-banner *{transition:none!important}}

/* Main category index: product silhouettes and readable category names. */
.pozmm__category { gap: 12px; }
.pozmm__category-art { position: relative; display: grid; place-items: center; flex: 0 0 48px; width: 48px; height: 48px; }
.pozmm__category-art img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain; }
.pozmm__category-copy strong { font-family: "Michroma", sans-serif; font-size: 14px; font-weight: 400; font-synthesis: none; line-height: 1.4; letter-spacing: 0; }
@media (min-width: 1400px) {
  .pozmm__layout { grid-template-columns: clamp(344px, 25vw, 374px) minmax(0, 1fr) clamp(300px, 24vw, 370px); }
  .pozmm__category-list { gap: 2px; }
  .pozmm__category-wrap { min-height: 56px; }
  .pozmm__category { min-height: 54px; padding: 4px 2px 4px 9px; gap: 10px; }
  .pozmm__category-art { flex-basis: 42px; width: 42px; height: 42px; }
}
@media (min-width: 1400px) and (max-height: 820px) {
  .pozmm__category-list { gap: 0; }
  .pozmm__category-wrap { min-height: 46px; }
  .pozmm__category { min-height: 44px; padding-block: 3px; }
  .pozmm__category-copy strong { font-size: 13px; }
  .pozmm__category-art { flex-basis: 36px; width: 36px; height: 36px; }
}
@media (max-width: 1399px) {
  .pozmm__category-wrap { min-height: 76px; }
  .pozmm__category { min-height: 74px; padding-block: 10px; }
}
@media (max-width: 680px) {
  .pozmm__category-wrap { min-height: 60px; }
  .pozmm__category { min-height: 58px; padding: 6px 2px 6px 8px; gap: 12px; }
  .pozmm__category-copy strong { font-size: 13px; line-height: 1.4; }
  .pozmm__category-art { flex-basis: 42px; width: 42px; height: 42px; }
}

/* Keep the complete stage catalogue and its resources comfortably inside the pane. */
@media (min-width: 1400px) {
  .pozmm__catalog[data-panel="pozornice"] { padding-block: 20px 26px; }
  .pozmm__catalog[data-panel="pozornice"] .pozmm__model,
  .pozmm__catalog[data-panel="pozornice"] .pozmm__system-item { min-height: 50px; padding-block: 4px; }
  .pozmm__catalog[data-panel="pozornice"] .pozmm__model-thumb,
  .pozmm__catalog[data-panel="pozornice"] .pozmm__system-thumb { height: 40px; }
  .pozmm__catalog[data-panel="pozornice"] .pozmm__dj-banner { min-height: 70px; margin-block: 8px; }
  .pozmm__catalog[data-panel="pozornice"] .pozmm__resources { margin-top: 9px; padding-top: 9px; }
}
@media (min-width: 1400px) and (max-height: 820px) {
  .pozmm__catalog[data-panel="pozornice"] { padding-block: 16px 24px; }
  .pozmm__catalog[data-panel="pozornice"] .pozmm__catalog-head { min-height: 52px; padding-bottom: 10px; }
  .pozmm__catalog[data-panel="pozornice"] .pozmm__catalog-grid { padding-top: 10px; }
  .pozmm__catalog[data-panel="pozornice"] .pozmm__model,
  .pozmm__catalog[data-panel="pozornice"] .pozmm__system-item { min-height: 44px; padding-block: 4px; }
  .pozmm__catalog[data-panel="pozornice"] .pozmm__model-thumb,
  .pozmm__catalog[data-panel="pozornice"] .pozmm__system-thumb { height: 34px; }
  .pozmm__catalog[data-panel="pozornice"] .pozmm__dj-banner { min-height: 64px; }
  .pozmm__catalog[data-panel="pozornice"] .pozmm__dj-banner-copy { padding-block: 8px; }
}
@media (prefers-reduced-motion: no-preference) {
  .pozmm__shell { transition-duration: 200ms, 160ms; }
  .pozmm.is-closing .pozmm__shell { transition-duration: 160ms, 140ms; }
  .pozmm__catalog { transition-duration: 120ms, 140ms, 0s; }
  .pozmm__catalog.is-active { transition-delay: 0s; }
  .pozmm__preview-image { transition-duration: 150ms, 150ms; }
}
/* Retain the last complete preview during decoding; crossfade only when ready. */
.pozmm__preview.is-loading .pozmm__preview-image.is-active { opacity: 1; transform: scale(1); }

/* Catalogue covers sit on a continuous light paper surface. */
.pozmm .pozmm__resource--catalogue{background:linear-gradient(120deg,#fff,#f1f5f8);border-color:#cbd5df;box-shadow:inset 0 1px #fff,0 5px 14px #253b4c09;gap:10px}
.pozmm .pozmm__resource--catalogue .pozmm__resource-art{background:transparent;width:70px;flex-basis:70px;margin:-5px 0 -5px -6px;overflow:visible}
.pozmm .pozmm__resource--catalogue .pozmm__resource-art img{width:62px;height:62px;max-height:100%;object-fit:contain;filter:drop-shadow(0 3px 3px #24374630);transform:rotate(-4deg);transition:transform 160ms ease}
.pozmm .pozmm__resource--catalogue:is(:hover,:focus-visible){background:#fff;border-color:var(--category-color);box-shadow:0 6px 18px #253b4c12}
.pozmm .pozmm__resource--catalogue:is(:hover,:focus-visible) .pozmm__resource-art img{transform:rotate(0deg) translateY(-2px)}
.pozmm .pozmm__resource--catalogue .pozmm__resource-arrow{width:28px;height:28px;flex:0 0 28px;border:1px solid #d5dfe7;border-radius:50%;color:#263f51;font-size:14px}
.pozmm .pozmm__resource--catalogue small{color:#526878;letter-spacing:.06em}
@media(prefers-reduced-motion:reduce){.pozmm .pozmm__resource--catalogue .pozmm__resource-art img{transition:none;transform:none}}

/* 2026-09-12: immediate menu response, without delayed handoffs or layered blur. */
:root { --pozmm-close-ease:cubic-bezier(.23,1,.32,1); }
.poz-header::before,.poz-header::after { transition:none!important; }
.pozmm__shell { backdrop-filter:none;-webkit-backdrop-filter:none;transition:transform 180ms var(--pozmm-open-ease),opacity 140ms ease-out; }
.pozmm.is-closing .pozmm__shell { transition-duration:120ms,100ms; }
.pozmm__backdrop { transition:opacity 140ms ease-out; }
.pozmm.is-closing .pozmm__backdrop { transition-duration:100ms; }
.pozmm__preview-image { transition:opacity 120ms ease-out,transform 120ms var(--pozmm-open-ease); }
@media(min-width:1400px){
 .pozmm__catalog,.pozmm__overview { transform:none;transition:opacity 100ms ease-out,visibility 0s; }
 .pozmm__catalog.is-active,.pozmm__overview.is-active { transition-delay:0s; }
}
@media(max-width:1399px){
 .pozmm__catalog.is-active,.pozmm__overview.is-active { transition-duration:180ms,120ms,0s; }
}
/* Pointer interaction can retain DOM focus without imitating keyboard navigation. */
html[data-poz-nav-input="pointer"] .poz-header :is(.poz-nav__link,.poz-nav__trigger):focus {
 outline:none!important;box-shadow:none!important;
}
html[data-poz-nav-input="pointer"] .poz-header :is(.poz-nav__link,.poz-nav__trigger):focus:not(:hover):not([aria-expanded="true"]) {
 background:transparent!important;
}
html[data-poz-nav-input="pointer"] .poz-header .poz-nav__trigger[aria-expanded="true"] {
 background:color-mix(in srgb,currentColor 11%,transparent)!important;
}
@media(prefers-reduced-motion:reduce){
 .pozmm__shell,.pozmm.is-closing .pozmm__shell,.pozmm__backdrop,.pozmm__catalog,.pozmm__overview,.pozmm__preview-image { transition:none!important; }
}
/* The configurator choices arrive together; their product films keep playing. */
body #poz-mega-configurators { transition:opacity 120ms ease-out!important; }
body #poz-mega-configurators.is-open { transition-duration:180ms!important; }
body #poz-mega-configurators .pzm-tile,
body #poz-mega-configurators .pzm-tile__img { transform:none!important;transition-delay:0s!important; }
body #poz-mega-configurators .pzm-tile { opacity:1; }
@media(prefers-reduced-motion:reduce){body #poz-mega-configurators { transition:none!important; }}

@media(max-width:1399px){
 .pozmm .pozmm__categories,.pozmm.is-stage-view .pozmm__categories { transform:none;transition:opacity 100ms ease-out; }
 .pozmm .pozmm__catalog,.pozmm .pozmm__catalog.is-active,
 .pozmm .pozmm__overview,.pozmm .pozmm__overview.is-active { transform:none!important;transition:opacity 100ms ease-out,visibility 0s;transition-delay:0s; }
}
html[data-poz-nav-input="keyboard"] :is(.pozmm__shell,.pozmm__backdrop,.pozmm__catalog,.pozmm__overview,.pozmm__categories),
html[data-poz-nav-input="keyboard"] body #poz-mega-configurators { transition:none!important; }
@media(prefers-reduced-motion:reduce){.pozmm .pozmm__categories,.pozmm .pozmm__catalog,.pozmm .pozmm__overview { transition:none!important; }}

/* DJ desks: a compact bronze campaign within the stage range. */
.pozmm .pozmm__catalog[data-panel="pozornice"] .pozmm__dj-banner {
 display:flex;align-items:center;min-height:96px;margin-block:10px;
 background:#231e1a;border:1px solid #947450;border-radius:12px;color:#fff!important;
 box-shadow:0 8px 18px -12px #3b251e70;
}
.pozmm .pozmm__dj-banner::after {content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:linear-gradient(90deg,#231e1a 0%,#231e1af5 33%,#231e1a55 64%,#231e1a00 100%);}
.pozmm .pozmm__dj-banner>img {width:70%;height:100%;object-fit:cover;object-position:65% 52%;mask-image:none;opacity:.95;transform:none;transition:transform 180ms cubic-bezier(.23,1,.32,1);}
.pozmm .pozmm__dj-banner-copy {position:relative;z-index:1;padding:14px 20px;gap:4px;max-width:72%;}
.pozmm .pozmm__dj-banner-copy small {color:#d3ae7f;font-size:8px;letter-spacing:.16em;}
.pozmm .pozmm__dj-banner-copy strong {color:#fff;font-size:22px;line-height:1.35;letter-spacing:-.035em;}
.pozmm .pozmm__dj-banner-copy>span {color:#e1d8ce;font-size:11px;line-height:1.4;}
.pozmm .pozmm__dj-banner-arrow {z-index:2;right:14px;bottom:50%;transform:translateY(50%);width:36px;height:36px;border:1px solid #d6b58d;background:#c19a6b;color:#201a15;box-shadow:0 3px 10px #20150f24;}
.pozmm .pozmm__dj-banner-arrow svg {width:19px;height:19px;}
.pozmm .pozmm__dj-banner:focus-visible {outline:2px solid #b28450;outline-offset:3px;}
@media(hover:hover) and (pointer:fine){
 .pozmm .pozmm__dj-banner:hover>img {transform:scale(1.025);}
 .pozmm .pozmm__dj-banner:hover .pozmm__dj-banner-arrow {background:#f0d7b8;border-color:#f0d7b8;color:#201a15;}
}
@media(min-width:1400px) and (max-height:900px){
 .pozmm .pozmm__catalog[data-panel="pozornice"] .pozmm__dj-banner {min-height:78px;margin-block:8px;}
 .pozmm .pozmm__catalog[data-panel="pozornice"] .pozmm__dj-banner-copy {padding:9px 16px;gap:2px;}
 .pozmm .pozmm__dj-banner-copy strong {font-size:20px;}
}
@media(max-width:650px){
 .pozmm .pozmm__catalog[data-panel="pozornice"] .pozmm__dj-banner {min-height:126px;}
 .pozmm .pozmm__dj-banner>img {width:80%;object-position:65% 50%;}
 .pozmm .pozmm__dj-banner::after {background:linear-gradient(90deg,#231e1afa,#231e1ace 45%,#231e1a20);}
 .pozmm .pozmm__dj-banner-copy {padding:18px 14px;max-width:78%;gap:7px;}
 .pozmm .pozmm__dj-banner-copy strong {font-size:20px;}
 .pozmm .pozmm__dj-banner-copy>span {max-width:160px;}
 .pozmm .pozmm__dj-banner-arrow {right:12px;width:32px;height:32px;}
}
@media(prefers-reduced-motion:reduce){.pozmm .pozmm__dj-banner>img {transition:none;transform:none!important;}}

/* Paired material fades: one timing for the menu surface and backdrop. */
.pozmm .pozmm__shell,.pozmm.is-open .pozmm__shell,.pozmm.is-closing .pozmm__shell {
 transform:translate3d(-50%,0,0) scale(1);transition:opacity 240ms cubic-bezier(.25,.46,.45,.94);
}
.pozmm .pozmm__backdrop {transition:opacity 240ms cubic-bezier(.25,.46,.45,.94);will-change:opacity;}
.pozmm.is-closing .pozmm__shell,.pozmm.is-closing .pozmm__backdrop {transition-duration:190ms;}
/* Keep outgoing content painted until its opacity reaches zero. */
.pozmm .pozmm__catalog,.pozmm .pozmm__overview,
.pozmm .pozmm__catalog.is-active,.pozmm .pozmm__overview.is-active {
 transition:opacity 180ms ease-in-out,visibility 0s 180ms;transform:none!important;
}
@media(min-width:1400px){
 .pozmm .pozmm__catalog.is-active,.pozmm .pozmm__overview.is-active {transition-delay:0s;}
}
@media(max-width:1399px){
 .pozmm.is-stage-view .pozmm__catalog.is-active,
 .pozmm.is-stage-view.is-overview .pozmm__overview.is-active {transition-delay:0s;}
 .pozmm .pozmm__categories,.pozmm.is-stage-view .pozmm__categories {transition:opacity 180ms ease-in-out;}
}
.pozmm .pozmm__preview-image {transition:opacity 180ms ease-in-out,transform 180ms ease-out;}
body #poz-mega-configurators,body #poz-mega-configurators.is-open {
 animation:none!important;transform:translate3d(-50%,0,0)!important;transition:opacity 240ms cubic-bezier(.25,.46,.45,.94)!important;
}
body #poz-mega-configurators:not(.is-open){transition-duration:190ms!important;}
body .poz-scrim {transition:opacity 240ms cubic-bezier(.25,.46,.45,.94);}
body .poz-scrim:not(.is-on){transition-duration:190ms;}
@media(prefers-reduced-motion:reduce){
 .pozmm .pozmm__shell,.pozmm .pozmm__backdrop,.pozmm .pozmm__catalog,.pozmm .pozmm__overview,.pozmm .pozmm__categories,.pozmm .pozmm__preview-image,
 body #poz-mega-configurators,body #poz-mega-configurators.is-open,body .poz-scrim {transition:none!important;}
}

/* Signature tools — Blender films on one continuous cold-white surface. */
@media(min-width:1220px){
 body #poz-mega-configurators{background:#fff!important;padding:26px 28px 28px!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
 body #poz-mega-configurators .pzm__in::before{font-size:20px;margin:0 0 14px;letter-spacing:-.03em;}
 body #poz-mega-configurators .pzm-grid{gap:24px!important;align-items:stretch;}
 body #poz-mega-configurators .pzm-tile__img,
 body #poz-mega-configurators video.pzm-tile__clip{aspect-ratio:4/3!important;object-fit:contain!important;width:100%!important;height:auto!important;filter:none!important;mix-blend-mode:normal!important;background:#fff!important;box-shadow:none!important;}
 body #poz-mega-configurators .pzm-tile__copy{padding:14px 0 0!important;row-gap:8px!important;border-top:1px solid color-mix(in srgb,var(--acc) 26%,#e5e9ee);}
 body #poz-mega-configurators .pzm-tile__name{font-size:14px!important;line-height:1.5!important;}
 body #poz-mega-configurators .pzm-tile__desc{font-size:12px!important;line-height:1.55!important;min-height:38px!important;}
 body #poz-mega-configurators .pzm-tile:not(.is-soon) .pzm-tile__go{color:var(--acc)!important;background:color-mix(in srgb,var(--acc) 7%,white)!important;box-shadow:none!important;}
 body #poz-mega-configurators .pzm-tile:not(.is-soon):is(:hover,:focus-visible) .pzm-tile__go{color:#fff!important;background:var(--acc)!important;}
}

/* Standalone directional marks; the entire tool tile remains the target. */
body #poz-mega-configurators .pzm-tile:not(.is-soon) .pzm-tile__go,
body #poz-mega-configurators .pzm-tile:not(.is-soon):is(:hover,:focus-visible) .pzm-tile__go {
 background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
 color:#64717d!important;transition:color 160ms ease!important;
}
body #poz-mega-configurators .pzm-tile:not(.is-soon) .pzm-tile__go::after {width:22px;height:22px;}
body #poz-mega-configurators .pzm-tile:not(.is-soon):is(:hover,:focus-visible) .pzm-tile__go {color:var(--acc)!important;}
@media(prefers-reduced-motion:reduce){body #poz-mega-configurators .pzm-tile:not(.is-soon) .pzm-tile__go{transition:none!important;}}


/* Names only. The cursor gestures explain configuration directly on the models. */
@media(min-width:1220px){
 body #poz-mega-configurators .pzm__in::before{display:none!important;}
 body #poz-mega-configurators .pzm-tile__copy{grid-template-rows:auto!important;row-gap:0!important;padding-top:12px!important;}
 body #poz-mega-configurators .pzm-tile__name{min-height:0!important;align-self:center!important;}
 body #poz-mega-configurators .pzm-tile__go{grid-row:1!important;align-self:center!important;}
 body #poz-mega-configurators .pzm-tile__film{position:relative;display:block;aspect-ratio:4/3;width:100%;flex:none;}
 body #poz-mega-configurators .pzm-tile__film video.pzm-tile__clip{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;}
 body #poz-mega-configurators .pzm-film-cursor{position:absolute;left:0;top:0;width:18px;height:24px;opacity:0;pointer-events:none;z-index:2;will-change:transform,opacity;}
 body #poz-mega-configurators .pzm-film-cursor svg{display:block;overflow:visible;}
 body #poz-mega-configurators .pzm-film-cursor path{fill:#18232d;stroke:#fff;stroke-width:1.6;stroke-linejoin:round;}
 body #poz-mega-configurators .pzm-film-cursor.is-dragging path{fill:var(--acc);}
 body #poz-mega-configurators .pzm-film-cursor__ring{position:absolute;left:-7px;top:-7px;width:14px;height:14px;border:1.5px solid var(--acc);border-radius:50%;opacity:0;}
}
@media(prefers-reduced-motion:reduce){body #poz-mega-configurators .pzm-film-cursor{display:none!important;}}