/** Shopify CDN: Minification failed

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

**/
/* ==============================================
   BAKERX PERFORMANCE PARTS — THEME OVERRIDE CSS
   Applied on top of Dawn via theme.liquid
   ============================================== */

/* -----------------------------------------------
   DESIGN TOKENS — Override Dawn's CSS variables
   Dawn uses RGB triplets for color channel mixing
----------------------------------------------- */
:root {
  /* BakerX color palette */
  --bx-black:         #000000;
  --bx-surface:       #1A1A1A;
  --bx-elevated:      #242424;
  --bx-deep:          #0D0D0D;
  --bx-red:           #E60000;
  --bx-red-dim:       rgba(230, 0, 0, 0.12);
  --bx-red-glow:      rgba(230, 0, 0, 0.08);
  --bx-border:        #333333;
  --bx-border-dim:    #1F1F1F;
  --bx-text:          #FFFFFF;
  --bx-text-muted:    #999999;
  --bx-text-dim:      #555555;
  --bx-steel-hi:      #E8EBEE;
  --bx-steel-mid:     #C8CDD3;
  --bx-steel-lo:      #6A7078;

  /* Typography */
  --bx-font-display:  'Oswald', sans-serif;
  --bx-font-mono:     'DM Mono', monospace;

  /* Spacing */
  --bx-section-pad:   clamp(4rem, 8vw, 8rem);
  --bx-max-width:     1280px;

  /* Easing */
  --bx-ease-out:      cubic-bezier(0.16, 1, 0.3, 1);

  /* Dawn color variable overrides (RGB triplets) */
  --color-background:       0 0 0;
  --color-foreground:       255 255 255;
  --color-base-background-1: 0 0 0;
  --color-base-background-2: 26 26 26;
  --color-base-solid-button-labels: 255 255 255;
  --color-base-outline-button-labels: 255 255 255;
  --color-base-accent-1:    230 0 0;
  --color-base-accent-2:    230 0 0;
  --color-base-text:        255 255 255;
  --color-base-border:      51 51 51;

  /* Dawn font variable overrides */
  --font-heading-family:    'Oswald', sans-serif;
  --font-heading-style:     normal;
  --font-heading-weight:    700;
  --font-body-family:       'DM Mono', monospace;
  --font-body-style:        normal;
  --font-body-weight:       400;
}

/* -----------------------------------------------
   GLOBAL RESETS — Force industrial flat aesthetic
----------------------------------------------- */
*,
*::before,
*::after {
  border-radius: 0 !important;
}

body {
  background-color: var(--bx-black);
  color: var(--bx-text);
  font-family: var(--bx-font-mono);
}

/* -----------------------------------------------
   DAWN GLOBAL OVERRIDES
----------------------------------------------- */
.shopify-section {
  background-color: var(--bx-black);
}

/* Buttons */
.button,
.btn,
button[type="submit"],
.product-form__submit {
  border-radius: 0 !important;
  font-family: var(--bx-font-display) !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
}

.button--primary,
.product-form__submit {
  background-color: var(--bx-red) !important;
  color: #fff !important;
  border-color: var(--bx-red) !important;
}

.button--primary:hover,
.product-form__submit:hover {
  background-color: #C00000 !important;
  border-color: #C00000 !important;
}

/* Inputs */
input,
select,
textarea {
  background-color: var(--bx-elevated) !important;
  border-color: var(--bx-border) !important;
  color: var(--bx-text) !important;
  font-family: var(--bx-font-mono) !important;
  border-radius: 0 !important;
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--bx-red) !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--bx-font-display);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

/* Links */
a {
  color: var(--bx-text);
}

a:hover {
  color: var(--bx-red);
}

/* -----------------------------------------------
   BAKERX LOGO — SVG CROP
   SVG canvas 6144×4096; logo region viewBox 1710 1630 2680 870
   Aspect ratio: 2680/870 = 3.08:1
----------------------------------------------- */
.bx-logo {
  display: inline-block;
  line-height: 1;
  /* no background — SVG card already has #000 fill */
}

.bx-logo__svg {
  display: block;
  /* Height drives the logo size; width scales proportionally */
  height: clamp(36px, 4vw, 52px);
  width: auto;
}

/* -----------------------------------------------
   HEADER OVERRIDES
   Force dark header across ALL Dawn color schemes
----------------------------------------------- */
.header,
.header-wrapper,
.shopify-section-group-header-group,
.shopify-section-group-header-group > *,
[class*="color-scheme"] .header {
  background: #000 !important;
  background-color: #000 !important;
  border-bottom: 1px solid #1A1A1A !important;
  transition: background-color 300ms ease, border-color 300ms ease !important;
}

