/* MM Oxygen logo palette and locally served Outfit. Keep this after the
   reference styles so every storefront surface shares one brand system. */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('fonts/outfit-latin-ext.woff2?ver=1') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0300-036F, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('fonts/outfit-latin.woff2?ver=1') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body.mmox-platform-active.mmox-reference-design {
  --mmox-brand-primary: #075fc6;
  --mmox-brand-primary-hover: #064aa1;
  --mmox-brand-cyan: #00a9e8;
  --mmox-brand-orange: #ff8a00;
  --mmox-brand-yellow: #ffc400;
  --mmox-brand-ink: #10365c;
  --mmox-brand-surface: #f8fbff;
  --mmox-brand-soft: #edf6ff;
  --mmox-brand-line: #d5e6f8;
  --mmox-blue: var(--mmox-brand-primary);
  --mmox-blue-hover: var(--mmox-brand-primary-hover);
  --mmox-blue-ink: #0753a8;
  --mmox-blue-ink-strong: #07396f;
  --mmox-on-blue: #fff;
  --mmox-blue-soft: var(--mmox-brand-soft);
  --mmox-blue-hover-soft: #e0efff;
  --mmox-blue-line: var(--mmox-brand-line);
  --mmox-blue-border-bright: #91c6fb;
  --mmox-blue-on-dark: #a8ddff;
  --mmox-blue-dark-surface: #123e6e;
  --mmox-blue-dark-line: #31608d;
  --mmox-blue-shadow: #075fc61a;
  --mmox-blue-focus: #075fc64d;
  --mmox-action-blue: var(--mmox-brand-primary);
  --mmox-action-hover: var(--mmox-brand-primary-hover);
  --mmox-copy: #526578;
  --e-global-color-primary: #075fc6;
  --e-global-color-secondary: #10365c;
  --e-global-color-text: #526578;
  --e-global-color-accent: #ff8a00;
  --e-global-typography-primary-font-family: 'Outfit';
  --e-global-typography-secondary-font-family: 'Outfit';
  --e-global-typography-text-font-family: 'Outfit';
  --e-global-typography-accent-font-family: 'Outfit';
  font-family: 'Outfit', system-ui, sans-serif;
  background: var(--mmox-brand-surface);
}
body.mmox-platform-active.mmox-reference-design :is(.mmox-view,.mmox-header,.mmox-footer,.mmox-mobile-nav,.mmox-support-strip,.elementor) {
  --teal: var(--mmox-brand-primary);
  --navy: var(--mmox-brand-ink);
  --muted: var(--mmox-copy);
  --pale: var(--mmox-brand-soft);
  --line: var(--mmox-brand-line);
  --e-global-color-primary: #075fc6;
  --e-global-color-secondary: #10365c;
  --e-global-color-text: #526578;
  --e-global-color-accent: #ff8a00;
  --e-global-typography-primary-font-family: 'Outfit';
  --e-global-typography-secondary-font-family: 'Outfit';
  --e-global-typography-text-font-family: 'Outfit';
  --e-global-typography-accent-font-family: 'Outfit';
  font-family: 'Outfit', system-ui, sans-serif;
}
/* Native Elementor widget typography may have its own saved family. Limit the
   explicit override to text elements; icon fonts retain their own selectors. */
body.mmox-platform-active.mmox-reference-design :is(.mmox-view,.mmox-header,.mmox-footer,.mmox-mobile-nav,.mmox-support-strip,.elementor) :is(h1,h2,h3,h4,h5,h6,p,a,button,input,select,textarea,label,summary,li,td,th,dt,dd,small,strong,em,b,blockquote,legend,figcaption,.elementor-heading-title,.elementor-widget-text-editor,.elementor-button-text,.woocommerce-Price-amount,.mmox-price) {
  font-family: 'Outfit', system-ui, sans-serif !important;
}
body.mmox-platform-active.mmox-reference-design :is(.mmox-view,.mmox-header,.mmox-footer,.mmox-mobile-nav,.mmox-support-strip,.elementor) span:not([class*='eicon']):not([class*='dashicons']):not([class*='fa-']):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not([class*='material-icons']):not([class*='material-symbols']):not([class*='icon-font']) {
  font-family: 'Outfit', system-ui, sans-serif !important;
}
body.mmox-platform-active.mmox-reference-design .mmox-view {
  background: var(--mmox-brand-surface);
}

