/*
 * CORMAK Mega Menu 2026 v1.0.29
 * Approved visual preset: white + black, CORMAK red as accent only.
 */
#cmm26-root.cmm26,
#cmm26-mobile-portal,
#cmm26-mobile-drawer,
#cmm26-sticky-allcats-portal {
  --cmm26-accent: #be272e;
  --cmm26-nav-bg: #ffffff;
  --cmm26-nav-text: #111315;
  --cmm26-nav-hover-bg: #ffffff;
  --cmm26-nav-hover-text: #be272e;
  --cmm26-featured-bg: #111315;
  --cmm26-featured-text: #ffffff;
  --cmm26-nav-border: #e7e9ec;
  --cmm26-nav-height: 54px;
  --cmm26-nav-font-size: 12px;
  --cmm26-nav-font-weight: 700;
  --cmm26-nav-padding-x: 16px;
  --cmm26-nav-max-width: 4096px;
  --cmm26-nav-width-percent: 100%;
  --cmm26-nav-justify: space-between;
  --cmm26-header-search-width: 38%;
  --cmm26-sticky-search-width: 42%;
  --cmm26-nav-underline: 2px;
  --cmm26-nav-item-radius: 0px;
  --cmm26-nav-item-gap: 0px;
  --cmm26-allcats-button-radius: 0px;
  --cmm26-dd-bg: #ffffff;
  --cmm26-dd-border: #e8eaed;
  --cmm26-dd-radius: 12px;
  --cmm26-dd-top-radius: 0px;
  --cmm26-dd-offset-y: 0px;
  --cmm26-dd-max-width: 1450px;
  --cmm26-dd-min-height: 430px;
  --cmm26-dd-shadow-blur: 60px;
  --cmm26-shadow-alpha: .13;
  --cmm26-left-fr: 80fr;
  --cmm26-sub-fr: 120fr;
  --cmm26-products-fr: 92fr;
  --cmm26-promo-fr: 112fr;
  --cmm26-column-title: #30343a;
  --cmm26-rail-bg: #ffffff;
  --cmm26-rail-text: #25282c;
  --cmm26-rail-active-bg: #f5f5f5;
  --cmm26-rail-active-text: #be272e;
  --cmm26-rail-icon: #3f444b;
  --cmm26-cat-font-size: 12px;
  --cmm26-cat-row-height: 38px;
  --cmm26-cat-radius: 7px;
  --cmm26-sub-radius: 6px;
  --cmm26-sub-bg: #ffffff;
  --cmm26-sub-text: #25282c;
  --cmm26-sub-muted: #70747a;
  --cmm26-sub-hover-bg: #f7f8f9;
  --cmm26-sub-hover-text: #be272e;
  --cmm26-sub-border: #eceef1;
  --cmm26-sub-font-size: 12px;
  --cmm26-sub-row-height: 37px;
  --cmm26-product-bg: #ffffff;
  --cmm26-product-hover-bg: #f7f8f9;
  --cmm26-product-name: #25282c;
  --cmm26-product-price: #be272e;
  --cmm26-stock-color: #1e9b52;
  --cmm26-product-image-size: 78px;
  --cmm26-product-card-radius: 8px;
  --cmm26-product-image-radius: 7px;
  --cmm26-promo-bg: #f5f5f4;
  --cmm26-promo-title: #111315;
  --cmm26-promo-text: #555a60;
  --cmm26-promo-kicker: #be272e;
  --cmm26-promo-title-size: 22px;
  --cmm26-promo-image-height: 235px;
  --cmm26-promo-fit: contain;
  --cmm26-promo-radius: 12px;
  --cmm26-promo-image-radius: 0px;
  --cmm26-promo-inset: 0px;
  --cmm26-cta-radius: 6px;
  --cmm26-promo-cta-bg: #be272e;
  --cmm26-promo-cta-text: #ffffff;
  --cmm26-wa-bg: #111315;
  --cmm26-wa-text: #ffffff;
  --cmm26-wa-border: #111315;
  --cmm26-benefit-bg: #ffffff;
  --cmm26-benefit-text: #25282c;
  --cmm26-benefit-muted: #74787e;
  --cmm26-benefit-icon: #be272e;
  --cmm26-benefit-border: #eceef1;
  --cmm26-benefit-radius: 0px;
  --cmm26-benefit-icon-radius: 17px;
  --cmm26-mobile-bg: #ffffff;
  --cmm26-mobile-text: #25282c;
  --cmm26-mobile-header-bg: #ffffff;
  --cmm26-mobile-header-text: #111315;
  --cmm26-mobile-root-bg: #111315;
  --cmm26-mobile-root-text: #ffffff;
  --cmm26-mobile-border: #eceef1;
  --cmm26-mobile-item-height: 56px;
  --cmm26-mobile-font-size: 13px;
  --cmm26-mobile-width: 90vw;
  --cmm26-mobile-max-width: 390px;
  --cmm26-mobile-overlay: .46;
  --cmm26-mobile-radius: 16px;
  --cmm26-mobile-trigger-radius: 0px;
  --cmm26-mobile-item-radius: 0px;
  --cmm26-mobile-products-radius: 11px;
  --cmm26-mobile-product-image-radius: 6px;
  --cmm26-mobile-cta-radius: 9px;
  --cmm26-zindex: 100060;
  --cmm26-animation: 240ms;
  --cmm26-allcats-dd-top-radius: 0px;
  --cmm26-allcats-item-radius: 8px;
  --cmm26-allcats-icon-radius: 9px;
  font-family: inherit;
}

#cmm26-root.cmm26 {
  position: relative;
  z-index: 2100;
  width: 100%;
  color: var(--cmm26-nav-text);
}

#cmm26-root *, #cmm26-root *::before, #cmm26-root *::after,
#cmm26-mobile-drawer *, #cmm26-mobile-drawer *::before, #cmm26-mobile-drawer *::after,
#cmm26-sticky-allcats-portal *, #cmm26-sticky-allcats-portal *::before, #cmm26-sticky-allcats-portal *::after {
  box-sizing: border-box;
}
#cmm26-root a, #cmm26-mobile-drawer a, #cmm26-sticky-allcats-portal a { text-decoration: none; }


/* v1.0.18 - preserve the native Warehouse header layout.
 * We no longer turn the Warehouse header row into our own flex/grid system.
 * That was the source of the hidden account/cart controls and cart-drawer conflicts.
 * Only the logo, the real search box, and non-destructive right alignment are adjusted. */