/* Sticky/scroll behaviour: slightly transparent */
.scrolled-past-header .header,
sticky-header .header,
.header--has-sticky .header {
  background: rgba(0, 0, 0, 0.96) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

.header {

.header--scrolled,
.header.scrolled {
  background-color: rgba(0, 0, 0, 0.95) !important;
  border-bottom: 1px solid var(--bx-border) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

.header__heading-link,
.header__menu-item,
.header-drawer__close,
.list-menu__item {
  color: rgba(255, 255, 255, 0.75) !important;
  font-family: var(--bx-font-display) !important;
  font-weight: 600 !important;
  font-size: 0.78rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
}

.header__menu-item:hover,
.list-menu__item:hover {
  color: #fff !important;
}

.header__icon,
.header__icon svg {
  color: rgba(255, 255, 255, 0.8) !important;
}

/* Mobile drawer */
.menu-drawer {
  background-color: #000 !important;
}

.menu-drawer__navigation .list-menu__item {
  font-family: var(--bx-font-display) !important;
  font-size: clamp(1.5rem, 5vw, 2.2rem) !important;
  font-weight: 700 !important;
  color: rgba(255, 255, 255, 0.5) !important;
  text-transform: uppercase !important;
  padding: 0.4rem 0 !important;
}

.menu-drawer__navigation .list-menu__item:hover {
  color: #fff !important;
}

/* -----------------------------------------------
   FOOTER OVERRIDES
----------------------------------------------- */
.bx-footer-brand {
  padding: 3rem 0 2rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-wrap: wrap;
  /* Match SVG card background exactly */
  background: #000;
}
.bx-footer-brand__link {
  text-decoration: none;
  display: inline-block;
  /* Constrain so the SVG doesn't overflow */
  line-height: 0;
}
/* Footer logo slightly smaller than header */
.bx-footer-brand .bx-logo__svg {
  height: clamp(32px, 3.5vw, 44px);
}
.bx-footer-brand__tagline {
  font-family: var(--bx-font-mono);
  font-size: 0.62rem;
  letter-spacing: 0.18em;
  color: var(--bx-text-muted);
  text-transform: uppercase;
  margin: 0;
  border-left: 1px solid var(--bx-border-dim);
  padding-left: 2rem;
}

.footer {
  background-color: var(--bx-black) !important;
  border-top: 2px solid var(--bx-border-dim) !important;
}

.footer__content-top {
  border-bottom: 1px solid var(--bx-border-dim) !important;
}

.footer__menu-item,
.footer a {
  font-family: var(--bx-font-display) !important;
  font-size: 0.85rem !important;
  text-transform: uppercase !important;
  color: rgba(255, 255, 255, 0.45) !important;
  letter-spacing: 0.04em !important;
}

.footer a:hover {
  color: var(--bx-red) !important;
}

.footer__content-bottom {
  border-top: 1px solid var(--bx-border-dim) !important;
  color: var(--bx-text-dim) !important;
  font-family: var(--bx-font-mono) !important;
  font-size: 0.62rem !important;
}

/* -----------------------------------------------
   PRODUCT PAGE (PDP) OVERRIDES
----------------------------------------------- */
.product__title {
  font-family: var(--bx-font-display) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.01em !important;
  line-height: 1 !important;
  color: var(--bx-text) !important;
}

.price,
.price__sale .price-item--sale {
  font-family: var(--bx-font-display) !important;
  font-weight: 600 !important;
  color: var(--bx-red) !important;
  font-size: 2rem !important;
}

.price__regular .price-item--regular {
  font-family: var(--bx-font-display) !important;
  color: var(--bx-red) !important;
}

.product__description {
  font-family: var(--bx-font-mono) !important;
  font-size: 0.85rem !important;
  color: var(--bx-text-muted) !important;
  line-height: 1.8 !important;
}

/* BakerX PDP custom blocks */
.bx-pdp-specs { margin: 1.5rem 0; }
.bx-pdp-specs__heading {
  font-family: var(--bx-font-display) !important;
  font-weight: 600;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--bx-text-dim);
  margin-bottom: 0.8rem;
}

/* Variant pickers */
.variant-picker__option-label,
.product-form__input label {
  font-family: var(--bx-font-mono) !important;
  font-size: 0.68rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  color: var(--bx-text-dim) !important;
}

.swatch-input__input + .swatch-input__label,
.rating input:checked + label {
  border-color: var(--bx-red) !important;
}

/* Product media */
.product__media {
  background-color: #111 !important;
  border: 1px solid var(--bx-border) !important;
}

/* Accordion/tabs */
.accordion__button {
  font-family: var(--bx-font-display) !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  background-color: transparent !important;
  border-top-color: var(--bx-border) !important;
  color: var(--bx-text) !important;
}

.accordion__content {
  font-family: var(--bx-font-mono) !important;
  font-size: 0.82rem !important;
  color: var(--bx-text-muted) !important;
  border-top-color: var(--bx-border) !important;
}

/* -----------------------------------------------
   COLLECTION PAGE OVERRIDES
----------------------------------------------- */
.card__heading {
  font-family: var(--bx-font-display) !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}

.card-wrapper {
  background-color: var(--bx-surface) !important;
  border: 1px solid var(--bx-border) !important;
}

.card__media {
  background-color: #111 !important;
}

/* -----------------------------------------------
   CART OVERRIDES
----------------------------------------------- */
.cart__title {
  font-family: var(--bx-font-display) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

.cart-item__name {
  font-family: var(--bx-font-display) !important;
  text-transform: uppercase !important;
}

.totals__subtotal {
  font-family: var(--bx-font-display) !important;
  text-transform: uppercase !important;
}

/* -----------------------------------------------
   BX SHARED SECTION UTILITIES
   (used across all custom sections)
----------------------------------------------- */
.bx-section-label {
  display: inline-block;
  font-family: var(--bx-font-mono);
  font-size: 0.68rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--bx-red);
  margin-bottom: 1.2rem;
}

.bx-section-title {
  font-family: var(--bx-font-display);
  font-weight: 700;
  font-size: clamp(2.4rem, 5vw, 4.2rem);
  text-transform: uppercase;
  line-height: 0.93;
  letter-spacing: -0.01em;
  color: var(--bx-text);
}

.bx-section-title .accent { color: var(--bx-red); }

.bx-container {
  width: 100%;
  max-width: var(--bx-max-width);
  margin: 0 auto;
  padding: 0 clamp(1.5rem, 4vw, 3rem);
}

.bx-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--bx-font-display);
  font-weight: 600;
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  padding: 14px 28px;
  border: none;
  cursor: pointer;
  transition: all 200ms var(--bx-ease-out);
  white-space: nowrap;
  text-decoration: none;
}

