/** Shopify CDN: Minification failed

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

**/
/* ============================================================
   GLOBAL HEADER WRAPPER + PADDING FIXES
   ============================================================ */
.header-wrapper,
.section-header {
  padding: 0 !important;
  margin: 0 auto !important;
  width: 100% !important;
}

/* Non-homepage = black header */
body:not(.template-index) .header-wrapper {
  background: #000 !important;
}

/* Homepage = transparent until scroll */
body.template-index .header-wrapper {
  background: transparent !important;
}


/* ============================================================
   DROPDOWN CARET FIX (Single Clean Version)
   ============================================================ */
.header__menu-item .icon-caret,
.list-menu--inline .icon-caret,
summary.list-menu__item .icon-caret {
  margin-left: 10px !important;
  position: relative !important;
  top: 2px !important;
  transform: translateX(0) !important;
}


/* ============================================================
   TRANSPARENT HEADER SYSTEM (Homepage Only)
   ============================================================ */
body.gradient .header-wrapper,
body.gradient .section-header,
body.gradient .shopify-section-group-header-group,
body.gradient .section-header.shopify-section {
  background: transparent !important;
  box-shadow: none !important;
  --color-background: 0 0 0 !important;
  --alpha-background: 0 !important;
  --gradient-background: none !important;
}

/* Homepage → black when scrolling */
body.gradient.header-is-scrolled .header-wrapper,
body.gradient.header-is-scrolled .section-header {
  background: rgba(0, 0, 0, 0.92) !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}


/* ============================================================
   REMOVE WHITE SECTION BACKGROUND ON HOMEPAGE
   ============================================================ */
body.gradient main .section,
body.gradient main .shopify-section,
body.gradient .color-scheme,
body.gradient .shopify-section:first-of-type {
  background: transparent !important;
}

/* Logo size */
.header__heading-logo-wrapper img {
  max-height: 48px !important;
}


/* ============================================================
   MOBILE DRAWER FIX — CENTER + FULL WIDTH
   ============================================================ */
@media (max-width: 989px) {
  header-drawer.mobile-menu .menu-drawer {
    position: fixed !important;
    top: 64px !important;
    left: 0 !important;
    width: 100% !important;
    height: calc(100vh - 64px) !important;
    background: #000 !important;
    transform: translateY(-100%) !important;
    transition: transform 0.28s ease-out !important;
    z-index: 99999 !important;
  }

  header-drawer.mobile-menu[open] .menu-drawer {
    transform: translateY(0) !important;
  }
}


/* ============================================================
   FULL-WIDTH ANNOUNCEMENT BAR (Clean Version)
   ============================================================ */
.announcement-bar,
.utility-bar,
.utility-bar__grid,
.announcement-bar-section,
#shopify-section-sections--255456088883638__announcement-bar {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.announcement-bar__message {
  width: 100% !important;
  text-align: center !important;
  display: flex !important;
  justify-content: center !important;
}


/* ============================================================
   HERO IMAGE FIX — REMOVE COLOR SCHEME OVERRIDES
   ============================================================ */
.strapt-hero-section,
.strapt-hero-section *[class*="color-scheme"] {
  background: transparent !important;
  background-image: none !important;
  --color-background: transparent !important;
  --alpha-background: 0 !important;
  --gradient-background: none !important;
}


/* ============================================================
   HERO BACKGROUND IMAGE
   ============================================================ */
.strapt-hero {
  position: relative;
  height: 70vh;
  max-height: 700px;
  width: 100%;
  overflow: hidden;
}

.strapt-hero__bg {
  position: absolute;
  inset: 0;
  background-size: cover !important;
  background-position: center !important;
  z-index: 1;
}

.strapt-hero__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.25);
  z-index: 2;
}

.strapt-hero__content {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
}

.strapt-hero__content h1 {
  color: #fff;
  font-size: 3rem;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
}


/* ============================================================
   CART ICON FIX (consistent sizing)
   ============================================================ */
.header__icon--cart svg {
  width: 28px !important;
  height: 28px !important;
}

.header__icon--cart svg path,
.header__icon--cart svg circle,
.header__icon--cart svg rect {
  transform: scale(1.15) !important;
  transform-origin: center center !important;
}


