/** Shopify CDN: Minification failed

Line 93:5 Unexpected "/"
Line 241:0 Unexpected "}"

**/
/* ==========================================================================
   component-mega-menu.css (Tommy-style dropdown mega menu)
   Assumes Dawn-like markup with:
   - .mega-menu (trigger wrapper) has data-menu="MegaMenu-Content-X"
   - #MegaMenu-Content-X.mega-menu__content (panel)
   - .mega-menu__container (inner)
   - .mega-menu__list (link columns)
   - .mega-menu__image-column + .mega-menu__image-wrapper (promo tile)
   ========================================================================== */

/* Keep trigger layout stable */
.mega-menu {
  position: static;
}

.mega-menu .header__menu-item a {
  padding: 3.15rem 0;
  color: var(--color-base-accent-1) !important;
}

/* The "hidden" class should not remove layout entirely; we animate via opacity/transform */
.hidden {
  visibility: hidden;
}

/* --------------------------------------------------------------------------
   Desktop dropdown behaviour (Tommy-style)
   -------------------------------------------------------------------------- */
@media (min-width: 990px) {

  /* Optional page overlay */
  body::after {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.35);
    opacity: 0;
    pointer-events: none;
    transition: opacity 180ms ease;
    z-index: 40;
  }

  body.menu-open::after {
    opacity: 1;
    pointer-events: auto;
  }

  /* DO NOT lock page scroll like your current CSS did */
  body.menu-open {
    overflow: visible;
  }

  /* Mega panel: full-width dropdown below header */
  /* .mega-menu__content {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 10px);

    width: 100vw;
    margin-left: calc(50% - 50vw); /* full-bleed */

    background: #fff;
    border: 0;
    border-radius: 0;
    box-shadow: 0 20px 50px rgba(0,0,0,.10);

    padding: 28px 0;

    /* closed state */
    opacity: 0;
    transform: translateY(8px);
    pointer-events: none;

    transition: opacity 160ms ease, transform 160ms ease;

    /* ensure above overlay */
    z-index: 50;

    /* allow the dropdown to be tall but not takeover */
    max-height: calc(100vh - 120px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;

    /* reset any legacy flex overrides */
    display: block !important;
  } */

  /* If the element has .hidden initially, make it available when open */
  .mega-menu__content.hidden {
    visibility: hidden;
  }

  /* Inner container: centred content with right promo column */
  .mega-menu__container {
    --third-level-feature-third-level-item-padding: var(--sizes-spacing-8, 0.5rem) var(--sizes-spacing-8, 0.5rem) var(--sizes-spacing-8, 0.5rem) 0;
    --third-level-feature-third-level-item-font-size: 20px;
    --third-level-feature-fourth-level-item-padding: var(--sizes-spacing-8, 0.5rem) 0;
    --third-level-espot-height-lg: 454px;
    --third-level-espot-width-lg: 340px;
    --third-level-espot-height: 303px;
    --third-level-espot-width: 232px;
    width: 100%;
    display: flex;
    min-height: var(--third-level-min-height, 568px);
    height: 100%;
  }

  /* Link columns */
  .mega-menu__list--with-grandchildren {
    flex: 0 0 var(--third-level-left-col-width, 220px);
    margin-left: var(--sizes-spacing-40, 2.5rem);
    border-right: var(--third-level-feature-list-border-right, 1px #e9ebed solid);
    padding-top: var(--sizes-spacing-20, 1.25rem);
    padding-bottom: var(--sizes-spacing-20, 1.25rem);
    overflow-y: auto;
    padding: 0;
    margin: 0;
    --list-iconWithText-grid-col-gap: var(--sizes-spacing-12, 0.75rem);
  }

  .child-link {
    display: flex;
    flex-direction: column;
  }

  /* Level-2 headings (your childlink title) */
  .mega-menu__link--level-2 {
    font-size: 12px;
    letter-spacing: .08em;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 0 10px 0;
    color: rgba(0,0,0,.85);
  }

  /* Your grandchildren blocks: treat each group like a “section” */
  .grandchildren__block {
    column-count: 1;
    column-gap: 0;
    max-width: 100%;
    padding-bottom: 0;
  }

  .grandchildren__block > div {
    break-inside: avoid;
    margin-bottom: 14px;
  }

  .grandchildren__block p {
    margin: 10px 0 6px;
    font-size: 11px;
    letter-spacing: .08em;
    text-transform: uppercase;
    opacity: .65;
  }

  .grandchildren__block p strong {
    font-weight: 600;
  }

  .grandchildren__block ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .grandchildren__block ul li a {
    display: inline-block;
    padding: 5px 0;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .01em;
    text-transform: none;
    color: rgba(0,0,0,.85);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 180ms ease, opacity 180ms ease;
    opacity: .92;
  }

  .grandchildren__block ul li a:hover {
    opacity: 1;
    border-color: currentColor;
  }

  /* Promo/image column */
  .mega-menu__image-column {
    position: relative;
    min-height: 320px;
    display: grid;
    align-content: start;
    gap: 12px;
  }

  /* Default: hide all promo tiles, show active */
  .mega-menu__image-wrapper {
    display: none;
    position: static;
    padding: 0;
    height: auto;
    width: 100%;
    opacity: 1;
    visibility: visible;
  }

  .mega-menu__image-wrapper.is-active {
    display: block;
  }

  .mega-menu__image-wrapper img,
  .mega-menu__image {
    width: 100%;
    height: 240px;
    object-fit: cover;
    border-radius: 14px;
    display: block;
  }

  .view-all,
  .TheHeaderMenu__footer-link {
    display: inline-block;
    margin-top: 10px;
    font-size: 12px;
    letter-spacing: .08em;
    text-transform: uppercase;
    text-decoration: none;
    color: rgba(0,0,0,.85);
  }

  .view-all:hover,
  .TheHeaderMenu__footer-link:hover {
    text-decoration: underline;
  }
}

