/* MEIMX visual layer for ocStore 3.0.3.7 / Deals 2.2.0.
 * Adapted from the supplied MEIMX (2) design package, 2026-09-30.
 * Load after Deals all.css. Light-theme rules preserve the existing dark mode.
 * Product data, templates, IDs, routes and JavaScript handlers are unchanged.
 * All storefront routes use the locally hosted OFL DM Sans / Source Serif 4 fonts.
 */

/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url(../fonts/meimx/dm-sans-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url(../fonts/meimx/dm-sans-latin.woff2) 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;
}

/* latin-ext */
@font-face {
  font-family: 'Source Serif 4';
  font-style: italic;
  font-weight: 300 400;
  font-display: swap;
  src: url(../fonts/meimx/source-serif-4-italic-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Source Serif 4';
  font-style: italic;
  font-weight: 300 400;
  font-display: swap;
  src: url(../fonts/meimx/source-serif-4-italic-latin.woff2) 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;
}

:root:not(.dark-theme) {
  --mx-green-1: #00CA9F; --mx-green-2: #009E82; --mx-green-3: #146464; --mx-green-4: #1F4855; --mx-dark: #151833; --mx-coral: #E5544E; --mx-mint: #EDF9F3; --mx-mint-2: #B9E6D6; --mx-ivory: #FCF9F6; --mx-cream: #F6F0EA; --mx-muted: #666B74; --mx-muted-2: #A7ACB1; --mx-border: #DCE3E2; --mx-border-2: #EDF0EF; --mx-footer: linear-gradient(180deg,#146464 0%,#1F4855 55%,#151833 100%); --mx-shadow-card: 0 1px 2px rgba(31,72,85,.06); --mx-shadow-float: 0 12px 40px rgba(31,72,85,.14); --mx-focus: 0 0 0 3px rgba(0,202,159,.40); --mx-ease: cubic-bezier(.22,.61,.36,1); --mx-r-sm: 8px; --mx-r-md: 12px; --mx-r-lg: 24px; --mx-r-xl: 32px; --mx-r-pill: 999px; --mx-font: "Helvetica Neue",Arial,sans-serif; --mx-serif: Georgia,"Times New Roman",serif; --ds-main-font: var(--mx-font); --ds-primary-color: var(--mx-green-4); --ds-blue-color: var(--mx-green-3); --ds-links-color: var(--mx-green-3); --ds-green-color: var(--mx-green-2); --ds-red-color: var(--mx-coral); --ds-yellow-color: var(--mx-green-2); --ds-interactive-color: var(--mx-green-2); --ds-body-bg-light-color: var(--mx-ivory); --ds-footer-bg-light-color: transparent; --ds-primary-dark-color-light: var(--mx-green-4); --ds-secondary-dark-color-light: var(--mx-green-3); --ds-primary-light-color-light: var(--mx-mint); --ds-light-text-color-light: var(--mx-muted); --ds-border-color-light: var(--mx-border); --ds-form-control-focus-color-light: var(--mx-mint-2); --ds-light-shadow-light: var(--mx-shadow-card); --ds-medium-shadow-light: var(--mx-shadow-card); --ds-dark-shadow-light: var(--mx-shadow-float); --ds-product-hover-shadow-light: var(--mx-shadow-card); --ds-product-actions-bg-light: var(--mx-mint); --ds-popup-close-btn-bg-light: var(--mx-mint); --ds-error-bg-color: #FDECEB; --ds-error-border-color: var(--mx-coral); --ds-main-transition: .2s var(--mx-ease); --bs-body-font-family: var(--mx-font); --bs-body-color: var(--mx-green-4); --bs-body-bg: var(--mx-ivory); --bs-link-color: var(--mx-green-3); --bs-link-hover-color: var(--mx-green-4); --bs-border-color: var(--mx-border); --bs-border-radius: var(--mx-r-sm);
}

html:not(.dark-theme) {
  scroll-behavior: auto;
}

:where(html:not(.dark-theme)) body {
  background: var(--mx-ivory); color: var(--mx-green-4); font-family: var(--mx-font); font-size: 16px; line-height: 1.5; -webkit-font-smoothing: antialiased;
}

:where(html:not(.dark-theme)) a {
  color: var(--mx-green-3); text-underline-offset: 3px; text-decoration-thickness: 1px; transition: opacity .2s var(--mx-ease),color .2s var(--mx-ease);
}

:where(html:not(.dark-theme)) a:hover {
  color: var(--mx-green-3); opacity: 0.8;
}

:where(html:not(.dark-theme)) h1,
:where(html:not(.dark-theme)) h2,
:where(html:not(.dark-theme)) h3,
:where(html:not(.dark-theme)) h4,
:where(html:not(.dark-theme)) .h1,
:where(html:not(.dark-theme)) .h2,
:where(html:not(.dark-theme)) .h3,
:where(html:not(.dark-theme)) .h4 {
  font-family: var(--mx-font); font-weight: 400; color: var(--mx-green-4); letter-spacing: -0.01em; line-height: 1.1;
}

:where(html:not(.dark-theme)) h1,
:where(html:not(.dark-theme)) .h1 {
  font-size: clamp(34px, 4vw, 56px); letter-spacing: -0.02em; line-height: 1.02;
}

:where(html:not(.dark-theme)) h2,
:where(html:not(.dark-theme)) .h2 {
  font-size: clamp(28px, 3.2vw, 44px);
}

:where(html:not(.dark-theme)) h3,
:where(html:not(.dark-theme)) .h3 {
  font-size: clamp(22px, 2vw, 28px);
}

:where(html:not(.dark-theme)) .fw-700,
:where(html:not(.dark-theme)) .fw-600 {
  font-weight: 500 !important;
}

:where(html:not(.dark-theme)) .fw-500 {
  font-weight: 500 !important;
}

:where(html:not(.dark-theme)) .fw-300 {
  font-weight: 400 !important;
}

:where(html:not(.dark-theme)) .dark-text {
  color: var(--mx-green-4) !important;
}

:where(html:not(.dark-theme)) .secondary-text {
  color: var(--mx-green-3) !important;
}

:where(html:not(.dark-theme)) .light-text {
  color: var(--mx-muted) !important;
}

:where(html:not(.dark-theme)) .blue-link,
:where(html:not(.dark-theme)) .blue-link:hover {
  color: var(--mx-green-3) !important;
}

:where(html:not(.dark-theme)) .red-text {
  color: var(--mx-coral) !important;
}

:where(html:not(.dark-theme)) .green-text {
  color: var(--mx-green-3) !important;
}

:where(html:not(.dark-theme)) .red-bg {
  background: var(--mx-coral) !important;
}

:where(html:not(.dark-theme)) .mx-serif,
:where(html:not(.dark-theme)) em.mx-serif {
  font-family: var(--mx-serif); font-style: italic; font-weight: 300; letter-spacing: 0px;
}

:where(html:not(.dark-theme)) .meimx-eyebrow,
:where(html:not(.dark-theme)) .meimx-popular-menu-kicker,
:where(html:not(.dark-theme)) .ds-footer-item-title,
:where(html:not(.dark-theme)) .ds-column-title,
:where(html:not(.dark-theme)) .ds-category-sort-title,
:where(html:not(.dark-theme)) .content-block-title,
:where(html:not(.dark-theme)) .ds-product-tab-content-title {
  letter-spacing: 0.12em; text-transform: uppercase; color: var(--mx-green-3); font-size: 12px !important; font-weight: 500 !important;
}

:where(html:not(.dark-theme)) ::selection {
  background: var(--mx-mint-2); color: var(--mx-green-4);
}

:where(html:not(.dark-theme)) :focus-visible {
  outline: none; box-shadow: var(--mx-focus);
}

:where(html:not(.dark-theme)) .container-xl {
  max-width: 1440px; padding-left: clamp(16px, 4vw, 64px); padding-right: clamp(16px, 4vw, 64px);
}

:where(html:not(.dark-theme)) .content-block,
:where(html:not(.dark-theme)) .content-block-p24,
:where(html:not(.dark-theme)) .ocf-description,
:where(html:not(.dark-theme)) .ocf-description-p24 {
  background: rgb(255, 255, 255); box-shadow: var(--mx-shadow-card); color: var(--mx-green-4); padding: 24px; border: 0px !important; border-radius: var(--mx-r-lg) !important;
}

:where(html:not(.dark-theme)) .content-block:hover {
  box-shadow: var(--mx-shadow-card);
}

:where(html:not(.dark-theme)) .content-block-text {
  color: var(--mx-green-4);
}

:where(html:not(.dark-theme)) .content-block-text p,
:where(html:not(.dark-theme)) .ds-information p,
:where(html:not(.dark-theme)) .ds-blog-post-text p {
  font-size: 17px; line-height: 1.6; color: var(--mx-green-4);
}

:where(html:not(.dark-theme)) .ds-page-title {
  padding: 24px 0px 8px;
}

:where(html:not(.dark-theme)) .ds-page-title h1 {
  font-weight: 400; line-height: 1.05;
}

:where(html:not(.dark-theme)) .ds-breadcrumb {
  padding: 20px 0px 0px; font-size: 13px;
}

:where(html:not(.dark-theme)) .ds-breadcrumb-item,
:where(html:not(.dark-theme)) .ds-breadcrumb-item a {
  color: var(--mx-muted); white-space: nowrap;
}

:where(html:not(.dark-theme)) .ds-breadcrumb-item a:hover {
  color: var(--mx-green-3);
}

:where(html:not(.dark-theme)) .breadcrumb-item + .breadcrumb-item::before {
  color: var(--mx-muted-2);
}

:where(html:not(.dark-theme)) .button {
  font-family: var(--mx-font); font-weight: 500; font-size: 15px; letter-spacing: 0px; padding: 12px 24px; min-height: 48px; transition: background-color .2s var(--mx-ease),border-color .2s var(--mx-ease),color .2s var(--mx-ease),transform .12s var(--mx-ease),opacity .2s var(--mx-ease); border-radius: var(--mx-r-pill) !important; text-shadow: none !important;
}

:where(html:not(.dark-theme)) .button:active:not([disabled]) {
  transform: scale(0.98);
}

:where(html:not(.dark-theme)) .button.button-primary {
  background: var(--mx-green-4); border-color: var(--mx-green-4); color: rgb(255, 255, 255);
}

:where(html:not(.dark-theme)) .button.button-primary:hover:not([disabled]),
:where(html:not(.dark-theme)) .button.button-primary:focus:not([disabled]) {
  background: rgb(23, 56, 69); border-color: rgb(23, 56, 69); color: rgb(255, 255, 255); text-shadow: none;
}

:where(html:not(.dark-theme)) .button.button-primary svg path {
  fill: rgb(255, 255, 255);
}

:where(html:not(.dark-theme)) .button.button-outline-primary {
  border: 1px solid var(--mx-green-4); color: var(--mx-green-4); background: transparent;
}

:where(html:not(.dark-theme)) .button.button-outline-primary:hover:not([disabled]),
:where(html:not(.dark-theme)) .button.button-outline-primary:focus:not([disabled]) {
  background: var(--mx-mint); border-color: var(--mx-green-4); color: var(--mx-green-4);
}

:where(html:not(.dark-theme)) .button.button-outline-primary svg path {
  fill: var(--mx-green-4);
}

:where(html:not(.dark-theme)) .button.button-light {
  background: var(--mx-mint); border-color: var(--mx-mint); color: var(--mx-green-4);
}

:where(html:not(.dark-theme)) .button.button-light:hover:not([disabled]) {
  background: var(--mx-mint-2); text-shadow: none;
}

:where(html:not(.dark-theme)) .button.button-transparent {
  background: transparent; border-color: transparent; color: var(--mx-green-4); min-height: 0px;
}

:where(html:not(.dark-theme)) .button.button-transparent:hover {
  opacity: 0.8;
}

:where(html:not(.dark-theme)) .button-small {
  min-height: 36px; padding: 6px 16px; font-size: 14px;
}

:where(html:not(.dark-theme)) .button-large {
  min-height: 56px; padding: 14px 32px; font-size: 16px;
}

:where(html:not(.dark-theme)) .button[disabled],
:where(html:not(.dark-theme)) .button.button-disabled {
  opacity: 1; background: var(--mx-border) !important; border-color: var(--mx-border) !important; color: var(--mx-muted-2) !important;
}

:where(html:not(.dark-theme)) .button.added,
:where(html:not(.dark-theme)) #button-cart.added,
:where(html:not(.dark-theme)) .ds-module-cart-btn.added,
:where(html:not(.dark-theme)) .ds-category-cart-btn.added,
:where(html:not(.dark-theme)) .ds-product-fixed-cart-btn.added {
  background: var(--mx-green-2) !important; border-color: var(--mx-green-2) !important; color: rgb(255, 255, 255) !important;
}

:where(html:not(.dark-theme)) .badge.rounded-pill {
  font-weight: 500; background: var(--mx-green-1) !important; color: var(--mx-green-4) !important;
}

:where(html:not(.dark-theme)) .form-control,
:where(html:not(.dark-theme)) .form-select,
:where(html:not(.dark-theme)) textarea.form-control {
  background: rgb(255, 255, 255); color: var(--mx-green-4); font-family: var(--mx-font); min-height: 48px; padding: 12px 16px; box-shadow: none; border: 1px solid var(--mx-border) !important; border-radius: var(--mx-r-sm) !important; font-size: 15px !important;
}

:where(html:not(.dark-theme)) .form-control::placeholder {
  color: var(--mx-muted-2);
}

:where(html:not(.dark-theme)) .form-control:focus,
:where(html:not(.dark-theme)) .form-select:focus {
  outline: 0px; border-color: var(--mx-green-2) !important; box-shadow: var(--mx-focus) !important;
}

:where(html:not(.dark-theme)) .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%231F4855' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); font-weight: 400 !important; color: var(--mx-green-4) !important;
}

