/** Shopify CDN: Minification failed

Line 6:0 Unexpected "`"

**/
```css
/* ========================================
   Desktop Hamburger Menu
   Only visible on desktop (>= 1024px)
   ======================================== */

/* Hide completely on mobile/tablet */
.menu-item-desktop-hamburger {
  display: none !important;
}

/* Overlay & drawer hidden on mobile */
.desktop-hamburger-overlay {
  display: none;
}

@media only screen and (min-width: 1024px) {

  /* Flex on the menu bar so all li children align consistently */
  ul.thb-full-menu {
    display: flex;
  }

  /* Show the menu item on desktop */
  .thb-full-menu > .menu-item-desktop-hamburger {
    display: inline-flex !important;
    position: static;
  }

  /* Make <details> transparent to flex layout so <summary> is the flex child */
  .desktop-hamburger-wrapper {
    display: contents;
  }

  /* Toggle — match .thb-full-menu > li > a box model exactly */
  .desktop-hamburger-toggle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    list-style: none;
    border: 0;
    padding: 0;
    margin: 10px 0;
    color: var(--color-header-links, var(--color-accent));
    font-size: calc(var(--font-navigation-scale, 1) * 15px);
    font-weight: var(--font-body-medium-weight, 500);
  }

  .navigation-uppercase-true .desktop-hamburger-toggle {
    text-transform: uppercase;
  }

  .desktop-hamburger-toggle::-webkit-details-marker {
    display: none;
  }

  .desktop-hamburger-toggle::marker {
    display: none;
    content: '';
  }

  /* Hamburger icon */
  .desktop-hamburger-icon {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    gap: 4px;
  }

  .desktop-hamburger-icon span {
    display: block;
    width: 18px;
    height: 2px;
    background-color: currentColor;
    transition: transform 0.3s ease, opacity 0.3s ease;
  }

  /* Icon animation when open */
  .desktop-hamburger-wrapper[open] .desktop-hamburger-icon span:nth-child(1) {
    transform: translateY(6px) rotate(45deg);
  }

  .desktop-hamburger-wrapper[open] .desktop-hamburger-icon span:nth-child(2) {
    opacity: 0;
  }

  .desktop-hamburger-wrapper[open] .desktop-hamburger-icon span:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg);
  }

  /* Label */
  .desktop-hamburger-label {
    white-space: nowrap;
  }

  /* Transparent header — match menu links color change */
  .header.transparent--true:not(:hover):not(.is-sticky) .desktop-hamburger-toggle {
    color: var(--color-header-transparent-text, #fff);
  }

  /* ---- Overlay ---- */
  .desktop-hamburger-overlay {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 100001;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }

  .desktop-hamburger-overlay.active {
    opacity: 1;
    visibility: visible;
  }

  /* ---- Drawer ---- */
  .desktop-hamburger-drawer.mobile-menu-drawer {
    position: fixed;
    top: 0;
    left: 0;
    width: min(100vw, 560px);
    max-width: 560px;
    height: 100vh;
    z-index: 100002;
    transform: translateX(-100%);
    opacity: 1;
    visibility: hidden;
    will-change: transform;
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0.3s ease;
  }

  @supports (height: 100dvh) {
    .desktop-hamburger-drawer.mobile-menu-drawer {
      height: 100dvh;
    }
  }

  /* Active state — slide in from left */
  .desktop-hamburger-drawer.mobile-menu-drawer.active {
    transform: translateX(0);
    visibility: visible;
  }

  /* Close bar at top of drawer */
  .desktop-hamburger-close-bar {
    display: flex;
    justify-content: flex-end;
    padding: 15px 20px;
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--color-header-bg, var(--bg-body, #fff));
  }

  .desktop-hamburger-close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    cursor: pointer;
    color: var(--color-header-links, var(--color-accent));
    background: none;
    border: none;
    padding: 0;
    transition: opacity 0.2s ease;
  }

  .desktop-hamburger-close:hover {
    opacity: 0.6;
  }

  /* Menu items inside desktop hamburger */
  .desktop-hamburger-drawer .mobile-menu {
    padding: 0;
  }

  .desktop-hamburger-drawer .mobile-menu > li {
    padding: calc(var(--dh-item-spacing, 0px) / 2) 36px;
  }

  .desktop-hamburger-drawer .mobile-menu > li .link-container,
  .desktop-hamburger-drawer .mobile-menu > li .parent-link,
  .desktop-hamburger-drawer .mobile-menu > li .custom-mobile-item--text .title,
  .desktop-hamburger-drawer .mobile-menu > li .link-forward {
    color: inherit;
  }

  .desktop-hamburger-drawer .mobile-menu > li .custom-mobile-item--text .subtitle {
    font-size: 20px;
    color: #666;
    margin-bottom: 0px;
    line-height: 25px;
  }

  .desktop-hamburger-drawer .mobile-menu > li .link-forward svg path {
    stroke: currentColor;
  }

  .desktop-hamburger-drawer .mobile-menu > li .sub-menu {
    color: initial;
  }

  .desktop-hamburger-drawer .mobile-menu > li .sub-menu .link-forward svg path {
    stroke: var(--color-accent);
  }

  .desktop-hamburger-drawer .sub-menu .parent-link-back + li {
    border-top: 1px solid var(--color-border, #e5e5e5);
  }

  .desktop-hamburger-drawer .mobile-menu li .link-container {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
    min-height: 50px;
    font-size: 1.25rem;
  }

  .desktop-hamburger-drawer .mobile-menu li .custom-mobile-item--text {
    flex: 1 1 auto;
    min-width: 0;
    padding-right: 12px;
  }

  .desktop-hamburger-drawer .mobile-menu li .link-forward {
    flex: 0 0 28px;
    width: 28px;
    min-width: 28px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: auto;
  }

  .desktop-hamburger-drawer .mobile-menu li .link-forward svg {
    display: block;
    transform: translateX(4px);
  }

  .desktop-hamburger-drawer .custom-mobile-item--image {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
  }

  .desktop-hamburger-drawer .custom-mobile-item--image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .desktop-hamburger-drawer .mobile-secondary-menu {
    padding: 0 30px;
  }

  .desktop-hamburger-drawer .thb-mobile-menu-footer {
    padding: 20px 30px;
  }

}