@font-face {
  font-family:"Material Icons";
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url("../fonts/MaterialIcons-Regular.woff2") format("woff2");
}

.psol-mm {
  --psol-mm-accent:#7b3aa8;
  --psol-mm-text:#111;
  --psol-mm-muted:#9a9a9a;
  --psol-mm-line:#ececec;
  --psol-mm-card:#f4f4f4;
  position:fixed;
  inset:0;
  z-index:1080;
  pointer-events:none;
}

.psol-mm.is-open {
  pointer-events:auto;
}

.psol-mm[hidden] {
  display:none !important;
}

.psol-mm__overlay {
  position:absolute;
  inset:0;
  background:rgba(0, 0, 0, 0.35);
  opacity:0;
  transition:opacity 0.28s ease;
}

.psol-mm.is-open .psol-mm__overlay {
  opacity:1;
}

.psol-mm__panel {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  max-width:100%;
  height:100%;
  background:#fff;
  transform:translateX(-100%);
  transition:transform 0.28s ease;
  display:flex;
  flex-direction:column;
}

.psol-mm.is-open .psol-mm__panel {
  transform:translateX(0);
}

.psol-mm__viewport {
  position:relative;
  flex:1 1 auto;
  overflow:hidden;
}

.psol-mm__screen {
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  background:#fff;
  transform:translateX(100%);
  transition:transform 0.28s ease;
  overflow:hidden;
}

.psol-mm__screen.is-active {
  transform:translateX(0);
}

.psol-mm__screen.is-left {
  transform:translateX(-30%);
}

.psol-mm__screen[hidden] {
  display:none;
}

.psol-mm__screen.is-active,
.psol-mm__screen.is-left {
  display:flex;
}