:where(html:not(.dark-theme)) label,
:where(html:not(.dark-theme)) .form-label {
  color: var(--mx-green-4); font-size: 14px;
}

:where(html:not(.dark-theme)) .form-check-input:checked {
  background-color: var(--mx-green-4); border-color: var(--mx-green-4);
}

:where(html:not(.dark-theme)) .ds-header {
  backdrop-filter: none; border-bottom: 1px solid var(--mx-border); background: rgba(255, 255, 255, 0.88) !important; box-shadow: none !important; padding-top: 0px !important; padding-bottom: 0px !important;
}

:where(html:not(.dark-theme)) .ds-header > .container-xl > .d-flex {
  min-height: 80px; margin-bottom: 0px !important;
}

@media (max-width: 767.98px) {
:where(html:not(.dark-theme)) .ds-header > .container-xl > .d-flex {
  min-height: 64px;
}
}

:where(html:not(.dark-theme)) #logo {
  height: 28px; width: auto;
}

:where(html:not(.dark-theme)) .ds-header-catalog-button {
  width: auto; min-height: 44px; padding: 10px 20px; border-width: 1px !important;
}

:where(html:not(.dark-theme)) .ds-header-catalog-button .button-text {
  font-weight: 500; font-size: 14px !important;
}

:where(html:not(.dark-theme)) .ds-header .button-transparent svg path {
  fill: var(--mx-green-4);
}

:where(html:not(.dark-theme)) .ds-header .ds-header-user-button .fsz-12 {
  font-size: 14px !important; font-weight: 400 !important;
}

:where(html:not(.dark-theme)) .ds-header .ds-header-phone-button .fsz-12 {
  font-size: 14px !important; font-weight: 400 !important;
}

:where(html:not(.dark-theme)) .ds-header .badge.rounded-pill {
  min-width: 18px; height: 18px; line-height: 18px; padding: 0px 5px; font-size: 11px;
}

:where(html:not(.dark-theme)) .ds-header-search .form-control {
  background: rgb(255, 255, 255); height: 44px; min-height: 44px; padding: 10px 44px 10px 18px; border: 1px solid var(--mx-border) !important; border-radius: var(--mx-r-pill) !important; font-size: 14px !important;
}

:where(html:not(.dark-theme)) .ds-header-search .form-control:focus {
  border-color: var(--mx-green-2) !important;
}

:where(html:not(.dark-theme)) .ds-dropdown-inner {
  border: 1px solid var(--mx-border); border-radius: var(--mx-r-md); box-shadow: var(--mx-shadow-float); background: rgb(255, 255, 255);
}

:where(html:not(.dark-theme)) .ds-dropdown-title svg path {
  fill: var(--mx-green-4);
}

:where(html:not(.dark-theme)) .ds-header-user-logged {
  background: var(--mx-mint);
}

:where(html:not(.dark-theme)) .ds-menu-catalog {
  background: rgb(255, 255, 255); border-radius: 0 var(--mx-r-lg) var(--mx-r-lg) 0;
}

:where(html:not(.dark-theme)) .ds-sidebar-header {
  border-bottom: 1px solid var(--mx-border);
}

:where(html:not(.dark-theme)) .ds-menu-catalog-item,
:where(html:not(.dark-theme)) .ds-menu-maincategories-item-title {
  color: var(--mx-green-4) !important; font-size: 15px !important;
}

:where(html:not(.dark-theme)) .ds-menu-catalog-item a:hover {
  color: var(--mx-green-3);
}

:where(html:not(.dark-theme)) .ds-menu-catalog-item svg path {
  fill: var(--mx-muted);
}

:where(html:not(.dark-theme)) .meimx-popular-menu-heading {
  color: var(--mx-green-4);
}

:where(html:not(.dark-theme)) .meimx-popular-menu-title {
  font-weight: 400; font-size: 18px; color: var(--mx-green-4);
}

:where(html:not(.dark-theme)) .meimx-popular-menu-spark {
  color: var(--mx-green-1);
}

:where(html:not(.dark-theme)) .meimx-popular-menu-card {
  background: var(--mx-mint); border: 0px; border-radius: var(--mx-r-md); color: var(--mx-green-4);
}

:where(html:not(.dark-theme)) .meimx-popular-menu-card:hover {
  background: var(--mx-mint-2);
}

:where(html:not(.dark-theme)) .meimx-popular-menu-mark {
  background: rgb(255, 255, 255); color: var(--mx-green-3); border-radius: var(--mx-r-pill); font-weight: 500;
}

:where(html:not(.dark-theme)) .meimx-popular-menu-arrow {
  color: var(--mx-green-3);
}

:where(html:not(.dark-theme)) .ds-mobile-bottom-nav {
  backdrop-filter: none; border-top: 1px solid var(--mx-border); background: rgba(255, 255, 255, 0.94) !important; border-radius: 16px 16px 0px 0px !important; box-shadow: none !important; color: var(--mx-muted) !important;
}

:where(html:not(.dark-theme)) .ds-mobile-bottom-nav-item {
  color: var(--mx-muted);
}

:where(html:not(.dark-theme)) .ds-mobile-bottom-nav-item.active,
:where(html:not(.dark-theme)) .ds-mobile-bottom-nav-item:hover {
  color: var(--mx-green-4);
}

:where(html:not(.dark-theme)) .ds-mobile-bottom-nav-item-badge {
  background: var(--mx-green-1); color: var(--mx-green-4);
}

:where(html:not(.dark-theme)) .ds-mobile-bottom-nav-item svg {
  stroke: currentcolor;
}

