/* Hallmark · component: shared navigation + inquiry forms · genre: modern-minimal · macrostructure: component-only
 * tone: restrained industrial · anchor hue: MOSINTER green · fingerprint: two-tier utility bar + off-canvas mobile directory
 * states: default · hover · focus · active · disabled · loading · error · success
 * contrast: pass (40–41) · mobile: pass (34, 49, 50–57) · slop: pass (component scope)
 * honest: pass (46) · chrome: pass (47) · tokens: pass (48) · icons: pass (30) | pre-emit critique: P5 H5 E5 S5 R5 V4
 */
@import url("/tokens.css?v=20260722-locale-compact-v2");

html,
body { overflow-x:clip; }

:root {
  --mos-header-surface:oklch(18% 0.025 255);
  --mos-header-surface-raised:oklch(23% 0.026 255);
  --mos-header-surface-active:oklch(28% 0.03 255);
  --mos-header-surface-sticky:oklch(18% 0.025 255 / .97);
  --mos-header-ink:oklch(95% 0.008 250);
  --mos-header-muted:oklch(78% 0.014 250);
  --mos-header-rule:oklch(38% 0.014 255);
  --mos-header-accent:oklch(58.365% 0.12409 131.416);
  --mos-header-accent-strong:oklch(54.123% 0.12997 132.225);
  --mos-header-accent-deep:oklch(48.683% 0.12015 132.447);
	--mos-header-accent-ink:oklch(100% 0 0);
  --mos-header-focus:oklch(76% 0.12 131.416);
  --mos-header-error:oklch(70% 0.18 28);
  --mos-header-shadow:oklch(10% 0.018 255 / .32);
  --mos-whatsapp:oklch(70% 0.19 145);
	--mos-inquiry-paper:oklch(97% 0.012 55);
	--mos-inquiry-surface:oklch(99% 0.006 55);
	--mos-inquiry-field:oklch(95% 0.016 55);
	--mos-inquiry-ink:oklch(22% 0.026 42);
	--mos-inquiry-muted:oklch(42% 0.04 42);
	--mos-inquiry-rule:oklch(84% 0.055 48);
	--mos-inquiry-deep:oklch(36% 0.09 132.225);
	--mos-inquiry-focus:oklch(44% 0.11 131.416);
	--mos-inquiry-error:oklch(48% 0.17 28);
	--mos-inquiry-success:oklch(45% 0.12 145);
	--mos-inquiry-shadow:oklch(22% 0.035 42 / .18);
	--mos-inquiry-accent-soft:oklch(58.365% 0.12409 131.416 / .14);
	--mos-button-outline-surface:var(--mos-inquiry-surface);
	--mos-button-outline-ink:var(--mos-header-accent-deep);
	--mos-button-primary-surface:var(--mos-header-accent-strong);
	--mos-button-primary-surface-hover:var(--mos-header-surface);
	--mos-button-primary-ink:var(--mos-header-accent-ink);
  --mos-header-font-brand-cn:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",sans-serif;
  --mos-header-font-brand-en:"Teko","Arial Narrow",sans-serif;
  --mos-header-font-nav:"Teko","Arial Narrow",sans-serif;
  --mos-header-font-body:"Poppins",sans-serif;
  --mos-header-space-2xs:.25rem;
  --mos-header-space-xs:.5rem;
  --mos-header-space-sm:.75rem;
  --mos-header-space-md:1rem;
  --mos-header-space-lg:1.5rem;
  --mos-header-ease-out:cubic-bezier(.16,1,.3,1);
  --mos-header-dur-micro:120ms;
  --mos-header-dur-short:220ms;
  --mos-header-dur-medium:280ms;
  --mos-header-dur-loading:800ms;
  --mos-header-dur-loading-reduced:1500ms;
  --mos-header-radius:.125rem;
  --mos-header-control-radius:.375rem;
  --mos-mega-paper:oklch(98% .008 60);
  --mos-mega-paper-raised:oklch(100% .004 60);
  --mos-mega-ink:oklch(21% .028 48);
  --mos-mega-muted:oklch(48% .03 52);
  --mos-mega-rule:oklch(86% .03 58);
  --mos-mega-shadow:oklch(12% .018 48 / .24);
  --mos-mobile-backdrop:oklch(8% .018 255 / .62);
  --mos-main-nav-surface:oklch(99% 0.004 135);
  --mos-main-nav-surface-sticky:oklch(99% 0.004 135 / .97);
  --mos-main-nav-ink:oklch(24% 0.025 145);
  --mos-main-nav-rule:oklch(87% 0.018 135);
  --mos-main-nav-shadow:oklch(18% 0.025 145 / .15);
}

.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu {
  background:var(--mos-main-nav-surface);
}

.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .main-bar {
  position:relative;
  border-block-start:1px solid var(--mos-main-nav-rule);
  background:var(--mos-main-nav-surface);
  backface-visibility:hidden;
  transform:translateZ(0);
  transition:background-color var(--mos-header-dur-medium) var(--mos-header-ease-out),border-color var(--mos-header-dur-short) var(--mos-header-ease-out);
}
.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .is-fixed .main-bar {
  position:fixed;
  inset-block-start:0;
  inset-inline:0;
  width:100%;
  background:var(--mos-main-nav-surface-sticky);
  box-shadow:0 .5rem 1.5rem var(--mos-main-nav-shadow);
  animation:mos-header-sticky-in var(--mos-header-dur-medium) var(--mos-header-ease-out) both;
}
.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .is-fixed.color-fill .main-bar { background:var(--mos-main-nav-surface-sticky); }
.page-wraper .header-style-4 .main-bar .container {
  display:flex;
  align-items:center;
  min-width:0;
}
.page-wraper .logo-header,
.page-wraper .logo-header-inner,
.page-wraper .mos-brand-lockup {
  min-width:0;
}
.page-wraper .logo-header {
  display:flex;
  float:none;
  align-items:center;
  width:auto;
  margin:0;
  padding:0;
}
.page-wraper .logo-header-inner {
  display:flex;
  align-items:center;
  height:100%;
  padding:0;
}
.page-wraper .mos-brand-lockup {
  display:inline-flex;
  align-items:center;
  min-height:44px;
  color:var(--mos-header-ink);
  text-decoration:none;
  white-space:nowrap;
}
.page-wraper .mos-brand-lockup img {
  flex:0 0 auto;
  width:6.5rem;
  height:auto;
  max-width:none;
  max-height:none;
  object-fit:contain;
}
.page-wraper .mos-brand-copy {
  position:relative;
  display:flex;
  flex:0 0 auto;
  flex-direction:column;
  justify-content:center;
  gap:var(--mos-header-space-2xs);
  margin-inline-start:var(--mos-header-space-md);
  padding-inline-start:var(--mos-header-space-md);
  font-family:var(--mos-header-font-brand-cn);
  line-height:1;
}
.page-wraper .mos-brand-copy::before {
  content:"";
  position:absolute;
  inset-block:0;
  inset-inline-start:0;
  width:1px;
  background:var(--mos-header-rule);
}
.page-wraper .mos-brand-name-cn {
  font-family:var(--mos-header-font-brand-cn);
  font-size:1.5rem;
  font-weight:700;
  letter-spacing:.04em;
  line-height:1.1;
}
.page-wraper .mos-brand-name-en {
  width:100%;
  color:var(--mos-header-muted);
  font-family:var(--mos-header-font-brand-en);
  font-size:1.25rem;
  font-weight:600;
  letter-spacing:.105em;
  line-height:.9;
  text-align:center;
}
.page-wraper .header-style-4 .header-nav .nav > li > a,
.page-wraper .header-style-4 .header-nav-request a,
.page-wraper .header-style-4 .header-search-icon {
  white-space:nowrap;
}
.page-wraper .header-style-4 .header-nav .nav > li > a {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  font-family:var(--mos-header-font-nav);
  font-size:1.375rem;
  font-weight:500;
  letter-spacing:.025em;
  line-height:1;
  transition:color var(--mos-header-dur-short) var(--mos-header-ease-out);
}
.page-wraper .header-style-4 .header-nav .nav > li > a::after {
  content:"";
  position:absolute;
  inset-inline:var(--mos-header-space-sm);
  inset-block-end:calc(50% - 1rem);
  height:3px;
  border-radius:999px;
  background:var(--mos-header-accent);
  opacity:0;
  transform:scaleX(.35);
  transform-origin:center;
  transition:opacity var(--mos-header-dur-short) var(--mos-header-ease-out),transform var(--mos-header-dur-short) var(--mos-header-ease-out);
}
.page-wraper .header-style-4 .header-nav .nav > li.active > a,
.page-wraper .header-style-4 .header-nav .nav > li.current-menu-item > a {
  color:var(--mos-header-accent);
  font-weight:600;
}
.page-wraper .header-style-4 .header-nav .nav > li.active > a::after,
.page-wraper .header-style-4 .header-nav .nav > li.current-menu-item > a::after {
  opacity:1;
  transform:scaleX(1);
}
.page-wraper .header-style-4 .header-search,
.page-wraper .header-style-4 .header-nav-request {
  float:none;
}
.page-wraper .header-style-4 .header-search {
  width:44px;
  height:44px;
  background:var(--mos-header-surface-raised);
}
.page-wraper .navbar-toggler .icon-bar { background:var(--mos-header-ink); }
.page-wraper .header-style-4 .header-search-icon {
  display:flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  color:var(--mos-header-ink);
  line-height:1;
}
.page-wraper .header-style-4 .header-nav-request a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--mos-header-space-xs);
  min-height:44px;
  padding-inline:var(--mos-header-space-md);
  border:1px solid var(--mos-header-accent-strong);
  border-radius:var(--mos-header-radius);
  background:var(--mos-header-accent-strong);
  color:var(--mos-header-accent-ink);
  font-weight:700;
  letter-spacing:.04em;
  line-height:1;
  text-transform:none;
  transition:transform var(--mos-header-dur-micro) var(--mos-header-ease-out);
}
.page-wraper .header-style-4 .header-nav-request a i { margin:0; }
.page-wraper .header-style-4 .header-nav-request a:active,
.page-wraper .header-style-4 .header-search-icon:active,
.page-wraper .mos-brand-lockup:active { transform:translateY(1px); }
.page-wraper .mos-brand-lockup[aria-disabled="true"],
.page-wraper .header-style-4 .header-nav .nav > li > a[aria-disabled="true"],
.page-wraper .header-style-4 .header-search-icon[aria-disabled="true"],
.page-wraper .header-style-4 .header-nav-request a[aria-disabled="true"] {
  opacity:.5;
  cursor:not-allowed;
  pointer-events:none;
}
.page-wraper .mos-brand-lockup:focus-visible,
.page-wraper .header-style-4 .header-nav .nav > li > a:focus-visible,
.page-wraper .header-style-4 .header-search-icon:focus-visible,
.page-wraper .header-style-4 .header-nav-request a:focus-visible,
.page-wraper .navbar-toggler:focus-visible,
.page-wraper .mos-whatsapp-link:focus-visible {
  outline:2px solid var(--mos-header-focus);
  outline-offset:2px;
}
.page-wraper .mos-whatsapp-link {
  display:inline-flex;
  align-items:center;
  min-height:24px;
  white-space:nowrap;
}
.page-wraper .header-style-4 .top-bar .mos-whatsapp-link .fa-whatsapp {
  color:var(--mos-whatsapp);
  font-size:1.125rem;
}
@media (hover:hover) and (pointer:fine) {
  .page-wraper .header-style-4 .header-nav .nav > li:hover > a { color:var(--mos-header-accent); }
  .page-wraper .header-style-4 .header-nav .nav > li:hover > a::after { opacity:1; transform:scaleX(1); }
  .page-wraper .header-style-4 .header-search-icon:hover { background:var(--mos-header-surface-active); color:var(--mos-header-ink); }
  .page-wraper .header-style-4 .header-nav-request a:hover { background:var(--mos-header-accent-deep); color:var(--mos-header-accent-ink); }
  .page-wraper .mos-brand-lockup:hover { color:var(--mos-header-ink); }
}
@media (min-width:62rem) {
  .page-wraper .header-style-4 .main-bar .container { min-height:5rem; }
  .page-wraper .logo-header { order:1; flex:0 0 auto; height:5rem; }
  .page-wraper .header-nav {
    order:2;
    display:flex !important;
    float:none;
    flex:1 1 auto;
    align-items:stretch;
    justify-content:center;
    min-width:0;
    height:5rem;
    margin:0 var(--mos-header-space-xs);
  }
  .page-wraper .header-nav .nav { align-items:stretch; justify-content:center; }
  .page-wraper .header-style-4 .header-nav .nav > li { display:flex; align-items:stretch; margin:0; padding:0; }
  .page-wraper .header-style-4 .header-nav .nav > li > a { height:5rem; padding-inline:var(--mos-header-space-xs); }
  .page-wraper .extra-nav {
    order:3;
    display:block;
    float:none;
    flex:0 0 auto;
    height:auto;
    margin-inline-start:auto;
    padding:0;
  }
  .page-wraper .header-style-4 .header-2-nav { padding:0; }
  .page-wraper .extra-cell { display:flex; align-items:center; gap:var(--mos-header-space-xs); }
  .page-wraper .navbar-toggler { display:none; }
}
@media (min-width:75rem) {
  .page-wraper .header-style-4 .main-bar .container {
    width:calc(100% - (var(--mos-header-space-md) * 2));
    max-width:87.5rem;
  }
  .page-wraper .header-nav { margin-inline:var(--mos-header-space-xs); }
  .page-wraper .header-nav .nav { gap:var(--mos-header-space-2xs); }
  .page-wraper .header-style-4 .header-nav .nav > li > a {
    padding-inline:var(--mos-header-space-xs);
    font-size:1.375rem;
  }
}