/* ============================================================
   MINOR UTILITIES
   ============================================================ */
.strapt-flip-section {
  padding-top: 0.5rem !important;
}
/* ============================================
   STRAPT — LOGO CENTERED ABOVE MENU (DESKTOP)
   ============================================ */
@media screen and (min-width: 990px) {

  /* Turn header into 2-row layout */
  .header {
    display: grid !important;
    grid-template-columns: 1fr 1fr; /* menu left, icons right */
    grid-template-rows: auto auto;   /* row 1 = logo, row 2 = menu + icons */
    align-items: center !important;
    width: 100% !important;
    max-width: 1300px !important;
    margin: 0 auto !important;
    column-gap: 2rem;
  }

  /* LOGO centered on row 1 */
  .header__heading {
    grid-column: 1 / 3 !important; 
    grid-row: 1 !important;
    justify-self: center !important;
    text-align: center !important;
    margin-bottom: 8px !important;
  }

  /* MENU centered on row 2 */
  .header__inline-menu {
    grid-column: 1 !important;
    grid-row: 2 !important;
    justify-self: center !important;
  }

  /* ICONS right on row 2 */
  .header__icons {
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-self: end !important;
    display: flex !important;
    align-items: center !important;
    gap: 1rem;
  }
}
/* ============================================
   STRAPT — CENTER HEADER BLOCK ON DESKTOP
   ============================================ */
@media (min-width: 990px) {
  .section-header .header {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-inline: 3rem;
  }
}
/* ============================================================
   STRAPT — TRUE CENTERED HEADER (LOGO ABOVE, MENU CENTER, ICONS RIGHT)
   ============================================================ */
@media (min-width: 990px) {

  /* Center the header on the page */
  .section-header .header {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important; /* equal columns */
    grid-template-rows: auto auto !important;  /* logo row, menu row */
    max-width: 1300px !important;
    width: 100% !important;
    margin: 0 auto !important;
    align-items: center !important;
    justify-items: center !important; /* centers content inside cells */
  }

  /* LOGO — centered, spanning both columns */
  .header__heading {
    grid-column: 1 / 3 !important;
    grid-row: 1 !important;
    justify-self: center !important;
    text-align: center !important;
  }

  /* MENU — perfectly centered in the second row */
  .header__inline-menu {
    grid-column: 1 / 3 !important; /* span both columns */
    grid-row: 2 !important;
    justify-self: center !important; /* hard center */
    text-align: center !important;
  }

  /* ICONS — move back to the right without affecting centering */
  .header__icons {
    grid-column: 2 !important; /* right column */
    grid-row: 2 !important;
    justify-self: end !important; /* right align inside column */
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
  }
}
/* ============================================================
   STRAPT — LOGO LEFT • MENU CENTER • ICONS RIGHT (DESKTOP)
   ============================================================ */
@media (min-width: 990px) {

  /* Header container stays centered on page */
  .section-header .header {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important; 
    /* left = logo, center = menu (auto width), right = icons */
    align-items: center !important;
    max-width: 1300px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding-inline: 2rem !important;
  }

  /* LOGO — left column */
  .header__heading {
    grid-column: 1 !important;
    justify-self: start !important;
    text-align: left !important;
  }

  /* MENU — center column */
  .header__inline-menu {
    grid-column: 2 !important;
    justify-self: center !important;
    text-align: center !important;
  }

  /* ICONS — right column */
  .header__icons {
    grid-column: 3 !important;
    justify-self: end !important;
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
  }
}
/* ============================================================
   STRAPT — SINGLE-ROW HEADER: LOGO LEFT, MENU CENTER, ICONS RIGHT
   ============================================================ */
@media (min-width: 990px) {

  /* Main header row layout */
  .section-header .header {
    display: grid !important;
    grid-template-columns: auto 1fr auto !important; /* logo | menu | icons */
    grid-template-rows: auto !important; /* ONE ROW ONLY */
    align-items: center !important;
    max-width: 1300px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding-inline: 2rem !important;
  }

  /* LOGO — left and vertically aligned */
  .header__heading {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    align-self: center !important;
    margin: 0 !important;
  }

  /* MENU — centered and on same row */
  .header__inline-menu {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: center !important;
    align-self: center !important;
  }

  /* ICONS — right and aligned with everything */
  .header__icons {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: center !important;
    display: flex !important;
    gap: 1rem !important;
  }
}
/* ============================================================
   STRAPT — REDUCE HEADER HEIGHT (DESKTOP)
   ============================================================ */
