/* Hangrr header. Visual match, new layout. Not the legacy menu stylesheet. */

@font-face {
  font-family: Raleway;
  font-style: normal;
  font-weight: 100 700;
  font-display: swap;
  src: url("https://assets2.hangrr.com/v7/s3/css/font/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2") format("woff2");
}

.hangrr-header {
  --zh-bar-h: 60px;
  --zh-logo-h: 60px;
  --zh-l1: 80%;
  --zh-l1-left: 0;
  --zh-l2: 80%;
  --zh-l2-left: 0;
  --zh-l3: 80%;
  --zh-l3-left: 0;
  --zh-pad-x: 15px;
  --zh-duration: 200ms;
  --zh-ink: #222;
  --zh-font: Raleway, sans-serif;
  --zh-size: 14px;
  --zh-weight: 300;
  --zh-weight-on: 600;
  --zh-heading: 14px;
  --zh-sub: 17px;
  --zh-tracking: 2px;
  --zh-line: 14px;
  --zh-row-y: 12px;
  --zh-row-x: 9px;
  --zh-section: 20px;
  --zh-link-gap: 8px;
  --zh-tile-gap: 8px;
  --zh-panel-top: 60px;
  --zh-bg-1: #fff;
  --zh-bg-2: #f8f8f8;
  --zh-bg-3: #f4f4f4;
  --zh-rule: #ccc;
  --zh-rule-w: 1px;
  --zh-overlay-alpha: 0.6;
  --zh-ease: ease;
  --zh-offset: 8px;
  --zh-icon: 22px;
  --zh-z-header: 200;
  --zh-z-overlay: 300;
  --zh-z-l1: 400;
  --zh-z-l2: 500;
  --zh-z-l3: 600;
  --zh-z-close: 700;
  color: var(--zh-ink);
  font-family: var(--zh-font);
  font-weight: 300;
  position: relative;
  z-index: 2000;
}

/* Open menu covers the page sticky CTA (.tm2-sticky-footer is 10000). */
.hangrr-header[data-open="true"] {
  z-index: 10001;
}

body.zh-editing .hangrr-header[data-open="true"] {
  z-index: 2000;
}

.hangrr-header__sr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.hangrr-header a:focus-visible,
.hangrr-header button:focus-visible {
  outline: 2px solid #111;
  outline-offset: 2px;
}

.hangrr-header__notice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 16px;
  background: #3fac4b;
  color: #fff;
  font-weight: 100;
}

.hangrr-header__notice p {
  margin: 0;
  font-weight: 600;
}

.hangrr-header__notice a {
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}

.hangrr-header__bar {
  height: 60px;
  min-height: 60px;
  max-height: 60px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  background: transparent;
  color: #111;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.hangrr-header[data-variant="light"] .hangrr-header__bar,
.hangrr-header.is-scrolled .hangrr-header__bar,
.hangrr-header[data-open="true"] .hangrr-header__bar {
  background: var(--zh-bar-scrolled, #fff);
}

.hangrr-header.is-scrolled .hangrr-header__bar,
.hangrr-header[data-open="true"] .hangrr-header__bar {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.hangrr-header[data-variant="dark"] .hangrr-header__logo img,
.hangrr-header[data-variant="dark"] .hangrr-header__menu-btn,
.hangrr-header[data-variant="dark"] .hangrr-header__tool {
  filter: invert(1);
}

.hangrr-header[data-variant="dark"].is-scrolled .hangrr-header__logo img,
.hangrr-header[data-variant="dark"].is-scrolled .hangrr-header__menu-btn,
.hangrr-header[data-variant="dark"].is-scrolled .hangrr-header__tool,
.hangrr-header[data-open="true"] .hangrr-header__logo img,
.hangrr-header[data-open="true"] .hangrr-header__menu-btn,
.hangrr-header[data-open="true"] .hangrr-header__tool {
  filter: none;
}

.hangrr-header__logo img,
.hangrr-header__menu-btn,
.hangrr-header__tool {
  transition: filter 0.3s ease;
}

.hangrr-header__menu-slot {
  display: none;
}

.hangrr-header__menu-btn {
  position: fixed;
  top: 0;
  left: 14px;
  z-index: var(--zh-z-close);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 60px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
}

.hangrr-header__menu-btn svg {
  width: 34px;
  height: 34px;
}

.hangrr-header__menu-btn svg path {
  stroke-width: 0.9;
}

.hangrr-header__tool svg {
  width: var(--zh-icon);
  height: var(--zh-icon);
}

.hangrr-header__menu-btn[aria-expanded="false"] .hangrr-header__icon-close,
.hangrr-header__menu-btn[aria-expanded="true"] .hangrr-header__icon-open {
  display: none;
}

.hangrr-header[data-open="true"] .hangrr-header__icon-close {
  display: block;
  stroke: #111;
}

.hangrr-header__logo {
  position: absolute;
  left: 50%;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  color: inherit;
  text-decoration: none;
  transform: translateX(-50%);
}

.hangrr-header__logo img {
  height: calc(var(--zh-logo-h, 60px) * 0.95);
  width: auto;
  display: block;
}

@media (min-width: 768px) and (max-width: 990px) {
  .hangrr-header__logo img {
    height: calc(var(--zh-logo-h, 60px) * 0.95 * 0.9);
  }
}

.hangrr-header__tools {
  position: absolute;
  right: 8px;
  top: 0;
  display: flex;
  align-items: center;
  height: 60px;
  gap: 2px;
  margin: 0;
}

@media (max-width: 767px) {
  .hangrr-header__menu-btn svg {
    width: calc(34px * 0.9);
    height: calc(34px * 0.9);
  }

  .hangrr-header__tools {
    right: 4px;
    gap: 0;
  }

  .hangrr-header__tools .hangrr-header__tool:last-child {
    min-width: 0;
    justify-content: flex-end;
    padding-right: 2px;
  }
}

.hangrr-header__tool {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-width: 44px;
  min-height: 44px;
  color: inherit;
  text-decoration: none;
}

.hangrr-header__cart {
  position: relative;
  display: inline-flex;
  width: var(--zh-icon);
  height: var(--zh-icon);
  flex: 0 0 auto;
}

.hangrr-header__currency {
  position: absolute;
  top: -4px;
  right: -7px;
  font-family: var(--zh-font);
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
}

.hangrr-header__overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, var(--zh-overlay-alpha));
  z-index: var(--zh-z-overlay);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--zh-duration) var(--zh-ease);
}

