
/*
 * MUTTI LAB 2.0 — GLOBAL EXPERIENCE G2
 * HEADER / SEARCH / MEGA CATALOG / DELIVERY CONTEXT / MOBILE NAV
 *
 * G1.2.2 remains the canvas/density owner. G2 composes the global commerce
 * controls inside that geometry. No product grid math is changed here.
 */

:root{
  --ml2-g2-ink:#111114;
  --ml2-g2-muted:#727780;
  --ml2-g2-line:#e4e6e9;
  --ml2-g2-soft:#f4f5f6;
  --ml2-g2-surface:#fff;
  --ml2-g2-raspberry:#e90064;
  --ml2-g2-green:#168b57;
  --ml2-g2-shadow:0 18px 48px rgba(17,17,20,.12),0 3px 12px rgba(17,17,20,.05);
}
html[data-mutti-theme="dark"]{
  --ml2-g2-ink:#f4f4f5;
  --ml2-g2-muted:#a7abb2;
  --ml2-g2-line:#32353b;
  --ml2-g2-soft:#22252a;
  --ml2-g2-surface:#191b20;
  --ml2-g2-shadow:0 22px 60px rgba(0,0,0,.38);
}

/* -------------------------------------------------------------------------
 * 1. PRIMARY HEADER — ONE COMMAND BAR
 * ------------------------------------------------------------------------- */
body.ml2-global-g2 header.ml2-g2-header{
  padding:8px 0 0!important;
  border-bottom-color:rgba(224,226,230,.9)!important;
  background:rgba(250,250,248,.94)!important;
  box-shadow:none!important;
}

body.admin-bar.ml2-global-g2 header.ml2-g2-header{top:32px!important}
@media(max-width:782px){
  body.admin-bar.ml2-global-g2 header.ml2-g2-header{top:46px!important}
}

body.ml2-global-g2 header.ml2-g2-header.is-v2-scrolled{
  background:rgba(250,250,248,.985)!important;
  box-shadow:0 9px 28px rgba(18,20,24,.065)!important;
}
body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-shell{
  width:var(--ml2-g12-shell,var(--ml2-g11-shell,min(1520px,88vw)))!important;
  max-width:var(--ml2-g12-shell,var(--ml2-g11-shell,1520px))!important;
}
body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-main{
  grid-template-columns:148px 112px minmax(320px,1fr) 164px 188px!important;
  gap:8px!important;
  height:52px!important;
  min-height:52px!important;
}
body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-brand{
  width:148px!important;height:40px!important;
}
body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-wordmark,
body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-wordmark img{
  width:144px!important;height:27px!important;
}
body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-catalog{
  width:112px!important;min-width:112px!important;height:44px!important;
  border-radius:12px!important;
  font-size:12.2px!important;font-weight:690!important;
  box-shadow:none!important;
}
body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-catalog:hover{
  box-shadow:0 6px 16px rgba(15,17,21,.12)!important;
}

/* Search is the dominant global action. */
body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-search{
  height:44px!important;min-height:44px!important;
}
body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-search input[type="search"]{
  height:44px!important;min-height:44px!important;line-height:44px!important;
  padding-left:15px!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:inset 0 0 0 1px #dfe2e5!important;
  font-size:13.2px!important;font-weight:480!important;
}
body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-search input[type="search"]:focus{
  box-shadow:inset 0 0 0 1.5px #cfd3d8,0 7px 22px rgba(20,23,28,.065)!important;
}
body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-search__submit{
  top:4px!important;right:4px!important;width:36px!important;height:36px!important;
  border-radius:9px!important;
  background:var(--ml2-g2-raspberry)!important;
  box-shadow:none!important;
}
body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-search__submit:hover{
  transform:none!important;
  box-shadow:0 5px 13px rgba(233,0,100,.22)!important;
}