/* --------------------------------------------------------------------------
   Tablet / smaller: keep it simple
   (Your theme drawer handles mobile; don’t fight it here)
   -------------------------------------------------------------------------- */
@media (max-width: 989px) {
  .mega-menu__content {
    /* If your theme ever shows it on mobile, keep it usable */
    position: static;
    width: 100%;
    margin-left: 0;
    box-shadow: none;
    transform: none;
    opacity: 1;
    pointer-events: auto;
    max-height: none;
    overflow: visible;
    padding: 12px 0;
  }

  body::after {
    display: none;
  }
}

/* two column layout inside the mega panel */
.mega-menu__container--two-col {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 32px;
  align-items: start;
}

/* LEFT list */
.mega-menu__left {
  list-style: none;
  margin: 0;
  padding: 2rem 0;
  border-right: 1px solid rgba(0,0,0,.08);
}

.mega-menu__left-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px 12px 3rem;
  text-decoration: none;
  color: inherit;
  position: relative;
}

.mega-menu__left-item.sale {
  color: rgb(139, 111, 78);
}

.mega-menu__left-item.sale span:after {
  background-color: rgb(139, 111, 78);
}

.mega-menu__left-item span {
  position: relative;
}

.mega-menu__left-item span:after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  height: 1px;
  background-color: rgba(var(--color-base-accent-1), 1);
  width: 0%;
  transition: width .3s ease;
}

.mega-menu__left-item:hover span:after {
  width: 100%;
}

.mega-menu__left-item .right-caret {
    display: none;
    right: 0;
    margin: 0 var(--sizes-spacing-12, 0.75rem) 0 0;
    top: 50%;
    transform: translateY(-50%);
    width: var(--third-level-chevron-icon-width, calc(1rem + 2px));
    height: var(--third-level-chevron-icon-height, calc(1rem + 2px));
    position: absolute;
    font-size: var(--icon-regular-font-size, 1rem);
}

.mega-menu__left-item:hover .right-caret,
.mega-menu__left-item.is-active .right-caret {
  display: block;
}

/* RIGHT panes */
.mega-menu__right {
  padding: 2rem 0;
  min-width: 0;
}

.mega-menu__pane {
  display: none;
}

.mega-menu__pane.is-active {
  display: block;
}

.mega-menu__pane-grid {
  display: grid;
  width: 100%;
  grid-template-columns: minmax(0, 3fr) minmax(650px, 2fr);
  gap: 32px;
  align-items: stretch;
}