/* Hallmark · component: language dropdown · genre: modern-minimal · theme: MOSINTER industrial
 * states: default · hover · focus · active · disabled · loading · error · success
 * contrast: pass (40–41)
 */
/* Header alignment and language switching */
:root {
  --mos-header-height:5rem;
  --mos-header-height-mobile:4.5rem;
}
.page-wraper .header-style-4 .main-bar .container { align-items:center; }
.page-wraper .mos-language-switch {
  position:relative;
  z-index:100;
  display:flex;
  flex:0 0 auto;
  align-items:center;
  height:var(--mos-header-height);
  margin-inline-start:var(--mos-header-space-xs);
}
.page-wraper .mos-language-trigger {
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--mos-header-space-xs);
  min-width:7rem;
  min-height:44px;
  padding-inline:var(--mos-header-space-sm) var(--mos-header-space-md);
  border:1px solid var(--mos-header-rule);
  border-radius:var(--mos-header-control-radius);
  background:var(--mos-header-surface-raised);
  color:var(--mos-header-ink);
  font-family:var(--mos-header-font-body);
  font-size:var(--text-home-sm);
  font-weight:600;
  line-height:1;
  white-space:nowrap;
  cursor:pointer;
  box-shadow:none;
  transition:background-color var(--mos-header-dur-short) var(--mos-header-ease-out),border-color var(--mos-header-dur-short) var(--mos-header-ease-out),transform var(--mos-header-dur-micro) var(--mos-header-ease-out);
}
.page-wraper .mos-language-trigger::before {
  position:absolute;
  inset-block-start:-.375rem;
  inset-inline-end:-.375rem;
  display:grid;
  width:1rem;
  height:1rem;
  place-items:center;
  border:2px solid var(--mos-header-surface);
  border-radius:50%;
  opacity:0;
  background:var(--mos-header-accent);
  color:var(--mos-header-accent-ink);
  content:"";
  font-family:var(--mos-header-font-body);
  font-size:.625rem;
  font-weight:700;
  line-height:1;
}
.page-wraper .mos-language-trigger::after { display:none; }
.page-wraper .mos-language-trigger > i {
  color:var(--mos-header-muted);
  font-size:.75rem;
  transition:transform var(--mos-header-dur-short) var(--mos-header-ease-out);
}
.page-wraper .mos-language-trigger[aria-expanded="true"] {
  border-color:var(--mos-header-accent);
  background:var(--mos-header-surface-active);
}
.page-wraper .mos-language-trigger[aria-expanded="true"] > i { transform:rotate(180deg); }
.page-wraper .mos-language-trigger img,
.page-wraper .mos-language-option img {
  flex:0 0 auto;
  width:22px;
  height:15px;
  border:1px solid var(--mos-header-rule);
  border-radius:var(--mos-header-radius);
  object-fit:cover;
}
.page-wraper .mos-language-switch .dropdown-menu {
	position:fixed !important;
	top:var(--mos-language-menu-top, 0px) !important;
	right:auto !important;
	bottom:auto !important;
	left:var(--mos-language-menu-left, 0px) !important;
	z-index:1100;
  min-width:12.5rem;
	max-width:calc(100vw - (var(--mos-header-space-md) * 2));
	max-height:calc(100vh - var(--mos-language-menu-top, 0px) - var(--mos-header-space-md));
	margin:0;
  padding:var(--mos-header-space-2xs);
  border:1px solid var(--mos-header-rule);
  border-radius:var(--mos-header-control-radius);
  background:var(--mos-header-surface-raised);
  box-shadow:0 .75rem 1.75rem var(--mos-header-shadow);
	overflow-y:auto;
	transform:none !important;
}
.page-wraper .mos-language-switch .dropdown-menu.show {
  animation:mos-language-menu-in var(--mos-header-dur-short) var(--mos-header-ease-out) both;
}
.page-wraper .mos-language-option {
  display:flex;
  align-items:center;
  gap:var(--mos-header-space-sm);
  min-height:44px;
  padding:var(--mos-header-space-xs) var(--mos-header-space-sm);
  border:1px solid transparent;
  border-radius:calc(var(--mos-header-control-radius) - var(--mos-header-space-2xs));
  background:transparent;
  color:var(--mos-header-ink);
  font-family:var(--mos-header-font-body);
  font-size:var(--text-home-sm);
  font-weight:600;
  line-height:1.2;
  white-space:nowrap;
  transition:background-color var(--mos-header-dur-short) var(--mos-header-ease-out),border-color var(--mos-header-dur-short) var(--mos-header-ease-out),transform var(--mos-header-dur-micro) var(--mos-header-ease-out);
}
.page-wraper .mos-language-option small,
.page-wraper .mos-language-option > i {
  margin-inline-start:auto;
  color:var(--mos-header-muted);
  font-size:.7rem;
}
.page-wraper .mos-language-option.is-active {
  border-color:color-mix(in oklab,var(--mos-header-accent) 45%,var(--mos-header-rule));
  background:var(--mos-header-surface-active);
  color:var(--mos-header-ink);
}
.page-wraper .mos-language-option.is-active > i { color:var(--mos-header-accent); }
.page-wraper .mos-language-trigger:active,
.page-wraper .mos-language-trigger.is-active,
.page-wraper .mos-language-option:active,
.page-wraper .mos-language-option.is-active-preview { transform:translateY(1px); }
.page-wraper .mos-language-trigger:disabled,
.page-wraper .mos-language-trigger[aria-disabled="true"],
.page-wraper .mos-language-option[aria-disabled="true"] {
  opacity:.5;
  cursor:not-allowed;
  pointer-events:none;
}
.page-wraper .mos-language-trigger[data-state="loading"] {
  cursor:wait;
  pointer-events:none;
}
.page-wraper .mos-language-trigger[data-state="loading"] > i {
  color:var(--mos-header-accent);
  animation:mos-language-loading var(--mos-header-dur-loading) linear infinite;
}
.page-wraper .mos-language-trigger[data-state="error"] { border-color:var(--mos-header-error); }
.page-wraper .mos-language-trigger[data-state="error"]::before {
  opacity:1;
  background:var(--mos-header-error);
  content:"!";
}
.page-wraper .mos-language-trigger[data-state="success"] { border-color:var(--mos-header-accent); }
.page-wraper .mos-language-trigger[data-state="success"]::before {
  opacity:1;
  content:"✓";
}
.page-wraper .mos-language-trigger:focus-visible,
.page-wraper .mos-language-trigger.is-focus,
.page-wraper .mos-language-option:focus-visible,
.page-wraper .mos-language-option.is-focus {
  outline:2px solid var(--mos-header-focus) !important;
  outline-offset:2px;
}
@media (hover:hover) and (pointer:fine) {
  .page-wraper .mos-language-trigger:hover,
  .page-wraper .mos-language-trigger.is-hover,
  .page-wraper .mos-language-option:hover {
    background:var(--mos-header-surface-active);
    color:var(--mos-header-ink);
  }
  .page-wraper .mos-language-trigger:hover,
  .page-wraper .mos-language-trigger.is-hover { border-color:var(--mos-header-muted); }
  .page-wraper .mos-language-option:hover { border-color:var(--mos-header-rule); }
}
@keyframes mos-language-menu-in {
	from { opacity:0; }
	to { opacity:1; }
}
@keyframes mos-language-loading { to { transform:rotate(360deg); } }
@keyframes mos-header-sticky-in {
  from { opacity:.96; transform:translate3d(0,-100%,0); }
  to { opacity:1; transform:translate3d(0,0,0); }
}
@media (prefers-reduced-motion:reduce) {
  .page-wraper .mos-language-switch .dropdown-menu.show { animation-duration:1ms; }
  .page-wraper .mos-language-trigger[data-state="loading"] > i { animation-duration:var(--mos-header-dur-loading-reduced); }
  .page-wraper .mos-language-trigger,
  .page-wraper .mos-language-trigger > i,
  .page-wraper .mos-language-option { transition-duration:1ms; }
}

/* Current destination inside navigation dropdowns. */
.page-wraper .header-style-4 .header-nav .nav > li > .sub-menu > li.active > a,
.page-wraper .header-style-4 .header-nav .nav > li > .sub-menu > li.current-menu-item > a,
.page-wraper .header-style-4 .header-nav .nav > li > .sub-menu > li > a[aria-current],
.page-wraper .header-style-4 .header-nav .nav > li .mos-category-menu > li.active > a,
.page-wraper .header-style-4 .header-nav .nav > li .mos-category-menu > li.current-menu-item > a,
.page-wraper .header-style-4 .header-nav .nav > li .mos-category-menu > li > a[aria-current] {
  background:color-mix(in oklab,var(--mos-header-accent) 12%,var(--mos-header-surface)) !important;
  color:var(--mos-header-accent-deep) !important;
  box-shadow:inset 3px 0 0 var(--mos-header-accent);
  font-weight:700;
}
/* Make the selected dropdown destination unmistakable on localized navigation. */
:is(html[lang="zh"],html[lang="zh-CN"],html[lang="ru"]) .page-wraper .header-style-4 .header-nav .nav > li > .sub-menu > li:is(.active,.current-menu-item) > a,
:is(html[lang="zh"],html[lang="zh-CN"],html[lang="ru"]) .page-wraper .header-style-4 .header-nav .nav > li > .sub-menu > li > a[aria-current],
:is(html[lang="zh"],html[lang="zh-CN"],html[lang="ru"]) .page-wraper .header-style-4 .header-nav .nav > li .mos-category-menu > li:is(.active,.current-menu-item) > a,
:is(html[lang="zh"],html[lang="zh-CN"],html[lang="ru"]) .page-wraper .header-style-4 .header-nav .nav > li .mos-category-menu > li > a[aria-current] {
  border-inline-start:4px solid var(--mos-header-accent);
  box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--mos-header-accent) 26%,transparent);
  font-weight:600;
}
@media (min-width:62rem) {
  .page-wraper .logo-header,
  .page-wraper .header-nav,
  .page-wraper .extra-nav,
  .page-wraper .mos-language-switch { height:var(--mos-header-height); }
  .page-wraper .header-nav,
  .page-wraper .header-nav .nav,
  .page-wraper .header-style-4 .header-nav .nav > li,
  .page-wraper .header-style-4 .header-nav .nav > li > a { align-items:center; }
  .page-wraper .header-style-4 .header-nav .nav > li > a { height:var(--mos-header-height); }
  .page-wraper .header-style-4 .header-nav .nav > li > a::after { inset-block-end:var(--mos-header-space-sm); }
  .page-wraper .mos-language-switch { order:3; }
  .page-wraper .extra-nav {
    order:4;
    display:flex;
    align-items:center;
    margin-inline-start:var(--mos-header-space-xs);
  }
  .page-wraper .extra-cell { height:100%; }
}
@media (max-width:61.9375rem) {
  .page-wraper .logo-header,
  .page-wraper .mos-language-switch { height:var(--mos-header-height-mobile); }
  .page-wraper .mos-language-switch { order:2; margin-inline-start:auto; }
  .page-wraper .extra-nav { display:none; }
  .page-wraper .navbar-toggler { order:3; margin-inline-start:var(--mos-header-space-xs); }
  .page-wraper .header-nav { order:4; }
  .page-wraper .mobile-sider-drawer-menu .header-nav {
    left:0;
    transform:translate3d(-100%,0,0);
    transition:transform var(--mos-header-dur-medium) var(--mos-header-ease-out);
  }
  .page-wraper .mobile-sider-drawer-menu.active .header-nav { left:0; transform:translate3d(0,0,0); }
  .page-wraper .navbar-toggler .icon-bar {
    transition:transform var(--mos-header-dur-short) var(--mos-header-ease-out),opacity var(--mos-header-dur-micro) var(--mos-header-ease-out);
  }
  .page-wraper .has-child > .submenu-toogle {
    transition:transform var(--mos-header-dur-short) var(--mos-header-ease-out),color var(--mos-header-dur-short) var(--mos-header-ease-out);
  }
  .page-wraper .has-child.nav-active > .submenu-toogle { transform:rotate(90deg); }
}