/* Delivery context: location + promise, not a generic utility chip. */
body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-pvz.ml2-g2-pvz{
  grid-template-columns:19px minmax(0,1fr) 12px!important;
  width:164px!important;min-width:164px!important;height:44px!important;
  padding:0 8px!important;gap:7px!important;border-radius:12px!important;
  border-color:#e1e3e6!important;background:#fff!important;
}
body.ml2-global-g2 .ml2-g2-pvz__copy{
  display:flex;min-width:0;flex-direction:column;justify-content:center;gap:2px;
}
body.ml2-global-g2 .ml2-g2-pvz__copy strong{
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:10.7px!important;font-weight:700!important;line-height:1.05!important;color:#25282d!important;
}
body.ml2-global-g2 .ml2-g2-pvz__copy small{
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:var(--ml2-g2-green);font-size:8.7px;font-weight:700;line-height:1.05;
}
body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-utilities{
  grid-template-columns:repeat(4,43px)!important;width:188px!important;gap:5px!important;
}
body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-utility{
  height:42px!important;border-radius:10px!important;
}
body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-utility>span:last-child{
  font-size:8.3px!important;line-height:1!important;color:#686d75!important;
}
body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-utility__icon svg{
  width:17px!important;height:17px!important;
}

/* Secondary rail is useful at rest, invisible once the user is browsing. */
body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-quick-wrap{
  max-height:34px!important;margin-top:5px!important;border-top:1px solid #eceef0!important;
}
body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-quick{
  height:33px!important;min-height:33px!important;gap:clamp(14px,1.45vw,24px)!important;
}
body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-quick>.mutti-y9318-quick__item{
  height:33px!important;min-height:33px!important;max-height:33px!important;
  font-size:10.3px!important;font-weight:610!important;
}

/* -------------------------------------------------------------------------
 * 2. SEARCH — PRODUCTS + CATEGORIES + BRANDS
 * ------------------------------------------------------------------------- */
body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-search__suggestions.mutti-search-v2-panel{
  top:51px!important;
  width:min(760px,calc(100vw - 32px))!important;
  max-width:min(760px,calc(100vw - 32px))!important;
  padding:10px!important;border-radius:16px!important;border-color:#e0e3e6!important;
  box-shadow:var(--ml2-g2-shadow)!important;
}
body.ml2-global-g2 header.ml2-g2-header .mutti-search-v2-live{
  display:grid!important;
  grid-template-columns:minmax(0,1.55fr) minmax(180px,.72fr)!important;
  grid-template-areas:
    "status status"
    "products categories"
    "products brands"
    "all all";
  gap:7px 12px!important;
  padding-top:7px!important;
}
body.ml2-global-g2 header.ml2-g2-header .mutti-search-v2-status{grid-area:status!important}
body.ml2-global-g2 header.ml2-g2-header .mutti-search-v2-results{grid-area:products!important}
body.ml2-global-g2 header.ml2-g2-header .mutti-search-v2-categories{
  grid-area:categories!important;
  display:grid!important;grid-template-columns:1fr!important;align-content:start!important;
  padding:0!important;gap:4px!important;
}
body.ml2-global-g2 header.ml2-g2-header .mutti-search-v2-brands{
  grid-area:brands!important;
  display:grid!important;grid-template-columns:1fr!important;align-content:start!important;gap:4px!important;
}
body.ml2-global-g2 header.ml2-g2-header .mutti-search-v2-all{grid-area:all!important;margin-top:1px!important}
body.ml2-global-g2 header.ml2-g2-header .mutti-search-v2-product{
  min-height:62px!important;padding:5px!important;border-radius:10px!important;
}
body.ml2-global-g2 header.ml2-g2-header .mutti-search-v2-category{
  display:flex!important;justify-content:space-between!important;min-height:34px!important;
  border:0!important;border-radius:9px!important;background:#f5f6f7!important;
}
body.ml2-global-g2 header.ml2-g2-header .mutti-search-v2-brand{
  display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;
  min-height:38px!important;padding:4px 7px!important;border-radius:9px!important;background:#fff!important;color:#34383e!important;
}
body.ml2-global-g2 header.ml2-g2-header .mutti-search-v2-brand:hover,
body.ml2-global-g2 header.ml2-g2-header .mutti-search-v2-brand[aria-selected="true"]{
  background:#f5f6f7!important;color:#17191d!important;
}
body.ml2-global-g2 header.ml2-g2-header .mutti-search-v2-brand__mark{
  display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#eeeff1;color:#42464d;font-size:10px;font-weight:800;
}
body.ml2-global-g2 header.ml2-g2-header .mutti-search-v2-brand__body{display:flex;min-width:0;flex-direction:column;gap:1px}
body.ml2-global-g2 header.ml2-g2-header .mutti-search-v2-brand__body strong{
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.2px;font-weight:700;line-height:1.15;
}
body.ml2-global-g2 header.ml2-g2-header .mutti-search-v2-brand__body small{
  color:#91969e;font-size:8.6px;font-weight:560;line-height:1.15;
}

