/** Shopify CDN: Minification failed

Line 11:14 Expected ")" to end URL token
Line 29:0 Unexpected "}"
Line 155:0 Unexpected "}"
Line 219:0 Unexpected "{"

**/
@font-face {
  font-family: 'Bebas Neue';
  src: url({{ 'BebasNeue-Regular.woff2' | asset_url }}) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* Fast Factory brand tokens */
:root{
  --ff-black:#0A0A0A;
  --ff-off:#F1F1F1;
  --ff-red:#E01932;
  --ff-sand:#C3A574;
  --ff-baja:#1F4D8F;
}
body{background:var(--ff-black);color:var(--ff-off)}
.button{background:var(--ff-red);color:white;border:none;padding:.8rem 1.1rem;border-radius:.4rem;cursor:pointer}
.button--secondary{background:transparent;border:1px solid rgba(255,255,255,.4)}
.section-header h2{font-size:clamp(22px,3vw,28px);margin:10px 0 18px 0}
/* --- Fast Factory: Image Banner heading style --- */
}


/* Hero heading is slightly larger */
.ff-heading {
  font-size: clamp(52px, 9vw, 110px) !important;
}

/* Banner heading slightly smaller */
.banner__heading {
  font-size: clamp(48px, 8vw, 96px) !important;
}
/* ===== Fast Factory Header — New Amsterdam + Concrete Texture ===== */

/* Base header look */
.header-wrapper, header.header {
  position: relative;
  background: #0A0A0A;                /* safety fallback in case image fails */
  color: #F1F1F1;
  border-bottom: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 6px 20px rgba(0,0,0,.25);
  z-index: 50;
}

