/** Shopify CDN: Minification failed

Line 151:0 Expected "}" to go with "{"

**/
@font-face {
  font-family: 'Akt';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/akt@latest/latin-400-normal.woff2) format('woff2'),
       url(https://cdn.jsdelivr.net/fontsource/fonts/akt@latest/latin-400-normal.woff) format('woff');
}

@font-face {
  font-family: 'Chivo Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url('https://fonts.gstatic.com/s/chivomono/v12/iJWZBXyIfDnIV7nBrXmCeOAam66Z7zAG63AW8ZqEMnV4NoE.woff2') format('woff2');
}

:root {
  --color-primary: #1a1a1a;
  --color-accent: #7c3aed;
  --color-background: #ffffff;
  --font-family: 'Akt', sans-serif;
  --font-accent: 'Akt', sans-serif;

  /* Global Border Tokens */
  --border-color: #a5a5a5;
  --border-width: 0.5px;
  --border-style: solid;
  --border-default: var(--border-width) var(--border-style) var(--border-color);
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* Hide scrollbar across all browsers */
::-webkit-scrollbar {
  display: none;
}

html {
  -webkit-text-size-adjust: 100%;
  height: 100%;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE & Edge */
}

body {
  font-family: var(--font-family);
  color: var(--color-primary);
  background: var(--color-background);
  line-height: 1.5;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

/* Global Section Border Logic */
/* 1. Remove all top borders from section wrappers to prevent double borders. */
main#MainContent > .shopify-section > * {
  border-top: none !important;
  /* 2. Automatically apply a bottom hairline to ALL sections.
     Using a pseudo-element with a REAL border ensures 100% crisp rendering.
     It spans full width and overlaps inner grid borders perfectly. */
  position: relative;
}

main#MainContent > .shopify-section > *::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: var(--border-default);
  pointer-events: none;
  z-index: 10;
}

#shopify-section-footer > * {
  border-top: none !important;
}

main#MainContent > .shopify-section + .shopify-section {
  margin-top: 0 !important;
}


img,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}

a {
  color: var(--color-accent);
}


/* Remove outer left/right borders for full-width sections touching the viewport edge */
body .shopify-section > section,
body .shopify-section > div,
body .shopify-section > header,
body .shopify-section > footer {
    border-left: none !important;
    border-right: none !important;
}

/* Specific main wrappers just in case they aren't direct children of shopify-section */
.product-page,
.related-section,
.brand-story-section,
.collection-list-section,
.community-fits-section,
.complete-the-fit-section,
.newsletter-section,
.footer,
.header-cell--first,
.header-cell--last {
    border-left: none !important;
    border-right: none !important;
}


/* ============================================================
   GLOBAL FIX: Hide extreme left and right hairlines
   Pushes the main content container slightly wider than the viewport
   so that any edge borders fall off-screen.
   ============================================================ */
body {
    overflow-x: hidden !important;
}

main#MainContent, #shopify-section-header, #shopify-section-footer {
    width: calc(100% + 2px) !important;
    margin-left: -1px !important;
    margin-right: -1px !important;