@media screen and (min-width: 990px) {
  .mega-menu__content.about-us {
    height: calc(65dvh - var(--mega-menu-top, 109px));
    min-height: 0;
    overflow: hidden;
  }
  .mega-menu__content.chosen-by {
    height: calc(75dvh - var(--mega-menu-top, 109px));
    min-height: 0;
    overflow: hidden;
  }

  .mega-menu__content.about-us .mega-menu__tiles,
  .mega-menu__content.chosen-by .mega-menu__tiles {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);

    width: 100%;
    height: 100%;
    min-height: 0;

    align-items: stretch;
    justify-items: stretch;

    margin: 0;
    padding: 2rem;
    list-style: none;
  }

  .mega-menu__content.about-us .mega-menu__tiles:has(> .mega-menu__tile:nth-child(7)),
  .mega-menu__content.chosen-by .mega-menu__tiles:has(> .mega-menu__tile:nth-child(7)) {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .mega-menu__content.about-us .mega-menu__tile,
  .mega-menu__content.chosen-by .mega-menu__tile {
    display: block;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    max-width: none;

    justify-self: stretch;
    align-self: stretch;
    overflow: hidden;
  }

  .mega-menu__content.about-us .mega-menu__tile-link {
    display: grid;
    /* grid-template-rows: clamp(140px, 15vw, 225px) auto; */
    grid-template-rows: minmax(0, 1fr) auto;

    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    max-width: none;

    justify-self: stretch;
    align-self: stretch;
    overflow: hidden;
  }
  .mega-menu__content.chosen-by .mega-menu__tile-link {
    display: grid;
    /* grid-template-rows: clamp(140px, 15vw, 225px) auto; */
    grid-template-rows: minmax(0, 1fr) auto;

    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    max-width: none;

    justify-self: stretch;
    align-self: stretch;
    overflow: hidden;
  }

  .mega-menu__content.about-us .mega-menu__tile-image,
  .mega-menu__content.chosen-by .mega-menu__tile-image {
    flex: 1;
    min-height: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .mega-menu__content.about-us .mega-menu__tile-title,
  .mega-menu__content.chosen-by .mega-menu__tile-title {
    flex: 0 0 auto;
  }
}

.mega-menu__pane-links {
  min-width: 0;
}

.mega-menu__pane-promo {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-self: stretch;
  min-width: 0;
  padding-top: 0.75rem;
  padding-right: 3rem;
}

.mega-menu__pane-promo ul {
  display: flex;
  align-items: stretch;
  gap: 16px;
  list-style: none;
  padding: 0;
  margin: 0;
  height: 100%;
}

.mega-menu__pane-promo li {
  display: flex;
  height: 100%;
}

.mega-menu__promo-link {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
}

.mega-menu__promo-link:hover {
  text-decoration: underline;
}

.mega-menu__promo-image {
  display: block;
  height: 100%;
  width: auto;
  max-width: 100%;
  object-fit: cover;
}

.view-all {
  display: inline-block;
  margin-top: 10px;
}

@media (max-width: 1100px) {
  .mega-menu__pane-links {
    display: flex;
    flex-direction: column;
    grid-template-columns: repeat(3, minmax(160px, 1fr));
    gap: 0;
  }
}

.mega-menu__pane-links li span {
  position: relative;
}

.mega-menu__pane-links li span:after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  height: 1px;
  background-color: rgba(var(--color-base-accent-1), 1);
  width: 0%;
  transition: width .3s ease;
}

.mega-menu__pane-links li:hover span:after {
  width: 100%;
}

.mega-menu__pane-links li:hover a {
  text-decoration: none;
}

.mega-group__title {
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: .65;
  margin: 0 0 10px 0;
}

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

.mega-group__list a {
  display: inline-block;
  padding: 6px 0;
  text-decoration: none;
  opacity: 1;
}

.mega-group__list a:hover {
  opacity: 1;
  text-decoration: underline;
}

@media (max-width: 989px) {
  .mega-menu__container--two-col {
    grid-template-columns: 1fr;
  }
  .mega-menu__left {
    border-right: 0;
    border-bottom: 1px solid rgba(0,0,0,.08);
    display: flex;
    gap: 8px;
    overflow-x: auto;
  }
  .mega-menu__pane-grid {
    grid-template-columns: 1fr;
  }
}

.menu-drawer__menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

.mega-menu__tiles{
  list-style: none;
  margin:0;
  padding:0;
  display:flex;
  grid-template-columns:repeat(4,minmax(180px,1fr));
  gap:24px;
  padding: 1.25rem 1.75rem;
}

.mega-menu__content {
border-top: var(--third-level-border-top, 0.0625rem solid #e9ebed);
}

.mega-menu__tile-link{
  display: flex;
  text-decoration: none;
  color: inherit;
  flex-direction: column;
  align-items: center;
}

li.mega-menu__tile {
  max-width: 150px;
}

.mega-menu__tile-image{
  width: 100%;
  height: 175px;
  object-fit: cover;
  display: block;
  margin-bottom: 10px;
}

.mega-menu__tile-title{
  display:block;
  text-align:center;
  font-size:1.2rem;
}

@media (max-width: 989px){
  .mega-menu__tiles{ grid-template-columns:repeat(2,minmax(160px,1fr)); }
}