/* Brand-blue actions; secondary and WhatsApp actions have separate surfaces. */
body.mmox-platform-active.mmox-reference-design :is(.mmox-view,.mmox-header,.mmox-footer,.mmox-support-strip) :is(.mmox-btn,.elementor-button,.button,.mmox-header-call,.mmox-header-phone,.mmox-support-action):not(:is(.mmox-btn-secondary,.mmox-whatsapp,.mmox-product-question,.mmox-support-action-secondary,.mmox-header-call,.mmox-header-phone)) {
  background: var(--mmox-brand-primary);
  border-color: var(--mmox-brand-primary);
  color: #fff;
}
body.mmox-platform-active.mmox-reference-design :is(.mmox-view,.mmox-header,.mmox-footer,.mmox-support-strip) :is(.mmox-btn,.elementor-button,.button,.mmox-header-call,.mmox-header-phone,.mmox-support-action):not(:is(.mmox-btn-secondary,.mmox-whatsapp,.mmox-product-question,.mmox-support-action-secondary,.mmox-header-call,.mmox-header-phone)):is(:hover,:focus-visible) {
  background: var(--mmox-brand-primary-hover);
  border-color: var(--mmox-brand-primary-hover);
  color: #fff;
}
body.mmox-platform-active.mmox-reference-design :is(.mmox-header-call,.mmox-header-phone) {
  background: var(--mmox-brand-primary);
  border-color: var(--mmox-brand-primary);
  color: #fff;
}
body.mmox-platform-active.mmox-reference-design :is(.mmox-header-call,.mmox-header-phone):is(:hover,:focus-visible) {
  background: var(--mmox-brand-primary-hover);
  border-color: var(--mmox-brand-primary-hover);
  color: #fff;
}
body.mmox-platform-active.mmox-reference-design .mmox-view :is(.mmox-btn-secondary,.mmox-support-action-secondary) {
  background: #fff;
  border-color: #b9d4f1;
  color: #0753a8;
}
body.mmox-platform-active.mmox-reference-design .mmox-view :is(.mmox-btn-secondary,.mmox-support-action-secondary):is(:hover,:focus-visible) {
  background: var(--mmox-brand-soft);
  border-color: #82b6ee;
  color: #07396f;
}
body.mmox-platform-active.mmox-reference-design .mmox-view :is(.mmox-whatsapp,.mmox-product-question) {
  background: #e9f9f0;
  color: #006b50;
  border-color: #bce8cf;
}
body.mmox-platform-active.mmox-reference-design .mmox-view :is(.mmox-whatsapp,.mmox-product-question):is(:hover,:focus-visible) {
  background: #ddf4e8;
  border-color: #91ceb0;
  color: #00563f;
}
body.mmox-platform-active.mmox-reference-design .mmox-view :is(.mmox-mode-tabs,.mmox-category-chips) > :is(a,button):is(.is-active,[aria-current=page]) {
  background: var(--mmox-brand-primary);
  border-color: var(--mmox-brand-primary);
  color: #fff;
}
body.mmox-platform-active.mmox-reference-design .mmox-view .mmox-thumbnail.is-active {
  border-color: var(--mmox-brand-primary);
}
body.mmox-platform-active.mmox-reference-design .mmox-view :is(.mmox-price,.mmox-main-price,.mmox-total-value) {
  color: #0753a8;
}
body.mmox-platform-active.mmox-reference-design .mmox-view :is(.mmox-section-title a,.mmox-breadcrumbs a,.mmox-filter-toggle) {
  color: #0753a8;
}
body.mmox-platform-active.mmox-reference-design .mmox-view :is(input[type=checkbox],input[type=radio]) {
  accent-color: var(--mmox-brand-primary);
}
body.mmox-platform-active.mmox-reference-design :is(.mmox-view,.mmox-header,.mmox-footer,.mmox-mobile-nav) :is(a,button,input,select,textarea,summary):focus-visible {
  outline-color: var(--mmox-brand-primary);
}

/* Existing header/footer and mobile navigation structure is unchanged. */
body.mmox-platform-active.mmox-reference-design .mmox-header nav a:is(.is-active,[aria-current=page],:hover) {
  color: #0753a8;
  background: var(--mmox-brand-soft);
}
body.mmox-platform-active.mmox-reference-design .mmox-cart-link {
  color: #10365c;
  border-color: var(--mmox-brand-line);
  background: var(--mmox-brand-soft);
}
body.mmox-platform-active.mmox-reference-design .mmox-support-strip {
  background: #10365c;
}
body.mmox-platform-active.mmox-reference-design .mmox-support-strip a {
  background: var(--mmox-brand-primary);
  border-color: #4b9ef4;
  color: #fff;
}
body.mmox-platform-active.mmox-reference-design .mmox-view .mmox-steps article > span,
body.mmox-platform-active.mmox-reference-design .mmox-view .mmox-steps article > .mmox-el-node > span,
body.mmox-platform-active.mmox-reference-design .mmox-view .mmox-steps article > .mmox-el-node > .elementor-widget-container > span,
body.mmox-platform-active.mmox-reference-design .mmox-view .mmox-steps .mmox-es-simple-step-number {
  background: #fff3df;
  color: #8a4700;
}
body.mmox-platform-active.mmox-reference-design .mmox-view .mmox-steps article:last-child > span,
body.mmox-platform-active.mmox-reference-design .mmox-view .mmox-steps article:last-child > .mmox-el-node > span,
body.mmox-platform-active.mmox-reference-design .mmox-view .mmox-steps article:last-child > .mmox-el-node > .elementor-widget-container > span,
body.mmox-platform-active.mmox-reference-design .mmox-view .mmox-steps article:last-child .mmox-es-simple-step-number {
  background: var(--mmox-brand-primary);
  color: #fff;
}
body.mmox-platform-active.mmox-reference-design .mmox-footer {
  background: #edf5ff;
  border-top-color: #d5e6f8;
}
body.mmox-platform-active.mmox-reference-design .mmox-footer h3 {
  color: #0753a8;
}
body.mmox-platform-active.mmox-reference-design .mmox-footer a:is(:hover,:focus-visible) {
  color: #0753a8;
}
body.mmox-platform-active.mmox-reference-design .mmox-mobile-nav {
  border-top-color: var(--mmox-brand-line);
}
body.mmox-platform-active.mmox-reference-design .mmox-mobile-nav a:is(.is-active,[aria-current=page]) {
  color: #0753a8;
}
body.mmox-platform-active.mmox-reference-design .mmox-mobile-nav a:hover {
  background: var(--mmox-brand-soft);
}
@media (max-width: 767px) {
  body.mmox-platform-active.mmox-reference-design :is(.mmox-header-call,.mmox-header-phone) {
    background: var(--mmox-brand-soft);
    border-color: var(--mmox-brand-line);
    color: #0753a8;
  }
}