/** Shopify CDN: Minification failed

Line 275:1 Expected "}" to go with "{"

**/
.ts-mobile-bottom-nav {
  display: none;
}

@media screen and (max-width: 749px) {

  :root {
    --ts-mobile-bottom-nav-height: 81px;
  }

  body {
    padding-bottom: calc(
      var(--ts-mobile-bottom-nav-height) + env(safe-area-inset-bottom)
    );
  }

  .ts-mobile-bottom-nav {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;

    z-index: 50;

    display: grid;
    grid-template-columns: repeat(4, 1fr);

    width: 100%;
    height: calc(
      var(--ts-mobile-bottom-nav-height) + env(safe-area-inset-bottom)
    );

    padding: 0 6px env(safe-area-inset-bottom);

    background: #ffffff;

    border-top: 1px solid #ececee;

    box-sizing: border-box;
  }


  /* ---------------------------------
     NAV ITEM
  --------------------------------- */

  .ts-mobile-bottom-nav__item {
    position: relative;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;

    height: 81px;

    padding-top: 18px;

    color: #374a62;

    text-decoration: none;

    box-sizing: border-box;

    -webkit-tap-highlight-color: transparent;
  }

  .ts-mobile-bottom-nav__item,
  .ts-mobile-bottom-nav__item:hover,
  .ts-mobile-bottom-nav__item:focus,
  .ts-mobile-bottom-nav__item:visited {
    color: #374a62;
    text-decoration: none;
  }


  /* ---------------------------------
     ICON
  --------------------------------- */

  .ts-mobile-bottom-nav__icon {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 23px;
    height: 23px;

    flex: 0 0 23px;

    margin-bottom: 5px;
  }

  .ts-mobile-bottom-nav__icon svg {
    display: block;

    width: 22px;
    height: 22px;

    fill: none;

    stroke: currentColor;
    stroke-width: 1.55;
    stroke-linecap: round;
    stroke-linejoin: round;

    overflow: visible;
  }


  /* ---------------------------------
     LABEL
  --------------------------------- */

  .ts-mobile-bottom-nav__label {
    display: block;

    margin: 0;
    padding: 0;

    font-family: inherit;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;

    letter-spacing: 0;

    color: #374a62;

    white-space: nowrap;
  }


  /* ---------------------------------
     CART COUNT
  --------------------------------- */

  .ts-mobile-bottom-nav__cart-count {
    position: absolute;

    top: -6px;
    right: -9px;

    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 16px;
    height: 16px;

    padding: 0 4px;

    background: #051d3b;
    color: #ffffff;

    border: 2px solid #ffffff;
    border-radius: 999px;

    font-family: inherit;
    font-size: 9px;
    font-weight: 600;
    line-height: 1;

    box-sizing: border-box;
  }


  /* ---------------------------------
     ACCESSIBILITY
  --------------------------------- */

  .ts-mobile-bottom-nav__item:focus-visible {
    outline: 2px solid #374a62;
    outline-offset: -4px;
    border-radius: 4px;
  }
}


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

  .ts-mobile-bottom-nav {
    display: none !important;
  }
  
/* =========================================================
   MOBILE BOTTOM NAV — DRAWER HANDLING
   ========================================================= */

@media screen and (max-width: 749px) {

  /* -----------------------------------------
     CART DRAWER
  ----------------------------------------- */

  body:has(cart-drawer.active) .ts-mobile-bottom-nav,
  body:has(.cart-drawer.active) .ts-mobile-bottom-nav,
  body:has(#CartDrawer.active) .ts-mobile-bottom-nav,
  body:has(.drawer.active) .ts-mobile-bottom-nav {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(100%) !important;
  }


  /* -----------------------------------------
     DAWN MOBILE MENU
  ----------------------------------------- */

  body:has(.section-header.menu-open) .ts-mobile-bottom-nav {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(100%) !important;
  }


  /* -----------------------------------------
     FALLBACK:
     Keep login + language selector accessible
  ----------------------------------------- */


  /* Smooth show/hide */
  .ts-mobile-bottom-nav {
    transition:
      transform 0.2s ease,
      opacity 0.15s ease,
      visibility 0.15s ease;
  }

}

/* =========================================================
   MOBILE MENU — MOVE LOGIN / LANGUAGE TO TOP
   ========================================================= */

@media screen and (max-width: 749px) {

  .menu-drawer__navigation-container {
    grid-template-rows: auto 1fr !important;
    align-content: start !important;
  }

  /* Login, language selector, etc. */
  .menu-drawer__utility-links {
    grid-row: 1 !important;
    order: -1;

    padding: 1.8rem 3rem !important;

    border-bottom: 1px solid rgba(var(--color-foreground), 0.12);

    background: rgb(var(--color-background)) !important;
  }

  /* Main menu links come underneath */
  .menu-drawer__navigation {
    grid-row: 2 !important;

    padding-top: 2rem !important;
    padding-bottom: calc(
      3rem + var(--ts-mobile-bottom-nav-height, 81px)
    ) !important;
  }

}