:where(html:not(.dark-theme)) .ds-module-item .content-block {
  padding: 24px; transition: box-shadow .2s var(--mx-ease),transform .2s var(--mx-ease); border-radius: var(--mx-r-lg) !important;
}

:where(html:not(.dark-theme)) .ds-module-item .content-block:hover {
  box-shadow: var(--mx-shadow-float);
}

:where(html:not(.dark-theme)) .ds-module-img-box {
  background: var(--mx-cream); border-radius: var(--mx-r-md); padding: 16px;
}

:where(html:not(.dark-theme)) .ds-module-img img {
  mix-blend-mode: multiply;
}

:where(html:not(.dark-theme)) .ds-module-buttons {
  background: rgba(255, 255, 255, 0.7); backdrop-filter: none; padding: 4px; border-radius: var(--mx-r-pill) !important;
}

:where(html:not(.dark-theme)) .ds-module-button svg path {
  fill: var(--mx-green-4);
}

:where(html:not(.dark-theme)) .ds-module-title,
:where(html:not(.dark-theme)) .ds-module-item:hover .ds-module-title {
  color: var(--mx-green-4); font-size: 16px; line-height: 1.3; font-weight: 500 !important;
}

:where(html:not(.dark-theme)) .ds-module-title:hover {
  color: var(--mx-green-3); text-decoration: none;
}

:where(html:not(.dark-theme)) .ds-module-code {
  font-size: 13px; color: var(--mx-muted);
}

:where(html:not(.dark-theme)) .ds-module-stock {
  font-size: 13px; color: var(--mx-green-3) !important;
}

:where(html:not(.dark-theme)) .ds-module-stock.light-text {
  color: var(--mx-muted) !important;
}

:where(html:not(.dark-theme)) .ds-category-item-rating {
  border-top: 1px solid var(--mx-border); padding-top: 12px; margin-top: 12px;
}

:where(html:not(.dark-theme)) .ds-module-rating-star {
  width: 14px; height: 14px; filter: hue-rotate(115deg) saturate(1.4) brightness(0.85);
}

:where(html:not(.dark-theme)) .ds-module-reviews svg path {
  fill: var(--mx-muted);
}

:where(html:not(.dark-theme)) .ds-module-reviews .fsz-10 {
  font-size: 13px !important; color: var(--mx-muted) !important;
}

:where(html:not(.dark-theme)) .ds-price-new {
  letter-spacing: -0.01em; color: var(--mx-green-3) !important; font-size: 24px !important; font-weight: 400 !important;
}

:where(html:not(.dark-theme)) .ds-price-new.red-text {
  color: var(--mx-green-3) !important;
}

:where(html:not(.dark-theme)) .ds-price-old {
  color: var(--mx-muted) !important; font-size: 14px !important; font-weight: 400 !important;
}

:where(html:not(.dark-theme)) .price-tax {
  color: var(--mx-muted) !important;
}

:where(html:not(.dark-theme)) .ds-module-cart {
  padding-top: 12px;
}

:where(html:not(.dark-theme)) .ds-module-cart-btn,
:where(html:not(.dark-theme)) .ds-category-cart-btn {
  min-height: 40px; padding: 8px 18px; font-size: 14px !important; background: var(--mx-green-4) !important; border-color: var(--mx-green-4) !important; color: rgb(255, 255, 255) !important;
}

:where(html:not(.dark-theme)) .ds-module-cart-btn svg path,
:where(html:not(.dark-theme)) .ds-category-cart-btn svg path {
  fill: rgb(255, 255, 255) !important;
}

:where(html:not(.dark-theme)) .ds-module-cart-btn:hover,
:where(html:not(.dark-theme)) .ds-category-cart-btn:hover {
  background: rgb(23, 56, 69) !important;
}

:where(html:not(.dark-theme)) .ds-module-quantity {
  border: 1px solid var(--mx-border); background: rgb(255, 255, 255); border-radius: var(--mx-r-pill) !important;
}

:where(html:not(.dark-theme)) .ds-module-quantity .form-control {
  min-height: 36px; padding: 0px; text-align: center; background: transparent; border: 0px !important;
}

:where(html:not(.dark-theme)) .ds-module-quantity-btn svg path {
  fill: var(--mx-green-4);
}

:where(html:not(.dark-theme)) .ds-module-sticker {
  letter-spacing: 0.06em; text-transform: uppercase; padding: 4px 10px; background: var(--mx-green-4); border-radius: var(--mx-r-pill) !important; font-size: 11px !important;
}

:where(html:not(.dark-theme)) .ds-module-sticker-green {
  background: var(--mx-green-2);
}

:where(html:not(.dark-theme)) .ds-module-sticker-red,
:where(html:not(.dark-theme)) .ds-module-sticker.red-bg {
  background: var(--mx-coral) !important;
}

:where(html:not(.dark-theme)) .ds-module-sticker-purple,
:where(html:not(.dark-theme)) .ds-module-sticker-blue,
:where(html:not(.dark-theme)) .ds-module-sticker-yellow {
  background: var(--mx-green-3);
}

:where(html:not(.dark-theme)) .ds-module-attributes {
  border-top: 1px dashed var(--mx-border); padding-top: 12px; margin-top: 12px; color: var(--mx-green-4);
}

:where(html:not(.dark-theme)) .ds-no-stock img {
  filter: grayscale(1); opacity: 0.6;
}

:where(html:not(.dark-theme)) .ds-category-sort {
  background: transparent !important; box-shadow: none !important; padding: 0px !important; border-radius: 0px !important; margin-bottom: 24px !important;
}

:where(html:not(.dark-theme)) .ds-category-sort .form-select {
  min-height: 40px; padding: 6px 36px 6px 14px; width: auto; border-radius: var(--mx-r-pill) !important; font-size: 14px !important;
}

:where(html:not(.dark-theme)) .ds-category-sort-title {
  white-space: nowrap; margin-right: 12px;
}

:where(html:not(.dark-theme)) .ds-category-appearance {
  background: rgb(255, 255, 255); border: 1px solid var(--mx-border); padding: 4px; border-radius: var(--mx-r-pill) !important;
}

:where(html:not(.dark-theme)) .ds-category-appearance-btn {
  width: 32px; height: 32px; background: transparent; border-radius: var(--mx-r-pill) !important;
}

:where(html:not(.dark-theme)) .ds-category-appearance-btn.active {
  background: var(--mx-mint);
}

:where(html:not(.dark-theme)) .ds-category-appearance-btn.active svg path {
  fill: var(--mx-green-4);
}

:where(html:not(.dark-theme)) .ds-category-description {
  color: var(--mx-green-4);
}

:where(html:not(.dark-theme)) .ds-category-description-text {
  font-size: 17px; line-height: 1.6; color: var(--mx-green-4) !important;
}

:where(html:not(.dark-theme)) .ds-category-description-text-toggle {
  color: var(--mx-green-3) !important;
}

:where(html:not(.dark-theme)) .ds-subcategories-item .content-block {
  padding: 16px 20px; background: var(--mx-mint); box-shadow: none; border-radius: var(--mx-r-pill) !important;
}

:where(html:not(.dark-theme)) .ds-subcategories-item .content-block:hover {
  background: var(--mx-mint-2);
}

:where(html:not(.dark-theme)) .ds-subcategories-title {
  color: var(--mx-green-4) !important; font-weight: 500 !important; font-size: 14px !important;
}

:where(html:not(.dark-theme)) .ds-column .content-block {
  padding: 24px;
}

:where(html:not(.dark-theme)) .meimx-category-nav-title {
  color: var(--mx-green-3);
}

:where(html:not(.dark-theme)) .meimx-category-nav-link {
  color: var(--mx-green-4); border-radius: var(--mx-r-sm);
}

:where(html:not(.dark-theme)) .meimx-category-nav-link:hover,
:where(html:not(.dark-theme)) .meimx-category-nav-item.active > .meimx-category-nav-row .meimx-category-nav-link {
  background: var(--mx-mint); color: var(--mx-green-4);
}

:where(html:not(.dark-theme)) .meimx-category-nav-count {
  color: var(--mx-muted);
}

:where(html:not(.dark-theme)) .meimx-category-nav-toggle {
  color: var(--mx-muted);
}

:where(html:not(.dark-theme)) .ds-column-categories-item a {
  color: var(--mx-green-4);
}

:where(html:not(.dark-theme)) .pagination .page-link {
  border: 1px solid var(--mx-border); color: var(--mx-green-4); margin: 0px 3px; min-width: 40px; height: 40px; display: grid; place-items: center; background: rgb(255, 255, 255); border-radius: var(--mx-r-pill) !important;
}

:where(html:not(.dark-theme)) .pagination .page-item.active .page-link {
  background: var(--mx-green-4); border-color: var(--mx-green-4); color: rgb(255, 255, 255);
}

:where(html:not(.dark-theme)) .pagination .page-link:hover {
  background: var(--mx-mint); color: var(--mx-green-4);
}

:where(html:not(.dark-theme)) #product-product .ds-page-title h1 {
  font-size: clamp(30px, 3.4vw, 48px);
}

:where(html:not(.dark-theme)) .ds-product-images .content-block,
:where(html:not(.dark-theme)) .ds-product-images-main {
  box-shadow: none; background: var(--mx-cream) !important; border-radius: var(--mx-r-xl) !important;
}

:where(html:not(.dark-theme)) .ds-product-images img {
  mix-blend-mode: multiply;
}

:where(html:not(.dark-theme)) .ds-product-main .content-block {
  padding: 32px;
}

:where(html:not(.dark-theme)) .ds-product-main-price .ds-price-new,
:where(html:not(.dark-theme)) .ds-product-main-price .fsz-24,
:where(html:not(.dark-theme)) .ds-product-main-price .fsz-32 {
  color: var(--mx-green-3) !important; font-size: 32px !important; font-weight: 400 !important;
}