.psol-mm__header {
  flex:0 0 auto;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  min-height:56px;
  padding:8px 12px;
  background-color:var(--psol-mm-header-bg, #fff) !important;
  color:var(--psol-mm-header-color, #111);
}

.psol-mm__header--sub {
  border-bottom:1px solid var(--psol-mm-line);
}

.psol-mm__header-spacer {
  width:40px;
  height:40px;
}

.psol-mm__title {
  margin:0;
  text-align:center;
  font-size:1.25rem;
  font-weight:700;
  color:var(--psol-mm-header-color, var(--psol-mm-text));
  line-height:1.2;
  max-width:100%;
}

.psol-mm__title--logo {
  display:flex;
  justify-content:center;
  align-items:center;
}

.psol-mm__title img {
  display:block;
  max-height:32px;
  max-width:160px;
  width:auto;
  height:auto;
  object-fit:contain;
}

.psol-mm__close,
.psol-mm__back {
  appearance:none;
  border:0;
  background:transparent;
  padding:8px;
  cursor:pointer;
}

.psol-mm__close {
  justify-self:end;
  width:40px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.psol-mm__close-mark {
  position:relative;
  width:16px;
  height:16px;
}

.psol-mm__close-mark::before,
.psol-mm__close-mark::after {
  content:"";
  position:absolute;
  top:50%;
  left:0;
  width:16px;
  height:1.5px;
  background:var(--psol-mm-header-color, #222);
}

.psol-mm__close-mark::before {
  transform:rotate(45deg);
}

.psol-mm__close-mark::after {
  transform:rotate(-45deg);
}

.psol-mm__back {
  justify-self:start;
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:var(--psol-mm-accent);
  font-size:0.92rem;
  font-weight:500;
  padding-left:2px;
}

.psol-mm__back-chevron {
  width:8px;
  height:8px;
  border-left:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:rotate(45deg);
  margin-top:1px;
}

.psol-mm__body {
  flex:1 1 auto;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  padding:0 0 28px;
}

.psol-mm__section-title {
  margin:0;
  padding:18px 12px 10px;
  font-size:0.72rem;
  font-weight:600;
  letter-spacing:0.12em;
  text-transform:uppercase;
  color:var(--psol-mm-muted);
}

.psol-mm-cats {
  list-style:none;
  margin:0;
  padding:0;
}


.psol-mm-cats__btn {
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 18px 12px 17px;
  border:0;
  background:transparent;
  text-align:left;
  color:inherit;
  text-decoration:none;
  cursor:pointer;
  border-bottom:.5px solid #f0f0f0;
}

.psol-mm-cats__text {
  display:flex;
  flex-direction:column;
  min-width:0;
}

.psol-mm-cats__name {
  font-size:1.02rem;
  font-weight:700;
  color:var(--psol-mm-text);
  line-height:1.25;
}

.psol-mm-cats__sub {
  margin-top:4px;
  font-size:0.78rem;
  font-weight:400;
  color:var(--psol-mm-muted);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.psol-mm-cats__chevron {
  flex:0 0 auto;
  width:8px;
  height:8px;
  border-right:1.5px solid #c2c2c2;
  border-top:1.5px solid #c2c2c2;
  transform:rotate(45deg);
}

.psol-mm-featured-cats {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding:6px 20px 2px;
}

.psol-mm-featured-cats__item {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 16px;
  border:1px solid #d5d9e3;
  border-radius:999px;
  background:#fff;
  color:var(--psol-mm-text);
  text-decoration:none;
  font-size:0.88rem;
  font-weight:600;
  line-height:1.2;
}

.psol-mm-featured-cats__item:hover,
.psol-mm-featured-cats__item:focus {
  border-color:var(--psol-mm-accent);
  color:var(--psol-mm-accent);
}

.psol-mm-brands {
  overflow:hidden;
  padding:4px 0 8px;
}

.psol-mm-brands__track {
  display:flex;
  gap:12px;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  padding:0 20px;
  scrollbar-width:none;
  touch-action:pan-x;
}

.psol-mm-brands__track::-webkit-scrollbar {
  display:none;
}

.psol-mm-brands__item {
  flex:0 0 92px;
  width:92px;
  scroll-snap-align:start;
  text-decoration:none;
  color:inherit;
  text-align:center;
}

.psol-mm-brands__logo {
  display:flex;
  align-items:center;
  justify-content:center;
  width:92px;
  height:72px;
  border:1px solid var(--psol-mm-line);
  border-radius:10px;
  background:#fff;
  overflow:hidden;
}

.psol-mm-brands__logo img {max-height:166%;object-fit:contain}
.psol-mm-brands--text .psol-mm-brands__logo,.psol-mm-brands--image .psol-mm-brands__name {display:none}
.psol-mm-brands--text .psol-mm-brands__item {flex:0 0 auto;width:auto;min-width:92px;padding:18px 12px;background:var(--psol-mm-card);border-radius:10px}
.psol-mm-brands--text .psol-mm-brands__name {margin-top:0;font-size:0.86rem}
.psol-mm-brands--image .psol-mm-brands__logo {margin-bottom:0}
.psol-mm-brands__name {display:block;margin-top:8px;font-size:0.75rem;color:#444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.psol-mm__block--banners {
  padding:8px 16px 4px;
}

.psol-mm-banner {
  display:flex;
  align-items:center;
  gap:12px;
  min-height:57px;
  padding:12px 12px 12px 14px;
  overflow:hidden;
  border-radius:22px;
  text-decoration:none;
  color:#2b2118;
}

.psol-mm-banner + .psol-mm-banner {
  margin-top:10px;
}

.psol-mm-banner__icon {
  flex:0 0 42px;
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.psol-mm-banner__icon .material-icons {
  display:inline-block;
  font-family:"Material Icons";
  font-weight:400;
  font-style:normal;
  font-size:32px;
  width:32px;
  height:32px;
  line-height:1;
  letter-spacing:normal;
  text-transform:none;
  white-space:nowrap;
  word-wrap:normal;
  direction:ltr;
  color:#2b2118;
  font-feature-settings:"liga";
  -webkit-font-feature-settings:"liga";
  -webkit-font-smoothing:antialiased;
}

.psol-mm-banner__text {
  flex:1 1 auto;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}

.psol-mm-banner__title {
  font-size:0.92rem;
  font-weight:700;
  line-height:1.2;
  color:var(--psol-mm-banner-title, #2b2118);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.psol-mm-banner__sub {
  font-size:0.78rem;
  font-weight:400;
  color:var(--psol-mm-banner-sub, #5c4a3a);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.psol-mm-banner__btn {
  flex:0 0 auto;
  padding:7px 16px;
  background:#fff;
  color:#2b2118;
  border-radius:999px;
  font-size:0.82rem;
  font-weight:600;
  line-height:1;
}

.psol-mm-links {
  margin:16px 0 0;
  border-top:1px solid var(--psol-mm-line);
}

.psol-mm-langs {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  padding:16px 20px;
  border-bottom:1px solid var(--psol-mm-line);
}

.psol-mm-langs__item {
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--psol-mm-text);
  text-decoration:none;
  font-size:0.98rem;
  font-weight:600;
  line-height:1;
  text-transform:uppercase;
}

.psol-mm-langs__item img {
  display:block;
  width:16px;
  height:11px;
  object-fit:cover;
}

.psol-mm-langs__item.is-active {
  color:var(--psol-mm-accent);
}

.psol-mm-links__item {
  display:block;
  padding:16px 20px;
  color:var(--psol-mm-text);
  text-decoration:none;
  font-size:0.98rem;
  font-weight:600;
  border-bottom:1px solid var(--psol-mm-line);
}

.psol-mm-subs {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  padding:4px 16px 8px;
}

.psol-mm-subs__card {
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:78px;
  padding:16px 14px;
  background:var(--psol-mm-card);
  border-radius:10px;
  text-decoration:none;
  color:inherit;
}

.psol-mm-subs__name {
  font-size:0.92rem;
  font-weight:600;
  color:var(--psol-mm-text);
  line-height:1.25;
}

.psol-mm-subs__count {
  margin-top:4px;
  font-size:0.78rem;
  color:var(--psol-mm-muted);
}

.psol-mm-cta,
#psolMobileMenu a.psol-mm-cta,
#psolMobileMenu a.psol-mm-cta:link,
#psolMobileMenu a.psol-mm-cta:visited,
#psolMobileMenu a.psol-mm-cta:hover,
#psolMobileMenu a.psol-mm-cta:focus,
#psolMobileMenu a.psol-mm-cta:active {
  display:block;
  margin:18px 16px 8px;
  padding:14px 18px;
  background:var(--psol-mm-cta-bg, #111);
  color:var(--psol-mm-cta-color, #fff);
  text-align:center;
  text-decoration:none;
  font-weight:600;
  border-radius:999px;
}

body.psol-mm-open {
  overflow:hidden;
}

body.psol-mm-ready #mobileMenu,
body.psol-mm-ready #_desktop_iqitmegamenu-mobile,
body.psol-mm-ready #_mobile_iqitmegamenu-mobile,
body.psol-mm-ready #iqitmegamenu-mobile,
body.psol-mm-ready #mobile_menu_click_overlay,
#_mobile_iqitmegamenu-mobile,
#_mobile_iqitmegamenu-mobile.show,
.col-mobile-menu-dropdown #_mobile_iqitmegamenu-mobile,
.col-mobile-menu-dropdown #_mobile_iqitmegamenu-mobile.show,
.col-mobile-menu-push #_mobile_iqitmegamenu-mobile,
.col-mobile-menu-push #_mobile_iqitmegamenu-mobile.show,
#mobile_menu_click_overlay {
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
  opacity:0 !important;
  transform:none !important;
}

@media (min-width:768px) {
  .psol-mm__panel {
    max-width:420px;
    box-shadow:8px 0 30px rgba(0, 0, 0, 0.12);
  }
}