/* Desktop utility bar: keep the address and icon together at laptop widths. */
@media (min-width:62rem) {
  .page-wraper .site-header.header-style-4 .top-bar .container {
    width:calc(100% - 2rem);
    max-width:100rem;
  }

  .page-wraper .site-header.header-style-4 .top-bar .d-flex {
    min-width:0;
    align-items:stretch;
    flex-wrap:nowrap;
  }

  .page-wraper .site-header.header-style-4 .top-bar .wt-topbar-left {
    min-width:0;
    flex:1 1 auto;
  }

  .page-wraper .site-header.header-style-4 .top-bar .wt-topbar-right {
    flex:0 0 auto;
  }

  .page-wraper .site-header.header-style-4 .top-bar .wt-topbar-info {
    width:100%;
  }

  .page-wraper .site-header.header-style-4 .top-bar .mos-topbar-address {
    display:flex;
    min-width:0;
    max-width:100%;
    align-items:center;
    overflow:hidden;
    white-space:nowrap;
  }

  .page-wraper .site-header.header-style-4 .top-bar .mos-topbar-address i {
    flex:0 0 auto;
    margin-right:.5rem;
  }

  .page-wraper .site-header.header-style-4 .top-bar .mos-topbar-address span {
    display:block;
    min-width:0;
    max-width:100%;
    flex:1 1 auto;
    overflow:hidden;
    padding-right:0;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
}

/* Hallmark component repair · compact locale navigation without changing the N11 structure. */
@media (min-width:62rem) {
  html[lang="ru"] .page-wraper .site-header.header-style-4 .header-nav .nav > li > a,
  html[lang="zh"] .page-wraper .site-header.header-style-4 .header-nav .nav > li > a,
  html[lang="zh-CN"] .page-wraper .site-header.header-style-4 .header-nav .nav > li > a {
    padding-inline:clamp(0.375rem,0.58vw,0.6875rem);
    font-size:var(--text-locale-nav-desktop);
    letter-spacing:0;
    line-height:1.15;
  }
}

@media (max-width:61.9375rem) {
  html[lang="ru"] .page-wraper .site-header.header-style-4 .header-nav .nav > li > a,
  html[lang="zh"] .page-wraper .site-header.header-style-4 .header-nav .nav > li > a,
  html[lang="zh-CN"] .page-wraper .site-header.header-style-4 .header-nav .nav > li > a {
    font-size:var(--text-locale-nav-mobile);
    line-height:1.2;
  }
}
@media (max-width:25.9375rem) {
  .page-wraper .mos-language-trigger { width:44px; min-width:44px; padding:0; }
  .page-wraper .mos-language-trigger > span,
  .page-wraper .mos-language-trigger > i { display:none; }
}
@media (max-width:23.75rem) {
  .page-wraper .mos-brand-copy { display:none; }
}
@media (min-width:100rem) {
  .page-wraper .header-style-4 .main-bar .container { max-width:100rem; }
  .page-wraper .header-nav { margin-inline:var(--mos-header-space-md); }
  .page-wraper .header-nav .nav { gap:var(--mos-header-space-sm); }
  .page-wraper .header-style-4 .header-nav .nav > li > a {
    padding-inline:var(--mos-header-space-md);
    font-size:1.5rem;
  }
}

/* Header micro-interactions: scoped to the utility bar and white navigation. */
.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .top-bar a {
  transition:color var(--mos-header-dur-short) var(--mos-header-ease-out);
}

/* Hallmark | component: animated header request CTA | genre: modern-minimal | theme: existing MOSINTER tokens
 * states: default | hover | focus | active | disabled | loading | error | success
 * contrast: pass | pre-emit critique: P5 H5 E5 S5 R5 V5
 */
.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav-request a {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-color:var(--mos-header-accent-strong);
  background:transparent;
  color:var(--mos-header-accent-deep);
  transition:color var(--mos-header-dur-short) var(--mos-header-ease-out),transform var(--mos-header-dur-micro) var(--mos-header-ease-out);
}

.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav-request a::before {
  content:"";
  position:absolute;
  z-index:0;
  top:50%;
  left:50%;
  width:140%;
  height:320%;
  background:var(--mos-header-accent-strong);
  transform:translate(-50%,-50%) rotate(45deg) scaleX(0);
  transform-origin:center;
  transition:transform var(--mos-header-dur-medium) var(--mos-header-ease-out);
}

.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav-request a > .mos-request-label,
.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav-request a > i {
  position:relative;
  z-index:1;
}

.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav-request .mos-request-label {
  display:block;
  height:1em;
  overflow:hidden;
  line-height:1;
  white-space:nowrap;
}

.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav-request .mos-request-label-track {
  display:flex;
  flex-direction:column;
  transition:transform var(--mos-header-dur-short) var(--mos-header-ease-out);
}

.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav-request .mos-request-label-line {
  display:block;
  flex:0 0 1em;
  height:1em;
  line-height:1;
  white-space:nowrap;
}

.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav-request a[data-state="loading"] {
  cursor:wait;
}

.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav-request a[data-state="error"] {
  border-color:var(--mos-inquiry-error);
  color:var(--mos-inquiry-error);
}

.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav-request a[data-state="success"] {
  border-color:var(--mos-inquiry-success);
  color:var(--mos-inquiry-success);
}

@media (hover:hover) and (pointer:fine) {
  .page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .top-bar a:hover {
    color:var(--mos-topbar-link-hover);
  }

  .page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav-request a:hover {
    background:transparent;
    color:var(--mos-header-accent-ink);
  }

  .page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav-request a:hover::before {
    transform:translate(-50%,-50%) rotate(45deg) scaleX(1);
  }
}

.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav-request a:focus-visible,
.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav-request a.is-focus {
  color:var(--mos-header-accent-ink);
}

.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav-request a:focus-visible::before,
.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav-request a.is-focus::before {
  transform:translate(-50%,-50%) rotate(45deg) scaleX(1);
}

@media (hover:hover) and (pointer:fine) {
  .page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav-request a:hover .mos-request-label-track,
  .page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav-request a.is-hover .mos-request-label-track {
    transform:translateY(-50%);
  }
}

.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav-request a:focus-visible .mos-request-label-track,
.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav-request a.is-focus .mos-request-label-track {
  transform:translateY(-50%);
}

@media (prefers-reduced-motion:reduce) {
  .page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav-request a::before {
    transition-duration:1ms;
  }

  .page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav-request .mos-request-label-track {
    transition-duration:1ms;
    transform:none !important;
  }
}

@media (min-width:62rem) and (max-width:99.9375rem) {
  .page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav-request a {
    width:44px;
    padding:0;
  }

  .page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav-request a > .mos-request-label {
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip:rect(0 0 0 0);
    clip-path:inset(50%);
    white-space:nowrap;
  }
}

@media (min-width:62rem) and (max-width:74.9375rem) {
  .page-wraper .mos-brand-lockup img { width:5.25rem; }
  .page-wraper .mos-brand-copy { display:none; }
  .page-wraper .header-nav { margin-inline:0; }
  .page-wraper .header-nav .nav { gap:0; }
  .page-wraper .header-style-4 .header-nav .nav > li > a { padding-inline:var(--mos-header-space-2xs); font-size:1.125rem; }
  .page-wraper .mos-language-switch { margin-inline-start:var(--mos-header-space-2xs); }
  .page-wraper .mos-language-trigger { width:44px; min-width:44px; padding:0; }
  .page-wraper .mos-language-trigger > span,
  .page-wraper .mos-language-trigger > i { display:none; }
}
@media (min-width:75rem) and (max-width:99.9375rem) {
  .page-wraper .mos-brand-lockup img { width:5.5rem; }
  .page-wraper .mos-brand-copy { margin-inline-start:var(--mos-header-space-xs); padding-inline-start:var(--mos-header-space-xs); }
  .page-wraper .mos-brand-name-cn { font-size:1.25rem; }
  .page-wraper .mos-brand-name-en { font-size:1.0625rem; letter-spacing:.08em; }
  .page-wraper .header-nav { margin-inline:var(--mos-header-space-xs); }
  .page-wraper .header-nav .nav {
    width:100%;
    max-width:46rem;
    justify-content:space-between;
    gap:.5rem;
  }
  .page-wraper .header-style-4 .header-nav .nav > li > a { padding-inline:.375rem; font-size:1.25rem; }
  .page-wraper .mos-language-switch { margin-inline-start:var(--mos-header-space-2xs); }
  .page-wraper .mos-language-trigger { width:44px; min-width:44px; padding:0; }
  .page-wraper .mos-language-trigger > span,
  .page-wraper .mos-language-trigger > i { display:none; }
}
@media (min-width:62rem) and (max-width:99.9375rem) {
  .page-wraper .site-header.header-style-4 .top-bar { font-size:.8125rem; }
  .page-wraper .site-header.header-style-4 .top-bar .wt-topbar-info li,
  .page-wraper .site-header.header-style-4 .top-bar .wt-topbar-right .wt-topbar-info-2 li {
    padding-inline:.75rem;
  }
  .page-wraper .site-header.header-style-4 .top-bar .wt-topbar-info li i,
  .page-wraper .site-header.header-style-4 .top-bar .wt-topbar-right .wt-topbar-info-2 li i {
    font-size:1rem;
  }
}
@media (max-width:61.9375rem) {
  .page-wraper .header-style-4 .main-bar .container { min-height:4.5rem; }
  .page-wraper .logo-header { order:1; height:4.5rem; }
  .page-wraper .mos-brand-lockup img { width:4.75rem; }
  .page-wraper .mos-brand-copy { margin-inline-start:var(--mos-header-space-sm); padding-inline-start:var(--mos-header-space-sm); }
  .page-wraper .mos-brand-name-cn { font-size:1.125rem; }
  .page-wraper .mos-brand-name-en { font-size:1.0625rem; letter-spacing:.085em; }
  .page-wraper .extra-nav { order:2; float:none; margin-inline-start:auto; }
  .page-wraper .header-style-4 .header-2-nav { padding:0; }
  .page-wraper .extra-cell { display:flex; align-items:center; gap:var(--mos-header-space-xs); }
  .page-wraper .navbar-toggler {
    position:relative;
    z-index:1001;
    order:3;
    display:flex;
    flex:0 0 44px;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    margin:0 0 0 var(--mos-header-space-xs);
    padding:0;
  }
  .page-wraper .header-nav { order:4; }
  .page-wraper .header-style-4 .header-nav .nav > li > a::after { content:none; }
  .page-wraper .header-style-4 .header-nav-request a { min-width:44px; padding-inline:var(--mos-header-space-sm); }
}

/* Products mega menu: wide catalogue panel with short category descriptions. */
@media (min-width:62rem) {
  .page-wraper .header-style-4 .header-nav .nav > li.mos-products-nav { position:relative; }
  .page-wraper .header-style-4 .header-nav .nav > li.mos-products-nav > .mos-category-menu {
    position:absolute;
    top:100%;
    left:var(--mos-mega-left,0);
    display:grid !important;
    width:var(--mos-mega-width,61rem);
    max-height:calc(100dvh - var(--mos-header-stack-height,9.75rem) - 1rem);
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0;
    margin:0 !important;
    padding:0 1.5rem 1.5rem;
    overflow-y:auto;
    scrollbar-color:var(--mos-header-accent) transparent;
    scrollbar-gutter:stable;
    scrollbar-width:thin;
    border:1px solid var(--mos-mega-rule);
    border-block-start:3px solid var(--mos-header-accent);
    background:var(--mos-mega-paper);
    box-shadow:0 1.5rem 3.25rem var(--mos-mega-shadow);
    opacity:0;
    visibility:hidden;
    transform:translate3d(0,.75rem,0);
    transition:opacity 180ms var(--mos-header-ease-out),transform 240ms var(--mos-header-ease-out),visibility 0s linear 240ms;
    counter-reset:mos-mega-category;
    pointer-events:none;
    z-index:1100;
  }
  .page-wraper .header-style-4 .header-nav .nav > li.mos-products-nav.is-mega-open > .mos-category-menu,
  .page-wraper .header-style-4 .header-nav .nav > li.mos-products-nav:focus-within > .mos-category-menu {
    opacity:1;
    visibility:visible;
    transform:translate3d(0,0,0);
    transition-delay:0s;
    pointer-events:auto;
  }
  .page-wraper .mos-category-menu > li {
    min-width:0;
    border:0 !important;
    border-block-end:1px solid var(--mos-mega-rule) !important;
    counter-increment:mos-mega-category;
  }
  .page-wraper .mos-category-menu > li.mos-mega-intro {
    display:flex;
    grid-column:1 / -1;
    align-items:center;
    justify-content:space-between;
    min-height:5.25rem;
    padding:1.25rem 0 1rem;
    border-block-end:1px solid var(--mos-mega-rule) !important;
    counter-increment:none;
  }
  .page-wraper .mos-mega-intro-copy {
    display:flex;
    min-width:0;
    flex-direction:column;
    gap:var(--mos-header-space-xs);
  }
  .page-wraper .mos-mega-intro strong {
    color:var(--mos-mega-ink);
    font-family:var(--mos-header-font-nav);
    font-size:1.75rem;
    font-weight:600;
    letter-spacing:.02em;
    line-height:1;
  }
  .page-wraper .mos-mega-intro small { color:var(--mos-mega-muted); font-size:.875rem; line-height:1.4; }
  .page-wraper .header-style-4 .header-nav .nav > li .mos-mega-all-products {
    display:inline-flex;
    min-height:44px;
    align-items:center;
    gap:var(--mos-header-space-sm);
    padding:var(--mos-header-space-sm) var(--mos-header-space-md);
    border:1px solid var(--mos-header-accent-strong);
    border-radius:var(--mos-header-control-radius);
    background:var(--mos-header-accent-strong);
    color:var(--mos-header-accent-ink);
    font-family:var(--mos-header-font-body);
    font-size:.9375rem;
    font-weight:700;
    line-height:1;
    text-decoration:none;
    white-space:nowrap;
    transition:background-color var(--mos-header-dur-short) var(--mos-header-ease-out),transform var(--mos-header-dur-micro) var(--mos-header-ease-out);
  }
  .page-wraper .header-style-4 .header-nav .nav > li .mos-category-menu > li.mos-mega-intro .mos-mega-all-products i {
    position:static;
    display:block;
    float:none;
    margin:0;
    color:currentColor;
    font-size:.75rem;
  }
  .page-wraper .mos-mega-all-products:focus-visible {
    outline:2px solid var(--mos-header-focus);
    outline-offset:2px;
  }
  .page-wraper .mos-mega-all-products:active,
  .page-wraper .mos-mega-all-products.is-active { transform:translateY(1px); }
  .page-wraper .mos-mega-all-products[aria-disabled="true"] { opacity:.55; cursor:not-allowed; pointer-events:none; }
  .page-wraper .mos-mega-all-products[data-state="loading"] { cursor:wait; }
  .page-wraper .mos-mega-all-products[data-state="error"] { background:var(--mos-header-error); }
  .page-wraper .mos-mega-all-products[data-state="success"] i { color:var(--mos-whatsapp); }
  .page-wraper .header-style-4 .header-nav .nav > li.mos-products-nav > .mos-category-menu::-webkit-scrollbar { width:.375rem; }
  .page-wraper .header-style-4 .header-nav .nav > li.mos-products-nav > .mos-category-menu::-webkit-scrollbar-track { background:transparent; }
  .page-wraper .header-style-4 .header-nav .nav > li.mos-products-nav > .mos-category-menu::-webkit-scrollbar-thumb {
    border-radius:var(--mos-header-control-radius);
    background:var(--mos-header-accent);
  }
  .page-wraper .header-style-4 .header-nav .nav > li .mos-category-menu > li:not(.mos-mega-intro) > a {
    display:grid;
    min-height:6rem;
    grid-template-columns:2rem minmax(0,1fr) 1rem;
    align-items:center;
    gap:.625rem;
    padding:1rem;
    color:var(--mos-mega-ink);
    background:transparent;
    font-family:var(--mos-header-font-body);
    text-decoration:none;
    transition:background-color var(--mos-header-dur-short) var(--mos-header-ease-out),color var(--mos-header-dur-short) var(--mos-header-ease-out);
  }
  .page-wraper .mos-category-menu > li:nth-last-child(-n+3) { border-block-end:0 !important; }
  .page-wraper .mos-mega-index {
    color:var(--mos-header-accent);
    font-size:.7rem;
    font-weight:800;
    font-variant-numeric:tabular-nums;
    letter-spacing:.05em;
  }
  .page-wraper .mos-mega-copy { display:block; min-width:0; }
  .page-wraper .mos-mega-copy strong,
  .page-wraper .mos-mega-copy small { display:block; min-width:0; }
  .page-wraper .mos-mega-copy strong { overflow:hidden; color:inherit; font-size:.9375rem; font-weight:700; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }
  .page-wraper .mos-mega-copy small { margin-block-start:.25rem; color:var(--mos-mega-muted); font-size:.875rem; line-height:1.4; }
  .page-wraper .mos-mega-arrow { color:var(--mos-mega-muted); font-size:.875rem; transition:transform var(--mos-header-dur-short) var(--mos-header-ease-out),color var(--mos-header-dur-short) var(--mos-header-ease-out); }
  @media (hover:hover) and (pointer:fine) {
    .page-wraper .header-style-4 .header-nav .nav > li .mos-category-menu > li:not(.mos-mega-intro) > a:hover { background:var(--mos-mega-paper-raised); color:var(--mos-header-accent-strong); }
    .page-wraper .mos-category-menu > li > a:hover .mos-mega-arrow { color:var(--mos-header-accent); transform:translateX(.2rem); }
    .page-wraper .header-style-4 .header-nav .nav > li .mos-mega-all-products:hover { background:var(--mos-header-accent-deep); }
  }
  .page-wraper .header-style-4 .header-nav .nav > li .mos-category-menu > li:not(.mos-mega-intro) > a:focus-visible {
    position:relative;
    outline:2px solid var(--mos-header-focus);
    outline-offset:-2px;
    z-index:1;
  }
  .page-wraper .mos-category-menu > li > a:active .mos-mega-arrow { transform:translateX(1px); }
  .page-wraper .mos-category-menu > li > a[aria-disabled="true"] { opacity:.55; cursor:not-allowed; pointer-events:none; }
  .page-wraper .mos-category-menu > li > a[data-state="error"] { color:var(--mos-header-error); }
  .page-wraper .mos-category-menu > li > a[data-state="success"] .mos-mega-arrow { color:var(--mos-whatsapp); }
}

@media (max-width:61.9375rem) {
  .page-wraper .mos-category-menu > .mos-mega-intro { display:block !important; padding:.5rem 0 !important; }
  .page-wraper .mos-mega-intro-copy { display:none; }
  .page-wraper .header-style-4 .header-nav .nav > li .mos-mega-all-products {
    display:flex;
    min-height:44px;
    align-items:center;
    justify-content:space-between;
    padding:.75rem 1rem !important;
    color:var(--mos-header-accent) !important;
    font-size:.9375rem;
    font-weight:700;
    white-space:nowrap;
  }
  .page-wraper .mos-mega-all-products:focus-visible {
    outline:2px solid var(--mos-header-focus);
    outline-offset:-2px;
  }
  .page-wraper .mos-mega-all-products:active,
  .page-wraper .mos-mega-all-products.is-active { background:var(--mos-mega-paper-raised); }
  .page-wraper .mos-mega-all-products[aria-disabled="true"] { opacity:.55; cursor:not-allowed; pointer-events:none; }
  .page-wraper .mos-mega-all-products[data-state="loading"] { cursor:wait; }
  .page-wraper .mos-mega-all-products[data-state="error"] { color:var(--mos-header-error) !important; }
  .page-wraper .mos-mega-all-products[data-state="success"] i { color:var(--mos-whatsapp); }
  .page-wraper .header-style-4 .header-nav .nav > li .mos-category-menu > li:not(.mos-mega-intro) > a {
    display:grid;
    grid-template-columns:2rem minmax(0,1fr);
    align-items:center;
    gap:.5rem;
  }
  .page-wraper .mos-mega-index { color:var(--mos-header-accent); font-size:.68rem; font-weight:800; font-variant-numeric:tabular-nums; }
  .page-wraper .mos-mega-copy strong {
    display:block;
    overflow:hidden;
    color:inherit;
    font-size:inherit;
    font-weight:inherit;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .page-wraper .mos-mega-copy small,
  .page-wraper .mos-mega-arrow { display:none; }
}

@media (prefers-reduced-motion:reduce) {
  .page-wraper .mos-category-menu,
  .page-wraper .mos-mega-arrow { transition-duration:1ms !important; }
}
@media (max-width:35.9375rem) {
  .page-wraper .extra-nav { display:none; }
  .page-wraper .navbar-toggler { margin-inline-start:auto; }
  .page-wraper .mos-brand-lockup img { width:4.25rem; }
  .page-wraper .mos-brand-copy { margin-inline-start:var(--mos-header-space-xs); padding-inline-start:var(--mos-header-space-xs); }
  .page-wraper .mos-brand-name-cn { font-size:1.0625rem; }
  .page-wraper .mos-brand-name-en { font-size:.9375rem; letter-spacing:.08em; }
}
@media (prefers-reduced-motion:reduce) {
  .page-wraper .header-style-4 .is-fixed .main-bar { animation-duration:1ms; }
  .page-wraper .header-style-4 .header-nav .nav > li > a::after,
  .page-wraper .header-style-4 .header-nav-request a,
  .page-wraper .mobile-sider-drawer-menu .header-nav,
  .page-wraper .navbar-toggler .icon-bar,
  .page-wraper .has-child > .submenu-toogle { transition-duration:1ms; }
}

/* Wide desktop regression fix: keep all primary destinations on one line. */
@media (min-width:62rem) {
  .page-wraper .header-nav .nav {
    flex-wrap:nowrap;
  }
  .page-wraper .header-style-4 .header-nav .nav > li {
    flex:0 0 auto;
  }
}
@media (min-width:100rem) {
  .page-wraper .header-style-4 .main-bar .container {
    width:calc(100% - (var(--mos-header-space-lg) * 2));
    max-width:96rem;
  }
}


@media (prefers-reduced-motion:reduce) {
  .page-wraper .header-style-4 .header-nav-request a,
  .page-wraper .mos-brand-lockup { transform:none !important; }
}

.page-wraper .contact-slide-hide {
  right:0 !important;
	background-color:var(--mos-inquiry-paper);
	background-image:none !important;
	color:var(--mos-inquiry-ink);
  transform:translate3d(100%,0,0);
  transition:transform var(--mos-header-dur-medium) var(--mos-header-ease-out);
}
.page-wraper .contact-slide-hide.is-open { transform:translate3d(0,0,0); }

/* Shared inquiry panel: warm MOSINTER green, for both legacy and home markup. */
.page-wraper .contact-slide-hide:not(.mos-quote-overlay) .contact-nav {
	display:flex;
	align-items:center;
	width:100%;
	max-width:72rem;
	height:100%;
	padding:4rem var(--mos-header-space-lg);
}

.page-wraper .contact-slide-hide:not(.mos-quote-overlay) .contact-nav-form {
	display:block;
	width:100%;
	padding:0;
	vertical-align:initial;
}

.page-wraper .contact-slide-hide:not(.mos-quote-overlay) .contact-nav-info {
	width:100%;
	padding:2rem !important;
	border-top:4px solid var(--mos-header-accent);
	background-color:var(--mos-inquiry-surface) !important;
	background-image:none !important;
	box-shadow:0 1.25rem 3.5rem var(--mos-inquiry-shadow);
}

.page-wraper .contact-slide-hide .contact_close {
	position:fixed;
	top:var(--mos-header-space-md);
	right:var(--mos-header-space-md);
	z-index:4;
	display:flex;
	align-items:center;
	justify-content:center;
	width:44px;
	height:44px;
	padding:0;
	border:1px solid var(--mos-header-accent-strong);
	border-radius:var(--mos-header-control-radius);
	background:var(--mos-header-accent-strong);
	color:var(--mos-header-accent-ink);
	font-family:var(--font-home-body);
	font-size:1.75rem;
	line-height:1;
	text-align:center;
}

.page-wraper .contact-slide-hide .contact_close:focus-visible,
.page-wraper .contact-slide-hide .site-button:focus-visible,
.page-wraper .mos-quote-submit:focus-visible {
	outline:2px solid var(--mos-inquiry-focus);
	outline-offset:3px;
}

.page-wraper .contact-slide-hide .contact_close:active,
.page-wraper .contact-slide-hide .site-button:active,
.page-wraper .mos-quote-submit:active {
	background:var(--mos-header-accent-deep);
}

.page-wraper .contact-slide-hide .contact_close[aria-disabled="true"],
.page-wraper .contact-slide-hide .site-button:disabled,
.page-wraper .mos-quote-submit:disabled {
	opacity:.55;
	cursor:not-allowed;
	pointer-events:none;
}

.page-wraper .contact-slide-hide:not(.mos-quote-overlay) .contact-nav-media-section {
	position:relative;
	min-height:27rem;
	height:100%;
	overflow:hidden;
}

.page-wraper .contact-slide-hide:not(.mos-quote-overlay) .contact-nav-media {
	position:absolute;
	inset:0;
}

.page-wraper .contact-slide-hide:not(.mos-quote-overlay) .contact-nav-media img {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}

.page-wraper .contact-slide-hide:not(.mos-quote-overlay) .mos-email-form {
	padding:1.5rem 1rem;
}

.page-wraper .contact-slide-hide .mos-email-form h2 {
	color:var(--mos-header-accent-strong);
}

.page-wraper .contact-slide-hide .mos-form-status {
	min-height:1.5rem;
}

.page-wraper .contact-slide-hide:not(.mos-quote-overlay) .form-control {
	min-height:48px;
	border:1px solid var(--mos-inquiry-rule);
	border-radius:var(--mos-header-control-radius);
	outline:2px solid transparent;
	outline-offset:1px;
	background:var(--mos-inquiry-field);
	color:var(--mos-inquiry-ink);
}

.page-wraper .contact-slide-hide:not(.mos-quote-overlay) textarea.form-control {
	min-height:9rem;
}

.page-wraper .contact-slide-hide:not(.mos-quote-overlay) .form-control:focus {
	border-color:var(--mos-header-accent);
	outline-color:var(--mos-inquiry-focus);
	background:var(--mos-inquiry-surface);
	box-shadow:none;
}

.page-wraper .contact-slide-hide:not(.mos-quote-overlay) .form-control::placeholder {
	color:var(--mos-inquiry-muted);
}

.page-wraper .contact-slide-hide:not(.mos-quote-overlay) .site-button {
	min-height:48px;
	border:1px solid var(--mos-header-accent-strong);
	border-radius:var(--mos-header-control-radius);
	background:var(--mos-header-accent-strong);
	color:var(--mos-header-accent-ink);
}

.page-wraper .mos-quote-overlay {
	background:var(--mos-inquiry-paper);
}

.page-wraper .mos-quote-overlay .mos-quote-shell,
.page-wraper .mos-quote-overlay .mos-quote-form {
	background:var(--mos-inquiry-surface);
}

.page-wraper .mos-quote-overlay .mos-quote-shell {
	box-shadow:0 1.375rem 4rem var(--mos-inquiry-shadow);
}

.page-wraper .mos-quote-overlay .mos-quote-intro {
	border-top:4px solid var(--mos-header-accent);
	background:var(--mos-inquiry-deep);
}

.page-wraper .mos-quote-overlay .mos-quote-intro a:hover {
	color:var(--mos-header-accent);
}

.page-wraper .mos-quote-overlay .mos-quote-field label,
.page-wraper .mos-quote-overlay .mos-form-status {
	color:var(--mos-inquiry-muted);
}

.page-wraper .mos-quote-overlay .mos-quote-field input,
.page-wraper .mos-quote-overlay .mos-quote-field textarea,
.page-wraper .mos-quote-overlay .mos-quote-field select {
	display:block;
	width:100%;
	min-width:0;
	min-height:48px;
	border:1px solid var(--mos-inquiry-rule);
	border-radius:var(--mos-header-control-radius);
	outline:2px solid transparent;
	outline-offset:1px;
	background:var(--mos-inquiry-field);
	color:var(--mos-inquiry-ink);
}

.page-wraper .mos-quote-overlay .mos-quote-field input:focus,
.page-wraper .mos-quote-overlay .mos-quote-field textarea:focus,
.page-wraper .mos-quote-overlay .mos-quote-field select:focus {
	border-color:var(--mos-header-accent);
	outline-color:var(--mos-inquiry-focus);
	background:var(--mos-inquiry-surface);
	box-shadow:none;
}

.page-wraper .mos-quote-overlay .mos-quote-submit {
	border:1px solid var(--mos-header-accent-strong);
	border-radius:var(--mos-header-control-radius);
	background:var(--mos-header-accent-strong);
	color:var(--mos-header-accent-ink);
}

.page-wraper .contact-slide-hide .mos-email-form input:disabled,
.page-wraper .contact-slide-hide .mos-email-form textarea:disabled,
.page-wraper .contact-slide-hide .mos-email-form select:disabled {
	opacity:.55;
	cursor:not-allowed;
}

.page-wraper .contact-slide-hide .mos-email-form input[aria-invalid="true"],
.page-wraper .contact-slide-hide .mos-email-form textarea[aria-invalid="true"],
.page-wraper .contact-slide-hide .mos-email-form select[aria-invalid="true"],
.page-wraper .contact-slide-hide .mos-email-form input[data-state="error"],
.page-wraper .contact-slide-hide .mos-email-form textarea[data-state="error"],
.page-wraper .contact-slide-hide .mos-email-form select[data-state="error"] {
	border-color:var(--mos-inquiry-error);
	outline-color:var(--mos-inquiry-error);
}

.page-wraper .contact-slide-hide .mos-email-form input[data-state="success"],
.page-wraper .contact-slide-hide .mos-email-form textarea[data-state="success"],
.page-wraper .contact-slide-hide .mos-email-form select[data-state="success"] {
	border-color:var(--mos-inquiry-success);
	outline-color:transparent;
}

.page-wraper .contact-slide-hide .mos-email-form[data-state="loading"] input,
.page-wraper .contact-slide-hide .mos-email-form[data-state="loading"] textarea,
.page-wraper .contact-slide-hide .mos-email-form[data-state="loading"] select,
.page-wraper .contact-slide-hide .site-button[data-state="loading"],
.page-wraper .mos-quote-submit[data-state="loading"] {
	cursor:wait;
}

.page-wraper .contact-slide-hide .site-button[data-state="error"],
.page-wraper .mos-quote-submit[data-state="error"] {
	border-color:var(--mos-inquiry-error);
	background:var(--mos-inquiry-error);
	color:var(--mos-inquiry-surface);
}

.page-wraper .contact-slide-hide .site-button[data-state="success"],
.page-wraper .mos-quote-submit[data-state="success"] {
	border-color:var(--mos-inquiry-success);
	background:var(--mos-inquiry-success);
}

.page-wraper .mos-quote-form {
	justify-content:flex-start;
	padding-block:clamp(2rem,5vh,4.5rem);
}

.page-wraper .mos-quote-fields {
	gap:1rem;
}

.page-wraper .mos-quote-product,
.page-wraper .mos-quote-message {
	grid-column:1 / -1;
}

.page-wraper .mos-quote-field textarea,
.page-wraper .mos-quote-field select {
	padding:.75rem .875rem;
}

.page-wraper .mos-quote-field textarea {
	min-height:8rem;
	resize:vertical;
}

.page-wraper .mos-quote-submit,
.page-wraper .mos-inquiry-form--enhanced button[type="submit"] {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:48px;
	white-space:nowrap;
}

.page-wraper .mos-quote-submit[data-state="loading"]::after,
.page-wraper .mos-inquiry-form--enhanced button[type="submit"][data-state="loading"]::after {
	width:.9rem;
	height:.9rem;
	margin-inline-start:.625rem;
	border:2px solid currentColor;
	border-inline-end-color:transparent;
	border-radius:50%;
	content:"";
	animation:mos-inquiry-spin .75s linear infinite;
}

@keyframes mos-inquiry-spin {
	to { transform:rotate(1turn); }
}

.page-wraper .mos-required {
	color:var(--mos-inquiry-error);
}

.page-wraper .mos-field-help {
	min-height:1.15em;
	margin:.3rem 0 0;
	font-size:.75rem;
	line-height:1.35;
	color:var(--mos-inquiry-muted);
}

.page-wraper .mos-field-help[data-tone="error"],
.page-wraper .mos-form-status[data-tone="error"] {
	color:var(--mos-inquiry-error);
}

.page-wraper .mos-form-status[data-tone="success"] {
	color:var(--mos-inquiry-success);
}

.page-wraper .mos-form-privacy {
	margin:.25rem 0 1rem;
	font-size:.78rem;
	line-height:1.55;
	color:var(--mos-inquiry-muted);
}

.page-wraper .mos-form-privacy a {
	color:var(--mos-header-accent-deep);
	text-decoration:underline;
	text-underline-offset:.15em;
}

.page-wraper .mos-form-response-note {
	margin:.75rem 0 0;
	color:var(--mos-inquiry-muted);
	font-size:.8rem;
	line-height:1.5;
}

.page-wraper .mos-form-fallback {
	display:inline-flex;
	min-height:44px;
	max-width:100%;
	align-items:center;
	margin-top:.5rem;
	color:var(--mos-header-accent-deep);
	font-weight:600;
	text-decoration:underline;
	text-underline-offset:.18em;
	white-space:nowrap;
}

.page-wraper .mos-form-fallback[hidden] {
	display:none !important;
}

.page-wraper .mos-form-fallback:focus-visible {
	outline:2px solid var(--mos-inquiry-focus);
	outline-offset:3px;
}

.page-wraper .mos-inquiry-panel .mos-form-response-note {
	color:var(--mos-header-muted);
}

.page-wraper .mos-inquiry-panel .mos-form-fallback {
	color:var(--mos-header-accent);
}

.page-wraper .mos-form-trap {
	position:absolute !important;
	left:-10000px !important;
	width:1px !important;
	height:1px !important;
	overflow:hidden !important;
}

@media (max-width:47.9375rem) {
	.page-wraper .mos-inquiry-grid > [class*="col-"] {
		flex:0 0 100%;
		width:100%;
		max-width:100%;
	}

	.page-wraper .mos-inquiry-form--enhanced button[type="submit"] {
		width:100%;
	}

}

body.mos-quote-open {
	overflow:hidden;
}

body.mos-quote-open .mos-sitewidget,
body.mos-quote-open .scroltop {
	display:none !important;
}

body button.scroltop {
	display:grid !important;
	right:max(1rem,env(safe-area-inset-right));
	bottom:max(1rem,env(safe-area-inset-bottom));
	width:48px;
	height:48px;
	place-items:center;
	border:1px solid var(--mos-header-accent-strong);
	border-radius:var(--mos-header-control-radius);
	background:var(--mos-header-surface);
	color:var(--mos-header-ink);
	box-shadow:0 .75rem 2rem var(--mos-header-shadow);
	opacity:0;
	visibility:hidden;
	transform:translateY(.5rem);
	transition:background-color var(--mos-header-dur-short) var(--mos-header-ease-out),color var(--mos-header-dur-short) var(--mos-header-ease-out),opacity var(--mos-header-dur-short) var(--mos-header-ease-out),transform var(--mos-header-dur-short) var(--mos-header-ease-out),visibility 0s linear var(--mos-header-dur-short);
	pointer-events:none;
}

body button.scroltop.is-visible {
	opacity:1;
	visibility:visible;
	transform:translateY(0);
	transition-delay:0s;
	pointer-events:auto;
}

body button.scroltop:focus-visible {
	outline:3px solid var(--mos-header-focus);
	outline-offset:2px;
}

body button.scroltop:active {
	transform:translateY(1px);
}

body button.scroltop:disabled {
	opacity:.5;
	cursor:not-allowed;
}

@media (hover:hover) and (pointer:fine) {
	body button.scroltop:hover {
		background:var(--mos-header-accent-deep);
		color:var(--mos-header-accent-ink);
	}
}

.page-wraper .mos-inquiry-form--enhanced .mos-field-label {
	display:block;
	margin-bottom:.4rem;
	font-weight:600;
	line-height:1.35;
}

.page-wraper .mos-inquiry-grid > [class*="col-"] {
	min-width:0;
}

.page-wraper .mos-inquiry-grid .form-group {
	margin-bottom:1rem;
}

.page-wraper .mos-inquiry-form--enhanced .mos-optional {
	color:var(--mos-inquiry-muted);
	font-size:.8em;
	font-weight:400;
}

.page-wraper .mos-inquiry-panel .mos-optional {
	color:var(--mos-header-muted);
}

.page-wraper .mos-inquiry-form--enhanced .form-control {
	min-height:48px;
	border-width:1px;
	outline:2px solid transparent;
	outline-offset:1px;
}

.page-wraper .mos-inquiry-form--enhanced textarea.form-control {
	min-height:7rem;
	resize:vertical;
}

.page-wraper .mos-inquiry-form--enhanced .form-control[readonly] {
	background:var(--mos-inquiry-field);
	color:var(--mos-inquiry-ink);
	cursor:default;
}

@media (hover:hover) and (pointer:fine) {
	.page-wraper .mos-inquiry-form--enhanced .form-control:not([readonly]):hover {
		background:var(--mos-inquiry-surface);
	}
}

.page-wraper .mos-inquiry-form--enhanced .form-control:focus,
.page-wraper .mos-inquiry-form--enhanced .form-control:focus-visible {
	border-color:var(--mos-header-accent);
	outline-color:var(--mos-inquiry-focus);
	box-shadow:none;
}

.page-wraper .mos-inquiry-form--enhanced .form-control:active {
	border-color:var(--mos-inquiry-rule);
}

.page-wraper .mos-inquiry-form--enhanced .form-control[data-state="success"] {
	border-color:var(--mos-inquiry-success);
}

.page-wraper .mos-inquiry-form--enhanced .form-control:disabled {
	background:var(--mos-inquiry-field);
	opacity:.55;
	cursor:not-allowed;
}

.page-wraper .mos-inquiry-form--enhanced .form-control[aria-invalid="true"] {
	border-color:var(--mos-inquiry-error);
	outline-color:var(--mos-inquiry-error);
}

.page-wraper .mos-inquiry-details {
	margin-bottom:1rem;
	border:1px solid var(--mos-inquiry-rule);
	border-radius:var(--mos-header-control-radius);
	background:var(--mos-inquiry-field);
}

.page-wraper .mos-inquiry-details summary {
	padding:.875rem 1rem;
	font-weight:600;
	cursor:pointer;
	white-space:nowrap;
}

.page-wraper .mos-inquiry-details summary:focus-visible {
	outline:2px solid var(--mos-inquiry-focus);
	outline-offset:2px;
}

.page-wraper .mos-inquiry-details[open] summary {
	border-bottom:1px solid var(--mos-inquiry-rule);
}

.page-wraper .mos-inquiry-details > .row {
	padding:1rem 1rem 0;
}

.page-wraper .mos-inquiry-panel .mos-inquiry-details {
	border-color:var(--mos-header-rule);
	background:var(--mos-header-surface-raised);
	color:var(--mos-header-ink);
}

.page-wraper .mos-inquiry-panel .mos-inquiry-details summary {
	background:var(--mos-header-surface-raised);
	color:var(--mos-header-ink);
	transition:background-color var(--mos-header-dur-short) var(--mos-header-ease-out);
}

.page-wraper .mos-inquiry-panel .mos-inquiry-details[open] summary {
	border-bottom-color:var(--mos-header-rule);
	background:var(--mos-header-surface-active);
}

.page-wraper .mos-inquiry-panel .mos-inquiry-details .mos-field-help {
	color:var(--mos-header-muted);
}

.page-wraper .site-button.site-btn-effect {
	color:var(--mos-green-ink) !important;
	text-shadow:none !important;
	transition:background-color var(--mos-header-dur-short) var(--mos-header-ease-out),color var(--mos-header-dur-short) var(--mos-header-ease-out),transform var(--mos-header-dur-micro) var(--mos-header-ease-out) !important;
}

.page-wraper .site-button.site-btn-effect:hover,
.page-wraper .site-button.site-btn-effect:focus-visible,
.page-wraper .site-button.site-btn-effect:active {
	color:var(--mos-green-ink) !important;
	text-shadow:none !important;
}

.page-wraper .site-button.site-btn-effect:active {
	transform:translateY(1px);
}

.page-wraper .site-button.site-btn-effect:disabled,
.page-wraper .site-button.site-btn-effect[aria-disabled="true"] {
	opacity:.55;
	cursor:not-allowed;
}

/* Hallmark | component: CTA buttons | genre: modern-minimal | theme: MOSINTER industrial green
 * states: default | hover | focus | active | disabled | loading | error | success
 * contrast: pass (46-50) | pre-emit critique: P5 H5 E5 S5 R5 V4
 */
.page-wraper .site-button.site-btn-effect.mos-btn-outline,
.mos-button-preview .site-button.site-btn-effect.mos-btn-outline {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:48px;
	max-width:100%;
	padding:.75rem clamp(1.25rem,5vw,2.5rem);
	border:2px solid var(--mos-header-accent-strong);
	border-radius:999px;
	background:var(--mos-button-outline-surface) !important;
	color:var(--mos-button-outline-ink) !important;
	font-size:.875rem;
	font-weight:600;
	line-height:1.25;
	letter-spacing:.035em;
	text-shadow:none !important;
	white-space:nowrap;
	transition:background-color var(--mos-header-dur-short) var(--mos-header-ease-out),color var(--mos-header-dur-short) var(--mos-header-ease-out),border-color var(--mos-header-dur-short) var(--mos-header-ease-out),transform var(--mos-header-dur-micro) var(--mos-header-ease-out) !important;
}

.page-wraper .mos-btn-outline::after,
.mos-button-preview .mos-btn-outline::after {
	margin-inline-start:.625rem;
	content:"\203A";
	font-size:1.25em;
	line-height:1;
	transition:transform var(--mos-header-dur-short) var(--mos-header-ease-out);
}

.page-wraper .mos-btn-outline:focus-visible,
.page-wraper .mos-btn-outline.is-focus,
.mos-button-preview .mos-btn-outline:focus-visible,
.mos-button-preview .mos-btn-outline.is-focus,
.page-wraper .mos-btn-kinetic:focus-visible,
.page-wraper .mos-btn-kinetic.is-focus,
.mos-button-preview .mos-btn-kinetic:focus-visible,
.mos-button-preview .mos-btn-kinetic.is-focus {
	outline:3px solid var(--mos-header-focus);
	outline-offset:3px;
}

.page-wraper .mos-btn-outline:active,
.page-wraper .mos-btn-outline.is-active,
.mos-button-preview .mos-btn-outline:active,
.mos-button-preview .mos-btn-outline.is-active,
.page-wraper .mos-btn-kinetic:active,
.page-wraper .mos-btn-kinetic.is-active,
.mos-button-preview .mos-btn-kinetic:active,
.mos-button-preview .mos-btn-kinetic.is-active {
	transform:translateY(1px);
}

.page-wraper .mos-btn-outline[aria-disabled="true"],
.page-wraper .mos-btn-outline:disabled,
.mos-button-preview .mos-btn-outline[aria-disabled="true"],
.mos-button-preview .mos-btn-outline:disabled,
.page-wraper .mos-btn-kinetic[aria-disabled="true"],
.page-wraper .mos-btn-kinetic:disabled,
.mos-button-preview .mos-btn-kinetic[aria-disabled="true"],
.mos-button-preview .mos-btn-kinetic:disabled {
	opacity:.5;
	cursor:not-allowed;
	pointer-events:none;
}

.page-wraper .mos-btn-outline[data-state="loading"],
.mos-button-preview .mos-btn-outline[data-state="loading"] {
	opacity:.72;
	cursor:wait;
}

.page-wraper .mos-btn-outline[data-state="loading"]::after,
.mos-button-preview .mos-btn-outline[data-state="loading"]::after { content:"\2026"; }
.page-wraper .site-button.site-btn-effect.mos-btn-outline[data-state="error"],
.mos-button-preview .site-button.site-btn-effect.mos-btn-outline[data-state="error"] {
	border-style:dashed;
	border-color:var(--mos-inquiry-error);
	background:var(--mos-button-outline-surface) !important;
	color:var(--mos-inquiry-error) !important;
}
.page-wraper .mos-btn-outline[data-state="error"]::after,
.mos-button-preview .mos-btn-outline[data-state="error"]::after { content:"!"; }
.page-wraper .site-button.site-btn-effect.mos-btn-outline[data-state="success"],
.mos-button-preview .site-button.site-btn-effect.mos-btn-outline[data-state="success"] {
	border-color:var(--mos-inquiry-success);
	background:var(--mos-button-outline-surface) !important;
	color:var(--mos-inquiry-success) !important;
}
.page-wraper .mos-btn-outline[data-state="success"]::after,
.mos-button-preview .mos-btn-outline[data-state="success"]::after { content:"\2713"; }

.page-wraper .site-button.site-btn-effect.mos-btn-outline.is-hover,
.mos-button-preview .site-button.site-btn-effect.mos-btn-outline.is-hover {
	border-color:var(--mos-header-accent-deep);
	background:var(--mos-header-accent-deep) !important;
	color:var(--mos-header-accent-ink) !important;
}

.page-wraper .site-button.site-btn-effect.mos-btn-outline.is-hover::after,
.mos-button-preview .site-button.site-btn-effect.mos-btn-outline.is-hover::after { transform:translateX(.2rem); }

.page-wraper .site-button.site-btn-effect.mos-btn-kinetic,
.mos-button-preview .site-button.site-btn-effect.mos-btn-kinetic {
	box-sizing:border-box;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:52px;
	max-width:100%;
	padding:.875rem clamp(1.25rem,5vw,2.5rem);
	overflow:hidden;
	border:2px solid var(--mos-header-accent-strong);
	border-radius:var(--mos-header-control-radius);
	background:transparent !important;
	color:transparent !important;
	font-size:.875rem;
	font-weight:600;
	line-height:1.25;
	letter-spacing:.045em;
	text-shadow:none !important;
	white-space:nowrap;
	transition:border-color var(--mos-header-dur-short) var(--mos-header-ease-out),transform var(--mos-header-dur-micro) var(--mos-header-ease-out) !important;
}

.page-wraper .mos-btn-kinetic > i,
.mos-button-preview .mos-btn-kinetic > i { visibility:hidden; }

.page-wraper .mos-btn-kinetic::before,
.page-wraper .mos-btn-kinetic::after,
.mos-button-preview .mos-btn-kinetic::before,
.mos-button-preview .mos-btn-kinetic::after {
	position:absolute;
	inset:0;
	display:grid;
	place-items:center;
	padding-inline:1rem;
	border-radius:calc(var(--mos-header-control-radius) - 2px);
	color:var(--mos-button-primary-ink);
	content:attr(data-mos-button-label);
	text-align:center;
	transition:background-color var(--mos-header-dur-short) var(--mos-header-ease-out),opacity var(--mos-header-dur-short) var(--mos-header-ease-out),transform var(--mos-header-dur-short) var(--mos-header-ease-out);
}

.page-wraper .mos-btn-kinetic::before,
.mos-button-preview .mos-btn-kinetic::before {
	background:var(--mos-button-primary-surface);
	opacity:1;
	transform:translateX(0) scale(1);
}

.page-wraper .mos-btn-kinetic::after,
.mos-button-preview .mos-btn-kinetic::after {
	background:var(--mos-button-primary-surface-hover);
	opacity:0;
	transform:translateX(-10%) scale(.96);
}

.page-wraper .mos-btn-kinetic.is-hover::before,
.mos-button-preview .mos-btn-kinetic.is-hover::before {
	opacity:0;
	transform:translateX(10%) scale(.96);
}

.page-wraper .mos-btn-kinetic.is-hover::after,
.mos-button-preview .mos-btn-kinetic.is-hover::after {
	opacity:1;
	transform:translateX(0) scale(1);
}

.page-wraper .mos-btn-kinetic[data-state="loading"],
.mos-button-preview .mos-btn-kinetic[data-state="loading"] { cursor:wait; }
.page-wraper .mos-btn-kinetic[data-state="loading"]::before,
.page-wraper .mos-btn-kinetic[data-state="loading"]::after,
.mos-button-preview .mos-btn-kinetic[data-state="loading"]::before,
.mos-button-preview .mos-btn-kinetic[data-state="loading"]::after { content:"Sending\2026"; }
.page-wraper .site-button.site-btn-effect.mos-btn-kinetic[data-state="error"],
.mos-button-preview .site-button.site-btn-effect.mos-btn-kinetic[data-state="error"] {
	border-style:dashed;
	border-color:var(--mos-inquiry-error);
}
.page-wraper .mos-btn-kinetic[data-state="error"]::before,
.page-wraper .mos-btn-kinetic[data-state="error"]::after,
.mos-button-preview .mos-btn-kinetic[data-state="error"]::before,
.mos-button-preview .mos-btn-kinetic[data-state="error"]::after {
	background:var(--mos-inquiry-error);
	color:var(--mos-inquiry-surface);
	content:"Try again";
}
.page-wraper .site-button.site-btn-effect.mos-btn-kinetic[data-state="success"],
.mos-button-preview .site-button.site-btn-effect.mos-btn-kinetic[data-state="success"] { border-color:var(--mos-inquiry-success); }
.page-wraper .mos-btn-kinetic[data-state="success"]::before,
.page-wraper .mos-btn-kinetic[data-state="success"]::after,
.mos-button-preview .mos-btn-kinetic[data-state="success"]::before,
.mos-button-preview .mos-btn-kinetic[data-state="success"]::after {
	background:var(--mos-inquiry-success);
	color:var(--mos-inquiry-surface);
	content:"Request sent \2713";
}

@media (hover:hover) and (pointer:fine) {
	.page-wraper .site-button.site-btn-effect.mos-btn-outline:hover,
	.page-wraper .site-button.site-btn-effect.mos-btn-outline.is-hover,
	.mos-button-preview .site-button.site-btn-effect.mos-btn-outline:hover,
	.mos-button-preview .site-button.site-btn-effect.mos-btn-outline.is-hover {
		border-color:var(--mos-header-accent-deep);
		background:var(--mos-header-accent-deep) !important;
		color:var(--mos-header-accent-ink) !important;
	}

	.page-wraper .site-button.site-btn-effect.mos-btn-outline:hover::after,
	.page-wraper .site-button.site-btn-effect.mos-btn-outline.is-hover::after,
	.mos-button-preview .site-button.site-btn-effect.mos-btn-outline:hover::after,
	.mos-button-preview .site-button.site-btn-effect.mos-btn-outline.is-hover::after { transform:translateX(.2rem); }

	.page-wraper .mos-btn-kinetic:hover::before,
	.page-wraper .mos-btn-kinetic.is-hover::before,
	.mos-button-preview .mos-btn-kinetic:hover::before,
	.mos-button-preview .mos-btn-kinetic.is-hover::before {
		opacity:0;
		transform:translateX(10%) scale(.96);
	}

	.page-wraper .mos-btn-kinetic:hover::after,
	.page-wraper .mos-btn-kinetic.is-hover::after,
	.mos-button-preview .mos-btn-kinetic:hover::after,
	.mos-button-preview .mos-btn-kinetic.is-hover::after {
		opacity:1;
		transform:translateX(0) scale(1);
	}

	.page-wraper .mos-inquiry-panel .mos-inquiry-details summary:hover {
		background:var(--mos-header-surface-active);
	}

	.page-wraper .contact-slide-hide .contact_close:hover,
	.page-wraper .contact-slide-hide:not(.mos-quote-overlay) .site-button:hover,
	.page-wraper .mos-quote-overlay .mos-quote-submit:hover {
		background:var(--mos-header-accent-deep);
		color:var(--mos-header-accent-ink);
	}

	.page-wraper .mos-quote-overlay .mos-quote-field input:hover,
	.page-wraper .mos-quote-overlay .mos-quote-field textarea:hover,
	.page-wraper .mos-quote-overlay .mos-quote-field select:hover {
		border-color:var(--mos-header-accent);
	}
}

@media (max-width:47.9375rem) {
	.page-wraper + .mos-sitewidget,
	.mos-sitewidget {
		display:block !important;
	}

	.page-wraper .contact-slide-hide:not(.mos-quote-overlay) .contact-nav {
		align-items:flex-start;
		padding:4.5rem var(--mos-header-space-md) var(--mos-header-space-lg);
	}

	.page-wraper .contact-slide-hide:not(.mos-quote-overlay) .contact-nav-info {
		padding:1rem !important;
	}

	.page-wraper .contact-slide-hide:not(.mos-quote-overlay) .mos-email-form {
		padding:0;
	}

	.page-wraper .mos-quote-form {
		padding:2rem var(--mos-header-space-md);
	}

	.page-wraper .mos-quote-fields {
		gap:.75rem;
	}
}

@media (min-width:62rem) {
  .page-wraper .header-style-4 .header-nav .nav > li:not(.mos-mega-parent):not(.mos-products-nav) > .sub-menu {
    margin-top:0;
    transform:translateY(.5rem);
    transition:opacity var(--mos-header-dur-short) var(--mos-header-ease-out),visibility var(--mos-header-dur-short) var(--mos-header-ease-out),transform var(--mos-header-dur-short) var(--mos-header-ease-out);
  }
  .page-wraper .header-style-4 .header-nav .nav > li:not(.mos-mega-parent):not(.mos-products-nav):hover > .sub-menu,
  .page-wraper .header-style-4 .header-nav .nav > li:not(.mos-mega-parent):not(.mos-products-nav):focus-within > .sub-menu { transform:translateY(0); }
}

@media (prefers-reduced-motion:reduce) {
	.page-wraper .contact-slide-hide,
	.page-wraper .header-style-4 .header-nav .nav > li:not(.mos-mega-parent):not(.mos-products-nav) > .sub-menu,
	.page-wraper .mos-inquiry-panel .mos-inquiry-details summary,
	.page-wraper .site-button.site-btn-effect,
	.page-wraper .mos-btn-outline::after,
	.page-wraper .mos-btn-kinetic::before,
	.page-wraper .mos-btn-kinetic::after,
	.mos-button-preview .site-button.site-btn-effect,
	.mos-button-preview .mos-btn-outline::after,
	.mos-button-preview .mos-btn-kinetic::before,
	.mos-button-preview .mos-btn-kinetic::after,
	body button.scroltop { transition-duration:1ms !important; }

	.page-wraper .site-button.site-btn-effect:active,
	.page-wraper .mos-btn-kinetic::before,
	.page-wraper .mos-btn-kinetic::after,
	.mos-button-preview .site-button.site-btn-effect,
	.mos-button-preview .mos-btn-kinetic::before,
	.mos-button-preview .mos-btn-kinetic::after { transform:none !important; }

	.page-wraper .mos-quote-submit[data-state="loading"]::after,
	.page-wraper .mos-inquiry-form--enhanced button[type="submit"][data-state="loading"]::after { animation-duration:1.5s; }
}

/* Hallmark | navigation refinement: quiet industrial surfaces, fast readable motion. */
@media (min-width:62rem) {
  .page-wraper .header-style-4 .header-nav .nav > li:not(.mos-products-nav) {
    position:relative;
  }

  .page-wraper .header-style-4 .header-nav .nav > li:not(.mos-products-nav) > .sub-menu {
    top:calc(100% - .125rem);
    left:50%;
    display:block !important;
    width:max-content;
    min-width:16.5rem;
    max-width:20rem;
    margin:0 !important;
    padding:.5rem;
    overflow:hidden;
    border:1px solid var(--mos-mega-rule);
    border-block-start:3px solid var(--mos-header-accent);
    border-radius:0 0 var(--mos-header-control-radius) var(--mos-header-control-radius);
    background:var(--mos-mega-paper);
    box-shadow:0 1.125rem 2.75rem var(--mos-mega-shadow);
    opacity:0;
    visibility:hidden;
    transform:translate3d(-50%,.625rem,0);
    transform-origin:50% 0;
    transition:opacity 160ms var(--mos-header-ease-out),transform 240ms var(--mos-header-ease-out),visibility 0s linear 240ms;
    pointer-events:none;
    will-change:opacity,transform;
    z-index:1095;
  }

  .page-wraper .header-style-4 .header-nav .nav > li:not(.mos-products-nav):hover > .sub-menu,
  .page-wraper .header-style-4 .header-nav .nav > li:not(.mos-products-nav):focus-within > .sub-menu {
    opacity:1;
    visibility:visible;
    transform:translate3d(-50%,0,0);
    transition-delay:0s;
    pointer-events:auto;
  }

  .page-wraper .header-style-4 .header-nav .nav > li:not(.mos-products-nav) > .sub-menu > li {
    border:0;
    border-block-end:1px solid var(--mos-mega-rule);
  }

  .page-wraper .header-style-4 .header-nav .nav > li:not(.mos-products-nav) > .sub-menu > li:last-child {
    border-block-end:0;
  }

  .page-wraper .header-style-4 .header-nav .nav > li:not(.mos-products-nav) > .sub-menu > li > a {
    position:relative;
    display:flex;
    min-height:44px;
    align-items:center;
    padding:.7rem .875rem .7rem 1rem !important;
    border-radius:.25rem;
    background:transparent;
    color:var(--mos-mega-ink);
    font-family:var(--mos-header-font-body);
    font-size:.875rem;
    font-weight:600;
    line-height:1.45;
    transition:background-color 160ms var(--mos-header-ease-out),color 160ms var(--mos-header-ease-out),transform 200ms var(--mos-header-ease-out);
  }

  .page-wraper .header-style-4 .header-nav .nav > li:not(.mos-products-nav) > .sub-menu > li > a::before {
    content:"";
    position:absolute;
    inset-block:.75rem;
    inset-inline-start:.375rem;
    width:2px;
    border-radius:999px;
    background:var(--mos-header-accent);
    opacity:0;
    transform:scaleY(.35);
    transition:opacity 160ms var(--mos-header-ease-out),transform 200ms var(--mos-header-ease-out);
  }

  .page-wraper .header-style-4 .header-nav .nav > li:not(.mos-products-nav) > .sub-menu > li > a:hover,
  .page-wraper .header-style-4 .header-nav .nav > li:not(.mos-products-nav) > .sub-menu > li > a:focus-visible {
    padding-left:1rem !important;
    background:var(--mos-mega-paper-raised);
    color:var(--mos-header-accent-strong);
    transform:translate3d(.1875rem,0,0);
  }

  .page-wraper .header-style-4 .header-nav .nav > li:not(.mos-products-nav) > .sub-menu > li > a:hover::before,
  .page-wraper .header-style-4 .header-nav .nav > li:not(.mos-products-nav) > .sub-menu > li > a:focus-visible::before {
    opacity:1;
    transform:scaleY(1);
  }

  .page-wraper .header-style-4 .header-nav .nav > li.mos-products-nav > .mos-category-menu {
    transform:translate3d(0,.625rem,0) scale(.992);
    transform-origin:50% 0;
    transition:opacity 160ms var(--mos-header-ease-out),transform 260ms var(--mos-header-ease-out),visibility 0s linear 260ms;
    will-change:opacity,transform;
  }

  .page-wraper .header-style-4 .header-nav .nav > li.mos-products-nav.is-mega-open > .mos-category-menu,
  .page-wraper .header-style-4 .header-nav .nav > li.mos-products-nav:focus-within > .mos-category-menu {
    transform:translate3d(0,0,0) scale(1);
  }

  .page-wraper .header-style-4 .header-nav .nav > li .mos-category-menu > li:not(.mos-mega-intro) > a,
  .page-wraper .header-style-4 .header-nav.nav-animation .nav > li .mos-category-menu > li:not(.mos-mega-intro) > a:hover {
    padding:1rem !important;
  }

  .page-wraper .mos-category-menu .mos-mega-copy {
    transition:transform 200ms var(--mos-header-ease-out);
  }

  .page-wraper .mos-category-menu > li > a:hover .mos-mega-copy,
  .page-wraper .mos-category-menu > li > a:focus-visible .mos-mega-copy {
    transform:translate3d(.1875rem,0,0);
  }
}

/* Mobile utility bar and off-canvas navigation. */
.mos-mobile-nav-backdrop {
  position:fixed;
  inset:0;
  z-index:995;
  display:block;
  padding:0;
  border:0;
  background:var(--mos-mobile-backdrop);
  opacity:0;
  visibility:hidden;
  transition:opacity var(--mos-header-dur-medium) var(--mos-header-ease-out),visibility 0s linear var(--mos-header-dur-medium);
  pointer-events:none;
}

.mos-mobile-nav-backdrop.is-visible {
  opacity:1;
  visibility:visible;
  transition-delay:0s;
  pointer-events:auto;
}

.mos-mobile-nav-backdrop:focus-visible {
  outline:2px solid var(--mos-header-focus);
  outline-offset:-4px;
}

@media (max-width:61.9375rem) {
  body.mos-mobile-nav-open { overflow:hidden; }

  .page-wraper .header-style-4 .top-bar {
    min-height:2.75rem;
  }

  .page-wraper .header-style-4 .top-bar .container {
    padding-inline:.75rem;
  }

  .page-wraper .header-style-4 .top-bar .d-flex {
    display:grid !important;
    grid-template-columns:minmax(5.5rem,.85fr) minmax(6rem,1fr) minmax(4.25rem,1.1fr);
    height:2.75rem;
    align-items:center;
    gap:.25rem;
    overflow:hidden;
    white-space:nowrap;
  }

  .page-wraper .header-style-4 .top-bar .wt-topbar-left,
  .page-wraper .header-style-4 .top-bar .wt-topbar-right,
  .page-wraper .header-style-4 .top-bar .wt-topbar-info,
  .page-wraper .header-style-4 .top-bar .wt-topbar-info-2 {
    display:contents !important;
    margin:0;
    padding:0;
  }

  .page-wraper .header-style-4 .top-bar .mos-topbar-address,
  .page-wraper .header-style-4 .top-bar .wt-topbar-right .wt-topbar-info-2 li {
    display:flex !important;
    width:100% !important;
    min-width:0;
    height:2.75rem;
    align-items:center;
    justify-content:flex-start;
    margin:0;
    padding:0 !important;
    border:0;
    overflow:hidden;
  }

  .page-wraper .header-style-4 .top-bar .wt-topbar-right .wt-topbar-info-2 li:first-child { order:1; }
  .page-wraper .header-style-4 .top-bar .wt-topbar-right .wt-topbar-info-2 li:nth-child(2) { order:2; }
  .page-wraper .header-style-4 .top-bar .mos-topbar-address { order:3; }

  .page-wraper .header-style-4 .top-bar .mos-topbar-label,
  .page-wraper .header-style-4 .top-bar .mos-topbar-address span {
    display:block;
    min-width:0;
    overflow:hidden;
    color:var(--mos-header-ink);
    font-size:.6875rem;
    line-height:1.2;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .page-wraper .header-style-4 .top-bar .mos-topbar-address i,
  .page-wraper .header-style-4 .top-bar .wt-topbar-info-2 a i {
    flex:0 0 auto;
    margin:0 .3125rem 0 0;
    font-size:.9375rem;
  }

  .page-wraper .header-style-4 .top-bar .mos-topbar-address {
    padding-inline:.375rem !important;
    color:var(--mos-header-ink);
  }

  .page-wraper .header-style-4 .top-bar .wt-topbar-info-2 a {
    display:flex;
    width:100%;
    min-width:0;
    height:2.75rem;
    align-items:center;
    justify-content:flex-start;
    padding-inline:.375rem;
    overflow:hidden;
    color:var(--mos-header-ink);
    font-size:.6875rem;
  }

  .page-wraper .mobile-sider-drawer-menu .header-nav {
    position:fixed;
    inset-block:0;
    inset-inline-start:0;
    z-index:1000;
    display:block !important;
    width:min(86vw,23.5rem) !important;
    height:100dvh !important;
    margin:0;
    overflow:hidden !important;
    border:0;
    background:var(--mos-header-surface);
    box-shadow:1.5rem 0 3.5rem var(--mos-header-shadow);
    transform:translate3d(-102%,0,0);
    transition:transform 320ms var(--mos-header-ease-out);
  }

  .page-wraper .mobile-sider-drawer-menu.active .header-nav {
    inset-inline-start:0;
    transform:translate3d(0,0,0);
  }

  .page-wraper .mobile-sider-drawer-menu .header-nav::before {
    content:"Navigation";
    position:absolute;
    inset-block-start:0;
    inset-inline:0;
    z-index:2;
    display:flex;
    height:4.5rem;
    align-items:center;
    padding-inline:1.25rem 4.5rem;
    border-block-end:1px solid var(--mos-header-rule);
    color:var(--mos-header-accent);
    font-family:var(--mos-header-font-nav);
    font-size:1.5rem;
    font-weight:600;
    letter-spacing:.04em;
  }

  .page-wraper .mobile-sider-drawer-menu .header-nav .nav,
  .page-wraper .is-fixed.mobile-sider-drawer-menu .header-nav .nav,
  .page-wraper .header-fixed.mobile-sider-drawer-menu .header-nav .nav {
    position:static;
    display:block;
    width:100%;
    height:100dvh !important;
    margin:0;
    padding:4.5rem .75rem 2rem;
    overflow-x:hidden;
    overflow-y:auto;
    background:transparent;
    scrollbar-color:var(--mos-header-accent) transparent;
    scrollbar-width:thin;
  }

  .page-wraper .mobile-sider-drawer-menu .header-nav .nav > li {
    position:relative;
    display:block;
    border-block-end:1px solid color-mix(in oklab,var(--mos-header-rule) 72%,transparent);
  }

  .page-wraper .header-style-4 .header-nav .nav > li > a,
  .page-wraper .is-fixed.mobile-sider-drawer-menu .header-nav .nav > li > a,
  .page-wraper .header-fixed.mobile-sider-drawer-menu .header-nav .nav > li > a {
    display:flex;
    min-height:3.5rem;
    align-items:center;
    justify-content:flex-start;
    margin:0 !important;
    padding:.75rem 3.5rem .75rem .75rem !important;
    border:0;
    border-radius:.25rem;
    background:transparent;
    color:var(--mos-header-ink);
    font-family:var(--mos-header-font-nav);
    font-size:1.375rem;
    font-weight:500;
    letter-spacing:.025em;
  }

  .page-wraper .header-style-4 .header-nav .nav > li.active > a,
  .page-wraper .header-style-4 .header-nav .nav > li.current-menu-item > a {
    background:var(--mos-header-surface-raised);
    color:var(--mos-header-accent);
  }

  .page-wraper .has-child > .submenu-toogle {
    position:absolute;
    inset-block-start:.375rem;
    inset-inline-end:.25rem;
    z-index:3;
    display:grid;
    width:2.75rem;
    height:2.75rem;
    place-items:center;
    padding:0;
    border:1px solid var(--mos-header-rule);
    border-radius:.25rem;
    background:var(--mos-header-surface-raised);
    color:var(--mos-header-muted);
    font-size:.875rem;
  }

  .page-wraper .has-child.nav-active > .submenu-toogle {
    border-color:var(--mos-header-accent);
    color:var(--mos-header-accent);
    transform:rotate(90deg);
  }

  .page-wraper .header-style-4 .header-nav .nav > li > .sub-menu,
  .page-wraper .header-style-4 .header-nav .nav > li > .mos-category-menu {
    position:static;
    display:none !important;
    width:auto;
    margin:0 !important;
    padding:0 .375rem;
    overflow:hidden;
    border:0;
    background:var(--mos-header-surface-raised);
    opacity:0;
    visibility:hidden;
    transform:translate3d(0,-.25rem,0);
  }

  .page-wraper .header-style-4 .header-nav .nav > li.nav-active > .sub-menu {
    display:block !important;
    padding-block:.375rem .625rem;
    opacity:1;
    visibility:visible;
    transform:translate3d(0,0,0);
    animation:mos-mobile-submenu-in 240ms var(--mos-header-ease-out) both;
  }

  .page-wraper .header-style-4 .header-nav .nav > li > .sub-menu > li {
    border:0;
  }

  .page-wraper .header-style-4 .header-nav .nav > li > .sub-menu > li > a,
  .page-wraper .header-style-4 .header-nav .nav > li .mos-mega-all-products {
    display:flex;
    min-height:2.75rem;
    align-items:center;
    padding:.625rem .75rem !important;
    border:0;
    border-radius:.25rem;
    background:transparent;
    color:var(--mos-header-muted) !important;
    font-family:var(--mos-header-font-body);
    font-size:.8125rem;
    font-weight:600;
    line-height:1.4;
  }

  .page-wraper .header-style-4 .header-nav .nav > li > .sub-menu > li > a:hover,
  .page-wraper .header-style-4 .header-nav .nav > li > .sub-menu > li > a:focus-visible {
    background:var(--mos-header-surface-active);
    color:var(--mos-header-ink) !important;
  }

  .page-wraper .mos-category-menu > .mos-mega-intro {
    padding:0 !important;
  }

  .page-wraper .header-style-4 .header-nav .nav > li .mos-mega-all-products {
    color:var(--mos-header-accent) !important;
  }

  .page-wraper .navbar-toggler {
    border:1px solid var(--mos-header-rule);
    border-radius:var(--mos-header-control-radius);
    background:var(--mos-header-surface-raised);
  }
}

@keyframes mos-mobile-submenu-in {
  from { opacity:0; transform:translate3d(0,-.25rem,0); }
  to { opacity:1; transform:translate3d(0,0,0); }
}

@media (prefers-reduced-motion:reduce) {
  .mos-mobile-nav-backdrop,
  .page-wraper .mobile-sider-drawer-menu .header-nav,
  .page-wraper .header-style-4 .header-nav .nav > li.nav-active > .sub-menu,
  .page-wraper .mos-category-menu .mos-mega-copy { transition-duration:1ms !important; }

  .page-wraper .header-style-4 .header-nav .nav > li.nav-active > .sub-menu { animation-duration:1ms !important; }
}

/* Header palette. Keep every color override inside this exact header component. */
.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu {
  --mos-shell-paper:oklch(99% .004 135);
  --mos-shell-paper-soft:oklch(96.5% .009 135);
  --mos-shell-paper-active:oklch(93.5% .018 135);
  --mos-shell-ink:oklch(24% .025 145);
  --mos-shell-muted:oklch(46% .025 145);
  --mos-shell-rule:oklch(87% .018 135);
  --mos-shell-accent-soft:oklch(94% .035 132);
  --mos-topbar-surface:#18231c;
  --mos-topbar-ink:#f4f6f3;
  --mos-topbar-icon:#78a942;
  --mos-topbar-link-hover:#9bc66a;
  --mos-topbar-rule:rgba(255,255,255,.12);
  background:var(--mos-shell-paper);
  color:var(--mos-shell-ink);
}

.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .top-bar {
  border:0;
  background-color:var(--mos-topbar-surface);
  color:var(--mos-topbar-ink);
}

.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .top-bar a,
.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .top-bar li,
.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .top-bar span {
  color:var(--mos-topbar-ink);
}

.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .top-bar li {
  border-right:1px solid var(--mos-topbar-rule);
}

.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .top-bar .wt-topbar-info-2 li:last-child {
  border-right:0;
}

.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .top-bar i {
  color:var(--mos-topbar-icon);
}

@media (max-width:61.9375rem) {
  .page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .top-bar .wt-topbar-info-2 li:last-child {
    border-right:1px solid var(--mos-topbar-rule);
  }

  .page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .top-bar .mos-topbar-address {
    border-right:0;
  }
}

.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .main-bar,
.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .is-fixed .main-bar,
.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .is-fixed.color-fill .main-bar {
  border-color:var(--mos-shell-rule);
  background:var(--mos-shell-paper);
  color:var(--mos-shell-ink);
}

.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .mos-brand-lockup,
.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .mos-brand-name-cn {
  color:var(--mos-shell-ink);
}

.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .mos-brand-name-en {
  color:var(--mos-shell-muted);
}

.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .mos-brand-copy::before {
  background:var(--mos-shell-rule);
}

.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav .nav > li > a {
  color:var(--mos-shell-ink);
}

.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav .nav > li.active > a,
.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav .nav > li.current-menu-item > a,
.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav .nav li.has-child.nav-active > a {
  color:var(--mos-header-accent-deep);
}

.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .mos-language-trigger,
.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-search,
.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .navbar-toggler {
  border-color:var(--mos-shell-rule);
  background:var(--mos-shell-paper-soft);
  color:var(--mos-shell-ink);
}

.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .mos-language-trigger > i,
.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-search-icon {
  color:var(--mos-shell-muted);
}

.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .navbar-toggler .icon-bar {
  background:var(--mos-shell-ink);
}

.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .mos-language-switch .dropdown-menu,
.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav .nav > li > .sub-menu,
.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav .nav > li > .mos-category-menu {
  border-color:var(--mos-shell-rule);
  background:var(--mos-shell-paper);
}

.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .mos-language-option,
.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav .nav > li > .sub-menu > li > a,
.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav .nav > li .mos-category-menu > li:not(.mos-mega-intro) > a,
.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .mos-mega-intro strong {
  color:var(--mos-shell-ink);
}

.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .mos-language-option small,
.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .mos-language-option > i,
.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .mos-mega-intro small,
.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .mos-mega-copy small,
.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .mos-mega-arrow {
  color:var(--mos-shell-muted);
}

.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .mos-language-option.is-active,
.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav .nav > li > .sub-menu > li.active > a,
.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav .nav > li > .sub-menu > li.current-menu-item > a,
.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav .nav > li > .sub-menu > li > a[aria-current],
.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav .nav > li .mos-category-menu > li.active > a,
.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav .nav > li .mos-category-menu > li.current-menu-item > a,
.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav .nav > li .mos-category-menu > li > a[aria-current] {
  border-color:color-mix(in oklab,var(--mos-header-accent) 42%,var(--mos-shell-rule));
  background:var(--mos-shell-accent-soft) !important;
  color:var(--mos-header-accent-deep) !important;
}

.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu #search {
  background:var(--mos-shell-paper);
  color:var(--mos-shell-ink);
}

.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu #search input,
.page-wraper .site-header.header-style-4.mobile-sider-drawer-menu #search .search-btn {
  color:var(--mos-shell-ink);
}

@media (min-width:62rem) {
  .page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav .nav > li .mos-mega-all-products {
    color:var(--mos-header-accent-ink) !important;
  }
}

@media (hover:hover) and (pointer:fine) {
  .page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav .nav > li:hover > a,
  .page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav .nav > li > .sub-menu > li > a:hover,
  .page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav .nav > li .mos-category-menu > li:not(.mos-mega-intro) > a:hover {
    color:var(--mos-header-accent-deep);
  }

  .page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .mos-language-trigger:hover,
  .page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .mos-language-option:hover,
  .page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-search-icon:hover {
    background:var(--mos-shell-paper-active);
    color:var(--mos-shell-ink);
  }
}

@media (max-width:61.9375rem) {
  .page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav {
    background:var(--mos-shell-paper);
    color:var(--mos-shell-ink);
  }

  .page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav::before {
    border-color:var(--mos-shell-rule);
    color:var(--mos-header-accent-deep);
  }

  .page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav .nav > li {
    border-color:var(--mos-shell-rule);
  }

  .page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav .nav > li > a {
    color:var(--mos-shell-ink);
  }

  .page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav .nav > li.active > a,
  .page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav .nav > li.current-menu-item > a {
    background:var(--mos-shell-accent-soft);
    color:var(--mos-header-accent-deep);
  }

  .page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .has-child > .submenu-toogle {
    border-color:var(--mos-shell-rule);
    background:var(--mos-shell-paper-soft);
    color:var(--mos-shell-muted);
  }

  .page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav .nav > li > .sub-menu,
  .page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav .nav > li > .mos-category-menu {
    background:var(--mos-shell-paper-soft);
  }

  .page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav .nav > li > .sub-menu > li > a,
  .page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav .nav > li .mos-mega-all-products {
    color:var(--mos-shell-muted) !important;
  }

  .page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav .nav > li > .sub-menu > li.active > a,
  .page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav .nav > li > .sub-menu > li.current-menu-item > a,
  .page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav .nav > li > .sub-menu > li > a[aria-current],
  .page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav .nav > li .mos-category-menu > li.active > a,
  .page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav .nav > li .mos-category-menu > li.current-menu-item > a,
  .page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav .nav > li .mos-category-menu > li > a[aria-current],
  .page-wraper .site-header.header-style-4.mobile-sider-drawer-menu .header-nav .nav > li .mos-mega-all-products {
    color:var(--mos-header-accent-deep) !important;
  }
}

/* Hallmark final cascade · locale type sizes must win over legacy wide-screen rules. */
@media (min-width:62rem) {
  html[lang="ru"] .page-wraper .site-header.header-style-4 .header-nav .nav > li > a,
  html[lang="zh"] .page-wraper .site-header.header-style-4 .header-nav .nav > li > a,
  html[lang="zh-CN"] .page-wraper .site-header.header-style-4 .header-nav .nav > li > a {
    padding-inline:clamp(0.375rem,0.58vw,0.6875rem);
    font-size:var(--text-locale-nav-desktop);
    letter-spacing:0;
    line-height:1.15;
  }
}

@media (max-width:61.9375rem) {
  html[lang="ru"] .page-wraper .site-header.header-style-4 .header-nav .nav > li > a,
  html[lang="zh"] .page-wraper .site-header.header-style-4 .header-nav .nav > li > a,
  html[lang="zh-CN"] .page-wraper .site-header.header-style-4 .header-nav .nav > li > a {
    font-size:var(--text-locale-nav-mobile);
    line-height:1.2;
  }
}