@media (min-width: 992px) {
  /* Logo: clamp the image only. Do not resize/reorder the whole Warehouse row. */
  #desktop_logo,
  #_desktop_logo,
  #desktop-header #desktop_logo,
  #desktop-header #_desktop_logo,
  #header #desktop_logo,
  #header #_desktop_logo {
    text-align: left !important;
  }

  #desktop_logo > a,
  #_desktop_logo > a,
  #desktop-header #desktop_logo > a,
  #desktop-header #_desktop_logo > a,
  #header #desktop_logo > a,
  #header #_desktop_logo > a {
    display: inline-block !important;
    width: auto !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  #desktop_logo img,
  #_desktop_logo img,
  #desktop-header #desktop_logo img,
  #desktop-header #_desktop_logo img,
  #header #desktop_logo img,
  #header #_desktop_logo img,
  #desktop-header img.logo,
  #desktop-header-container img.logo,
  #header .header-top img.logo,
  .sticky-desktop-wrapper img.logo {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 340px !important;
    max-height: 96px !important;
    object-fit: contain !important;
    object-position: left center !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  /* Search: JS writes an explicit pixel width calculated from the configured
     percentage of the actual desktop header width. These rules only make the
     inner Warehouse search controls follow that real width. */
  .cmm26-search-sized {
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .cmm26-search-sized form,
  .cmm26-search-sized .search-widget__form,
  .cmm26-search-sized .search-box,
  .cmm26-search-sized input[type="text"],
  .cmm26-search-sized input[type="search"] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Account + cart: preserve Warehouse dimensions and DOM. We only ask the
     existing right column to align its content to the right. */
  #desktop-header-container .col-header-right,
  #desktop-header .col-header-right,
  #header .header-top .col-header-right,
  .sticky-desktop-wrapper .col-header-right {
    margin-left: auto !important;
    text-align: right !important;
    justify-content: flex-end !important;
  }

  /* Undo only stale inline/classes created by older versions of this module.
     The JS performs the actual inline cleanup before applying v1.0.18. */
  .cmm26-header-right-host,
  .cmm26-header-actions-host,
  .cmm26-header-actions-start {
    visibility: visible !important;
    opacity: 1 !important;
  }

  #header-user-btn,
  .header-user-btn,
  #cart-toogle,
  .header-cart-btn,
  #_desktop_user_info,
  #_desktop_cart {
    visibility: visible !important;
    opacity: 1 !important;
  }
}



/* v1.0.20 - compact sticky desktop menu, cormak.pl-style pattern.
 * The full horizontal menu is ALWAYS visible at the top of the page.
 * JavaScript adds .cmm26-sticky-horizontal-hidden only after scrolling into
 * sticky mode, then removes it immediately when the viewport returns to top.
 * Account, cart, search and their native Warehouse drawers are untouched. */
@media (min-width: 992px) {
  .cmm26-sticky-horizontal-hidden {
    display: none !important;
  }

  /* The left sticky-logo host contains only the new burger + native logo. */
  .cmm26-sticky-logo-host {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    min-width: 0 !important;
  }

  .cmm26-sticky-allcats-trigger {
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    min-width: 42px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #111315;
    box-shadow: none;
    cursor: pointer;
    font: inherit;
    line-height: 1;
    z-index: 2;
    transition: color 160ms ease, background 160ms ease, transform 160ms ease;
  }
  .cmm26-sticky-allcats-trigger:hover,
  .cmm26-sticky-allcats-trigger:focus-visible,
  .cmm26-sticky-allcats-trigger.is-open {
    background: #f3f4f5;
    color: var(--cmm26-allcats-accent, #be272e);
    outline: none;
  }
  .cmm26-sticky-allcats-trigger:active { transform: scale(.96); }
  .cmm26-sticky-allcats-trigger .cmm26-hamb {
    flex-basis: 21px;
    width: 21px;
    height: 16px;
  }
  .cmm26-sticky-allcats-trigger .cmm26-hamb i {
    height: 2px;
  }

  #cmm26-sticky-allcats-portal {
    position: fixed;
    inset: 0;
    z-index: 2190;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    font-family: inherit;
  }

  #cmm26-sticky-allcats-portal .cmm26-sticky-allcats-dropdown {
    position: fixed !important;
    right: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(8px) !important;
    z-index: 1 !important;
    transition: opacity 150ms ease, transform 180ms cubic-bezier(.2,.7,.2,1), visibility 150ms linear !important;
  }

  #cmm26-sticky-allcats-portal.is-open .cmm26-sticky-allcats-dropdown {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }
}

/* Main navigation - white and black by default. */
.cmm26-desktop {
  display: block;
  background: var(--cmm26-nav-bg);
  border-top: 1px solid var(--cmm26-nav-border);
  border-bottom: 1px solid var(--cmm26-nav-border);
}
.cmm26-nav-shell {
  position: relative;
  width: var(--cmm26-nav-width-percent);
  max-width: var(--cmm26-nav-max-width);
  margin: 0 auto;
}
.cmm26-nav-list {
  display: flex;
  align-items: stretch;
  justify-content: var(--cmm26-nav-justify);
  min-height: var(--cmm26-nav-height);
  margin: 0;
  padding: 0;
  list-style: none;
  white-space: nowrap;
  gap: var(--cmm26-nav-item-gap);
}
.cmm26-nav-item {
  position: static;
  display: flex;
  align-items: stretch;
  min-width: 0;
  flex: 0 1 auto;
}
.cmm26-nav-link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 0;
  min-height: var(--cmm26-nav-height);
  padding: 0 var(--cmm26-nav-padding-x);
  background: var(--cmm26-nav-bg);
  color: var(--cmm26-nav-text);
  font-size: var(--cmm26-nav-font-size);
  font-weight: var(--cmm26-nav-font-weight);
  line-height: 1.1;
  letter-spacing: .01em;
  white-space: nowrap;
  border-radius: var(--cmm26-nav-item-radius);
  transition: color var(--cmm26-animation) ease, background var(--cmm26-animation) ease;
}
.cmm26-nav-label { overflow: hidden; text-overflow: ellipsis; }
.cmm26-nav-link::after {
  content: "";
  position: absolute;
  left: var(--cmm26-nav-padding-x);
  right: var(--cmm26-nav-padding-x);
  bottom: 0;
  height: var(--cmm26-nav-underline);
  background: var(--cmm26-accent);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform var(--cmm26-animation) ease;
}
.cmm26-nav-item:hover > .cmm26-nav-link,
.cmm26-nav-item.is-open > .cmm26-nav-link,
.cmm26-nav-link:focus-visible {
  color: var(--cmm26-nav-hover-text);
  background: var(--cmm26-nav-hover-bg);
}
.cmm26-nav-item:hover > .cmm26-nav-link::after,
.cmm26-nav-item.is-open > .cmm26-nav-link::after,
.cmm26-nav-link:focus-visible::after { transform: scaleX(1); }