.hangrr-header[data-open="true"] .hangrr-header__overlay {
  opacity: 1;
  pointer-events: auto;
  cursor: url(https://assets2.hangrr.com/v4/images/icons/close.png) 15 15, default;
}

.zeus-nav,
.zeus-mega-menu {
  position: fixed;
  top: 0;
  height: 100vh;
  margin: 0;
  overflow: auto;
  box-sizing: border-box;
  background: var(--zh-bg-1);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(var(--zh-offset));
  transition: opacity var(--zh-duration) var(--zh-ease), transform var(--zh-duration) var(--zh-ease), visibility 0s linear var(--zh-duration);
  padding: var(--zh-panel-top) var(--zh-pad-x) 32px;
}

.zeus-nav {
  left: var(--zh-l1-left);
  width: var(--zh-l1);
  z-index: var(--zh-z-l1);
}

.hangrr-header[data-open="true"] .zeus-nav:not([inert]) {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: none;
  transition: opacity var(--zh-duration) ease, transform var(--zh-duration) ease, visibility 0s;
}

.zeus-mega-menu {
  left: var(--zh-l2-left);
  width: var(--zh-l2);
  z-index: var(--zh-z-l2);
  background: var(--zh-bg-2);
  padding-bottom: 92px;
}

.zeus-mega-menu .zeus-mega-menu {
  left: var(--zh-l3-left);
  width: var(--zh-l3);
  z-index: var(--zh-z-l3);
  background: var(--zh-bg-3);
}

.zeus-mega-menu:not([inert]) {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: none;
  transition: opacity var(--zh-duration) ease, transform var(--zh-duration) ease, visibility 0s;
}

/* zh-critical-end */

.zeus-nav__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.zeus-nav__link,
.zeus-nav__toggle,
.zeus-nav__account {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--zh-link-gap);
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: var(--zh-row-y) var(--zh-row-x);
  border: 0;
  background: transparent;
  color: var(--zh-menu, #222);
  font-family: var(--zh-font);
  font-size: var(--zh-size);
  font-weight: var(--zh-weight);
  line-height: var(--zh-line);
  letter-spacing: var(--zh-tracking);
  text-align: left;
  text-transform: capitalize;
  text-decoration: none;
  cursor: pointer;
}

.zeus-nav__row {
  display: flex;
  align-items: stretch;
}

.zeus-nav__row > .zeus-nav__link {
  flex: 1;
}

.zeus-nav__row > .zeus-nav__toggle {
  flex: 0 0 auto;
  width: auto;
}

.zeus-nav__row > .zeus-nav__toggle:only-child {
  flex: 1;
  width: 100%;
}

.zeus-nav__item:hover > .zeus-nav__link,
.zeus-nav__item:hover > .zeus-nav__toggle,
.zeus-nav__item:hover > .zeus-nav__row .zeus-nav__link,
.zeus-nav__item:hover > .zeus-nav__row .zeus-nav__toggle,
.zeus-nav__account:hover {
  background: #f2f5f6;
}

.zeus-nav__item:has(> .zeus-nav__row > .zeus-nav__toggle[aria-expanded="true"]) > .zeus-nav__row .zeus-nav__link,
.zeus-nav__item:has(> .zeus-nav__row > .zeus-nav__toggle[aria-expanded="true"]) > .zeus-nav__row .zeus-nav__toggle,
.zeus-nav__item:has(> .zeus-nav__toggle[aria-expanded="true"]) > .zeus-nav__toggle {
  background: #ddd;
}

.zeus-mega-menu .zeus-nav__item:has(> .zeus-nav__row > .zeus-nav__toggle[aria-expanded="true"]) > .zeus-nav__row .zeus-nav__link,
.zeus-mega-menu .zeus-nav__item:has(> .zeus-nav__row > .zeus-nav__toggle[aria-expanded="true"]) > .zeus-nav__row .zeus-nav__toggle {
  background: #ccc;
}

.zeus-nav__link.is-emphasis {
  font-weight: 600;
}

.zeus-nav__chevron {
  flex: 0 0 auto;
}

.zeus-nav__rule {
  height: var(--zh-rule-w);
  margin: 10px 9px;
  background: var(--zh-rule);
  list-style: none;
}

.zeus-nav__details {
  margin: 0 9px 8px;
  color: #666;
  font-size: 0.9em;
  font-weight: 100;
  letter-spacing: 0;
  white-space: pre-line;
}

.zeus-mobile-nav__back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 10px 0 20px;
  padding: 4px 0;
  border: 0;
  background: transparent;
  color: #aaa;
  font-family: var(--zh-font);
  font-size: 1em;
  letter-spacing: 1px;
  cursor: pointer;
}

.zeus-mobile-nav__back svg {
  padding: 2px;
  border: 1px solid #aaa;
}

@media (min-width: 768px) and (max-width: 990px) {
  .zeus-nav > .zeus-nav__list > .zeus-nav__item > .zeus-mega-menu > .zeus-mobile-nav__back {
    display: none;
  }
}