/* -------------------------------------------------------------------------
 * 3. MEGA CATALOG — SCENARIO FIRST, EXISTING TAXONOMY SECOND
 * Existing links/controllers remain the source of truth.
 * ------------------------------------------------------------------------- */
@media(min-width:821px){
  body.ml2-global-g2 header.ml2-g2-header .mutti-catalog-mega-v9310__panel{
    margin-left:max(20px,calc((100vw - var(--ml2-g12-shell,var(--ml2-g11-shell,1520px)))/2 + 268px))!important;
    width:min(1060px,calc(var(--ml2-g12-shell,var(--ml2-g11-shell,1520px)) - 268px))!important;
    max-width:1060px!important;
    padding:12px!important;border-radius:18px!important;overflow:hidden!important;
  }
  body.ml2-global-g2 header.ml2-g2-header .mutti-catalog-mega-v9486__layout{
    grid-template-columns:245px minmax(0,1fr)!important;
    height:min(560px,calc(100vh - 210px))!important;
    min-height:390px!important;
    border-top:1px solid #eceef0;
  }
}
body.ml2-global-g2 .ml2-g2-mega-intro{
  display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;align-items:center;
  padding:3px 42px 12px 3px;
}
body.ml2-global-g2 .ml2-g2-mega-intro__copy span{
  display:block;color:#999da5;font-size:8.8px;font-weight:760;text-transform:uppercase;letter-spacing:.08em;
}
body.ml2-global-g2 .ml2-g2-mega-intro__copy strong{
  display:block;margin-top:3px;color:#191b20;font-size:13px;font-weight:760;letter-spacing:-.015em;
}
body.ml2-global-g2 .ml2-g2-mega-worlds{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;min-width:0;
}
body.ml2-global-g2 .ml2-g2-mega-worlds>a{
  display:flex;min-width:0;min-height:48px;flex-direction:column;justify-content:center;
  padding:7px 9px;border:1px solid #e9ebee;border-radius:10px;background:#fafafa;color:#30343a!important;
  transition:border-color .16s ease,background-color .16s ease;
}
body.ml2-global-g2 .ml2-g2-mega-worlds>a:hover{
  border-color:#dadddf;background:#fff;color:#15171a!important;
}
body.ml2-global-g2 .ml2-g2-mega-worlds>a strong{
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;font-weight:720;line-height:1.15;
}
body.ml2-global-g2 .ml2-g2-mega-worlds>a small{
  margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8b9098;font-size:7.8px;font-weight:550;line-height:1.15;
}
body.ml2-global-g2 .ml2-g2-mega-worlds>a.is-all{
  background:#17191f;color:#fff!important;border-color:#17191f;
}
body.ml2-global-g2 .ml2-g2-mega-worlds>a.is-all small{color:#c8cbd0!important}
body.ml2-global-g2 header.ml2-g2-header .mutti-catalog-mega-v9486__rail-head{
  padding:18px 17px 10px!important;
}
body.ml2-global-g2 header.ml2-g2-header .mutti-catalog-mega-v9486__rail-head strong{font-size:15px!important}
body.ml2-global-g2 header.ml2-g2-header .mutti-catalog-mega-v9486__rail-head span{font-size:9px!important}
body.ml2-global-g2 header.ml2-g2-header .mutti-catalog-mega-v9486__root{
  min-height:44px!important;font-size:10.6px!important;
}
body.ml2-global-g2 header.ml2-g2-header .mutti-catalog-mega-v9486__content{
  padding:22px 26px 26px!important;
}
body.ml2-global-g2 header.ml2-g2-header .mutti-catalog-mega-v9486__view-head h2{
  font-size:24px!important;letter-spacing:-.03em!important;
}
body.ml2-global-g2 header.ml2-g2-header .mutti-catalog-mega-v9486__view-head p{
  max-width:580px!important;font-size:10.4px!important;line-height:1.45!important;
}
body.ml2-global-g2 header.ml2-g2-header .mutti-catalog-mega-v9486__grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;
}
body.ml2-global-g2 header.ml2-g2-header .mutti-catalog-mega-v9486__subcard{
  min-height:64px!important;padding:8px!important;border-radius:10px!important;
}

