/** Shopify CDN: Minification failed

Line 212:23 The "-" operator only works if there is whitespace on both sides

**/
/* ===============================================
   HEADER POSITIONING & STICKY BEHAVIOR
   =============================================== */

   .section-header {
    position: sticky;
    margin-bottom: 0;
    z-index: 100;
  }
  
  .index .shopify-section-group-header-group {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 100;
  }
  
  .header-wrapper {
    position: relative;
    z-index: 2;
  }
  
  .header__heading,
  .header__icons,
  .header__b66-icon {
    z-index: 3;
  }
  
  .header__menu-item {
    position: relative;
    z-index: 3;
  }
  
  /* Responsive margin adjustments */
  @media screen and (min-width: 750px) {
    .section-header {
      margin-bottom: 0;
    }
  }
  
  /* ===============================================
     MEGAMENU COMPONENT STYLES
     =============================================== */
  
  .mega-menu {
    position: static;
  }
  
  .mega-menu__trigger {
    background: none;
    border: none;
    font: inherit;
    cursor: pointer;
    width: 100%;
    text-align: left;
  }
  
  /* ===============================================
     SCROLL LOCK & BACKGROUND
     =============================================== */
  
  /* Prevent body scroll when megamenu is open */
  body.mega-menu-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
  }
  
  /* ===============================================
     MEGAMENU OVERLAY WITH NOISE TEXTURE
     =============================================== */
  
  .mega-menu::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    z-index: 2;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter id='n' x='-20%25' y='-20%25' width='140%25' height='140%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' seed='341' stitchTiles='stitch' result='t'/%3E%3CfeColorMatrix in='t' type='luminanceToAlpha' result='a'/%3E%3CfeComponentTransfer in='a' result='th'%3E%3CfeFuncA type='linear' slope='2.1' intercept='-0.45'/%3E%3C/feComponentTransfer%3E%3CfeComposite in='SourceGraphic' in2='th' operator='in'/%3E%3C/filter%3E%3C/defs%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' fill='%23000' fill-opacity='1' /%3E%3C/svg%3E");
    background-size: 118px 118px;
    background-repeat: repeat;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.6s ease, visibility 0.6s ease;
  }
  
  /* Show noise texture when mega menu is hovered - handled above */
  .mega-menu::after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(125, 95, 51, 0.50);
    backdrop-filter: blur(3.9px);
    -webkit-backdrop-filter: blur(3.9px);
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.6s ease, visibility 0.6s ease;
  }
  
  /* ===============================================
     MEGAMENU CONTENT & LAYOUT
     =============================================== */
  
  .mega-menu__content {
    border: none;
    left: 0;
    overflow-y: auto;
    position: absolute;
    right: 0;
    top: 100%;
    max-height: 92vh;
    z-index: 11;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* Internet Explorer 10+ */
  }
  
  .mega-menu__content::-webkit-scrollbar {
    display: none; /* WebKit browsers */
  }
  
  .shopify-section-header-sticky .mega-menu__content {
    max-height: calc(100vh - 100px);
  }
  
  .header-wrapper--border-bottom .mega-menu__content {
    border-top: 0;
  }
  
  .mega-menu__content {
    opacity: 1 !important;
    transform: translateY(0);
    height: 0;
    transition: height 0.3s ease-out;
    pointer-events: none;
    visibility: hidden;
  }
  
  .mega-menu:not(.mega-menu-hover-open) .mega-menu__content {
    opacity: 1 !important;
    transform: translateY(0);
    height: 0;
    transition: height 0.3s ease-out;
    pointer-events: none;
    visibility: hidden;
  }
  
  /* Animation state - controlled by our independent hover system */
  .mega-menu.mega-menu-hover-open .mega-menu__content {
    opacity: 1 !important;
    transform: translateY(0) !important;
    height: calc(100vh - 100px) !important;
    max-height: calc(100vh - 100px) !important;
    pointer-events: auto !important;
    visibility: visible !important;
    transition: height 1s ease, visibility 1s ease !important;
  }
  
  /* Fade-in animation for the entire mega menu wrapper */
  .mega-menu__wrapper {
    opacity: 0;
    transition: opacity 0.6s ease;
  }
  
  .mega-menu.mega-menu-hover-open .mega-menu__wrapper,
  .mega-menu[open] .mega-menu__wrapper {
    opacity: 1;
    animation: fadeInWrapper 3.5s ease forwards;
  }
  
  /* Reset animation when mega menu closes */
  .mega-menu:not(.mega-menu-hover-open):not([open]) .mega-menu__wrapper {
    animation: none;
    opacity: 0;
    transition: opacity 0.3s ease-out;
  }
  
  /* Keyframe animation for wrapper fade-in */
  @keyframes fadeInWrapper {
    0% {
      opacity: 0;
      transform: translateY(10px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  /* Fallback for when details[open] is set by other scripts */
  .mega-menu[open] .mega-menu__content {
    opacity: 1 !important;
    transform: translateY(0);
    height: calc(100vh -120px);
    max-height: calc(100vh - 120px);
    pointer-events: auto;
    visibility: visible;
  }
  
  .mega-menu .mega-menu__content {
    transform: translateY(0) !important;
    height: 0 !important;
    transition: height 0.4s ease, visibility 0.4s ease !important;
  }
  
  .header__menu-item span {
    font-family: var(--font-gaisyr-mono);
    font-size: var(--font-size-body);
    line-height: var(--line-height-140);
  }
  
  /* Three-column wrapper - center column wider like product page */
  .mega-menu__wrapper {
    display: grid;
    grid-template-columns: 0.9fr 1.2fr 0.9fr; /* Middle column wider */
    align-items: start;
    position: relative;
    z-index: 11;
    height: 100%;
    overflow: visible;
  }
  
  .header--top-center .mega-menu__wrapper {
    justify-content: center;
  }
  
  /* Condensed layout variant */
  .mega-menu__wrapper--condensed {
    display: flex;
    justify-content: center;
  }
  
  .mega-menu__list-wrapper {
    height: 100%;
  }
  
  .mega-menu__wrapper--condensed .mega-menu__list {
    max-width: 300px;
  }
  
  .mega-menu__wrapper--condensed .mega-menu__link {
    font-weight: normal;
  }
  
  /* ===============================================
     NAVIGATION LISTS & LINKS
     =============================================== */
  
  .mega-menu__list {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    list-style: none;
    padding: 0;
    margin: 0;
    height: 100%;
  }
  
  /* Fade-in animations for columns with staggered delays */
  .mega-menu__list--left {
    border-right: 1px solid var(--color-primary);
  }
  
  
  .mega-menu__list--right {
    border-left: 1px solid var(--color-primary);
  }
  
  /* Base link styles */
  .mega-menu__link {
    display: block;
    line-height: var(--line-height-100);
    padding-bottom: 0.6rem;
    padding-top: 1.5rem;
    text-decoration: none;
    transition: text-decoration var(--duration-short) ease;
    word-wrap: break-word;
    font-family: var(--font-caslon);
    font-size: var(--font-size-h5);
  }
  
  .mega-menu__link:hover {
    text-decoration: underline;
    text-decoration-thickness: 0.05rem;
    text-underline-offset: 0.2rem;
  }
  
  /* Level 2 link styles */
  .mega-menu__link--level-2 {
    font-size: var(--font-size-elements);
    font-family: var(--font-gaisyr-mono);
    text-transform: uppercase;
    color: var(--color-primary);
    line-height: var(--line-height-140);
    text-decoration: none;
    padding-bottom: 12px;
  }
  
  .mega-menu__link--level-2:hover {
    text-decoration: underline;
    text-underline-offset: 0.2rem;
  }
  
  /* Active link styles */
  .mega-menu__link--active {
    color: #000;
    font-family: var(--font-caslon);
    font-size: var(--font-size-h5);
    text-decoration: none;
    line-height: var(--line-height-100);
    padding-top: 24px;
  }
  
  /* Navigation item hover state */
  .mega-menu:hover .mega-menu__trigger,
  .mega-menu.mega-menu-hover-open .mega-menu__trigger {
    text-decoration: underline;
    text-underline-offset: 0.2rem;
  }
  
  /* ===============================================
     IMAGE GRID
     =============================================== */
  
  .mega-menu__image-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
    padding: 40px 20px;
    justify-content: center;
    position: relative;
    overflow: hidden;
    height: 100%;
    max-height: calc(100% - 0px);
    width: 100%;
    align-items: center;
    box-sizing: border-box;
  }

  /* Combined width/height overrides so they only apply on short viewports */
  @media (max-width: 1600px) and (max-height: 900px) {
    .mega-menu__wrapper {
      grid-template-columns: 0.9fr 1.2fr 0.9fr; /* Middle column wider */
    }
    .mega-menu__image-grid {
      padding: 32px 16px;
      column-gap: 0.6rem;
      row-gap: 1rem;
    }
  }

  @media (max-width: 1600px) and (max-height: 820px) {
    .mega-menu__wrapper {
      grid-template-columns: 0.9fr 1.2fr 0.9fr; /* Middle column wider */
    }
    .mega-menu__image-grid {
      padding: 28px 14px;
      column-gap: 0.5rem;
      row-gap: 1rem;
    }
  }

  @media (max-width: 1600px) and (max-height: 760px) {
    .mega-menu__wrapper {
      grid-template-columns: 0.9fr 1.2fr 0.9fr; /* Middle column wider */
    }
    .mega-menu__image-grid {
      padding: 24px 12px;
      column-gap: 0.4rem;
      row-gap: 1rem;
    }
  }
  
  .mega-menu__image-item {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
  }
  
  .mega-menu__image-link {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    text-decoration: none;
    color: inherit;
    height: 100%;
    flex: 1 1 0;
    min-height: 0;
  }
  
  .mega-menu__image-title {
    font-size: var(--font-size-elements);
    font-family: var(--font-gaisyr-mono);
    margin: 0;
    color: var(--color-primary);
    text-align: center;
    line-height: var(--line-height-140);
    text-transform: uppercase;
    transition: text-decoration 0.3s ease;
    flex-shrink: 0;
  }
  
  .mega-menu__image-item:hover .mega-menu__image-title,
  .mega-menu__image-link:hover .mega-menu__image-title {
    text-decoration: underline;
    text-underline-offset: 0.2rem;
  }
  
  .mega-menu__image-wrapper {
    overflow: hidden;
    width: 100%;
    aspect-ratio: 4 / 5;
    flex: 1 1 0;
    min-height: 0;
  }

  .mega-menu__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  
  /* ===============================================
     OVERLAY IMAGES
     =============================================== */
  
  .mega-menu__overlay-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  
  .mega-menu__overlay-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
  }
  
  .mega-menu__overlay-image.active {
    opacity: 1;
  }
  
  .mega-menu__overlay-image.fade-out {
    animation: fadeOut 0.9s ease-in-out forwards;
  }
  
  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  
  @keyframes fadeOut {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  
  .mega-menu__overlay-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  
  /* ========================================
     MEGAMENU ACTIVE STATE STYLING
     ======================================== */
  
  /* Header elements turn white when megamenu is active */
  body.mega-menu-open {
    /* Logo styling */
    .header__heading .header__heading-logo {
      filter: brightness(0) invert(1);
    }
  
    /* Menu items */
    .header__inline-menu .header__menu-item,
    .header__inline-menu .header__menu-item span,
    .header__inline-menu .header__active-menu-item {
      color: #fff !important;
    }
  
    /* B66 icon states */
    .header__b66-icon--default,
    .header__b66-icon--hover {
      display: none;
    }
  
    .header__b66-icon--megamenu {
      display: block;
    }
  
    /* Logo switching (only for templates with megamenu logo) */
    .header__logo--has-megamenu > *:not(.header__logo--megamenu) {
      display: none;
    }
  
    .header__logo--megamenu {
      display: block;
    }
  
    /* Header icons */
    .header__icons svg,
    .header__icons svg path,
    .header__icons svg circle,
    .header__icons svg rect {
      stroke: #fff !important;
    }
  
    /* Cart count bubble */
    .cart-count-bubble {
      background-color: #fff !important;
      color: var(--color-primary) !important;
    }
  }
  
  /* B66 Icon Positioning */
  .header__b66-icon--default {
    position: relative;
    width: 50px;
    height: 48px;
  }
  
  .header__b66-icon--hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 48px;
  }
  
  .header__b66-icon--megamenu {
    position: relative;
    width: 50px;
    height: 48px;
    display: none;
  }

  .header__b66-icon--megamenu a,
  .header__b66-icon--megamenu a img {
    display: block;
    width: 100%;
    height: 100%;
  }
  
  /* Logo megamenu state */
  .header__logo--megamenu {
    display: none;
  }