/** Shopify CDN: Minification failed

Line 145:4 Unexpected "{"
Line 145:5 Expected identifier but found "%"
Line 145:82 Expected identifier but found "%"
Line 148:4 Unexpected "{"
Line 148:5 Expected identifier but found "%"
Line 148:69 Expected identifier but found "%"
Line 152:4 Unexpected "{"
Line 152:5 Expected identifier but found "%"
Line 152:64 Expected identifier but found "%"
Line 157:2 Unexpected "{"
... and 2 more hidden warnings

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:cs-mobile-bottom-nav (INDEX:3) */
.mobile-bottom-nav {
  width: 240px;
  height: 360px;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(12px) saturate(180%);
  -webkit-backdrop-filter: blur(12px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, 0.25);
  box-shadow:
    0 4px 12px rgba(0, 0, 0, 0.1),
    0 8px 32px rgba(31, 38, 135, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
  position: relative;
  overflow: hidden;
  margin-bottom: 1rem;
}

/* Subtle shine across the top edge */
.mobile-bottom-nav::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0),
    rgba(255, 255, 255, 0.6),
    rgba(255, 255, 255, 0)
  );
}

/* Soft highlight on the left edge */
.mobile-bottom-nav::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.5),
    rgba(255, 255, 255, 0.1)
  );
}

/* Optional: subtle grain for realism */
.mobile-bottom-nav::after {
  background-image: 
  linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.2),
    rgba(255, 255, 255, 0)
  ),
  url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjAnIGhlaWdodD0nMjAnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PGNpcmNsZSBjeD0nNCcgY3k9JzEnIHI9JzAuMicgZmlsbD0nIzAwMCcgLz48Y2lyY2xlIGN4PScxNScgY3k9JzgnIHI9JzAuMycgZmlsbD0nIzAwMCcgLz48Y2lyY2xlIGN4PSc4JyBjeT0nMTUnIHI9JzAuMicgZmlsbD0nIzAwMCcgLz48Y2lyY2xlIGN4PScxMycgY3k9JzEzJyByPScwLjEnIGZpbGw9JyMwMDAwMDAwJyAvPjwvc3ZnPg==");
background-repeat: repeat;
background-size: auto;

}

  .mobile-bottom-nav {
    display: none;
  }

  @media (max-width: 768px) {
    .mobile-bottom-nav {
      display: flex;
      justify-content: space-around;
      align-items: center;
      position: fixed;
      width: 95%;
      height: 60px;
      bottom: 0;
      z-index: 1000;
    }

    .mobile-bottom-nav a {
      text-align: center;
      font-size: 1rem;
      text-decoration: none;
      padding: 0.5rem;
    }

    .mobile-bottom-nav a.uppercase {
      text-transform: uppercase;
    }

    .mobile-bottom-nav button {
      text-align: center;
      font-size: 1rem;
      text-decoration: none;
      padding: 0.5rem;
    }

    .mobile-bottom-nav button.uppercase {
      text-transform: uppercase;
    }

    .mobile-bottom-nav a,
    .mobile-bottom-nav button {
      transition: color 0.3s ease;
    }

    /* Text color classes for dynamic switching */
    .mobile-bottom-nav.light-bg a,
    .mobile-bottom-nav.light-bg button {
      color: #333333 !important;
    }

    .mobile-bottom-nav.dark-bg a,
    .mobile-bottom-nav.dark-bg button {
      color: #ffffff !important;
    }
  }
/* END_SECTION:cs-mobile-bottom-nav */

/* START_SECTION:header (INDEX:29) */
shopify-account {
    font-size: inherit;
    --shopify-account-signed-in-avatar-size: 20px;
    --shopify-account-avatar-size: 20px;

    {% comment %} Used when user had a profile picture set in their Shop account {% endcomment %}
    --shop-brand-color: #000000;

    {% comment %} Used when logged in user has no img profile photo {% endcomment %}
    --shopify-account-signed-in-avatar-color-background: var(--text);
    --shopify-account-signed-in-avatar-color-text: var(--bg);

    {% comment %} Heading is just a bold instance of body font {% endcomment %}
    --shopify-account-font-heading: var(--FONT-STACK-HEADING);
    --shopify-account-font-body: var(--FONT-STACK-BODY);
  }

  {% comment %} Reset header account button styles {% endcomment %}
  shopify-account::part(signed-out-avatar) {
    min-width: auto;
    min-height: auto;
    font-size: inherit;
  }
/* END_SECTION:header */