:where(html:not(.dark-theme)) .ds-product-main-stock {
  color: var(--mx-green-3);
}

:where(html:not(.dark-theme)) .ds-product-main-attributes-item,
:where(html:not(.dark-theme)) .ds-product-attributes-item {
  border-bottom: 1px dashed var(--mx-border); padding: 10px 0px; color: var(--mx-green-4);
}

:where(html:not(.dark-theme)) .ds-product-main-cart-button,
:where(html:not(.dark-theme)) #button-cart {
  min-height: 56px; font-size: 16px;
}

:where(html:not(.dark-theme)) .ds-product-wishlist-compare .button,
:where(html:not(.dark-theme)) .ds-product-wishlist .button,
:where(html:not(.dark-theme)) .ds-product-compare .button {
  color: var(--mx-green-4);
}

:where(html:not(.dark-theme)) .ds-product-tags a {
  background: var(--mx-mint); color: var(--mx-green-4); border-radius: var(--mx-r-pill); padding: 6px 14px; font-size: 13px; text-decoration: none;
}

:where(html:not(.dark-theme)) .ds-product-tabs-box {
  background: var(--mx-ivory) !important; box-shadow: none !important; padding: 8px 0px !important; border-radius: 0px !important;
}

:where(html:not(.dark-theme)) .ds-product-tabs {
  gap: 8px; scrollbar-width: none; border: 0px !important;
}

:where(html:not(.dark-theme)) .ds-product-tabs::-webkit-scrollbar {
  display: none;
}

:where(html:not(.dark-theme)) .ds-product-main-stock,
:where(html:not(.dark-theme)) .ds-product-main-stock * {
  white-space: nowrap;
}

:where(html:not(.dark-theme)) .ds-product-tabs-item {
  letter-spacing: 0.02em; border-radius: var(--mx-r-pill) !important; border: 1px solid var(--mx-border) !important; background: rgb(255, 255, 255) !important; color: var(--mx-green-4) !important; padding: 10px 20px !important; font-size: 14px !important; font-weight: 500 !important;
}

:where(html:not(.dark-theme)) .ds-product-tabs-item:hover {
  background: var(--mx-mint) !important;
}

:where(html:not(.dark-theme)) .ds-product-tabs-item.active,
:where(html:not(.dark-theme)) .ds-product-tabs-item[aria-selected="true"] {
  background: var(--mx-green-4) !important; border-color: var(--mx-green-4) !important; color: rgb(255, 255, 255) !important;
}

:where(html:not(.dark-theme)) .ds-product-tabs-item.active .ds-product-tabs-badge {
  background: var(--mx-green-1); color: var(--mx-green-4);
}

:where(html:not(.dark-theme)) .ds-product-tabs-badge {
  background: var(--mx-mint); color: var(--mx-green-3); border-radius: var(--mx-r-pill);
}

:where(html:not(.dark-theme)) .ds-product-tab-content {
  color: var(--mx-green-4);
}

:where(html:not(.dark-theme)) .ds-product-tab-content-text,
:where(html:not(.dark-theme)) .ds-product-description {
  font-size: 17px; line-height: 1.6; color: var(--mx-green-4);
}

:where(html:not(.dark-theme)) .ds-product-reviews-item {
  border-bottom: 1px dashed var(--mx-border); padding: 20px 0px;
}

:where(html:not(.dark-theme)) .ds-product-reviews-item-box {
  background: transparent; border: 0px; padding: 0px;
}

:where(html:not(.dark-theme)) .ds-product-reviews-item-answer {
  background: var(--mx-mint); border-radius: var(--mx-r-md); padding: 16px;
}

:where(html:not(.dark-theme)) .ds-store-reviews-item-author {
  color: var(--mx-green-4); font-weight: 500;
}

:where(html:not(.dark-theme)) .ds-store-reviews-item-date {
  color: var(--mx-muted);
}

:where(html:not(.dark-theme)) .ds-product-faq-top {
  border-bottom: 1px dashed var(--mx-border);
}

:where(html:not(.dark-theme)) .ds-empty-reviews {
  color: var(--mx-muted);
}

:where(html:not(.dark-theme)) .ds-product-fixed-btns {
  border: 0px; background: var(--mx-green-3) !important; box-shadow: none !important;
}

:where(html:not(.dark-theme)) .ds-product-fixed-btns .ds-product-fixed-cart-btn {
  background: rgb(255, 255, 255) !important; border-color: rgb(255, 255, 255) !important; color: var(--mx-green-4) !important;
}

:where(html:not(.dark-theme)) .ds-product-fixed-btns .ds-product-fixed-cart-btn svg path {
  fill: var(--mx-green-4) !important;
}

:where(html:not(.dark-theme)) .ds-product-fixed-btns .dark-text,
:where(html:not(.dark-theme)) .ds-product-fixed-btns .ds-price-new {
  color: rgb(255, 255, 255) !important;
}

:where(html:not(.dark-theme)) .meimx-product-research .meimx-card,
:where(html:not(.dark-theme)) .meimx-link-card,
:where(html:not(.dark-theme)) .meimx-study,
:where(html:not(.dark-theme)) .meimx-community-card {
  background: rgb(255, 255, 255); border: 0px; border-radius: var(--mx-r-lg); box-shadow: var(--mx-shadow-card);
}

:where(html:not(.dark-theme)) .meimx-link-card:hover {
  box-shadow: var(--mx-shadow-float);
}

:where(html:not(.dark-theme)) .meimx-notice {
  background: var(--mx-mint); border: 0px; border-radius: var(--mx-r-md); color: var(--mx-green-4);
}

:where(html:not(.dark-theme)) .meimx-data-row {
  border-bottom: 1px dashed var(--mx-border);
}

:where(html:not(.dark-theme)) .meimx-family-option {
  border: 1px solid var(--mx-border); border-radius: var(--mx-r-pill); background: rgb(255, 255, 255); color: var(--mx-green-4);
}

:where(html:not(.dark-theme)) .meimx-family-option:hover {
  background: var(--mx-mint);
}

:where(html:not(.dark-theme)) .meimx-family-option.active,
:where(html:not(.dark-theme)) .meimx-family-option[aria-pressed="true"],
:where(html:not(.dark-theme)) .meimx-family-option input:checked + * {
  background: var(--mx-green-4); color: rgb(255, 255, 255); border-color: var(--mx-green-4);
}

:where(html:not(.dark-theme)) .meimx-score-grid > * {
  background: var(--mx-mint); border-radius: var(--mx-r-md);
}

:where(html:not(.dark-theme)) .meimx-confidence {
  color: var(--mx-green-3);
}

:where(html:not(.dark-theme)) .meimx-community-card--positive {
  border-top: 3px solid var(--mx-green-1);
}

:where(html:not(.dark-theme)) .meimx-community-card--negative {
  border-top: 3px solid var(--mx-coral);
}

:where(html:not(.dark-theme)) .meimx-community-card--mixed_unclear {
  border-top: 3px solid var(--mx-muted-2);
}

:where(html:not(.dark-theme)) .meimx-muted {
  color: var(--mx-muted);
}

:where(html:not(.dark-theme)) #common-home > * {
  margin-bottom: clamp(40px, 5vw, 72px);
}

:where(html:not(.dark-theme)) .ds-slideshow {
  margin-top: 24px !important;
}

:where(html:not(.dark-theme)) .ds-slideshow.menu-active {
  padding-left: 0px !important;
}

:where(html:not(.dark-theme)) #common-home .ds-slideshow-item.content-block {
  box-shadow: none; padding: 40px 32px; min-height: 440px; background: var(--mx-mint) !important; border-radius: var(--mx-r-xl) !important;
}

:where(html:not(.dark-theme)) #common-home .ds-slideshow-item.content-block:nth-child(2n) {
  background: var(--mx-cream) !important;
}

:where(html:not(.dark-theme)) #common-home .ds-slideshow-item-title {
  letter-spacing: -0.02em; line-height: 1.05; font-size: clamp(26px, 2.4vw, 36px) !important; font-weight: 400 !important; color: var(--mx-green-4) !important;
}

:where(html:not(.dark-theme)) #common-home .ds-slideshow-item-text {
  max-width: 34ch; line-height: 1.5; font-size: 17px !important; color: var(--mx-green-4) !important;
}

:where(html:not(.dark-theme)) .ds-slideshow-item img {
  mix-blend-mode: multiply; border-radius: var(--mx-r-md);
}

:where(html:not(.dark-theme)) #common-home .ds-slideshow-item .button {
  background: var(--mx-green-4) !important; border-color: var(--mx-green-4) !important; color: rgb(255, 255, 255) !important;
}

:where(html:not(.dark-theme)) #common-home .ds-slideshow-item .button:hover {
  background: rgb(23, 56, 69) !important; border-color: rgb(23, 56, 69) !important; color: rgb(255, 255, 255) !important;
}

:where(html:not(.dark-theme)) .swiper-pagination-bullet {
  background: var(--mx-green-4); opacity: 0.25; width: 8px; height: 8px;
}

:where(html:not(.dark-theme)) .swiper-pagination-bullet-active {
  opacity: 1; background: var(--mx-green-2);
}

:where(html:not(.dark-theme)) .swiper-button-next,
:where(html:not(.dark-theme)) .swiper-button-prev {
  width: 48px; height: 48px; border-radius: 50%; background: var(--mx-mint-2); color: var(--mx-green-4);
}

:where(html:not(.dark-theme)) .swiper-button-next::after,
:where(html:not(.dark-theme)) .swiper-button-prev::after {
  font-size: 14px; font-weight: 700;
}

:where(html:not(.dark-theme)) .swiper-button-disabled {
  background: var(--mx-mint) !important; opacity: 1 !important;
}

