/** Shopify CDN: Minification failed

Line 13:0 Unexpected "@import"

**/
Hardbody custom · CSS
Copy

/* ============================================
   HARDBODY CULT SOC. — Custom Brand Styles
   ============================================ */
 
@import url('https://fonts.googleapis.com/css2?family=Russo+One&family=Bebas+Neue&family=Barlow+Condensed:wght@400;600;700&family=Barlow:wght@300;400&display=swap');
 
/* ── Global ── */
:root {
  --color-background: #000000;
  --color-foreground: #ffffff;
  --color-border: #222222;
}
body, main, .shopify-section, .page-width {
  background-color: #000 !important;
  color: #fff !important;
}
 
/* ── Header ── */
header, .header {
  background: rgba(0,0,0,0.95) !important;
  border-bottom: 1px solid #1f1f1f !important;
}
.header__heading-link {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 1.5rem !important;
  letter-spacing: 0.12em !important;
  color: #fff !important;
}
 
/* ── All headings ── */
h1, h2, h3, h4, h5, h6 { color: #fff !important; }
 
/* ── Product page ── */
.product, .product__info-wrapper {
  background: #000 !important;
  color: #fff !important;
}
.product__title, .product__title h1, h1.product__title {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: clamp(2.5rem, 5vw, 4rem) !important;
  letter-spacing: 0.06em !important;
  color: #fff !important;
  line-height: 1 !important;
}
.product .price, .product .price__regular, .product .price__sale {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 2.2rem !important;
  color: #fff !important;
}
.product__description, .product__description p, .product__description li {
  font-family: 'Barlow', sans-serif !important;
  font-size: 0.95rem !important;
  line-height: 1.8 !important;
  color: #999 !important;
}
.rte p, .rte li { color: #999 !important; }
 
/* ── Size buttons ── */
.variant-input label, fieldset label, .variant-picker__option {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  background: transparent !important;
  border: 1px solid #3a3a3a !important;
  color: #fff !important;
  padding: 10px 18px !important;
  font-size: 0.95rem !important;
  transition: all 0.15s !important;
  cursor: pointer !important;
}
.variant-input label:hover, fieldset label:hover, .variant-picker__option:hover {
  border-color: #fff !important; background: #fff !important; color: #000 !important;
}
.variant-input input:checked + label, fieldset input:checked + label, .variant-picker__option--selected {
  background: #fff !important; color: #000 !important; border-color: #fff !important;
}
 
/* ── Add to Cart ── */
.product-form__submit, button[name="add"] {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase !important;
  background: #fff !important;
  color: #000 !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 18px 40px !important;
  transition: background 0.2s, color 0.2s !important;
}
.product-form__submit:hover, button[name="add"]:hover {
  background: #c8001a !important; color: #fff !important;
}
.shopify-payment-button__button--branded { border-radius: 0 !important; }
 
/* ── Quantity ── */
.quantity__input {
  background: #0a0a0a !important; border: 1px solid #333 !important;
  color: #fff !important; border-radius: 0 !important;
}
.quantity__button {
  background: #1a1a1a !important; border: 1px solid #333 !important;
  color: #fff !important; border-radius: 0 !important;
}
.quantity__button:hover { background: #fff !important; color: #000 !important; }
 
/* ── Size chart table ── */
table, thead, tbody, tr, td, th {
  background: #1a1a1a !important; border-color: #333 !important; color: #ccc !important;
}
thead td, thead th { background: #000 !important; color: #fff !important; }
 
/* ── CART PAGE ── */
.cart__items, .cart-items, .cart__footer, [class*="cart-items"] {
  background: #000 !important; color: #fff !important;
}
.cart-item__title, [class*="cart-item__title"] {
  color: #fff !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
}
.cart-item__price, [class*="cart-item__price"] {
  color: #fff !important;
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 1.2rem !important;
}
.totals, .cart__footer-columns, [class*="totals"] {
  color: #fff !important; background: #111 !important;
  border-top: 1px solid #222 !important;
}
.totals__subtotal, .totals__total, [class*="totals__"] {
  color: #ccc !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 0.9rem !important;
  letter-spacing: 0.1em !important;
}
.totals__subtotal-value, .totals__total-value {
  color: #fff !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
}
.cart__tax-note, [class*="tax-note"] {
  color: #555 !important; font-size: 0.75rem !important;
}
 
/* ── Checkout button ── */
.cart__checkout-button, .checkout-button, button.checkout-button,
[name="checkout"], input[name="checkout"] {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.3em !important;
  text-transform: uppercase !important;
  background: #c8001a !important;
  color: #fff !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 18px 40px !important;
  width: 100% !important;
  display: block !important;
  text-align: center !important;
  cursor: pointer !important;
  opacity: 1 !important;
  visibility: visible !important;
  margin-top: 16px !important;
  box-shadow: 0 4px 20px rgba(200,0,26,0.35) !important;
  transition: background 0.2s !important;
}
.cart__checkout-button:hover, .checkout-button:hover, [name="checkout"]:hover {
  background: #fff !important; color: #000 !important;
}
 
/* ── Cart summary box rounded ── */
.cart__footer, .cart__footer-columns,
.cart__footer-columns > div, .cart__footer > div {
  border-radius: 16px !important;
  background: #141414 !important;
  border: 1px solid #2a2a2a !important;
  padding: 20px !important;
}
 
/* ── Discount input ── */
.cart__discount input, input[name="discount"] {
  background: #0a0a0a !important; border: 1px solid #333 !important;
  border-radius: 8px !important; color: #fff !important; padding: 10px 16px !important;
}
.cart__discount button, [class*="discount"] button {
  background: #222 !important; color: #fff !important;
  border: 1px solid #444 !important; border-radius: 8px !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 700 !important; letter-spacing: 0.15em !important;
  text-transform: uppercase !important; padding: 10px 20px !important;
}
.cart__discount button:hover { background: #fff !important; color: #000 !important; }
 
/* ── Ticker ── */
.ticker-track span {
  font-family: 'Russo One', sans-serif !important;
  font-size: 1.1rem !important;
  letter-spacing: 0.15em !important;
}
 
/* ── Home page fonts ── */
.hero-eyebrow { font-size: 1rem !important; letter-spacing: 0.4em !important; }
.hero-title { font-size: clamp(5rem, 14vw, 12rem) !important; }
.hero-sub { font-size: 1.4rem !important; letter-spacing: 0.28em !important; }
.est-text { font-size: 0.9rem !important; letter-spacing: 0.3em !important; }
.section-label { font-size: 0.9rem !important; letter-spacing: 0.4em !important; }
.section-title { font-size: clamp(3rem, 6vw, 5rem) !important; }
.merch-name { font-size: 1.2rem !important; letter-spacing: 0.12em !important; }
.merch-desc { font-size: 0.92rem !important; line-height: 1.7 !important; }
.merch-price { font-size: 1.8rem !important; }
.about-body { font-size: 1.05rem !important; line-height: 1.9 !important; }
 
/* ── Payment banner ── */
.payment-banner {
  justify-content: center !important;
  text-align: center !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  padding: 28px 48px !important;
  display: flex !important;
  align-items: center !important;
  flex-direction: column !important;
}
.payment-label { font-size: 0.95rem !important; letter-spacing: 0.3em !important; color: #888 !important; }
.payment-icons { justify-content: center !important; display: flex !important; flex-wrap: wrap !important; gap: 12px !important; }
.pay-chip { font-size: 0.9rem !important; padding: 8px 20px !important; }
 
/* ── Footer background only — no layout changes ── */
footer, .footer {
  background: #141414 !important;
  border-top: 1px solid #222 !important;
  color: #888 !important;
  font-family: 'Barlow Condensed', sans-serif !important;
}
footer a, .footer a { color: #888 !important; }
footer a:hover, .footer a:hover { color: #fff !important; }
 
/* ── Dividers ── */
hr { border-color: #222 !important; }
 
/* ── Breadcrumbs ── */
.breadcrumbs, [class*="breadcrumb"] {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 0.8rem !important; letter-spacing: 0.15em !important;
  color: #555 !important; text-transform: uppercase !important;
}
.breadcrumbs a, [class*="breadcrumb"] a { color: #555 !important; text-decoration: none !important; }
.breadcrumbs a:hover, [class*="breadcrumb"] a:hover { color: #fff !important; }
 
/* ── Cart drawer ── */
.cart-drawer { background: #0a0a0a !important; color: #fff !important; border-left: 1px solid #222 !important; }
 
/* ── Scrollbar ── */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #000; }
::-webkit-scrollbar-thumb { background: #333; }
::-webkit-scrollbar-thumb:hover { background: #555; }
 
/* ── Selection ── */
::selection { background: #c8001a; color: #fff; }
 
/* ── Footer — targeted fix based on footer.liquid structure ── */
 
/* Center the entire footer grid */
.footer-content {
  justify-items: center !important;
  text-align: center !important;
}
 
/* Center every block inside footer */
.footer-content > * {
  text-align: center !important;
  align-items: center !important;
  justify-content: center !important;
}
 
/* Make single column footer center its item */
.footer-content[style*='--grid-columns: 1'] {
  justify-items: center !important;
}
 
/* Footer images (logo) — bigger and centered */
.footer-content img {
  display: block !important;
  margin: 0 auto !important;
  max-width: 280px !important;
  height: auto !important;
}
 
/* Footer text blocks centered */
.footer-content p,
.footer-content span,
.footer-content h2,
.footer-content h3 {
  text-align: center !important;
  width: 100% !important;
}
 
/* Powered by Shopify centered */
.footer__credits,
.footer-credits,
[class*="powered-by"] {
  text-align: center !important;
  width: 100% !important;
  display: block !important;
}
 
/* ── Footer utilities — force all 3 blocks to center ── */
.utilities {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}
 
.utilities > *,
.utilities--blocks-3 > *:nth-child(1),
.utilities--blocks-3 > *:nth-child(2),
.utilities--blocks-3 > *:nth-child(3),
.utilities--blocks-2 > *:nth-child(2),
.utilities--blocks-1 > * {
  justify-self: center !important;
  text-align: center !important;
  width: 100% !important;
}
 
@media screen and (min-width: 750px) {
  .utilities {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    grid-template-columns: unset !important;
  }
 
  .utilities--blocks-3 > *:nth-child(1),
  .utilities--blocks-3 > *:nth-child(2),
  .utilities--blocks-3 > *:nth-child(3) {
    justify-self: center !important;
    text-align: center !important;
  }
}