.cmm26-nav-item--featured { flex: 0 0 auto; }
.cmm26-nav-item--featured > .cmm26-nav-link {
  background: var(--cmm26-featured-bg);
  color: var(--cmm26-featured-text);
  padding-left: calc(var(--cmm26-nav-padding-x) + 5px);
  padding-right: calc(var(--cmm26-nav-padding-x) + 5px);
}
.cmm26-nav-item--featured:hover > .cmm26-nav-link,
.cmm26-nav-item--featured.is-open > .cmm26-nav-link {
  background: var(--cmm26-featured-bg);
  color: var(--cmm26-featured-text);
  box-shadow: inset 0 calc(var(--cmm26-nav-underline) * -1) 0 var(--cmm26-accent);
}
.cmm26-nav-item--featured > .cmm26-nav-link::after { display: none; }

.cmm26-chevron {
  flex: 0 0 7px;
  width: 7px;
  height: 7px;
  margin-top: -3px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg);
  opacity: .62;
  transition: transform var(--cmm26-animation) ease;
}
.cmm26-nav-item.is-open .cmm26-chevron { transform: rotate(225deg); margin-top: 4px; }
.cmm26-hamb {
  flex: 0 0 16px;
  width: 16px;
  height: 14px;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
}
.cmm26-hamb i { display: block; width: 100%; height: 1.5px; background: currentColor; border-radius: 3px; }

/* Premium dropdown. */
.cmm26-dropdown {
  position: absolute;
  top: calc(100% + 1px + var(--cmm26-dd-offset-y));
  left: 50%;
  width: min(var(--cmm26-dd-max-width), calc(100vw - 34px));
  transform: translate(-50%, 10px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background: var(--cmm26-dd-bg);
  border: 1px solid var(--cmm26-dd-border);
  border-radius: var(--cmm26-dd-top-radius) var(--cmm26-dd-top-radius) var(--cmm26-dd-radius) var(--cmm26-dd-radius);
  box-shadow: 0 18px var(--cmm26-dd-shadow-blur) rgba(15,18,22,var(--cmm26-shadow-alpha)), 0 3px 12px rgba(15,18,22,.07);
  overflow: hidden;
  z-index: 9999;
  transition: opacity calc(var(--cmm26-animation) * .7) ease, transform var(--cmm26-animation) cubic-bezier(.2,.7,.2,1), visibility calc(var(--cmm26-animation) * .7) linear;
}
.cmm26-nav-item.is-open > .cmm26-dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate(-50%, 0);
}
.cmm26-dropdown-grid {
  display: grid;
  grid-template-columns: minmax(220px,var(--cmm26-left-fr)) minmax(350px,var(--cmm26-sub-fr));
  min-height: var(--cmm26-dd-min-height);
  background: var(--cmm26-dd-bg);
}
.cmm26-dropdown-grid.has-products {
  grid-template-columns: minmax(220px,var(--cmm26-left-fr)) minmax(350px,var(--cmm26-sub-fr)) minmax(255px,var(--cmm26-products-fr));
}
.cmm26-dropdown-grid.has-promo {
  grid-template-columns: minmax(220px,var(--cmm26-left-fr)) minmax(350px,var(--cmm26-sub-fr)) minmax(320px,var(--cmm26-promo-fr));
}
.cmm26-dropdown-grid.has-products.has-promo {
  grid-template-columns: minmax(220px,var(--cmm26-left-fr)) minmax(350px,var(--cmm26-sub-fr)) minmax(255px,var(--cmm26-products-fr)) minmax(320px,var(--cmm26-promo-fr));
}
.cmm26-dropdown-grid > section,
.cmm26-dropdown-grid > aside { min-width: 0; }
.cmm26-column-kicker {
  height: 47px;
  display: flex;
  align-items: flex-end;
  padding: 0 20px 11px;
  color: var(--cmm26-column-title);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .075em;
}

/* Category rail. */
.cmm26-category-rail {
  padding: 0 14px 15px;
  border-right: 1px solid var(--cmm26-sub-border);
  background: var(--cmm26-rail-bg);
}
.cmm26-category-list { margin: 0; padding: 0; list-style: none; }
.cmm26-category-list li { margin: 0; }
.cmm26-category-link {
  display: grid;
  grid-template-columns: 26px minmax(0,1fr) 12px;
  align-items: center;
  gap: 7px;
  min-height: var(--cmm26-cat-row-height);
  padding: 5px 10px;
  border-radius: var(--cmm26-cat-radius);
  color: var(--cmm26-rail-text);
  font-size: var(--cmm26-cat-font-size);
  font-weight: 650;
  transition: background var(--cmm26-animation) ease, color var(--cmm26-animation) ease, transform var(--cmm26-animation) ease;
}
.cmm26-category-link:hover,
.cmm26-category-link.is-active {
  background: var(--cmm26-rail-active-bg);
  color: var(--cmm26-rail-active-text);
  transform: translateX(2px);
}
.cmm26-cat-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: var(--cmm26-rail-icon);
  font-size: 13px;
}
.cmm26-category-link.is-active .cmm26-cat-icon,
.cmm26-category-link:hover .cmm26-cat-icon { color: var(--cmm26-rail-active-text); }
.cmm26-cat-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cmm26-row-arrow {
  width: 7px;
  height: 7px;
  border-right: 1.5px solid currentColor;
  border-top: 1.5px solid currentColor;
  transform: rotate(45deg);
  opacity: .62;
}
.cmm26-all-link {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 10px 9px 0;
  padding: 12px 2px 1px;
  border-top: 1px solid var(--cmm26-sub-border);
  color: var(--cmm26-rail-text);
  font-size: 11px;
  font-weight: 800;
}
.cmm26-all-link:hover { color: var(--cmm26-accent); }