:where(html:not(.dark-theme)) .meimx-explore-nav h2 {
  font-size: clamp(28px, 3vw, 40px) !important; font-weight: 400 !important; padding: 0px 0px 24px !important;
}

:where(html:not(.dark-theme)) .meimx-explore-grid .meimx-explore-card {
  padding: 24px 80px 24px 24px; min-height: 150px; text-decoration: none; position: relative; justify-content: flex-start; border-radius: var(--mx-r-lg) !important;
}

:where(html:not(.dark-theme)) .meimx-explore-grid .meimx-explore-card:hover {
  box-shadow: var(--mx-shadow-float); opacity: 1;
}

:where(html:not(.dark-theme)) .meimx-explore-grid .meimx-explore-card-title {
  max-width: none; line-height: 1.3; font-size: 18px !important; color: var(--mx-green-4) !important;
}

:where(html:not(.dark-theme)) .meimx-explore-grid .meimx-explore-card-text {
  margin-top: 8px; line-height: 1.45; color: var(--mx-muted) !important; font-size: 15px !important;
}

:where(html:not(.dark-theme)) .meimx-explore-grid .meimx-explore-card-arrow {
  position: absolute; top: 20px; right: 20px; width: 40px; height: 40px; border-radius: 50%; background: var(--mx-mint); display: grid; place-items: center; color: var(--mx-green-4);
}

:where(html:not(.dark-theme)) .meimx-explore-grid .meimx-explore-card:hover .meimx-explore-card-arrow {
  background: var(--mx-green-4); color: rgb(255, 255, 255);
}

:where(html:not(.dark-theme)) #common-home .py-3.fsz-20,
:where(html:not(.dark-theme)) #common-home .py-3.fsz-20 a,
:where(html:not(.dark-theme)) #common-home .content-block-title,
:where(html:not(.dark-theme)) #common-home h2.fsz-20,
:where(html:not(.dark-theme)) #common-home .ds-module-title-main,
:where(html:not(.dark-theme)) #common-home .ds-last-news-title {
  text-decoration: none; display: block; margin-bottom: 24px; font-size: clamp(28px, 3vw, 40px) !important; letter-spacing: -0.01em !important; text-transform: none !important; font-weight: 400 !important; color: var(--mx-green-4) !important;
}

:where(html:not(.dark-theme)) .ds-category-wall-item .content-block {
  padding: 0px; overflow: hidden; background: rgb(255, 255, 255);
}

:where(html:not(.dark-theme)) .ds-category-wall-item .content-block img {
  width: 100%; height: auto; object-fit: cover;
}

:where(html:not(.dark-theme)) .ds-category-wall-item .ds-category-wall-title {
  padding: 20px 24px; font-size: 20px !important; color: var(--mx-green-4) !important; text-decoration: none !important;
}

:where(html:not(.dark-theme)) .ds-category-wall-item .content-block:hover .ds-category-wall-title {
  color: var(--mx-green-3) !important;
}

:where(html:not(.dark-theme)) #common-home .ds-bannerplus-item {
  overflow: hidden; padding: 28px; background: var(--mx-mint) !important; border-radius: var(--mx-r-lg) !important;
}

:where(html:not(.dark-theme)) #common-home .ds-bannerplus-box:nth-child(2n) .ds-bannerplus-item {
  background: var(--mx-cream) !important;
}

:where(html:not(.dark-theme)) #common-home .ds-bannerplus-item p {
  font-size: 20px; font-weight: 400; color: var(--mx-green-4) !important;
}

:where(html:not(.dark-theme)) #common-home .ds-bannerplus-item img {
  mix-blend-mode: multiply;
}

:where(html:not(.dark-theme)) #common-home .ds-bannerplus-button {
  width: 44px; height: 44px; border: 1px solid var(--mx-green-4); display: grid; place-items: center; background: transparent; border-radius: 50% !important;
}

:where(html:not(.dark-theme)) #common-home .ds-bannerplus-button path {
  fill: var(--mx-green-4) !important;
}

:where(html:not(.dark-theme)) #common-home .ds-bannerplus-item:hover .ds-bannerplus-button {
  background: var(--mx-green-4);
}

:where(html:not(.dark-theme)) #common-home .ds-bannerplus-item:hover .ds-bannerplus-button path {
  fill: rgb(255, 255, 255) !important;
}

:where(html:not(.dark-theme)) .ds-last-news-item .content-block {
  padding: 0px; overflow: hidden;
}

:where(html:not(.dark-theme)) .ds-last-news-item img {
  width: 100%; object-fit: cover;
}

:where(html:not(.dark-theme)) .ds-last-news-item-info {
  padding: 20px 24px;
}

:where(html:not(.dark-theme)) .ds-last-news-item-title {
  line-height: 1.3; color: var(--mx-green-4) !important; font-size: 18px !important; font-weight: 500 !important;
}

:where(html:not(.dark-theme)) .ds-last-news-item-category {
  letter-spacing: 0.12em; text-transform: uppercase; color: var(--mx-green-3) !important; font-size: 12px !important;
}

:where(html:not(.dark-theme)) .ds-last-news-item-date {
  font-size: 13px; color: var(--mx-muted) !important;
}

:where(html:not(.dark-theme)) .ds-blog-post .content-block {
  padding: clamp(24px, 4vw, 48px);
}

:where(html:not(.dark-theme)) .ds-blog-post-text {
  max-width: 72ch; font-size: 17px; line-height: 1.65; color: var(--mx-green-4);
}

:where(html:not(.dark-theme)) .ds-blog-post-text h2,
:where(html:not(.dark-theme)) .ds-blog-post-text h3 {
  margin: 40px 0px 16px;
}

:where(html:not(.dark-theme)) .ds-blog-post-text img {
  border-radius: var(--mx-r-lg);
}

:where(html:not(.dark-theme)) .ds-blog-post-info-item {
  color: var(--mx-muted); font-size: 13px;
}

:where(html:not(.dark-theme)) .ds-blog-post-info-item svg path {
  fill: var(--mx-muted);
}

:where(html:not(.dark-theme)) .ds-blog-category .content-block {
  padding: 0px; overflow: hidden;
}

:where(html:not(.dark-theme)) .ds-information .content-block,
:where(html:not(.dark-theme)) #information-information .content-block {
  padding: clamp(24px, 4vw, 48px);
}

:where(html:not(.dark-theme)) .ds-information,
:where(html:not(.dark-theme)) #information-information #content {
  max-width: 880px;
}

:where(html:not(.dark-theme)) #information-information h2,
:where(html:not(.dark-theme)) #information-information h3 {
  margin: 32px 0px 12px;
}

:where(html:not(.dark-theme)) #information-information ul,
:where(html:not(.dark-theme)) #information-information ol {
  padding-left: 20px;
}

:where(html:not(.dark-theme)) #information-information li {
  margin-bottom: 6px;
}

:where(html:not(.dark-theme)) .ds-footer {
  color: rgb(255, 255, 255); border-radius: var(--mx-r-xl) var(--mx-r-xl) 0 0; background: var(--mx-footer) !important; margin-top: clamp(48px, 6vw, 96px) !important; padding: clamp(40px, 5vw, 72px) 0px 32px !important;
}

:where(html:not(.dark-theme)) .ds-footer .dark-text,
:where(html:not(.dark-theme)) .ds-footer .secondary-text,
:where(html:not(.dark-theme)) .ds-footer .light-text,
:where(html:not(.dark-theme)) .ds-footer a,
:where(html:not(.dark-theme)) .ds-footer .blue-link,
:where(html:not(.dark-theme)) .ds-footer li a,
:where(html:not(.dark-theme)) .ds-footer .ds-footer-item a {
  color: rgb(255, 255, 255) !important;
}

:where(html:not(.dark-theme)) .ds-footer a,
:where(html:not(.dark-theme)) .ds-footer .ds-footer-item li a,
:where(html:not(.dark-theme)) .ds-footer .ds-footer-item li a span {
  text-decoration: none !important;
}

:where(html:not(.dark-theme)) .ds-footer a:hover,
:where(html:not(.dark-theme)) .ds-footer .ds-footer-item li a:hover span {
  opacity: 0.8; text-decoration: none !important;
}

:where(html:not(.dark-theme)) .ds-footer .ds-footer-item-title {
  color: rgba(255, 255, 255, 0.7) !important; margin-bottom: 16px !important;
}

:where(html:not(.dark-theme)) .ds-footer .ds-footer-item-title svg {
  display: none;
}

:where(html:not(.dark-theme)) .ds-footer .ds-footer-item ul li {
  margin-bottom: 8px; font-size: 15px;
}

:where(html:not(.dark-theme)) .ds-footer .ds-footer-item-icon svg path {
  fill: rgb(255, 255, 255) !important;
}

:where(html:not(.dark-theme)) .ds-footer .ds-footer-item-icon svg path[fill="#871A93"],
:where(html:not(.dark-theme)) .ds-footer .ds-footer-item-icon svg path[fill="#43A047"],
:where(html:not(.dark-theme)) .ds-footer .ds-footer-item-icon svg path[fill="#0084FF"],
:where(html:not(.dark-theme)) .ds-footer .ds-footer-item-icon svg path[fill="#2CA5E0"] {
  fill: rgb(255, 255, 255) !important;
}

:where(html:not(.dark-theme)) .ds-footer-logo {
  filter: none; height: 28px; width: auto;
}

:where(html:not(.dark-theme)) .ds-footer-top {
  border-bottom: 1px solid rgba(255, 255, 255, 0.18); padding-bottom: 32px !important; margin-bottom: 40px !important;
}

:where(html:not(.dark-theme)) .ds-footer-bordered {
  border-top: 1px solid rgba(255, 255, 255, 0.18) !important;
}