@media (min-width: 990px) {

  /* Reduce top/bottom padding of the header row */
  .section-header .header {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  /* Reduce spacing around the logo */
  .header__heading {
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Reduce menu vertical spacing */
  .header__inline-menu {
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Reduce icon vertical padding */
  .header__icons {
    padding: 0 !important;
    margin: 0 !important;
  }
}

/* ============================================================
   STRAPT — REDUCE LOGO SIZE (PROPORTIONAL RESIZE)
   ============================================================ */
/* STRAPT — logo size & sharpness */
.header__heading-logo-wrapper img {
  max-height: 48px !important;      /* slightly larger = more detail */
  height: auto !important;
  width: auto !important;
  image-rendering: auto;
}

/* ============================================================
   STRAPT — RESTORE MOBILE MENU BUTTON
   ============================================================ */
@media (max-width: 989px) {

  /* show the mobile menu button */
  header-drawer.mobile-menu,
  header-drawer.mobile-menu .menu-toggle {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* ensure desktop menu stays hidden */
  .header__inline-menu {
    display: none !important;
  }
}
/* =========================================
   STRAPT — REMOVE DOTS BETWEEN MENU ITEMS
   ========================================= */
.header__inline-menu .list-menu,
.header__inline-menu ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.header__inline-menu .list-menu__item,
.header__inline-menu li {
  position: relative;
}

/* Kill any bullets / separators that might be injected */
.header__inline-menu li::before,
.header__inline-menu li::after {
  content: none !important;
}
/* =========================================
   STRAPT — MOBILE HEADER TIGHTEN & ALIGN
   ========================================= */
@media (max-width: 989px) {

  /* Make header a simple flex row */
  .section-header .header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-inline: 1.25rem !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  /* Left: mobile menu button */
  .ride-mobile-nav {
    order: 1;
  }

  /* Center: logo */
  .header__heading {
    order: 2;
    flex: 1;
    display: flex;
    justify-content: center;
  }

  /* Right: icons */
  .header__icons {
    order: 3;
  }
  /* FORCE HIGH-RES LOGO RENDERING */
.header__heading-logo {
  image-rendering: -webkit-optimize-contrast !important;
  image-rendering: crisp-edges !important;
}

.header__heading-logo-wrapper img {
  width: auto !important;
  height: auto !important;
  max-height: 55px !important; /* adjust size as needed */
}
/* ============================================================
   MOBILE HEADER — ABSOLUTE CENTERED LOGO
   ============================================================ */
@media (max-width: 989px) {

  /* Header becomes a simple flex row, but logo is absolutely centered */
  .section-header .header {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 10px 1rem !important;
    width: 100% !important;
  }

  /* Left: burger */
  .ride-mobile-nav {
    order: 1 !important;
    flex: 0 0 auto !important;
    z-index: 4 !important;
  }

  /* Center: logo (hard-centered, independent of burger & icons) */
  .header__heading {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: auto !important;
  }

  /* Slightly larger, cleaner logo on mobile */
  .header__heading-logo-wrapper img {
    max-height: 44px !important;
    height: auto !important;
    width: auto !important;
  }

  /* Right: icons */
  .header__icons {
    order: 3 !important;
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0.75rem !important;
    z-index: 4 !important;
  }

  /* Hide desktop menu on mobile */
  .header__inline-menu {
    display: none !important;
  }
}
/* Remove top spacing ONLY for Strapt Static Cards section */
.shopify-section:has(.strapt-static-section) {
  margin-top: 0 !important;
  padding-top: 0 !important;

  --spacing-section: 0 !important;
  --spacing-sections-desktop: 0 !important;
  --spacing-sections-mobile: 0 !important;
}

.shopify-section:has(.strapt-static-section) .section {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* FORCE REMOVE THEME SPACING ABOVE THIS SECTION */
#shopify-section-template--25567930188094__custom_liquid_cpEdjV {
  margin-top: 0 !important;
  padding-top: 0 !important;
}