/* Subcategories: one clean link per line. */
.cmm26-subcategory-column {
  position: relative;
  padding: 0 22px 18px;
  border-right: 1px solid var(--cmm26-sub-border);
  background: var(--cmm26-sub-bg);
}
.cmm26-subpane { display: none; animation: cmm26Fade calc(var(--cmm26-animation) * .7) ease; }
.cmm26-subpane.is-active { display: block; }
.cmm26-subpane-head {
  min-height: 72px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  padding: 6px 1px 14px;
  border-bottom: 1px solid var(--cmm26-sub-border);
}
.cmm26-subpane-title-wrap { min-width: 0; }
.cmm26-eyebrow {
  display: block;
  margin-bottom: 3px;
  color: var(--cmm26-sub-muted);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .09em;
}
.cmm26-subpane-head h3 {
  max-width: 100%;
  margin: 0;
  overflow: hidden;
  color: var(--cmm26-sub-text);
  font-size: 18px;
  line-height: 1.18;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cmm26-view-category {
  flex: 0 0 auto;
  color: var(--cmm26-accent);
  font-size: 10px;
  font-weight: 850;
  white-space: nowrap;
}
.cmm26-subcategory-lines {
  display: flex;
  flex-direction: column;
  padding: 12px 0 2px;
  max-height: calc(var(--cmm26-dd-min-height) - 123px);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}
.cmm26-subcategory-line {
  position: relative;
  display: grid;
  grid-template-columns: 8px minmax(0,1fr) 20px;
  align-items: center;
  gap: 9px;
  min-height: var(--cmm26-sub-row-height);
  padding: 4px 9px;
  border-bottom: 1px solid var(--cmm26-sub-border);
  border-radius: var(--cmm26-sub-radius);
  color: var(--cmm26-sub-text);
  font-size: var(--cmm26-sub-font-size);
  font-weight: 620;
  line-height: 1.2;
  transition: background var(--cmm26-animation) ease, color var(--cmm26-animation) ease, padding var(--cmm26-animation) ease;
}
.cmm26-subcategory-line:last-child { border-bottom-color: transparent; }
.cmm26-subcategory-line:hover,
.cmm26-subcategory-line:focus-visible {
  background: var(--cmm26-sub-hover-bg);
  color: var(--cmm26-sub-hover-text);
  padding-left: 12px;
}
.cmm26-subcategory-dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: currentColor;
  opacity: .5;
}
.cmm26-subcategory-name { min-width: 0; }
.cmm26-subcategory-column--nowrap .cmm26-subcategory-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cmm26-subcategory-arrow {
  justify-self: end;
  color: var(--cmm26-accent);
  opacity: 0;
  transform: translateX(-4px);
  transition: opacity var(--cmm26-animation) ease, transform var(--cmm26-animation) ease;
}
.cmm26-subcategory-line:hover .cmm26-subcategory-arrow,
.cmm26-subcategory-line:focus-visible .cmm26-subcategory-arrow { opacity: 1; transform: translateX(0); }
.cmm26-empty-subpane {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 22px 2px;
  color: var(--cmm26-sub-muted);
  font-size: var(--cmm26-sub-font-size);
}
.cmm26-empty-subpane a { color: var(--cmm26-accent); font-weight: 800; }

/* Top products. */
.cmm26-products-column {
  padding: 0 17px 15px;
  border-right: 1px solid var(--cmm26-sub-border);
  background: var(--cmm26-product-bg);
}
.cmm26-product-stack { display: flex; flex-direction: column; gap: 4px; }
.cmm26-product-card {
  display: grid;
  grid-template-columns: var(--cmm26-product-image-size) minmax(0,1fr);
  align-items: center;
  gap: 10px;
  min-height: calc(var(--cmm26-product-image-size) + 18px);
  padding: 8px 7px;
  border-radius: var(--cmm26-product-card-radius);
  color: var(--cmm26-product-name);
  transition: background var(--cmm26-animation) ease, transform var(--cmm26-animation) ease;
}
.cmm26-product-card:hover { background: var(--cmm26-product-hover-bg); transform: translateY(-1px); }
.cmm26-product-image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--cmm26-product-image-size);
  height: var(--cmm26-product-image-size);
  border-radius: var(--cmm26-product-image-radius);
  background: #fff;
  overflow: hidden;
}
.cmm26-product-image img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }
.cmm26-product-copy { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; }
.cmm26-product-name {
  display: block;
  overflow: visible;
  margin-bottom: 5px;
  color: var(--cmm26-product-name);
  font-size: 10.5px;
  line-height: 1.35;
  font-weight: 650;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: normal;
}
.cmm26-product-price { color: var(--cmm26-product-price); font-size: 12px; line-height: 1.25; font-weight: 850; }
.cmm26-stock { margin-top: 2px; color: #898e94; font-size: 9.5px; font-weight: 700; }
.cmm26-stock.is-in-stock { color: var(--cmm26-stock-color); }
.cmm26-products-more {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin: 9px 7px 0;
  color: var(--cmm26-accent);
  font-size: 10px;
  font-weight: 850;
}

/* Promo - more image, less visual noise, premium CTAs. */
.cmm26-promo-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  margin: var(--cmm26-promo-inset);
  padding: 21px 22px 20px;
  border-radius: var(--cmm26-promo-radius);
  background:
    radial-gradient(circle at 95% 0%, rgba(255,255,255,.95) 0 18%, transparent 44%),
    linear-gradient(145deg, var(--cmm26-promo-bg), #ffffff 115%);
  overflow: hidden;
}
.cmm26-promo-card::before {
  content: "";
  position: absolute;
  top: 18px;
  right: -38px;
  width: 130px;
  height: 130px;
  border: 1px solid rgba(190,39,46,.12);
  border-radius: 50%;
  pointer-events: none;
}
.cmm26-promo-topline {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}
.cmm26-promo-kicker {
  color: var(--cmm26-promo-kicker);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .11em;
}
.cmm26-promo-chip {
  padding: 4px 7px;
  border: 1px solid rgba(17,19,21,.12);
  border-radius: 999px;
  color: #55595d;
  background: rgba(255,255,255,.7);
  font-size: 8px;
  font-weight: 850;
}
.cmm26-promo-copy { position: relative; z-index: 1; }
.cmm26-promo-copy h3 {
  margin: 0 0 7px;
  color: var(--cmm26-promo-title);
  font-size: var(--cmm26-promo-title-size);
  line-height: 1.02;
  font-weight: 900;
  letter-spacing: -.025em;
}
.cmm26-promo-copy p {
  max-width: 290px;
  margin: 0;
  color: var(--cmm26-promo-text);
  font-size: 11px;
  line-height: 1.45;
}
.cmm26-promo-image {
  position: relative;
  z-index: 1;
  flex: 1 1 auto;
  min-height: var(--cmm26-promo-image-height);
  height: var(--cmm26-promo-image-height);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 8px -8px 5px;
  border-radius: var(--cmm26-promo-image-radius);
  overflow: hidden;
}
.cmm26-promo-image img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: var(--cmm26-promo-fit);
  object-position: center;
  filter: drop-shadow(0 16px 18px rgba(14,16,18,.10));
  transform: scale(1.06);
  transition: transform calc(var(--cmm26-animation) * 1.5) ease;
}
.cmm26-promo-card:hover .cmm26-promo-image img { transform: scale(1.1); }
.cmm26-promo-image--empty {
  color: rgba(17,19,21,.08);
  font-size: 46px;
  font-weight: 950;
  letter-spacing: -.06em;
}
.cmm26-promo-actions {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr;
  gap: 7px;
  margin-top: auto;
}
.cmm26-promo-cta,
.cmm26-whatsapp-cta {
  min-height: 39px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: var(--cmm26-cta-radius);
  font-size: 9.5px;
  line-height: 1.15;
  font-weight: 850;
  text-align: center;
  letter-spacing: .015em;
  transition: transform var(--cmm26-animation) ease, box-shadow var(--cmm26-animation) ease, opacity var(--cmm26-animation) ease;
}
.cmm26-promo-cta { background: var(--cmm26-promo-cta-bg); color: var(--cmm26-promo-cta-text); }
.cmm26-whatsapp-cta { border: 1px solid var(--cmm26-wa-border); background: var(--cmm26-wa-bg); color: var(--cmm26-wa-text); }
.cmm26-promo-cta:hover,
.cmm26-whatsapp-cta:hover { color: inherit; transform: translateY(-1px); box-shadow: 0 8px 20px rgba(17,19,21,.12); }
.cmm26-promo-cta:hover { color: var(--cmm26-promo-cta-text); }
.cmm26-whatsapp-cta:hover { color: var(--cmm26-wa-text); }
.cmm26-whatsapp-cta .fa { font-size: 14px; }