:where(html:not(.dark-theme)) .ds-footer .button.button-outline-primary {
  border-color: rgb(255, 255, 255); background: transparent; color: rgb(255, 255, 255) !important;
}

:where(html:not(.dark-theme)) .ds-footer .button.button-outline-primary:hover {
  background: rgba(255, 255, 255, 0.12) !important; border-color: rgb(255, 255, 255) !important;
}

:where(html:not(.dark-theme)) .ds-footer .button.button-primary {
  background: rgb(255, 255, 255) !important; border-color: rgb(255, 255, 255) !important; color: var(--mx-green-4) !important;
}

:where(html:not(.dark-theme)) .ds-footer .button.button-primary svg rect {
  stroke: var(--mx-green-4);
}

:where(html:not(.dark-theme)) .ds-footer-payments-item {
  background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.22) !important; border-radius: var(--mx-r-sm) !important;
}

:where(html:not(.dark-theme)) .ds-footer-copyrights {
  font-size: 13px; color: rgba(255, 255, 255, 0.7) !important;
}

:where(html:not(.dark-theme)) .ds-footer-subscribe .form-control {
  background: rgba(255, 255, 255, 0.1); color: rgb(255, 255, 255); border-color: rgba(255, 255, 255, 0.3) !important;
}

:where(html:not(.dark-theme)) .ds-footer-subscribe .form-control::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

:where(html:not(.dark-theme)) #ds_fixed_contact_button {
  box-shadow: var(--mx-shadow-float); background: var(--mx-green-4) !important;
}

:where(html:not(.dark-theme)) .ds-fixed-contact-pulsation {
  display: none;
}

:where(html:not(.dark-theme)) #back-top {
  background: rgb(255, 255, 255); box-shadow: var(--mx-shadow-float);
}

:where(html:not(.dark-theme)) #back-top i {
  color: var(--mx-green-4);
}

:where(html:not(.dark-theme)) #back-top .progress-ring__circle {
  stroke: var(--mx-green-2);
}

:where(html:not(.dark-theme)) #overlay {
  background: rgba(21, 24, 51, 0.55);
}

:where(html:not(.dark-theme)) .modal-content {
  border: 0px; border-radius: var(--mx-r-lg); box-shadow: var(--mx-shadow-float);
}

:where(html:not(.dark-theme)) .modal-header {
  border-bottom: 1px solid var(--mx-border);
}

:where(html:not(.dark-theme)) .modal-title {
  font-weight: 400; font-size: 24px;
}

:where(html:not(.dark-theme)) .ds-livesearch-inner {
  border-radius: var(--mx-r-md); border: 1px solid var(--mx-border); box-shadow: var(--mx-shadow-float);
}

:where(html:not(.dark-theme)) #oct-policy .content-block-p24 {
  box-shadow: var(--mx-shadow-float); border-radius: var(--mx-r-lg) !important;
}

:where(html:not(.dark-theme)) .tooltip-inner {
  background: var(--mx-green-4); border-radius: var(--mx-r-sm); font-family: var(--mx-font);
}

@media (max-width: 767.98px) {
:where(html:not(.dark-theme)) .content-block,
:where(html:not(.dark-theme)) .content-block-p24 {
  padding: 20px; border-radius: 20px !important;
}

:where(html:not(.dark-theme)) .ds-module-item .content-block {
  padding: 16px;
}

:where(html:not(.dark-theme)) .ds-module-img-box {
  padding: 12px;
}

:where(html:not(.dark-theme)) .ds-price-new {
  font-size: 20px !important;
}

:where(html:not(.dark-theme)) .ds-slideshow-item.content-block {
  padding: 28px 20px; min-height: 0px;
}

:where(html:not(.dark-theme)) .ds-footer {
  border-radius: 24px 24px 0px 0px;
}

:where(html:not(.dark-theme)) .ds-footer .col-md-6 {
  text-align: left;
}
}

@media (max-width: 991.98px) {
:where(html:not(.dark-theme)) body {
  padding-bottom: 0px !important;
}

:where(html:not(.dark-theme)) .ds-footer {
  padding-bottom: calc(108px) !important;
}
}

/* Preserve icon geometry and native select arrows after the button/input reset. */
:where(html:not(.dark-theme)) .form-select {
  background-repeat: no-repeat;
}

/* Research citations can contain long literal URLs on narrow screens. */
:where(html:not(.dark-theme)) .ds-blog-post-text {
  overflow-wrap: anywhere;
}

:where(html:not(.dark-theme)) .ds-header .button.button-transparent {
  padding: 0;
  width: 40px;
  min-width: 40px;
  min-height: 44px;
  flex-shrink: 0;
}

@media (max-width: 767.98px) {
  :where(html:not(.dark-theme)) #logo {
    width: 75px;
    height: auto;
  }

  :where(html:not(.dark-theme)) .ds-header .ds-header-menu-button.me-3,
  :where(html:not(.dark-theme)) .ds-header .ds-header-user-button.me-3,
  :where(html:not(.dark-theme)) .ds-header .ds-header-mobile-btn.me-3 {
    margin-right: 8px !important;
  }

  :where(html:not(.dark-theme)) .ds-header .ds-header-user-button .fsz-12 {
    font-size: 12px !important;
  }

  :where(html:not(.dark-theme)) .ds-header-search.active {
    left: 16px;
    right: 16px;
  }

  :where(html:not(.dark-theme)) .ds-header-search .form-control {
    padding-left: 44px;
    padding-right: 52px;
  }
}

/* Homepage: supplied original layout, using the existing Deals components. */
body.meimx-site {
  --mx-font: "DM Sans", "Helvetica Neue", Arial, sans-serif;
  --mx-serif: "Source Serif 4", Georgia, serif;
  --ds-main-font: var(--mx-font);
  --bs-body-font-family: var(--mx-font);
  font-family: var(--mx-font);
}
/* Native Deals :focus adds a mouse-click halo; reserve a clear ring for keyboard use. */
.meimx-site :is(.ds-header-catalog-button, .ds-header-menu-button):focus:not(:focus-visible) { box-shadow:none; }
.meimx-site :is(.ds-header-catalog-button, .ds-header-menu-button, .ds-menu-main-catalog [role="button"], .ds-menu-main-catalog a):focus-visible {
  outline:2px solid var(--mx-green-4);
  outline-offset:3px;
  box-shadow:none;
}
.meimx-site .ds-header-search input.form-control { font-size:15px!important; }