/* -------------------------------------------------------------------------
 * 4. MOBILE = DIFFERENT COMPOSITION
 * Logo + delivery context + full search. Primary navigation moves to dock.
 * ------------------------------------------------------------------------- */
.ml2-g2-mobile-dock{display:none}
@media(max-width:820px){
  body.ml2-global-g2{padding-bottom:66px!important}
  body.ml2-global-g2 header.ml2-g2-header{padding:6px 0 7px!important}
  body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-shell{
    width:calc(100% - 20px)!important;max-width:none!important;
  }
  body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-main{
    grid-template-columns:minmax(0,1fr) 124px!important;
    grid-template-rows:40px 44px!important;
    gap:6px 8px!important;height:auto!important;min-height:0!important;
  }
  body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-brand{
    grid-column:1!important;grid-row:1!important;width:146px!important;height:38px!important;
  }
  body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-wordmark,
  body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-wordmark img{
    width:142px!important;height:27px!important;
  }
  body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-catalog,
  body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-utilities,
  body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-mobile-menu,
  body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-quick-wrap{
    display:none!important;
  }
  body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-pvz.ml2-g2-pvz{
    display:grid!important;grid-column:2!important;grid-row:1!important;
    width:124px!important;min-width:124px!important;height:38px!important;min-height:38px!important;
    padding:0 7px!important;grid-template-columns:16px minmax(0,1fr)!important;gap:6px!important;
  }
  body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-pvz__arrow{display:none!important}
  body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-pvz__pin{width:16px!important;height:16px!important}
  body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-pvz__pin svg{width:15px!important;height:15px!important}
  body.ml2-global-g2 .ml2-g2-pvz__copy strong{font-size:9.7px!important}
  body.ml2-global-g2 .ml2-g2-pvz__copy small{font-size:7.8px!important}
  body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-search{
    grid-column:1/-1!important;grid-row:2!important;width:100%!important;height:44px!important;
  }
  body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-search input[type="search"]{
    height:44px!important;min-height:44px!important;line-height:44px!important;font-size:13px!important;
  }

  body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-search__suggestions.mutti-search-v2-panel{
    position:fixed!important;
    top:100px!important;left:10px!important;right:10px!important;
    width:auto!important;max-width:none!important;
    max-height:calc(100dvh - 174px)!important;
    border-radius:15px!important;
  }
  body.admin-bar.ml2-global-g2 header.ml2-g2-header .mutti-y9318-search__suggestions.mutti-search-v2-panel{top:146px!important}
  body.ml2-global-g2 header.ml2-g2-header .mutti-search-v2-live{
    display:grid!important;grid-template-columns:1fr!important;
    grid-template-areas:"status" "products" "categories" "brands" "all"!important;
    gap:5px!important;
  }
  body.ml2-global-g2 header.ml2-g2-header .mutti-search-v2-results{max-height:42vh;overflow:auto}
  body.ml2-global-g2 header.ml2-g2-header .mutti-search-v2-category,
  body.ml2-global-g2 header.ml2-g2-header .mutti-search-v2-brand{min-height:36px!important}

  /* Existing mobile panel becomes the full catalogue drawer opened from dock. */
  body.ml2-global-g2 .mutti-mobile-panel{
    width:min(92vw,430px)!important;max-width:430px!important;
    padding-bottom:82px!important;background:#fff!important;
  }
  body.ml2-global-g2 .mutti-mobile-panel__head{
    padding:14px 14px 10px!important;border-bottom:1px solid #eceef0!important;
  }
  body.ml2-global-g2 .ml2-g2-mobile-worlds{display:block;padding:10px 12px 12px;border-bottom:1px solid #eceef0}
  body.ml2-global-g2 .ml2-g2-mobile-worlds__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
  body.ml2-global-g2 .ml2-g2-mobile-worlds__head span{font-size:10px;font-weight:760;color:#33373d}
  body.ml2-global-g2 .ml2-g2-mobile-worlds__head a{font-size:9px;font-weight:680;color:#777c84!important}
  body.ml2-global-g2 .ml2-g2-mobile-worlds__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  body.ml2-global-g2 .ml2-g2-mobile-worlds__grid>a{
    display:flex;min-width:0;min-height:58px;flex-direction:column;justify-content:center;padding:9px 10px;
    border:1px solid #e7e9ec;border-radius:11px;background:#f8f8f7;color:#22252a!important;
  }
  body.ml2-global-g2 .ml2-g2-mobile-worlds__grid strong{font-size:10.4px;font-weight:720}
  body.ml2-global-g2 .ml2-g2-mobile-worlds__grid small{margin-top:3px;color:#8c9199;font-size:8px;line-height:1.25}
  body.ml2-global-g2 .mutti-mobile-nav{padding-top:8px!important}
  body.ml2-global-g2 .mutti-mobile-nav>a{min-height:44px!important;font-size:11px!important}

  .ml2-g2-mobile-dock{
    position:fixed;z-index:1150;left:8px;right:8px;bottom:8px;
    display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;
    height:58px;padding:4px;border:1px solid rgba(225,227,231,.94);border-radius:17px;
    background:rgba(255,255,255,.94);box-shadow:0 12px 34px rgba(17,19,23,.16);
    backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);
  }
  .ml2-g2-mobile-dock__item{
    appearance:none;display:flex;min-width:0;height:48px;flex-direction:column;align-items:center;justify-content:center;gap:2px;
    padding:0;border:0;border-radius:12px;background:transparent;color:#363a40!important;text-decoration:none!important;
  }
  .ml2-g2-mobile-dock__item>span{position:relative;display:grid;place-items:center;width:23px;height:23px}
  .ml2-g2-mobile-dock__item svg{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
  .ml2-g2-mobile-dock__item small{font-size:7.8px;font-weight:650;line-height:1;color:#656a72}
  .ml2-g2-mobile-dock__item.is-current:not(.ml2-g2-mobile-dock__item--search){background:#f1f2f3;color:#17191f!important}
  .ml2-g2-mobile-dock__item.is-current:not(.ml2-g2-mobile-dock__item--search) small{color:#30343a}
  .ml2-g2-mobile-dock__item--search{background:#17191f;color:#fff!important}
  .ml2-g2-mobile-dock__item--search small{color:#fff}
  .ml2-g2-mobile-dock__cart b{
    position:absolute;top:-5px;right:-7px;display:grid;place-items:center;min-width:16px;height:16px;padding:0 3px;
    border:2px solid #fff;border-radius:99px;background:var(--ml2-g2-raspberry);color:#fff;font-size:7.5px;font-weight:800;
  }
  .ml2-g2-mobile-dock__cart b[hidden]{display:none!important}
}
@media(min-width:821px){
  body.ml2-global-g2 .ml2-g2-mobile-worlds{display:none!important}
}

/* Laptop compaction without losing search dominance. */
@media(min-width:821px) and (max-width:1260px){
  body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-main{
    grid-template-columns:140px 104px minmax(260px,1fr) 138px 164px!important;
    gap:7px!important;
  }
  body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-brand{width:140px!important}
  body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-wordmark,
  body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-wordmark img{width:136px!important}
  body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-catalog{width:104px!important;min-width:104px!important}
  body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-pvz.ml2-g2-pvz{width:138px!important;min-width:138px!important}
  body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-utilities{width:164px!important;grid-template-columns:repeat(4,38px)!important;gap:4px!important}
  body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-utility>span:last-child{display:none!important}
}
@media(min-width:1261px) and (max-width:1540px){
  body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-main{
    grid-template-columns:144px 108px minmax(300px,1fr) 154px 174px!important;
  }
  body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-brand{width:144px!important}
  body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-wordmark,
  body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-wordmark img{width:140px!important}
  body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-pvz.ml2-g2-pvz{width:154px!important;min-width:154px!important}
  body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-utilities{width:174px!important;grid-template-columns:repeat(4,40px)!important;gap:4px!important}
  body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-utility>span:last-child{font-size:7.9px!important}
}

/* Dark parity. */
html[data-mutti-theme="dark"] body.ml2-global-g2 header.ml2-g2-header{
  background:rgba(20,22,26,.96)!important;border-bottom-color:#303339!important;
}
html[data-mutti-theme="dark"] 
body.admin-bar.ml2-global-g2 header.ml2-g2-header{top:32px!important}
@media(max-width:782px){
  body.admin-bar.ml2-global-g2 header.ml2-g2-header{top:46px!important}
}

body.ml2-global-g2 header.ml2-g2-header.is-v2-scrolled{background:rgba(18,20,24,.985)!important}
html[data-mutti-theme="dark"] body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-search input[type="search"],
html[data-mutti-theme="dark"] body.ml2-global-g2 header.ml2-g2-header .mutti-y9318-pvz.ml2-g2-pvz{
  background:#25282e!important;color:#f2f3f4!important;box-shadow:inset 0 0 0 1px #343840!important;border-color:#343840!important;
}
html[data-mutti-theme="dark"] body.ml2-global-g2 .ml2-g2-pvz__copy strong{color:#f2f3f4!important}
html[data-mutti-theme="dark"] body.ml2-global-g2 header.ml2-g2-header .mutti-search-v2-brand{background:#202329!important;color:#e8eaed!important}
html[data-mutti-theme="dark"] body.ml2-global-g2 header.ml2-g2-header .mutti-search-v2-brand:hover{background:#292c32!important}
html[data-mutti-theme="dark"] body.ml2-global-g2 header.ml2-g2-header .mutti-search-v2-brand__mark{background:#30343a;color:#fff}
html[data-mutti-theme="dark"] body.ml2-global-g2 .ml2-g2-mega-intro__copy strong{color:#f3f4f5}
html[data-mutti-theme="dark"] body.ml2-global-g2 .ml2-g2-mega-worlds>a{background:#22252a;border-color:#34373e;color:#e8eaed!important}
html[data-mutti-theme="dark"] body.ml2-global-g2 .ml2-g2-mega-worlds>a:hover{background:#292c32;border-color:#444850;color:#fff!important}
html[data-mutti-theme="dark"] body.ml2-global-g2 .ml2-g2-mega-worlds>a.is-all{background:#f1f2f3;color:#17191d!important;border-color:#f1f2f3}
html[data-mutti-theme="dark"] body.ml2-global-g2 .ml2-g2-mega-worlds>a.is-all small{color:#5d626a!important}
@media(max-width:820px){
  html[data-mutti-theme="dark"] body.ml2-global-g2 .mutti-mobile-panel{background:#191b20!important}
  html[data-mutti-theme="dark"] body.ml2-global-g2 .ml2-g2-mobile-worlds{border-color:#30343a}
  html[data-mutti-theme="dark"] body.ml2-global-g2 .ml2-g2-mobile-worlds__grid>a{background:#23262c;border-color:#34383f;color:#f0f1f2!important}
  html[data-mutti-theme="dark"] .ml2-g2-mobile-dock{background:rgba(25,27,32,.95);border-color:#34383f;box-shadow:0 14px 38px rgba(0,0,0,.38)}
  html[data-mutti-theme="dark"] .ml2-g2-mobile-dock__item{color:#e7e9ec!important}
  html[data-mutti-theme="dark"] .ml2-g2-mobile-dock__item small{color:#b0b4bb}
  html[data-mutti-theme="dark"] .ml2-g2-mobile-dock__item--search{background:#f0f1f2;color:#17191d!important}
  html[data-mutti-theme="dark"] .ml2-g2-mobile-dock__item--search small{color:#17191d}
  html[data-mutti-theme="dark"] .ml2-g2-mobile-dock__cart b{border-color:#191b20}
}

@media(prefers-reduced-motion:reduce){
  body.ml2-global-g2 header.ml2-g2-header *,
  .ml2-g2-mobile-dock *{
    animation:none!important;transition:none!important;scroll-behavior:auto!important;
  }
}