/* Benefits strip. */
.cmm26-benefit-strip {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  border-top: 1px solid var(--cmm26-benefit-border);
  background: var(--cmm26-benefit-bg);
}
.cmm26-benefit {
  min-height: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  padding: 10px 16px;
  border-right: 1px solid var(--cmm26-benefit-border);
  border-radius: var(--cmm26-benefit-radius);
  overflow: hidden;
}
.cmm26-benefit:last-child { border-right: 0; }
.cmm26-benefit-icon {
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--cmm26-benefit-icon);
  border: 1px solid color-mix(in srgb, var(--cmm26-benefit-icon) 25%, transparent);
  border-radius: var(--cmm26-benefit-icon-radius);
  font-size: 15px;
}
.cmm26-benefit > span:last-child { min-width: 0; display: flex; flex-direction: column; }
.cmm26-benefit strong { color: var(--cmm26-benefit-text); font-size: 10.5px; line-height: 1.25; font-weight: 850; }
.cmm26-benefit small { margin-top: 2px; color: var(--cmm26-benefit-muted); font-size: 8.8px; line-height: 1.25; }

@keyframes cmm26Fade { from { opacity: 0; transform: translateY(2px); } to { opacity: 1; transform: translateY(0); } }

/* Fallback mobile trigger. Normally Warehouse's existing Menu control opens the drawer. */
.cmm26-mobile { display: none; }
.cmm26-mobile-trigger {
  display: none;
  width: 100%;
  min-height: 48px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 16px;
  border: 0;
  background: var(--cmm26-mobile-root-bg);
  color: var(--cmm26-mobile-root-text);
  font: inherit;
  font-size: 12px;
  font-weight: 850;
  cursor: pointer;
  border-radius: var(--cmm26-mobile-trigger-radius);
}
.cmm26-mobile-trigger-arrow { font-size: 24px; font-weight: 300; }