.meimx-site .ds-header #logo { width:150px; max-width:none; height:32px; object-fit:contain; content:normal; }
.meimx-site .ds-header-left { gap:28px; }
.meimx-site .ds-header-catalog-button { margin-left:0!important; min-width:140px; }
.meimx-site .ds-header-catalog-button svg { display:none; }
.meimx-site .ds-header-catalog-button::before { content:''; width:16px; height:12px; margin-right:10px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12'%3E%3Cpath d='M1 1h14M1 6h14M1 11h9' stroke='black' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/contain; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12'%3E%3Cpath d='M1 1h14M1 6h14M1 11h9' stroke='black' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/contain; }
.meimx-site .ds-header-right { padding-right:0!important; gap:14px; }
.meimx-site .ds-header-search { margin-left:28px; flex:1; max-width:none; }
.meimx-site .ds-header-user-button { border:1px solid var(--mx-border); border-radius:50%; width:46px; height:46px; margin:0!important; justify-content:center; }
.meimx-site .ds-header-user-button .fsz-12,.meimx-site .ds-header-user-button .ds-arrow-down { display:none; }
.meimx-site .ds-header-right>.ds-dropdown-box:has(.ds-header-phone-button),.meimx-site .ds-header-right>a { display:none!important; }
.meimx-home-categories { display:flex; flex-wrap:wrap; gap:8px; padding:0 0 14px; }
.meimx-home-categories a { display:inline-flex; align-items:center; min-height:36px; border:1px solid var(--mx-border); border-radius:24px; padding:8px 16px; font-size:13px; line-height:18px; background:#fff; color:var(--mx-green-4); text-decoration:none; }
.meimx-home-categories a:hover,.meimx-home-categories a:focus-visible { background:var(--mx-green-4); color:#fff; }
.meimx-home #common-home .meimx-slideshow-hero { margin-top:36px!important; margin-bottom:72px; }
body.meimx-home #common-home .meimx-slideshow-hero .ds-slideshow-items { border:1px solid var(--mx-border); border-radius:40px; overflow:hidden; }
body.meimx-home #common-home .meimx-slideshow-hero .swiper-wrapper { margin-bottom:0!important; }
body.meimx-home #common-home .meimx-slideshow-hero .ds-slideshow-item { padding:58px!important; min-height:548px; border:0!important; border-radius:0!important; background:var(--mx-ivory)!important; }
body.meimx-home #common-home .meimx-slideshow-hero .ds-slideshow-item>div { align-items:center; gap:56px!important; }
body.meimx-home #common-home .meimx-slideshow-hero .ds-slideshow-item-info { flex:1 1 50%; min-width:0; gap:20px!important; }
body.meimx-home #common-home .meimx-slideshow-hero .ds-slideshow-item-title { font-size:clamp(38px,4.4vw,68px)!important; font-weight:400!important; line-height:1.02!important; letter-spacing:-.02em; }
.meimx-hero-kicker { font-size:12px; line-height:1; text-transform:uppercase; letter-spacing:.12em; color:var(--mx-green-3); }
body.meimx-home #common-home .meimx-slideshow-hero .ds-slideshow-item-text { max-width:520px; font-size:20px!important; line-height:1.5; }
body.meimx-home #common-home .meimx-slideshow-hero .ds-slideshow-item>div>a { flex:1 1 50%; min-width:0; width:50%; }
body.meimx-home #common-home .meimx-slideshow-hero .ds-slideshow-item img { width:100%!important; height:auto!important; max-height:none!important; max-width:none!important; aspect-ratio:4/3; object-fit:cover; border-radius:32px; }
body.meimx-home #common-home .meimx-slideshow-hero .meimx-hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:12px!important; }
body.meimx-home #common-home .meimx-slideshow-hero .button { border-radius:7px!important; min-height:56px; padding:16px 24px; background:var(--mx-green-4); color:#fff!important; font-size:16px; }
body.meimx-home #common-home .meimx-slideshow-hero .button.meimx-hero-secondary { border:1px solid var(--mx-border)!important; color:var(--mx-green-3)!important; background:transparent!important; }
body.meimx-home #common-home .meimx-slideshow-hero .swiper-pagination { bottom:28px!important; left:58px!important; right:auto; width:auto!important; padding:0!important; background:transparent!important; }
body.meimx-home #common-home .meimx-slideshow-hero .swiper-pagination-bullet { width:28px; height:4px; border-radius:1px; background:var(--mx-mint); opacity:1; margin:0 4px!important; }
body.meimx-home #common-home .meimx-slideshow-hero .swiper-pagination-bullet-active { background:var(--mx-green-4); }
body.meimx-home #common-home .meimx-slideshow-hero .swiper-button-prev,body.meimx-home #common-home .meimx-slideshow-hero .swiper-button-next { top:40px; bottom:auto; margin:0; width:48px; height:48px; min-width:0; min-height:0; aspect-ratio:1; flex:none; padding:0!important; border:0!important; border-radius:50%!important; background:#b6e7d9!important; }
body.meimx-home #common-home .meimx-slideshow-hero .swiper-button-prev { left:auto; right:98px; }
body.meimx-home #common-home .meimx-slideshow-hero .swiper-button-next { right:40px; }
body.meimx-home #common-home .meimx-slideshow-hero .swiper-button-prev svg,body.meimx-home #common-home .meimx-slideshow-hero .swiper-button-next svg { width:7px; height:13px; }
.meimx-site .meimx-popular-menu-section { background:#fff; border-bottom:1px solid var(--mx-border); padding:24px; }
.meimx-site .meimx-popular-menu-grid { display:block; }
.meimx-site .meimx-popular-menu-card { background:none; border-radius:0; border-bottom:1px dashed var(--mx-border); padding:14px 0; font-size:16px; }
.meimx-site .meimx-popular-menu-name { font-size:15px; }
.meimx-site .meimx-popular-menu-mark,.meimx-site .meimx-popular-menu-spark { display:none; }
.meimx-site .meimx-popular-menu-kicker { font-size:12px; }
.meimx-site .meimx-popular-menu-title { font-size:24px; }
.ds-menu-catalog-item:focus-within>.ds-menu-catalog { opacity:1; visibility:visible; }
@media(min-width:1200px) {
 .meimx-site .ds-menu-main-catalog { top:80px!important; width:420px; max-width:420px; }
 .meimx-site .ds-menu-main-catalog>.ds-menu-catalog-inner { height:auto; max-height:calc(100dvh - 100px)!important; }
}
@media(max-width:1199.98px) {
 .ds-menu-catalog.ds-menu-main-catalog { height:100dvh; max-height:100dvh; }
 .ds-menu-catalog.ds-menu-main-catalog>.ds-menu-catalog-inner { height:calc(100% - 56px); max-height:none!important; overflow-y:auto; }
 .meimx-site .ds-header-left { gap:12px; }
 .meimx-site .ds-header-menu-button { order:2; margin:0!important; border:1px solid var(--mx-green-4); border-radius:24px; width:46px; height:44px; }
 .meimx-site .ds-header #logo { width:110px; height:26px; }
 .meimx-site .ds-header-right { gap:10px; }
 .meimx-site .ds-header-search { margin-left:12px; }
}
@media(max-width:767.98px) {
 .meimx-site .ds-header>.container-xl>.d-flex { min-height:72px; }
 .meimx-site .ds-header-right { flex-grow:0!important; gap:8px; }
 .meimx-site .ds-header-search { margin-left:0; }
 .meimx-site .ds-header-user-button { width:40px; height:40px; }
 .meimx-site .ds-header-right>.ds-dropdown-box { margin-left:0!important; }
 .meimx-home-categories { padding:8px 0 14px; }
 .meimx-home-categories a { padding:8px 14px; }
 .meimx-home #common-home .meimx-slideshow-hero { margin-top:20px!important; margin-bottom:42px; }
 body.meimx-home #common-home .meimx-slideshow-hero .ds-slideshow-item { padding:36px 28px 40px!important; min-height:0; }
 body.meimx-home #common-home .meimx-slideshow-hero .ds-slideshow-item>div { flex-direction:column!important; align-items:stretch; gap:44px!important; }
 body.meimx-home #common-home .meimx-slideshow-hero .ds-slideshow-item-info { order:0!important; width:100%; gap:20px!important; }
 body.meimx-home #common-home .meimx-slideshow-hero .ds-slideshow-item>div>a { order:1!important; width:100%; }
 body.meimx-home #common-home .meimx-slideshow-hero .ds-slideshow-item-title { font-size:38px!important; letter-spacing:-1px; }
 body.meimx-home #common-home .meimx-slideshow-hero .ds-slideshow-item-text { font-size:17px!important; }
 body.meimx-home #common-home .meimx-slideshow-hero .meimx-hero-kicker { max-width:calc(100% - 76px); font-size:11px; min-height:30px; }
 body.meimx-home #common-home .meimx-slideshow-hero .meimx-hero-actions { flex-direction:column; align-items:flex-start; margin-top:8px!important; }
 body.meimx-home #common-home .meimx-slideshow-hero .button { min-width:180px; }
 body.meimx-home #common-home .meimx-slideshow-hero .swiper-pagination { left:28px!important; bottom:20px!important; }
 body.meimx-home #common-home .meimx-slideshow-hero .swiper-button-prev,body.meimx-home #common-home .meimx-slideshow-hero .swiper-button-next { top:20px; width:36px; height:36px; min-width:0; min-height:0; }
 body.meimx-home #common-home .meimx-slideshow-hero .swiper-button-prev { right:66px; }
 body.meimx-home #common-home .meimx-slideshow-hero .swiper-button-next { right:20px; }
}
@media(min-width:1200px) {
 .meimx-site .ds-menu-main-catalog { top:100%!important; left:0; width:100%; max-width:none; border-radius:0 0 40px 40px; min-height:440px; padding:40px max(4vw,24px); background:rgba(255,255,255,.98); box-shadow:0 24px 30px #1f48551a; }
 .meimx-site .ds-menu-main-catalog>.ds-menu-catalog-inner { overflow:visible; }
 .meimx-site .ds-menu-main-catalog>.ds-menu-catalog-inner>.ds-menu-catalog-items { width:300px; border:0; border-radius:0; }
 .meimx-site .ds-menu-main-catalog>.ds-menu-catalog-inner>.ds-menu-catalog-items>.ds-menu-catalog-item { padding:22px 0; border-bottom:1px dashed var(--mx-border); position:static; }
 .meimx-site .ds-menu-main-catalog>.ds-menu-catalog-inner>.ds-menu-catalog-items>.ds-menu-catalog-item>span { font-size:26px!important; font-weight:400!important; line-height:1.2; margin:0!important; }
 .meimx-site .ds-menu-main-catalog .ds-menu-catalog { left:360px; top:40px; bottom:auto; width:calc(100% - 420px); max-width:none; transform:none!important; background:none; box-shadow:none; padding:0 24px; }
 .meimx-site .ds-menu-main-catalog .ds-menu-catalog .ds-menu-catalog-items { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; border:0; }
 .meimx-site .ds-menu-main-catalog .ds-menu-catalog .ds-menu-catalog-item { background:var(--mx-mint); border-radius:22px; min-height:54px; padding:14px 20px; }
 .meimx-site .ds-menu-main-catalog .ds-menu-catalog .ds-menu-catalog-item a { line-height:1.3; }
 .meimx-site .ds-menu-main-catalog .ds-menu-catalog-item:hover>.ds-menu-catalog,
 .meimx-site .ds-menu-main-catalog .ds-menu-catalog-item:focus-within>.ds-menu-catalog { opacity:1; visibility:visible; }
 .meimx-site .ds-menu-catalog-items:not(:has(>li:hover)):not(:has(>li:focus-within))>li:first-child>.ds-menu-catalog { opacity:1; visibility:visible; }
}
.meimx-site .ds-menu-main-catalog>.ds-menu-catalog-inner>.ds-menu-catalog-items>.ds-menu-catalog-item>span { cursor:pointer; }
body.meimx-home #common-home .meimx-slideshow-hero .swiper-pagination { transform:none!important; }
body.meimx-home #common-home .meimx-slideshow-hero .swiper-pagination-bullet { opacity:1; background:#b6e7d9; }
body.meimx-home #common-home .meimx-slideshow-hero .swiper-pagination-bullet-active { background:var(--mx-green-4); }
.meimx-site .ds-header-right>.ds-dropdown-box>.ds-dropdown { left:auto; right:0; }
.meimx-site .ds-header-right>.ds-dropdown-box>.ds-dropdown>.ds-dropdown-inner { max-width:calc(100vw - 32px); }
body.meimx-home #common-home .meimx-slideshow-hero .ds-slideshow-item-title { font-weight:400!important; }
body.meimx-home #common-home .meimx-slideshow-hero .swiper-pagination-bullet { background:#b6e7d9!important; }
body.meimx-home #common-home .meimx-slideshow-hero .swiper-pagination-bullet-active { background:#1f4855!important; }
.meimx-site .ds-header { background:#fff!important; }
@media(min-width:1200px) {
 body.meimx-site .ds-header-left { position:static; }
 body.meimx-site .ds-header .ds-menu-main-catalog { width:100%!important; max-width:none!important; left:0!important; }
}
.meimx-home #common-home>.content-block:has(.meimx-home-ordering) { padding:0!important; background:transparent; box-shadow:none; }
.meimx-home-ordering h2 { font-size:clamp(28px,3vw,44px); margin:0 0 28px; font-weight:400; }
.meimx-home-ordering-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.meimx-home-ordering img { width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; border-radius:32px; }
.meimx-home-ordering h3 { font-size:26px; margin:22px 0 10px; font-weight:400; }
.meimx-home-ordering p { font-size:16px; line-height:1.55; margin:0; }
@media(max-width:767.98px) { .meimx-home-ordering-grid { grid-template-columns:1fr; gap:32px; } }
.meimx-site .meimx-explore-grid .ds-advantages-item { flex-grow:1; }

.meimx-site .meimx-explore-nav h2 { font-size:clamp(28px,3vw,44px)!important; line-height:1.1; letter-spacing:-.02em; }

/* Homepage menu CTA and account popover retain the native navigation/state. */
.meimx-menu-browse { margin-top:22px; width:300px; max-width:100%; }
.meimx-menu-browse .meimx-browse-all { min-height:56px; padding:16px 24px; border-radius:8px!important; gap:12px; font-size:16px; text-decoration:none; }
.meimx-menu-browse .meimx-browse-all svg { margin:0; }
.meimx-site .ds-header-right { position:relative; }
.meimx-site .ds-header-right>.ds-dropdown-box:has(.ds-header-user-button) { position:relative; }
.meimx-site .ds-header-right>.ds-dropdown-box:has(.ds-header-user-button)>.ds-dropdown {
  left:auto; right:0; top:100%; transform:none; width:290px; min-width:0;
  max-width:calc(100vw - 32px); padding-top:8px; margin-top:0; background:transparent;
}
.meimx-site .ds-header-right>.ds-dropdown-box:has(.ds-header-user-button)>.ds-dropdown>.ds-dropdown-inner { width:100%; min-width:0; }
@media(max-width:1199.98px) {
 .meimx-site .ds-header-right>.ds-dropdown-box:has(.ds-header-user-button) { position:static; }
 .meimx-menu-browse { padding:0 16px 24px; }
}
/* Fixed icon targets must not inherit text-button padding/minimum dimensions. */
:where(html:not(.dark-theme)) .ds-header #cart {
  width:44px; height:44px; min-width:44px; min-height:44px; padding:0;
  flex:0 0 44px; border-radius:50%!important; background:var(--mx-green-4);
}
:where(html:not(.dark-theme)) .ds-header-cart-button .button-icon-cart { background:#fff; }
:where(html:not(.dark-theme)) .ds-module-cart-btn.button,
:where(html:not(.dark-theme)) .ds-category-cart-btn.button {
  width:40px; height:40px; min-width:40px; min-height:40px; padding:0;
  flex:0 0 40px; border-radius:50%!important;
}
:where(html:not(.dark-theme)) .ds-module-cart-btn.button svg,
:where(html:not(.dark-theme)) .ds-category-cart-btn.button svg { margin:0; flex:none; }
:where(html:not(.dark-theme)) #button-cart,
:where(html:not(.dark-theme)) #oct-popup-button-cart { border-radius:8px!important; }
.ds-module-cart { gap:8px; }
.ds-module-cart .ds-module-quantity { flex:0 1 104px; min-width:0; }
.ds-module-cart .ds-module-quantity-btn { flex:0 0 28px; width:28px; }
.ds-module-cart .ds-module-quantity input { flex:1 1 36px; min-width:0; width:36px; }
/* A real product link covers card whitespace; controls stay independent above it. */
.meimx-clickable-product { isolation:isolate; }
.meimx-clickable-product .ds-module-title::after { content:""; position:absolute; inset:0; z-index:1; border-radius:var(--mx-r-lg); }
.meimx-clickable-product .ds-module-title:focus-visible::after { outline:2px solid var(--mx-green-4); outline-offset:2px; }
.meimx-clickable-product button,.meimx-clickable-product .ds-module-quantity { position:relative; z-index:2; }
.meimx-clickable-product .ds-module-buttons { z-index:2; }
a.meimx-search-result { text-decoration:none; color:inherit; }
a.meimx-search-result:focus-visible { outline:2px solid var(--mx-green-4); outline-offset:2px; }

/* List rows expose a text CTA; keep its rectangular reference shape. */
:where(html:not(.dark-theme)) .product-list .ds-module-cart-btn.button,
:where(html:not(.dark-theme)) .product-list .ds-category-cart-btn.button {
  width:auto; height:44px; min-width:0; min-height:44px; padding:10px 18px;
  flex:0 0 auto; border-radius:8px!important;
}

/* Catalogue panel (ZIP 1): opaque sheet, focus counts, summary line, insights link, filled trigger when open. */
.meimx-site .ds-menu-main-catalog, .meimx-site .ds-menu-main-catalog .ds-menu-catalog { background-color:#fff; }
.meimx-site .meimx-menu-count { margin-left:auto; padding-left:12px; font-size:14px; color:var(--mx-green-3); }
.meimx-site .ds-menu-main-catalog .ds-menu-catalog .ds-menu-catalog-item > a { width:100%; }
.meimx-site .meimx-menu-summary { margin:0 0 14px; font-size:13px; letter-spacing:.12em; text-transform:uppercase; color:var(--mx-green-3); }
.meimx-site .meimx-menu-link { display:inline-flex !important; align-items:center; gap:16px; }
.meimx-site .meimx-menu-link svg { flex:none; }
.meimx-site .ds-header-catalog-button[aria-expanded="true"] { background:var(--mx-green-4) !important; border-color:var(--mx-green-4) !important; color:#fff !important; }
@media (min-width:1200px) {
 .meimx-site .ds-menu-main-catalog .ds-menu-catalog:has(.meimx-menu-summary) { padding-top:0; }
}
@media (min-width:1200px) { .meimx-site .ds-menu-main-catalog .meimx-menu-link { font-size:26px !important; font-weight:400 !important; line-height:1.2; } }
@media (max-width:1199.98px) {
 .meimx-site .ds-menu-main-catalog > .ds-menu-catalog-inner > .ds-menu-catalog-items > .ds-menu-catalog-item { padding:18px 16px; border-bottom:1px dashed var(--mx-border); }
 .meimx-site .ds-menu-main-catalog > .ds-menu-catalog-inner > .ds-menu-catalog-items > .ds-menu-catalog-item > :is(span, a) { margin-left:0 !important; font-size:20px !important; font-weight:400 !important; color:var(--mx-green-4) !important; }
 .meimx-site .ds-menu-main-catalog .meimx-menu-link { width:100%; justify-content:space-between; }
 .meimx-site .ds-menu-main-catalog .ds-menu-catalog .ds-menu-catalog-item { padding:14px 16px; }
 .meimx-site .ds-menu-main-catalog .meimx-menu-summary { padding:16px 16px 0; }
}

/* Header live search (ZIP 1 surfaces): white popover on desktop, white sheet joined to the header on mobile. */
.meimx-site #searchInput::-webkit-search-cancel-button { -webkit-appearance:none; appearance:none; display:none; }
.meimx-site #ds_livesearch.ds-livesearch.expanded { background:#fff !important; border:1px solid var(--mx-border) !important; border-radius:24px; box-shadow:var(--mx-shadow-float); padding:8px 12px; }
.meimx-site #ds_livesearch .ds-livesearch-inner, .meimx-site #ds_livesearch .mx-live { border:0 !important; box-shadow:none !important; background:transparent !important; }
.meimx-site #ds_livesearch .mx-live__item:hover, .meimx-site #ds_livesearch .mx-live__item:focus-visible { background:var(--mx-mint); border-radius:16px; opacity:1; }
@media (max-width:767.98px) {
 .meimx-site #ds_livesearch.ds-livesearch.expanded { border:0; border-top:1px solid var(--mx-border); border-radius:0; box-shadow:none; padding:8px 16px 24px; }
}
@media (max-width:767.98px) {
 .meimx-site .ds-header-search.active { padding:12px 16px !important; align-items:flex-start !important; }
 .meimx-site #ds_livesearch.ds-livesearch.expanded { top:68px !important; bottom:0; z-index:13001 !important; overflow-y:auto; }
 .meimx-site #ds_livesearch.ds-livesearch:not(.expanded) { pointer-events:none; }
 .meimx-site #ds_livesearch.ds-livesearch.expanded { border:0 !important; border-radius:0 !important; box-shadow:none !important; padding:8px 16px 24px !important; }
}
@media (max-width:767.98px) {
 .meimx-site .ds-header-search.active > button, .meimx-site .ds-header-search.active > .button { top:12px !important; bottom:auto !important; transform:none !important; height:44px; }
}
@media (max-width:767.98px) {
 .meimx-site .ds-header-search.active #searchInput { margin-left:0 !important; padding-left:48px !important; }
}
@media (max-width:767.98px) {
 .meimx-site .ds-header-search.active { left:0 !important; right:0 !important; width:100% !important; }
 .meimx-site .ds-header-search.active .ds-header-search-close { left:20px !important; }
 .meimx-site .ds-header-search.active .ds-header-search-button { left:auto !important; right:20px !important; }
}
.meimx-site #ds_livesearch.ds-livesearch:not(.expanded) { padding:0 !important; border:0 !important; box-shadow:none !important; background:transparent !important; }
/* Closed mobile search must not leave a covered, focusable field behind the header. */
@media (max-width:767.98px) { .meimx-site .ds-header-search:not(.active) { visibility:hidden; pointer-events:none; } }
.meimx-site #ds_livesearch:not(.expanded) { display:none !important; }