/* Background image + dark overlay */
.header-wrapper {
  background-image: url(https://admin.shopify.com/store/6kpxqh-ym/content/files/38588640395513?selectedView=all));
  background-position: center;
  background-size: cover;             /* use cover for a full bleed look */
  background-repeat: no-repeat;
  isolation: isolate;                  /* ensure ::before overlay sits above bg */
}
.header-wrapper::before {
  content: "";
  position: absolute; inset: 0;
  background: radial-gradient(120% 120% at 50% 0%, rgba(0,0,0,.65) 0%, rgba(0,0,0,.35) 40%, rgba(0,0,0,.6) 100%);
  pointer-events: none;
  z-index: -1;
}

/* New Amsterdam on logo + menu items */
.header__heading, .header__heading-link,
.header__menu-item, .list-menu__item {
  font-family: "New Amsterdam", sans-serif !important;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #F1F1F1;
}

/* Speed-stripe hover */
.list-menu__item, .header__menu-item { position: relative; text-decoration: none; }
.list-menu__item::after, .header__menu-item::after {
  content: "";
  position: absolute; left: 0; bottom: -6px; height: 2px; width: 100%;
  background: #E01932;               /* Fast Factory red */
  transform: scaleX(0); transform-origin: left; transition: transform .18s ease;
}
.list-menu__item:hover::after, .header__menu-item:hover::after { transform: scaleX(1); }

/* Icon color/size for consistency */
.header__icon, .header__icon svg { color: #F1F1F1; }
.header__icon svg { width: 22px; height: 22px; }

/* Sticky state: add a subtle glass effect when it pins */
.header-wrapper--sticky, .shopify-section-header-sticky .header-wrapper {
  background-color: rgba(10,10,10,.25);
  backdrop-filter: blur(6px) saturate(120%);
  border-bottom-color: rgba(255,255,255,.12);
}

/* Mobile drawer in brand colors */
.menu-drawer, .menu-drawer__inner { background:#0A0A0A; color:#F1F1F1; }
.menu-drawer__menu-item { color:#F1F1F1; }

/* Optional: slightly taller header for a premium feel */
@media (min-width: 990px){
  .header { min-height: 76px; }
}
/* ===== Fast Factory Header Background ===== */
.shopify-section.header-section .header-wrapper {
  background-image: url(https://admin.shopify.com/store/6kpxqh-ym/content/files/38588640395513?selectedView=all) !important;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  position: relative;
}

/* dark overlay so text is readable */
.shopify-section.header-section .header-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    120% 120% at 50% 0%,
    rgba(0,0,0,.65) 0%,
    rgba(0,0,0,.35) 40%,
    rgba(0,0,0,.6) 100%
  );
  pointer-events: none;
  z-index: 0;
}
/* ===== Fast Factory Header Font ===== */
.header__heading,
.header__heading .header__heading-link,
.header__heading a,
.header__heading h1,
.header__heading h2 {
  font-family: "New Amsterdam", sans-serif !important;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #F1F1F1 !important;
  position: relative;
  z-index: 1; /* keep above overlay */
}
/* Placard style for each word in Hero and Banner headings */
.ff-heading span,
.banner__heading span {
  display: inline-block;
  background: rgba(0,0,0,0.25);       /* black background */
  padding: 6px 10px;
  margin: 4px;
  border-radius: 4px;                 /* optional rounded corners */
  line-height: 1.2;
}
}
/* === Final override: solid white text for word placards === */
.ff-heading .ff-word,
.banner__heading .ff-word {
  display: inline-block !important;
  background: rgba(0,0,0,0.55) !important;
  padding: 6px 10px !important;
  margin: 4px 6px 4px 0 !important;
  border: none !important;
  border-radius: 4px !important;
  line-height: 1.15 !important;

  /* Force text to be solid white */
  color: #ffffff !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: #ffffff !important;
}
/* — Final override: placards use Bebas Neue, solid white text, no border — */
.shopify-section .ff-heading .ff-word,
.shopify-section .banner__heading .ff-word {
  font-family: 'Bebas Neue', sans-serif !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;

  display: inline-block !important;
  background: rgba(0,0,0,0.55) !important;
  padding: 6px 10px !important;
  margin: 4px 6px 4px 0 !important;
  border: none !important;
  border-radius: 4px !important;
  line-height: 1.15 !important;

  /* kill any leftover chrome effect */
  background-image: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
/* Force Bebas Neue on banner heading words */
.banner__heading span,
.ff-heading span {
  font-family: 'Bebas Neue', sans-serif !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;

  display: inline-block;
  background: rgba(0,0,0,0.60);
  padding: 6px 10px;
  margin: 4px 6px 4px 0;
  border: none;
  border-radius: 4px;
  line-height: 1.15;
  color: #fff;
  -webkit-text-fill-color: #fff;
}
/* === Fast Factory Buttons === */
.button,
.shopify-payment-button__button,
.shopify-challenge__button,
input[type="submit"],
{
  background-color: #e60000 !important;   /* race red */
  color: #ffffff !important;              /* white text */
  border: none !important;
  border-radius: 4px !important;          /* or 0 for square race look */
  padding: 12px 28px !important;
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 1.1rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  transition: background-color 0.2s ease, transform 0.2s ease;
  cursor: pointer;
}

/* Hover / focus effect */
.button:hover,
.shopify-payment-button__button:hover,
input[type="submit"]:hover,
button:hover {
  background-color: #b80000 !important;   /* darker red */
  transform: translateY(-2px);
}

/* Disabled state */
.button:disabled,
.shopify-payment-button__button:disabled {
  background-color: #666 !important;
  cursor: not-allowed;
}
/* Keep header slim */
.header-wrapper {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  min-height: auto !important;   /* don't force extra height */
}
/* Social buttons on hero – small with icons */
.ff-social-btns{
  display:flex; gap:12px; flex-wrap:wrap;
  margin-top:12px; position:relative; z-index:2;
  justify-content:center; /* center under the text; change to flex-start to left-align */
}
.ff-social-btns .ff-btn{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 12px; border-radius:4px; line-height:1;
  font-family:'Bebas Neue', sans-serif; text-transform:uppercase; letter-spacing:.05em;
  font-size:14px; color:#fff; text-decoration:none;
  transition:transform .2s ease, filter .2s ease;
}
.ff-social-btns .ff-btn svg{ width:16px; height:16px }  /* <- SMALL ICONS */
.ff-social-btns .ff-btn:hover{ transform:translateY(-1px); filter:brightness(1.1) }

/* Platform colors */
.ff-social-btns .ff-btn.insta{ background:#E1306C }
.ff-social-btns .ff-btn.yt{ background:#FF0000 }
.ff-social-btns .ff-btn.tt{ background:#000000 }

/* Optional: tighter on phones */
@media (max-width: 480px){
  .ff-social-btns .ff-btn{ padding:7px 10px; font-size:13px }
  .ff-social-btns .ff-btn svg{ width:14px; height:14px }
}/* Style Add to Cart button only */
.product-form__submit,
.shopify-payment-button .shopify-payment-button__button--unbranded {
  background-color: #ff1a1a !important;   /* Change this hex to your race red, silver, black, etc. */
  color: #fff !important;
  border: none !important;
  text-transform: uppercase;
  font-weight: 600;
  transition: background .2s ease-in-out;
}

.product-form__submit:hover,
.shopify-payment-button .shopify-payment-button__button--unbranded:hover {
  background-color: #cc1515 !important;  /* Slightly darker on hover */
}/* Use Bebas on headings/hero text */
.banner__heading span,
.ff-heading span,
h1, h2, h3, .h0, .h1, .h2 {
  font-family:'Bebas Neue', sans-serif !important;
  font-weight:400 !important;
  letter-spacing:.05em;
}/* Hero Banner Heading Font */
.banner__heading,
.banner__heading span,
.inline-richtext {
  font-family: 'Bebas Neue', sans-serif !important;
  letter-spacing: 1px;
  text-transform: uppercase;
}/* === Fast Factory: fonts override === */
:root{
  --font-heading-family: 'Bebas Neue', sans-serif;
  --font-body-family: 'New Amsterdam', sans-serif;
}

/* Make sure key places use those variables */
h1, h2, h3, .h0, .h1, .h2,
.banner__heading,
.banner__heading.inline-richtext,
.product__title, .product__title h1,
.card__heading, .card__heading a {
  font-family: var(--font-heading-family) !important;
  font-weight: 400 !important;
  letter-spacing: .04em;
  text-transform: uppercase;
}

body, p, a, li, label, .footer, .header__menu-item, .header__heading-link {
  font-family: var(--font-body-family) !important;
}