.bx-btn--primary {
  background: var(--bx-red);
  color: #fff;
}

.bx-btn--primary:hover {
  background: #C00000;
  color: #fff;
  transform: translateY(-1px);
}

.bx-btn--ghost {
  background: transparent;
  color: #fff;
  border: 1px solid var(--bx-border);
}

.bx-btn--ghost:hover {
  border-color: #fff;
  background: rgba(255, 255, 255, 0.05);
  color: #fff;
}

.bx-btn--large {
  padding: 18px 40px;
  font-size: 0.9rem;
}

.bx-btn--full {
  width: 100%;
  justify-content: center;
}

/* Scroll reveal */
.bx-reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.7s var(--bx-ease-out), transform 0.7s var(--bx-ease-out);
}

.bx-reveal--left {
  opacity: 0;
  transform: translateX(-28px);
  transition: opacity 0.7s var(--bx-ease-out), transform 0.7s var(--bx-ease-out);
}

.bx-reveal--right {
  opacity: 0;
  transform: translateX(28px);
  transition: opacity 0.7s var(--bx-ease-out), transform 0.7s var(--bx-ease-out);
}

.bx-reveal.is-visible,
.bx-reveal--left.is-visible,
.bx-reveal--right.is-visible {
  opacity: 1;
  transform: translate(0);
}

.bx-reveal-d0 { transition-delay: 0ms; }
.bx-reveal-d1 { transition-delay: 80ms; }
.bx-reveal-d2 { transition-delay: 160ms; }
.bx-reveal-d3 { transition-delay: 240ms; }

/* BakerX Fitment List */
.bx-fitment-list__title {
  font-family: var(--bx-font-mono);
  font-size: 0.62rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--bx-red);
  margin-bottom: 1rem;
  padding-bottom: 0.6rem;
  border-bottom: 1px solid var(--bx-border);
}

.bx-fitment-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-family: var(--bx-font-mono);
  font-size: 0.78rem;
  color: #ccc;
  padding: 0.45rem 0;
}

.bx-fitment-dot {
  width: 6px;
  height: 6px;
  background: var(--bx-red);
  flex-shrink: 0;
}

/* BakerX Spec Table */
.bx-spec-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 2rem;
}

.bx-spec-table tr:hover {
  background: rgba(255, 255, 255, 0.02);
}

.bx-spec-table th {
  font-family: var(--bx-font-mono);
  font-size: 0.65rem;
  letter-spacing: 0.1em;
  color: var(--bx-text-dim);
  text-align: left;
  padding: 9px 0;
  border-bottom: 1px solid var(--bx-border-dim);
  font-weight: 400;
  text-transform: uppercase;
  width: 45%;
}

.bx-spec-table td {
  font-family: var(--bx-font-display);
  font-weight: 500;
  font-size: 0.85rem;
  color: #fff;
  padding: 9px 0;
  border-bottom: 1px solid var(--bx-border-dim);
  text-align: right;
}

/* -----------------------------------------------
   PRODUCT PAGE — BakerX metafield blocks
----------------------------------------------- */
.bx-pdp-specs,
.bx-pdp-fitment {
  margin: 2rem 0;
  padding-top: 1.5rem;
  border-top: 1px solid var(--bx-border);
}