@media (min-width: 991px) {
  .zeus-nav > .zeus-nav__list > .zeus-nav__item > .zeus-mega-menu > .zeus-mobile-nav__back,
  .zeus-mega-menu .zeus-mega-menu > .zeus-mobile-nav__back {
    display: none;
  }
}

.zeus-mega-menu__section {
  padding-top: var(--zh-pad-top-m, var(--zh-pad-top-t, var(--zh-pad-top, 0px)));
  padding-right: var(--zh-pad-right-m, var(--zh-pad-right-t, var(--zh-pad-right, 0px)));
  padding-bottom: var(--zh-pad-bottom-m, var(--zh-pad-bottom-t, var(--zh-pad-bottom, 0px)));
  padding-left: var(--zh-pad-left-m, var(--zh-pad-left-t, var(--zh-pad-left, 0px)));
}

.zeus-mega-menu__heading {
  margin: 0 0 16px;
  padding: 0 var(--zh-row-x);
  color: var(--zh-heading-color, #333);
  font-size: var(--zh-title-size-m, var(--zh-title-size-t, var(--zh-title-size, var(--zh-heading))));
  font-weight: var(--zh-heading-weight, var(--zh-weight));
  letter-spacing: var(--zh-heading-tracking, var(--zh-tracking));
  line-height: 1.3;
  text-align: var(--zh-title-align-m, var(--zh-title-align-t, var(--zh-title-align, start)));
  text-transform: uppercase;
}

.zeus-nav__list > .zeus-nav__item > .zeus-mega-menu__heading {
  color: var(--zh-section-title-color, var(--zh-heading-color, #333));
  font-size: var(--zh-title-size-m, var(--zh-title-size-t, var(--zh-title-size, var(--zh-section-title, var(--zh-heading)))));
  font-weight: var(--zh-section-title-weight, var(--zh-heading-weight, var(--zh-weight)));
  letter-spacing: var(--zh-section-title-tracking, var(--zh-heading-tracking, var(--zh-tracking)));
}

.zeus-mega-menu__heading[style*="--zh-margin-top:"],
.zeus-mega-menu__heading[style*="--zh-margin-top-t:"],
.zeus-mega-menu__heading[style*="--zh-margin-top-m:"] {
  margin-top: var(--zh-margin-top-m, var(--zh-margin-top-t, var(--zh-margin-top)));
}

.zeus-mega-menu__heading[style*="--zh-margin-bottom:"],
.zeus-mega-menu__heading[style*="--zh-margin-bottom-t:"],
.zeus-mega-menu__heading[style*="--zh-margin-bottom-m:"] {
  margin-bottom: var(--zh-margin-bottom-m, var(--zh-margin-bottom-t, var(--zh-margin-bottom)));
}

.zeus-nav__item[style*="--zh-margin-top:"],
.zeus-nav__item[style*="--zh-margin-top-t:"],
.zeus-nav__item[style*="--zh-margin-top-m:"],
.zeus-nav__rule[style*="--zh-margin-top:"],
.zeus-nav__rule[style*="--zh-margin-top-t:"],
.zeus-nav__rule[style*="--zh-margin-top-m:"],
.zeus-mega-menu__section[style*="--zh-margin-top:"],
.zeus-mega-menu__section[style*="--zh-margin-top-t:"],
.zeus-mega-menu__section[style*="--zh-margin-top-m:"],
.zeus-mega-menu__cell[style*="--zh-margin-top:"],
.zeus-mega-menu__cell[style*="--zh-margin-top-t:"],
.zeus-mega-menu__cell[style*="--zh-margin-top-m:"],
.hangrr-header__logo[style*="--zh-margin-top:"],
.hangrr-header__logo[style*="--zh-margin-top-t:"],
.hangrr-header__logo[style*="--zh-margin-top-m:"],
.zeus-nav__footer[style*="--zh-margin-top:"],
.zeus-nav__footer[style*="--zh-margin-top-t:"],
.zeus-nav__footer[style*="--zh-margin-top-m:"],
.zeus-nav__account[style*="--zh-margin-top:"],
.zeus-nav__account[style*="--zh-margin-top-t:"],
.zeus-nav__account[style*="--zh-margin-top-m:"] {
  margin-top: var(--zh-margin-top-m, var(--zh-margin-top-t, var(--zh-margin-top)));
}

.zeus-nav__item[style*="--zh-margin-bottom:"],
.zeus-nav__item[style*="--zh-margin-bottom-t:"],
.zeus-nav__item[style*="--zh-margin-bottom-m:"],
.zeus-nav__rule[style*="--zh-margin-bottom:"],
.zeus-nav__rule[style*="--zh-margin-bottom-t:"],
.zeus-nav__rule[style*="--zh-margin-bottom-m:"],
.zeus-mega-menu__section[style*="--zh-margin-bottom:"],
.zeus-mega-menu__section[style*="--zh-margin-bottom-t:"],
.zeus-mega-menu__section[style*="--zh-margin-bottom-m:"],
.zeus-mega-menu__cell[style*="--zh-margin-bottom:"],
.zeus-mega-menu__cell[style*="--zh-margin-bottom-t:"],
.zeus-mega-menu__cell[style*="--zh-margin-bottom-m:"],
.hangrr-header__logo[style*="--zh-margin-bottom:"],
.hangrr-header__logo[style*="--zh-margin-bottom-t:"],
.hangrr-header__logo[style*="--zh-margin-bottom-m:"],
.zeus-nav__footer[style*="--zh-margin-bottom:"],
.zeus-nav__footer[style*="--zh-margin-bottom-t:"],
.zeus-nav__footer[style*="--zh-margin-bottom-m:"],
.zeus-nav__account[style*="--zh-margin-bottom:"],
.zeus-nav__account[style*="--zh-margin-bottom-t:"],
.zeus-nav__account[style*="--zh-margin-bottom-m:"] {
  margin-bottom: var(--zh-margin-bottom-m, var(--zh-margin-bottom-t, var(--zh-margin-bottom)));
}

.zeus-mega-menu__heading a {
  color: #002147;
  text-decoration: underline;
}

.zeus-mega-menu__desc,
.zeus-mega-menu__sub {
  display: block;
  margin-top: 4px;
  text-transform: none;
}

.zeus-mega-menu__desc {
  color: var(--zh-desc-color, #666);
  font-size: var(--zh-desc-size, var(--zh-desc, 14px));
  font-weight: var(--zh-desc-weight, var(--zh-weight));
  line-height: 1.5;
  letter-spacing: 0;
}

.zeus-mega-menu__sub {
  color: var(--zh-sub-color, #333);
  font-size: var(--zh-sub-size, var(--zh-sub, 1em));
  font-weight: var(--zh-sub-weight, 100);
}

.zeus-mega-menu__kicker {
  margin: 8px 0 10px;
  padding: 0 var(--zh-row-x);
  color: var(--zh-group-color, #333);
  font-size: var(--zh-title-size-m, var(--zh-title-size-t, var(--zh-title-size, var(--zh-section-title, var(--zh-heading)))));
  font-weight: var(--zh-title-weight-m, var(--zh-title-weight-t, var(--zh-title-weight, var(--zh-section-title-weight, var(--zh-weight)))));
  letter-spacing: var(--zh-group-tracking, 2px);
  text-align: var(--zh-title-align-m, var(--zh-title-align-t, var(--zh-title-align, start)));
  text-transform: uppercase;
}

.zeus-mega-menu__grid {
  list-style: none;
  margin: 0;
  padding: 0;
}

.zeus-mega-menu__grid.is-tiles,
.zeus-mega-menu__grid.is-feature {
  display: grid;
  grid-template-columns: repeat(var(--zh-cols-m, var(--zh-cols-t, var(--zh-cols, 2))), minmax(0, 1fr));
  column-gap: var(--zh-col-gap-m, var(--zh-col-gap-t, var(--zh-col-gap, var(--zh-gap-m, var(--zh-gap, var(--zh-tile-gap))))));
  row-gap: var(--zh-row-gap-m, var(--zh-row-gap-t, var(--zh-row-gap, var(--zh-gap-m, var(--zh-gap, var(--zh-tile-gap))))));
  margin: 10px 0;
  padding-left: var(--zh-row-x);
  padding-right: var(--zh-row-x);
}

.zeus-mega-menu__grid.is-rounds {
  display: grid;
  grid-template-columns: repeat(var(--zh-cols-m, var(--zh-cols-t, var(--zh-cols, 3))), minmax(0, 1fr));
  column-gap: var(--zh-col-gap-m, var(--zh-col-gap-t, var(--zh-col-gap, var(--zh-gap-m, var(--zh-gap, 8px)))));
  row-gap: var(--zh-row-gap-m, var(--zh-row-gap-t, var(--zh-row-gap, var(--zh-gap-m, var(--zh-gap, 16px)))));
  margin: 8px 0 12px;
  padding-left: var(--zh-row-x);
  padding-right: var(--zh-row-x);
}

.zeus-mega-menu__grid.is-group {
  display: block;
}

@media (min-width: 768px) and (max-width: 990px) {
  .zeus-mega-menu__grid.is-tiles,
  .zeus-mega-menu__grid.is-feature {
    grid-template-columns: repeat(var(--zh-cols-t, var(--zh-cols, 2)), minmax(0, 1fr));
    column-gap: var(--zh-col-gap-t, var(--zh-col-gap, var(--zh-gap-t, var(--zh-gap, var(--zh-tile-gap)))));
    row-gap: var(--zh-row-gap-t, var(--zh-row-gap, var(--zh-gap-t, var(--zh-gap, var(--zh-tile-gap)))));
  }

  .zeus-mega-menu__grid.is-rounds {
    grid-template-columns: repeat(var(--zh-cols-t, var(--zh-cols, 3)), minmax(0, 1fr));
    column-gap: var(--zh-col-gap-t, var(--zh-col-gap, var(--zh-gap-t, var(--zh-gap, 8px))));
    row-gap: var(--zh-row-gap-t, var(--zh-row-gap, var(--zh-gap-t, var(--zh-gap, 16px))));
  }
}

@media (min-width: 991px) {
  .zeus-mega-menu__grid.is-tiles,
  .zeus-mega-menu__grid.is-feature {
    grid-template-columns: repeat(var(--zh-cols, 2), minmax(0, 1fr));
    column-gap: var(--zh-col-gap, var(--zh-gap, var(--zh-tile-gap)));
    row-gap: var(--zh-row-gap, var(--zh-gap, var(--zh-tile-gap)));
  }

  .zeus-mega-menu__grid.is-rounds {
    grid-template-columns: repeat(var(--zh-cols, 3), minmax(0, 1fr));
    column-gap: var(--zh-col-gap, var(--zh-gap, 8px));
    row-gap: var(--zh-row-gap, var(--zh-gap, 16px));
  }
}

.zeus-mega-menu__tile {
  display: block;
  color: var(--zh-label-color, #222);
  font-family: var(--zh-font);
  font-size: var(--zh-size);
  font-weight: var(--zh-label-weight, var(--zh-weight));
  line-height: 1.3;
  letter-spacing: var(--zh-tracking);
  text-align: var(--zh-align, center);
  text-decoration: none;
  text-transform: uppercase;
}

.zeus-mega-menu__tile img {
  display: block;
  width: var(--zh-img-m, var(--zh-img-t, var(--zh-img, 100%)));
  max-width: 100%;
  height: auto;
  margin: 0 auto var(--zh-label-gap-m, var(--zh-label-gap-t, var(--zh-label-gap, 8px)));
  aspect-ratio: var(--zh-ratio, auto);
  object-fit: var(--zh-crop, cover);
  object-position: var(--zh-pos, center);
}

.zeus-mega-menu__grid.is-equal .zeus-mega-menu__tile {
  height: 100%;
}

.zeus-mega-menu__grid.is-equal .zeus-mega-menu__tile img {
  width: var(--zh-img-m, var(--zh-img-t, var(--zh-img, 100%)));
  max-width: 100%;
  height: 100%;
  aspect-ratio: var(--zh-ratio, 1 / 1);
}

.zeus-mega-menu__tile.is-round img,
.zeus-mega-menu__grid.is-equal .zeus-mega-menu__tile.is-round img {
  width: var(--zh-img-m, var(--zh-img-t, var(--zh-img, 100px)));
  max-width: 100%;
  height: auto;
  aspect-ratio: var(--zh-ratio, 1 / 1);
  margin: 0 auto var(--zh-label-gap-m, var(--zh-label-gap-t, var(--zh-label-gap, 8px)));
  border-radius: 50%;
  object-fit: var(--zh-crop, cover);
  object-position: var(--zh-pos, center);
}

@media (min-width: 768px) and (max-width: 990px) {
  .zeus-mega-menu__tile img,
  .zeus-mega-menu__grid.is-equal .zeus-mega-menu__tile img {
    width: var(--zh-img-t, var(--zh-img, 100%));
  }

  .zeus-mega-menu__tile.is-round img,
  .zeus-mega-menu__grid.is-equal .zeus-mega-menu__tile.is-round img {
    width: var(--zh-img-t, var(--zh-img, 100px));
    max-width: 100%;
  }

  .zeus-mega-menu__tile img,
  .zeus-mega-menu__tile.is-round img,
  .zeus-mega-menu__grid.is-equal .zeus-mega-menu__tile.is-round img {
    margin-bottom: var(--zh-label-gap-t, var(--zh-label-gap, 8px));
  }
}

@media (min-width: 991px) {
  .zeus-mega-menu__tile img,
  .zeus-mega-menu__grid.is-equal .zeus-mega-menu__tile img {
    width: var(--zh-img, 100%);
  }

  .zeus-mega-menu__tile.is-round img,
  .zeus-mega-menu__grid.is-equal .zeus-mega-menu__tile.is-round img {
    width: var(--zh-img, 100px);
    max-width: 100%;
  }

  .zeus-mega-menu__tile img,
  .zeus-mega-menu__tile.is-round img,
  .zeus-mega-menu__grid.is-equal .zeus-mega-menu__tile.is-round img {
    margin-bottom: var(--zh-label-gap, 8px);
  }
}

.zeus-mega-menu__tile span {
  display: block;
  padding-top: 6px;
  font-size: var(--zh-label-size-m, var(--zh-label-size-t, var(--zh-label-size, var(--zh-label, inherit))));
  font-weight: var(--zh-label-weight, inherit);
  color: var(--zh-label-color, inherit);
  text-align: var(--zh-label-align-m, var(--zh-label-align-t, var(--zh-label-align, inherit)));
}

.zeus-mega-menu__section[style*="--zh-label-gap"] .zeus-mega-menu__tile span {
  padding-top: 0;
}

@media (min-width: 768px) and (max-width: 990px) {
  .zeus-mega-menu__section {
    padding-top: var(--zh-pad-top-t, var(--zh-pad-top, 0px));
    padding-right: var(--zh-pad-right-t, var(--zh-pad-right, 0px));
    padding-bottom: var(--zh-pad-bottom-t, var(--zh-pad-bottom, 0px));
    padding-left: var(--zh-pad-left-t, var(--zh-pad-left, 0px));
  }

  .zeus-mega-menu__kicker {
    font-size: var(--zh-title-size-t, var(--zh-title-size, var(--zh-section-title, var(--zh-heading))));
    font-weight: var(--zh-title-weight-t, var(--zh-title-weight, var(--zh-section-title-weight, var(--zh-weight))));
    text-align: var(--zh-title-align-t, var(--zh-title-align, start));
  }

  .zeus-mega-menu__heading {
    font-size: var(--zh-title-size-t, var(--zh-title-size, var(--zh-heading)));
    text-align: var(--zh-title-align-t, var(--zh-title-align, start));
  }

  .zeus-nav__list > .zeus-nav__item > .zeus-mega-menu__heading {
    font-size: var(--zh-title-size-t, var(--zh-title-size, var(--zh-section-title, var(--zh-heading))));
  }

  .zeus-mega-menu__tile span {
    font-size: var(--zh-label-size-t, var(--zh-label-size, var(--zh-label, inherit)));
    text-align: var(--zh-label-align-t, var(--zh-label-align, inherit));
  }
}

@media (min-width: 991px) {
  .zeus-mega-menu__section {
    padding-top: var(--zh-pad-top, 0px);
    padding-right: var(--zh-pad-right, 0px);
    padding-bottom: var(--zh-pad-bottom, 0px);
    padding-left: var(--zh-pad-left, 0px);
  }

  .zeus-mega-menu__kicker {
    font-size: var(--zh-title-size, var(--zh-section-title, var(--zh-heading)));
    font-weight: var(--zh-title-weight, var(--zh-section-title-weight, var(--zh-weight)));
    text-align: var(--zh-title-align, start);
  }

  .zeus-mega-menu__heading {
    font-size: var(--zh-title-size, var(--zh-heading));
    text-align: var(--zh-title-align, start);
  }

  .zeus-nav__list > .zeus-nav__item > .zeus-mega-menu__heading {
    font-size: var(--zh-title-size, var(--zh-section-title, var(--zh-heading)));
  }

  .zeus-mega-menu__tile span {
    font-size: var(--zh-label-size, var(--zh-label, inherit));
    text-align: var(--zh-label-align, inherit);
  }
}

.zeus-nav__item[style*="--zh-font:"],
.zeus-nav__item[style*="--zh-font-t:"],
.zeus-nav__item[style*="--zh-font-m:"] {
  --zh-item-size: var(--zh-font-m, var(--zh-font-t, var(--zh-font)));
}

.zeus-nav__item[style*="--zh-font:"] > .zeus-nav__link,
.zeus-nav__item[style*="--zh-font-t:"] > .zeus-nav__link,
.zeus-nav__item[style*="--zh-font-m:"] > .zeus-nav__link,
.zeus-nav__item[style*="--zh-font:"] > .zeus-nav__row > .zeus-nav__link,
.zeus-nav__item[style*="--zh-font-t:"] > .zeus-nav__row > .zeus-nav__link,
.zeus-nav__item[style*="--zh-font-m:"] > .zeus-nav__row > .zeus-nav__link,
.zeus-nav__item[style*="--zh-font:"] > .zeus-mega-menu__heading,
.zeus-nav__item[style*="--zh-font-t:"] > .zeus-mega-menu__heading,
.zeus-nav__item[style*="--zh-font-m:"] > .zeus-mega-menu__heading {
  font-size: var(--zh-font-m, var(--zh-font-t, var(--zh-font)));
}

.zeus-mega-menu__cell[style*="--zh-font:"] .zeus-mega-menu__tile span,
.zeus-mega-menu__cell[style*="--zh-font-t:"] .zeus-mega-menu__tile span,
.zeus-mega-menu__cell[style*="--zh-font-m:"] .zeus-mega-menu__tile span {
  font-size: var(--zh-font-m, var(--zh-font-t, var(--zh-font)));
}

.zeus-nav__item[style*="--zh-font-align"] > .zeus-nav__link,
.zeus-nav__item[style*="--zh-font-align"] > .zeus-nav__row > .zeus-nav__link {
  text-align: var(--zh-font-align-m, var(--zh-font-align-t, var(--zh-font-align)));
  justify-content: var(--zh-font-align-m, var(--zh-font-align-t, var(--zh-font-align)));
}

.zeus-nav__item[style*="--zh-font-align"] > .zeus-mega-menu__heading,
.zeus-mega-menu__cell[style*="--zh-font-align"] .zeus-mega-menu__tile,
.zeus-mega-menu__cell[style*="--zh-font-align"] .zeus-mega-menu__tile span {
  text-align: var(--zh-font-align-m, var(--zh-font-align-t, var(--zh-font-align)));
}

.zeus-nav__item[style*="--zh-pad-top:"] > .zeus-nav__link,
.zeus-nav__item[style*="--zh-pad-top-t:"] > .zeus-nav__link,
.zeus-nav__item[style*="--zh-pad-top-m:"] > .zeus-nav__link,
.zeus-nav__item[style*="--zh-pad-top:"] > .zeus-nav__row > .zeus-nav__link,
.zeus-nav__item[style*="--zh-pad-top-t:"] > .zeus-nav__row > .zeus-nav__link,
.zeus-nav__item[style*="--zh-pad-top-m:"] > .zeus-nav__row > .zeus-nav__link,
.zeus-nav__item[style*="--zh-pad-top:"] > .zeus-mega-menu__heading,
.zeus-nav__item[style*="--zh-pad-top-t:"] > .zeus-mega-menu__heading,
.zeus-nav__item[style*="--zh-pad-top-m:"] > .zeus-mega-menu__heading,
.zeus-mega-menu__cell[style*="--zh-pad-top:"] > .zeus-mega-menu__tile,
.zeus-mega-menu__cell[style*="--zh-pad-top-t:"] > .zeus-mega-menu__tile,
.zeus-mega-menu__cell[style*="--zh-pad-top-m:"] > .zeus-mega-menu__tile {
  padding-top: var(--zh-pad-top-m, var(--zh-pad-top-t, var(--zh-pad-top)));
}

.zeus-nav__item[style*="--zh-pad-right:"] > .zeus-nav__link,
.zeus-nav__item[style*="--zh-pad-right-t:"] > .zeus-nav__link,
.zeus-nav__item[style*="--zh-pad-right-m:"] > .zeus-nav__link,
.zeus-nav__item[style*="--zh-pad-right:"] > .zeus-nav__row > .zeus-nav__link,
.zeus-nav__item[style*="--zh-pad-right-t:"] > .zeus-nav__row > .zeus-nav__link,
.zeus-nav__item[style*="--zh-pad-right-m:"] > .zeus-nav__row > .zeus-nav__link,
.zeus-nav__item[style*="--zh-pad-right:"] > .zeus-mega-menu__heading,
.zeus-nav__item[style*="--zh-pad-right-t:"] > .zeus-mega-menu__heading,
.zeus-nav__item[style*="--zh-pad-right-m:"] > .zeus-mega-menu__heading,
.zeus-mega-menu__cell[style*="--zh-pad-right:"] > .zeus-mega-menu__tile,
.zeus-mega-menu__cell[style*="--zh-pad-right-t:"] > .zeus-mega-menu__tile,
.zeus-mega-menu__cell[style*="--zh-pad-right-m:"] > .zeus-mega-menu__tile {
  padding-right: var(--zh-pad-right-m, var(--zh-pad-right-t, var(--zh-pad-right)));
}

.zeus-nav__item[style*="--zh-pad-bottom:"] > .zeus-nav__link,
.zeus-nav__item[style*="--zh-pad-bottom-t:"] > .zeus-nav__link,
.zeus-nav__item[style*="--zh-pad-bottom-m:"] > .zeus-nav__link,
.zeus-nav__item[style*="--zh-pad-bottom:"] > .zeus-nav__row > .zeus-nav__link,
.zeus-nav__item[style*="--zh-pad-bottom-t:"] > .zeus-nav__row > .zeus-nav__link,
.zeus-nav__item[style*="--zh-pad-bottom-m:"] > .zeus-nav__row > .zeus-nav__link,
.zeus-nav__item[style*="--zh-pad-bottom:"] > .zeus-mega-menu__heading,
.zeus-nav__item[style*="--zh-pad-bottom-t:"] > .zeus-mega-menu__heading,
.zeus-nav__item[style*="--zh-pad-bottom-m:"] > .zeus-mega-menu__heading,
.zeus-mega-menu__cell[style*="--zh-pad-bottom:"] > .zeus-mega-menu__tile,
.zeus-mega-menu__cell[style*="--zh-pad-bottom-t:"] > .zeus-mega-menu__tile,
.zeus-mega-menu__cell[style*="--zh-pad-bottom-m:"] > .zeus-mega-menu__tile {
  padding-bottom: var(--zh-pad-bottom-m, var(--zh-pad-bottom-t, var(--zh-pad-bottom)));
}

.zeus-nav__item[style*="--zh-pad-left:"] > .zeus-nav__link,
.zeus-nav__item[style*="--zh-pad-left-t:"] > .zeus-nav__link,
.zeus-nav__item[style*="--zh-pad-left-m:"] > .zeus-nav__link,
.zeus-nav__item[style*="--zh-pad-left:"] > .zeus-nav__row > .zeus-nav__link,
.zeus-nav__item[style*="--zh-pad-left-t:"] > .zeus-nav__row > .zeus-nav__link,
.zeus-nav__item[style*="--zh-pad-left-m:"] > .zeus-nav__row > .zeus-nav__link,
.zeus-nav__item[style*="--zh-pad-left:"] > .zeus-mega-menu__heading,
.zeus-nav__item[style*="--zh-pad-left-t:"] > .zeus-mega-menu__heading,
.zeus-nav__item[style*="--zh-pad-left-m:"] > .zeus-mega-menu__heading,
.zeus-mega-menu__cell[style*="--zh-pad-left:"] > .zeus-mega-menu__tile,
.zeus-mega-menu__cell[style*="--zh-pad-left-t:"] > .zeus-mega-menu__tile,
.zeus-mega-menu__cell[style*="--zh-pad-left-m:"] > .zeus-mega-menu__tile {
  padding-left: var(--zh-pad-left-m, var(--zh-pad-left-t, var(--zh-pad-left)));
}

.zeus-mega-menu__cell[style*="--zh-label-gap"] .zeus-mega-menu__tile span {
  padding-top: 0;
}

@media (min-width: 768px) and (max-width: 990px) {
  .zeus-nav__item[style*="--zh-font:"] > .zeus-nav__link,
  .zeus-nav__item[style*="--zh-font-t:"] > .zeus-nav__link,
  .zeus-nav__item[style*="--zh-font-m:"] > .zeus-nav__link,
  .zeus-nav__item[style*="--zh-font:"] > .zeus-nav__row > .zeus-nav__link,
  .zeus-nav__item[style*="--zh-font-t:"] > .zeus-nav__row > .zeus-nav__link,
  .zeus-nav__item[style*="--zh-font-m:"] > .zeus-nav__row > .zeus-nav__link,
  .zeus-nav__item[style*="--zh-font:"] > .zeus-mega-menu__heading,
  .zeus-nav__item[style*="--zh-font-t:"] > .zeus-mega-menu__heading,
  .zeus-nav__item[style*="--zh-font-m:"] > .zeus-mega-menu__heading,
  .zeus-mega-menu__cell[style*="--zh-font:"] .zeus-mega-menu__tile span,
  .zeus-mega-menu__cell[style*="--zh-font-t:"] .zeus-mega-menu__tile span,
  .zeus-mega-menu__cell[style*="--zh-font-m:"] .zeus-mega-menu__tile span {
    font-size: var(--zh-font-t, var(--zh-font));
  }

  .zeus-nav__item[style*="--zh-font-align"] > .zeus-nav__link,
  .zeus-nav__item[style*="--zh-font-align"] > .zeus-nav__row > .zeus-nav__link {
    text-align: var(--zh-font-align-t, var(--zh-font-align));
    justify-content: var(--zh-font-align-t, var(--zh-font-align));
  }

  .zeus-nav__item[style*="--zh-font-align"] > .zeus-mega-menu__heading,
  .zeus-mega-menu__cell[style*="--zh-font-align"] .zeus-mega-menu__tile,
  .zeus-mega-menu__cell[style*="--zh-font-align"] .zeus-mega-menu__tile span {
    text-align: var(--zh-font-align-t, var(--zh-font-align));
  }
}

@media (min-width: 991px) {
  .zeus-nav__item[style*="--zh-font:"] > .zeus-nav__link,
  .zeus-nav__item[style*="--zh-font-t:"] > .zeus-nav__link,
  .zeus-nav__item[style*="--zh-font-m:"] > .zeus-nav__link,
  .zeus-nav__item[style*="--zh-font:"] > .zeus-nav__row > .zeus-nav__link,
  .zeus-nav__item[style*="--zh-font-t:"] > .zeus-nav__row > .zeus-nav__link,
  .zeus-nav__item[style*="--zh-font-m:"] > .zeus-nav__row > .zeus-nav__link,
  .zeus-nav__item[style*="--zh-font:"] > .zeus-mega-menu__heading,
  .zeus-nav__item[style*="--zh-font-t:"] > .zeus-mega-menu__heading,
  .zeus-nav__item[style*="--zh-font-m:"] > .zeus-mega-menu__heading,
  .zeus-mega-menu__cell[style*="--zh-font:"] .zeus-mega-menu__tile span,
  .zeus-mega-menu__cell[style*="--zh-font-t:"] .zeus-mega-menu__tile span,
  .zeus-mega-menu__cell[style*="--zh-font-m:"] .zeus-mega-menu__tile span {
    font-size: var(--zh-font);
  }

  .zeus-nav__item[style*="--zh-font-align"] > .zeus-nav__link,
  .zeus-nav__item[style*="--zh-font-align"] > .zeus-nav__row > .zeus-nav__link {
    text-align: var(--zh-font-align);
    justify-content: var(--zh-font-align);
  }

  .zeus-nav__item[style*="--zh-font-align"] > .zeus-mega-menu__heading,
  .zeus-mega-menu__cell[style*="--zh-font-align"] .zeus-mega-menu__tile,
  .zeus-mega-menu__cell[style*="--zh-font-align"] .zeus-mega-menu__tile span {
    text-align: var(--zh-font-align);
  }
}

.zeus-nav__footer {
  margin-top: 28px;
  padding-top: 12px;
}

.zeus-nav__foot-rule {
  height: var(--zh-rule-w);
  margin: 16px 9px 0;
  background: var(--zh-rule);
}

.zeus-nav__icons {
  display: flex;
  gap: 12px;
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
}

.zeus-nav__icons img {
  display: block;
  width: 60px;
  height: 60px;
  object-fit: contain;
}

.zeus-nav__locale {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 4px 9px 18px;
  color: #1a6f86;
  font-family: var(--zh-font);
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
}

.zeus-nav__locale-main,
.zeus-nav__change {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 6px 0;
  border: 0;
  background: transparent;
  color: #1a6f86;
  font: inherit;
  letter-spacing: 0;
  text-transform: none;
  cursor: pointer;
}

.zeus-nav__change {
  text-decoration: underline;
}

.zeus-nav__flag {
  font-size: 16px;
  line-height: 1;
}

.zeus-nav__locale-sep {
  color: #8aa;
}

.zh-locale-modal {
  position: fixed;
  inset: 0;
  z-index: 8000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 16px;
}

.zh-locale-modal[hidden] {
  display: none;
}

.zh-locale-modal__back {
  position: absolute;
  inset: 0;
  background: rgba(20, 24, 28, 0.45);
}

.zh-locale-modal__card {
  position: relative;
  width: min(520px, 100%);
  max-height: calc(100vh - 48px);
  overflow: auto;
  box-sizing: border-box;
  padding: 18px 25px 15px;
  background: #fff;
  color: #222;
  font-family: var(--zh-font);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18);
}

.zh-locale-modal__x {
  position: absolute;
  top: 6px;
  right: 10px;
  border: 0;
  background: transparent;
  color: #bbb;
  font-size: 22px;
  font-weight: 300;
  line-height: 1;
  cursor: pointer;
}

.zh-locale-modal__card h2 {
  margin: 0 28px 3px 0;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  color: #444;
}

.zh-locale-modal__current {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
}

.zh-locale-modal__lead,
.zh-locale-modal__ship,
.zh-locale-modal__restline {
  margin: 0;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.4;
  letter-spacing: 0;
  text-transform: none;
}

.zh-locale-modal__cols {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px 15px;
  margin: 10px 0 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e6e6e6;
}

.zh-locale-modal__col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

.zh-locale-modal__cols button {
  border: 0;
  background: transparent;
  padding: 1px 4px;
  color: #333;
  font: inherit;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.45;
  text-align: left;
  cursor: pointer;
}

.zh-locale-modal__cols button.is-current {
  font-weight: 600;
  background: #f2f2f2;
}

.zh-locale-modal__cols button:hover,
.zh-locale-modal__cols button:focus {
  color: #111;
  text-decoration: underline;
}

.zh-locale-modal__ship {
  margin-top: 10px;
}

.zh-locale-modal__restline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 3px;
}

.zh-locale-modal__rest {
  display: inline-block;
  margin: 0;
  border: 0;
  background: #111;
  color: #fff;
  padding: 3px 8px;
  font: inherit;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  cursor: pointer;
}

@media (max-width: 640px) {
  .zh-locale-modal__card {
    padding: 30px 23px 23px;
  }

  .zh-locale-modal__cols {
    grid-template-columns: 1fr;
  }
}

html:has(.hangrr-header[data-variant="dark"]),
body:has(.hangrr-header[data-variant="dark"]) {
  background: #111;
}

body:has(.hangrr-header[data-variant="dark"]) .zeus-preview-page {
  background: #111;
  color: #ddd;
}

html.hangrr-header-lock,
html.hangrr-header-lock body {
  overflow: hidden;
}

html.hangrr-header-lock body {
  position: fixed;
  width: 100%;
}

@media (min-width: 768px) and (max-width: 990px) {
  .hangrr-header {
    --zh-bar-h: 60px;
    --zh-logo-h: 60px;
    --zh-l1: 40%;
    --zh-l2: 40%;
    --zh-l2-left: 40%;
    --zh-l3: 80%;
    --zh-l3-left: 0;
    --zh-pad-x: 40px;
  }

  .zeus-mega-menu {
    --zh-pad-x: 20px;
  }
}

@media (min-width: 991px) {
  .hangrr-header {
    --zh-bar-h: 60px;
    --zh-logo-h: 60px;
    --zh-l1: 25%;
    --zh-l2: 25%;
    --zh-l2-left: 25%;
    --zh-l3: 50%;
    --zh-l3-left: 50%;
    --zh-pad-x: 40px;
  }

  .zeus-mega-menu {
    --zh-pad-x: 20px;
  }
}