/* Mobile portal: viewport isolated drawer. */
.cmm26-mobile-drawer {
  --cmm26-viewport-height: 100dvh;
  position: fixed !important;
  inset: 0 !important;
  z-index: var(--cmm26-zindex) !important;
  display: block !important;
  width: 100vw !important;
  height: var(--cmm26-viewport-height) !important;
  min-height: var(--cmm26-viewport-height) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none;
  visibility: hidden;
  contain: layout style;
  isolation: isolate;
}
.cmm26-mobile-drawer.is-open { pointer-events: auto; visibility: visible; }
.cmm26-mobile-backdrop {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(8,10,12,var(--cmm26-mobile-overlay)) !important;
  -webkit-appearance: none;
  appearance: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--cmm26-animation) ease, visibility var(--cmm26-animation) linear;
}
.cmm26-mobile-drawer.is-open .cmm26-mobile-backdrop { opacity: 1; visibility: visible; }
.cmm26-mobile-sheet {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  z-index: 1 !important;
  display: flex !important;
  flex-direction: column;
  width: min(var(--cmm26-mobile-width), var(--cmm26-mobile-max-width)) !important;
  max-width: calc(100vw - 28px) !important;
  height: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--cmm26-mobile-bg) !important;
  color: var(--cmm26-mobile-text);
  border: 0 !important;
  border-radius: 0 var(--cmm26-mobile-radius) var(--cmm26-mobile-radius) 0;
  box-shadow: 12px 0 45px rgba(0,0,0,.22);
  overflow: hidden !important;
  transform: translate3d(-104%,0,0) !important;
  will-change: transform;
  transition: transform var(--cmm26-animation) cubic-bezier(.2,.72,.22,1);
  -webkit-transform: translate3d(-104%,0,0) !important;
}
.cmm26-mobile-drawer.is-open .cmm26-mobile-sheet {
  transform: translate3d(0,0,0) !important;
  -webkit-transform: translate3d(0,0,0) !important;
}
.cmm26-mobile-head {
  flex: 0 0 auto;
  min-height: calc(64px + env(safe-area-inset-top));
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: env(safe-area-inset-top) 14px 0 17px;
  border-bottom: 1px solid var(--cmm26-mobile-border);
  background: var(--cmm26-mobile-header-bg);
  color: var(--cmm26-mobile-header-text);
}
.cmm26-mobile-brand {
  min-width: 0;
  min-height: 63px;
  display: flex;
  align-items: center;
  color: var(--cmm26-mobile-header-text);
  font-size: 18px;
  font-weight: 950;
  letter-spacing: -.035em;
}
.cmm26-mobile-logo {
  display: block;
  width: auto;
  height: var(--cmm26-mobile-logo-height);
  max-width: var(--cmm26-mobile-logo-max-width);
  object-fit: contain;
  object-position: left center;
}
.cmm26-mobile-close {
  flex: 0 0 48px;
  width: 48px;
  height: 63px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background: transparent;
  color: var(--cmm26-mobile-header-text);
  font: inherit;
  font-size: 34px;
  font-weight: 300;
  line-height: 1;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.cmm26-mobile-stage {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  background: var(--cmm26-mobile-bg);
}
.cmm26-mobile-level {
  position: absolute;
  inset: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  background: var(--cmm26-mobile-bg);
  transform: translate3d(100%,0,0);
  visibility: hidden;
  opacity: 0;
  transition: transform var(--cmm26-animation) cubic-bezier(.2,.72,.22,1), opacity calc(var(--cmm26-animation) * .75) ease, visibility var(--cmm26-animation) linear;
}
.cmm26-mobile-level.is-current { transform: translate3d(0,0,0); visibility: visible; opacity: 1; z-index: 2; }
.cmm26-mobile-level.is-left { transform: translate3d(-26%,0,0); visibility: hidden; opacity: 0; }
.cmm26-mobile-level-title {
  min-height: 48px;
  display: flex;
  align-items: center;
  padding: 0 17px;
  background: var(--cmm26-mobile-root-bg);
  color: var(--cmm26-mobile-root-text);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .055em;
}
.cmm26-mobile-levelbar {
  position: sticky;
  top: 0;
  z-index: 4;
  min-height: 56px;
  display: grid;
  grid-template-columns: 48px minmax(0,1fr) auto;
  align-items: center;
  border-bottom: 1px solid var(--cmm26-mobile-border);
  background: var(--cmm26-mobile-header-bg);
  color: var(--cmm26-mobile-header-text);
}
.cmm26-mobile-levelbar strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--cmm26-mobile-header-text);
  font-size: calc(var(--cmm26-mobile-font-size) - .2px);
  font-weight: 850;
}
.cmm26-mobile-levelbar > a {
  display: flex;
  align-items: center;
  align-self: stretch;
  padding: 0 15px;
  color: var(--cmm26-accent);
  font-size: 10px;
  font-weight: 850;
  white-space: nowrap;
}
.cmm26-mobile-prev {
  width: 48px;
  height: 56px;
  border: 0;
  background: transparent;
  color: var(--cmm26-mobile-header-text);
  font: inherit;
  font-size: 31px;
  font-weight: 300;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.cmm26-mobile-level ul { margin: 0; padding: 0; list-style: none; }
.cmm26-mobile-level li { margin: 0; border-bottom: 1px solid var(--cmm26-mobile-border); }
.cmm26-mobile-level li > a,
.cmm26-mobile-next {
  width: 100%;
  min-height: var(--cmm26-mobile-item-height);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 17px;
  border: 0;
  background: var(--cmm26-mobile-bg);
  color: var(--cmm26-mobile-text);
  font: inherit;
  font-size: var(--cmm26-mobile-font-size);
  font-weight: 650;
  line-height: 1.3;
  text-align: left;
  cursor: pointer;
  border-radius: var(--cmm26-mobile-item-radius);
  -webkit-tap-highlight-color: transparent;
}
.cmm26-mobile-level li > a:active,
.cmm26-mobile-next:active { background: var(--cmm26-sub-hover-bg); color: var(--cmm26-accent); }
.cmm26-mobile-next > span:first-child,
.cmm26-mobile-level li > a > span:first-child { display: inline-flex; align-items: center; gap: 10px; min-width: 0; }
.cmm26-mobile-next i,
.cmm26-mobile-level li > a i { flex: 0 0 21px; width: 21px; color: var(--cmm26-rail-icon); text-align: center; }
.cmm26-mobile-next > span:last-child { flex: 0 0 auto; color: #a4a8ad; font-size: 23px; font-weight: 300; }

.cmm26-mobile-products {
  margin: 16px 14px calc(26px + env(safe-area-inset-bottom));
  padding: 14px;
  border: 1px solid var(--cmm26-mobile-border);
  border-radius: var(--cmm26-mobile-products-radius);
  background: #f7f8f9;
}
.cmm26-mobile-products-title {
  display: block;
  margin-bottom: 8px;
  color: var(--cmm26-mobile-text);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.cmm26-mobile-product {
  display: grid;
  grid-template-columns: 70px minmax(0,1fr);
  gap: 10px;
  align-items: center;
  padding: 9px 0;
  border-top: 1px solid var(--cmm26-mobile-border);
  color: var(--cmm26-mobile-text);
}
.cmm26-mobile-product:first-of-type { border-top: 0; }
.cmm26-mobile-product img { width: 70px; height: 63px; object-fit: contain; background: #fff; border-radius: var(--cmm26-mobile-product-image-radius); }
.cmm26-mobile-product strong { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 10.5px; line-height: 1.35; }
.cmm26-mobile-product b { display: block; margin-top: 4px; color: var(--cmm26-product-price); font-size: 11.5px; }
.cmm26-mobile-product small { display: block; margin-top: 2px; color: var(--cmm26-stock-color); font-size: 9.5px; }

.cmm26-mobile-quote {
  flex: 0 0 auto;
  padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
  border-top: 1px solid var(--cmm26-mobile-border);
  background: var(--cmm26-mobile-header-bg);
}
.cmm26-mobile-quote a {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 8px 14px;
  border: 1px solid var(--cmm26-wa-border);
  border-radius: var(--cmm26-mobile-cta-radius);
  background: var(--cmm26-wa-bg);
  color: var(--cmm26-wa-text);
  font-size: 13px;
  font-weight: 850;
}
.cmm26-mobile-quote a:hover { color: var(--cmm26-wa-text); }
.cmm26-mobile-quote .fa { font-size: 18px; }

html.cmm26-mobile-open,
body.cmm26-mobile-open { overflow: hidden !important; overscroll-behavior: none !important; }
body.cmm26-mobile-open [data-cmm26-floating-hidden="1"] { display: none !important; }
body.cmm26-mobile-open #smartsupp-widget-container,
body.cmm26-mobile-open [id^="smartsupp"],
body.cmm26-mobile-open [class*="smartsupp"] { visibility: hidden !important; pointer-events: none !important; }

body.cmm26-mobile-open #iqitmegamenu-mobile,
body.cmm26-mobile-open .iqitmegamenu-mobile,
body.cmm26-mobile-open .mobile-menu__iqit,
body.cmm26-mobile-open .cbp-spmenu,
body.cmm26-mobile-open #mobile-menu { visibility: hidden !important; pointer-events: none !important; }

/* Width guardrails for large desktop menus. */
@media (max-width: 1380px) {
  .cmm26-nav-link { padding-left: 11px; padding-right: 11px; font-size: min(var(--cmm26-nav-font-size), 11px); }
  .cmm26-dropdown-grid.has-products.has-promo {
    grid-template-columns: minmax(205px,.78fr) minmax(315px,1.18fr) minmax(245px,.9fr) minmax(295px,1.02fr);
  }
  .cmm26-promo-card { padding-left: 18px; padding-right: 18px; }
}
@media (max-width: 1180px) {
  .cmm26-nav-link { padding-left: 8px; padding-right: 8px; font-size: 10px; }
  .cmm26-dropdown-grid.has-products.has-promo,
  .cmm26-dropdown-grid.has-promo {
    grid-template-columns: 220px minmax(330px,1fr) 270px;
  }
  .cmm26-dropdown-grid.has-products.has-promo .cmm26-promo-card,
  .cmm26-dropdown-grid.has-promo .cmm26-promo-card { display: none; }
}
@media (max-width: 1060px) {
  .cmm26-dropdown-grid.has-products.has-promo,
  .cmm26-dropdown-grid.has-products,
  .cmm26-dropdown-grid.has-promo {
    grid-template-columns: 215px minmax(340px,1fr);
  }
  .cmm26-products-column,
  .cmm26-promo-card { display: none; }
}

@media (max-width: 991.98px) {
  .cmm26-desktop { display: none !important; }
  .cmm26-mobile { display: block; }
  #cmm26-root { z-index: auto; }

  #cmm26-mobile-portal.cmm26-fallback-visible .cmm26-mobile-trigger { display: flex; }

  /* v1.0.8 - Warehouse Cart/Search/Account must stay above navigation controls.
     Keep the header layout intact (visibility instead of display:none) to avoid jumps. */
  body.cmm26-warehouse-panel-open #mobile-header .col-mobile-menu,
  body.cmm26-warehouse-panel-open #header .col-mobile-menu,
  body.cmm26-warehouse-panel-open .header-mobile .col-mobile-menu,
  body.cmm26-warehouse-panel-open .mobile-header .col-mobile-menu,
  body.cmm26-warehouse-panel-open [data-cmm26-theme-trigger="1"],
  html.cmm26-warehouse-panel-open #mobile-header .col-mobile-menu,
  html.cmm26-warehouse-panel-open #header .col-mobile-menu,
  html.cmm26-warehouse-panel-open [data-cmm26-theme-trigger="1"],
  body.cmm26-warehouse-panel-open #cmm26-mobile-portal .cmm26-mobile-trigger {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
  body.cmm26-warehouse-panel-open [data-cmm26-floating-hidden="1"] {
    display: none !important;
  }

  body.cmm26-takeover-active #iqitmegamenu-mobile,
  body.cmm26-takeover-active .iqitmegamenu-mobile,
  body.cmm26-takeover-active .mobile-menu__iqit,
  body.cmm26-takeover-active #mobile-menu,
  body.cmm26-takeover-active .iqitmegamenu-mobile-container,
  body.cmm26-takeover-active .iqitmegamenu-wrapper-mobile {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  #cmm26-mobile-portal {
    position: static !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  #cmm26-mobile-portal.cmm26-fallback-visible { width: 100% !important; height: auto !important; }
}
@media (min-width: 992px) {
  .cmm26-mobile-drawer { display: none !important; }
}
@media (max-width: 420px) {
  .cmm26-mobile-sheet { max-width: calc(100vw - 18px) !important; }
}
@media (prefers-reduced-motion: reduce) {
  #cmm26-root *, #cmm26-root *::before, #cmm26-root *::after,
  .cmm26-mobile-drawer *, .cmm26-mobile-drawer *::before, .cmm26-mobile-drawer *::after {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}


/* v1.0.5 - desktop-only first menu: IQIT level-1 categories. */
@media (min-width: 992px) {
  .cmm26-nav-item--allcats {
    flex: 0 0 auto;
  }
  .cmm26-nav-item--allcats > .cmm26-allcats-trigger {
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid var(--cmm26-allcats-border);
    border-top: 0;
    border-bottom: 0;
    border-radius: var(--cmm26-allcats-button-radius);
    outline: 0;
    cursor: pointer;
    font-family: inherit;
    padding-left: var(--cmm26-allcats-padding-x);
    padding-right: var(--cmm26-allcats-padding-x);
    background: var(--cmm26-allcats-bg);
    color: var(--cmm26-allcats-text);
    font-size: var(--cmm26-allcats-font-size);
    font-weight: var(--cmm26-allcats-font-weight);
    letter-spacing: .025em;
  }
  .cmm26-nav-item--allcats > .cmm26-allcats-trigger::after {
    display: block;
    left: 0;
    right: 0;
    background: var(--cmm26-allcats-accent);
  }
  .cmm26-nav-item--allcats:hover > .cmm26-allcats-trigger,
  .cmm26-nav-item--allcats.is-open > .cmm26-allcats-trigger,
  .cmm26-nav-item--allcats > .cmm26-allcats-trigger:focus-visible {
    background: var(--cmm26-allcats-hover-bg);
    color: var(--cmm26-allcats-hover-text);
  }
  .cmm26-nav-item--allcats:hover > .cmm26-allcats-trigger::after,
  .cmm26-nav-item--allcats.is-open > .cmm26-allcats-trigger::after,
  .cmm26-nav-item--allcats > .cmm26-allcats-trigger:focus-visible::after {
    transform: scaleX(1);
  }

  .cmm26-allcats-dropdown {
    left: 0;
    width: min(var(--cmm26-allcats-dd-width), calc(100vw - 34px));
    max-width: none;
    transform: translate(0, 10px);
    background: var(--cmm26-allcats-dd-bg);
    border-color: var(--cmm26-allcats-dd-border);
    border-radius: var(--cmm26-allcats-dd-top-radius) var(--cmm26-allcats-dd-top-radius) var(--cmm26-allcats-dd-radius) var(--cmm26-allcats-dd-radius);
  }
  .cmm26-nav-item--allcats.is-open > .cmm26-allcats-dropdown {
    transform: translate(0, 0);
  }
  .cmm26-allcats-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 48px;
    padding: 13px var(--cmm26-allcats-dd-padding) 9px;
    border-bottom: 1px solid var(--cmm26-allcats-separator);
    color: var(--cmm26-allcats-title-color);
    font-size: var(--cmm26-allcats-title-size);
    font-weight: 850;
    line-height: 1.2;
    letter-spacing: .09em;
    text-transform: uppercase;
  }
  .cmm26-allcats-head small {
    flex: 0 0 auto;
    color: var(--cmm26-allcats-title-color);
    font-size: 10px;
    font-weight: 650;
    letter-spacing: .02em;
    text-transform: none;
    opacity: .72;
  }
  .cmm26-allcats-grid {
    display: grid;
    grid-template-columns: repeat(var(--cmm26-allcats-cols), minmax(0, 1fr));
    gap: 0 14px;
    padding: var(--cmm26-allcats-dd-padding);
    background: var(--cmm26-allcats-dd-bg);
  }
  .cmm26-allcats-item {
    display: grid;
    grid-template-columns: auto minmax(0,1fr) 18px;
    align-items: center;
    gap: 11px;
    min-height: var(--cmm26-allcats-row-height);
    padding: 6px 8px;
    border-bottom: 1px solid var(--cmm26-allcats-separator);
    border-radius: var(--cmm26-allcats-item-radius);
    color: var(--cmm26-allcats-dd-text);
    font-size: var(--cmm26-allcats-font-size);
    font-weight: var(--cmm26-allcats-font-weight);
    line-height: 1.15;
    transition: background var(--cmm26-animation) ease, color var(--cmm26-animation) ease, transform var(--cmm26-animation) ease;
  }
  .cmm26-allcats-item.no-icon {
    grid-template-columns: minmax(0,1fr) 18px;
  }
  .cmm26-allcats-item:hover,
  .cmm26-allcats-item:focus-visible {
    background: var(--cmm26-allcats-dd-hover-bg);
    color: var(--cmm26-allcats-dd-hover-text);
    transform: translateX(2px);
    outline: none;
  }
  .cmm26-allcats-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--cmm26-allcats-icon-size);
    height: var(--cmm26-allcats-icon-size);
    border-radius: var(--cmm26-allcats-icon-radius);
    background: var(--cmm26-allcats-icon-bg);
    color: var(--cmm26-allcats-icon-color);
    font-size: calc(var(--cmm26-allcats-icon-size) * .38);
    transition: background var(--cmm26-animation) ease, color var(--cmm26-animation) ease;
  }
  .cmm26-allcats-item:hover .cmm26-allcats-icon,
  .cmm26-allcats-item:focus-visible .cmm26-allcats-icon {
    background: var(--cmm26-allcats-icon-hover-bg);
    color: var(--cmm26-allcats-icon-hover-color);
  }
  .cmm26-allcats-name {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .cmm26-allcats-arrow {
    color: var(--cmm26-allcats-arrow-color);
    font-size: 15px;
    text-align: right;
    transition: color var(--cmm26-animation) ease, transform var(--cmm26-animation) ease;
  }
  .cmm26-allcats-item:hover .cmm26-allcats-arrow,
  .cmm26-allcats-item:focus-visible .cmm26-allcats-arrow {
    color: currentColor;
    transform: translateX(2px);
  }
}

/* v1.0.9 - desktop vertical "Toate categoriile" tree, configurable on 1-4 levels. */
@media (min-width: 992px) {
  .cmm26-allcats-dropdown--tree {
    overflow: visible;
  }
  .cmm26-allcats-dropdown--tree .cmm26-allcats-head {
    border-radius: var(--cmm26-allcats-dd-top-radius) var(--cmm26-allcats-dd-top-radius) 0 0;
    background: var(--cmm26-allcats-dd-bg);
  }
  .cmm26-allcats-dropdown--tree .cmm26-allcats-grid {
    border-radius: 0 0 var(--cmm26-allcats-dd-radius) var(--cmm26-allcats-dd-radius);
  }
  .cmm26-allcats-grid--tree {
    /* Multi-column + fly-out produces collisions. With descendants enabled,
       keep the master rail genuinely vertical and compact. */
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .cmm26-allcats-tree-node {
    position: relative;
    min-width: 0;
  }
  .cmm26-allcats-tree-node > .cmm26-allcats-item {
    width: 100%;
  }
  .cmm26-allcats-item--sub {
    grid-template-columns: minmax(0, 1fr) 18px;
    min-height: max(40px, calc(var(--cmm26-allcats-row-height) - 4px));
    padding-left: 12px;
    padding-right: 9px;
    font-weight: 650;
    letter-spacing: 0;
  }
  .cmm26-allcats-submenu {
    position: absolute;
    top: -8px;
    left: calc(100% + 7px);
    width: min(300px, calc(100vw - 36px));
    padding: 8px;
    background: var(--cmm26-allcats-dd-bg);
    border: 1px solid var(--cmm26-allcats-dd-border);
    border-radius: max(10px, var(--cmm26-allcats-dd-radius));
    box-shadow: 0 18px 45px rgba(15,18,22,.14), 0 3px 10px rgba(15,18,22,.06);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(8px);
    transition: opacity calc(var(--cmm26-animation) * .7) ease,
                transform var(--cmm26-animation) cubic-bezier(.2,.7,.2,1),
                visibility calc(var(--cmm26-animation) * .7) linear;
    z-index: 10010;
  }
  .cmm26-allcats-tree-node:hover > .cmm26-allcats-submenu,
  .cmm26-allcats-tree-node:focus-within > .cmm26-allcats-submenu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(0);
  }
  .cmm26-allcats-submenu-head {
    display: block;
    padding: 7px 10px 9px;
    margin-bottom: 3px;
    border-bottom: 1px solid var(--cmm26-allcats-separator);
    color: var(--cmm26-allcats-title-color);
    font-size: max(9px, var(--cmm26-allcats-title-size));
    font-weight: 850;
    line-height: 1.25;
    letter-spacing: .055em;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .cmm26-allcats-submenu .cmm26-allcats-item:last-child,
  .cmm26-allcats-submenu .cmm26-allcats-tree-node:last-child > .cmm26-allcats-item {
    border-bottom-color: transparent;
  }
  .cmm26-allcats-tree-node:focus-within > .cmm26-allcats-item,
  .cmm26-allcats-tree-node:hover > .cmm26-allcats-item {
    background: var(--cmm26-allcats-dd-hover-bg);
    color: var(--cmm26-allcats-dd-hover-text);
  }
  .cmm26-allcats-tree-node:focus-within > .cmm26-allcats-item .cmm26-allcats-arrow,
  .cmm26-allcats-tree-node:hover > .cmm26-allcats-item .cmm26-allcats-arrow {
    color: currentColor;
    transform: translateX(2px);
  }
}