/** Shopify CDN: Minification failed

Line 149:14 Expected identifier but found whitespace
Line 149:15 Unexpected "var("

**/
/* ============================================================
   STOMPGUARD — custom.css
   ============================================================ */

/* ── 1. COLOR & FONT TOKENS ── */
:root {
  --sg-bg:           #0d0d0d;
  --sg-surface:      #141414;
  --sg-surface2:     #1c1c1c;
  --sg-border:       #2a2a2a;
  --sg-accent:       #e8a020;
  --sg-accent-hover: #ff6b1a;
  --sg-text:         #e8e4dc;
  --sg-muted:        #888888;
  --sg-font-head:    'Barlow Condensed', sans-serif;
  --sg-font-body:    'Barlow', sans-serif;
  --color-base-background-1: 13 13 13;
  --color-base-background-2: 20 20 20;
  --color-base-text:         232 228 220;
  --color-base-accent-1:     232 160 32;
  --color-base-accent-2:     255 107 26;
  --color-base-solid-button-labels: 0 0 0;
  --color-base-outline-button-labels: 232 228 220;
}

/* ── 2. BODY ── */
body {
  font-family: var(--sg-font-body) !important;
  background-color: var(--sg-bg) !important;
  color: var(--sg-text) !important;
}

/* ── 3. HEADINGS ── */
h1, h2, h3, h4, h5, h6,
.heading, .h1, .h2, .h3, .h4,
.section-header .title {
  font-family: var(--sg-font-head) !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: -0.01em !important;
}

/* ── 4. HEADER ── */
.header-wrapper {
  background: rgba(13,13,13,0.95) !important;
  backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid var(--sg-border) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 100 !important;
}

.header__heading-link {
  font-family: var(--sg-font-head) !important;
  font-weight: 900 !important;
  font-size: 1.5rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--sg-text) !important;
}

.header__menu-item {
  font-family: var(--sg-font-head) !important;
  font-weight: 600 !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--sg-muted) !important;
}

.header__menu-item:hover {
  color: var(--sg-accent) !important;
}

/* ── 5. PRODUCT CARDS ── */
.card-product,
.card--product {
  background: var(--sg-surface) !important;
  border: 1px solid var(--sg-border) !important;
  border-radius: 0 !important;
  transition: transform 0.3s ease !important;
}

.card-product:hover,
.card--product:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(232,160,32,0.3) !important;
}

.card__media img,
.card-product .media img {
  transition: transform 0.5s ease !important;
  opacity: 0.88 !important;
}

.card-product:hover .media img,
.card--product:hover .card__media img {
  transform: scale(1.04) !important;
  opacity: 1 !important;
}

.card__heading,
.card__heading a {
  font-family: var(--sg-font-head) !important;
  font-weight: 700 !important;
  font-size: 0.92rem !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: var(--sg-text) !important;
}

.card__heading a:hover {
  color: var(--sg-accent) !important;
}

/* ── 6. PRICE ── */
.price-item,
.price-item--sale,
.price-item--regular,
.price__sale,
.price__regular,
.price .money,
.price {
  font-family: var(--sg-font-head) !important;
  font-weight: 900 !important;
  font-size: 1.25rem !important;
  color: var(--sg-accent) !important;
}

/* ── PRODUCT TITLES ── */
.card__heading,
.card__heading a,
.card__heading .link,
.card-information__text,
.card-information a {
  font-family: var(--sg-font-head) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  color: var(--sg-text) !important;
}

  font-family: var(--sg-font-head) !important;
  font-weight: 900 !important;
  font-size: 1.25rem !important;
  color: var(--sg-accent) !important;
}

/* ── 7. BUTTONS ── */
.button,
.button--primary,
.product-form__submit {
  font-family: var(--sg-font-head) !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  background: var(--sg-accent) !important;
  color: #000 !important;
  border: none !important;
  transition: background 0.2s, transform 0.15s !important;
}

.button:hover,
.button--primary:hover,
.product-form__submit:hover {
  background: var(--sg-accent-hover) !important;
  transform: translateY(-2px) !important;
}

.button--secondary {
  background: transparent !important;
  color: var(--sg-text) !important;
  border: 1px solid var(--sg-border) !important;
}

.button--secondary:hover {
  color: var(--sg-accent) !important;
  border-color: var(--sg-accent) !important;
}

/* ── 8. ANNOUNCEMENT BAR ── */
.announcement-bar {
  background: var(--sg-accent) !important;
  color: #000 !important;
}

.announcement-bar__message,
.announcement-bar p,
.announcement-bar a {
  font-family: var(--sg-font-head) !important;
  font-weight: 700 !important;
  font-size: 0.8rem !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: #000 !important;
}

/* ── 9. FOOTER ── */
.footer {
  background: var(--sg-surface) !important;
  border-top: 1px solid var(--sg-border) !important;
}

.footer-block__heading {
  font-family: var(--sg-font-head) !important;
  font-weight: 700 !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: var(--sg-text) !important;
}

.footer a {
  color: var(--sg-muted) !important;
  text-decoration: none !important;
}

.footer a:hover {
  color: var(--sg-accent) !important;
}
/* ── GLOBAL PAGE BACKGROUNDS ── */
main, .main-content,
.container, .page-width,
body.template-collection,
body.template-cart,
body.template-customers-login,
body.template-product,
body.template-page {
  background-color: var(--sg-bg) !important;
  color: var(--sg-text) !important;
}

/* ── COLLECTION PAGE ── */
.collection-hero,
.collection__title,
.collection__description {
  color: var(--sg-text) !important;
}

.facets-container,
.facets__form {
  background: var(--sg-surface) !important;
  border-color: var(--sg-border) !important;
  color: var(--sg-text) !important;
}

/* ── CART PAGE ── */
.cart__title,
.cart-item__name,
.cart-item__price,
.cart-subtotal__value {
  color: var(--sg-text) !important;
}

.cart__footer {
  background: var(--sg-surface) !important;
  border-color: var(--sg-border) !important;
}

/* ── PRODUCT PAGE ── */
.product__title,
.product__description,
.product-form__input {
  color: var(--sg-text) !important;
}

/* ── ACCOUNT / LOGIN PAGE ── */
.customer h1,
.customer h2,
.customer p,
.customer label,
.customer input {
  color: var(--sg-text) !important;
}

.customer {
  background: var(--sg-bg) !important;
}
/* ── FORCE TEXT COLORS GLOBALLY ── */
p, span, div, li, td, th, label,
.collection__description,
.facet-filters__label,
.facet-checkbox__label,
.active-facets__button-inner,
.cart-item__details,
.cart-item__quantity,
.totals__subtotal,
.totals__subtotal-value,
.tax-note,
.shipping-policy-note,
.product__description,
.product-form__input label,
.variant-radios label,
.variant-selects label,
.quantity__label,
.summary__title,
.accordion__title,
.customer h1, .customer h2,
.customer h3, .customer p,
.customer label, .customer td,
.customer th, .customer span {
  color: var(--sg-text) !important;
}

/* Input fields */
input, textarea, select {
  background: var(--sg-surface) !important;
  color: var(--sg-text) !important;
  border-color: var(--sg-border) !important;
}

input::placeholder,
textarea::placeholder {
  color: var(--sg-muted) !important;
}
/* ── MOBILE NAV DRAWER ── */
.menu-drawer,
.menu-drawer__container,
.menu-drawer__navigation,
header-drawer,
.drawer {
  background: var(--sg-bg) !important;
  color: var(--sg-text) !important;
}

.menu-drawer__menu-item,
.menu-drawer a {
  color: var(--sg-text) !important;
}

/* ── CART PAGE TOP ── */
.cart__warnings,
.cart-notification,
.cart__empty-text {
  color: var(--sg-text) !important;
}

.cart-items,
.cart__footer,
.totals {
  background: var(--sg-surface) !important;
  color: var(--sg-text) !important;
}

.cart-item__name,
.cart-item__price,
.cart-item__quantity {
  color: var(--sg-text) !important;
}
.hollow-text-stroke {
  -webkit-text-stroke: 2px #FFFFFF !important;
  color: transparent !important;
}
.cta-watermark,
.horizon-cta-watermark,
[class*="watermark"] {
  z-index: 0 !important;
  pointer-events: none !important;
}

.cta-banner-text,
.horizon-cta-content,
.horizon-cta-left {
  position: relative !important;
  z-index: 2 !important;
}
/* ── CTA BANNER WATERMARK FIX ── */
.horizon-cta-watermark {
  position: absolute !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

.horizon-cta-banner-container,
.horizon-cta-banner-left-col,
.horizon-cta-banner-right-col {
  position: relative !important;
  z-index: 2 !important;
}

/* ── OWN OUTLINE FIX ── */
.hollow-text-stroke {
  -webkit-text-stroke: 2px #FFFFFF !important;
  color: transparent !important;
}
/* ── HAMBURGER MENU ICON ── */
.header__icon,
.header__icon--menu,
menu-drawer > button,
.menu-drawer__open-button {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.header__icon svg,
.header__icon--menu svg {
  color: var(--sg-text) !important;
  stroke: var(--sg-text) !important;
}
/* ── HAMBURGER ICON BACKGROUND FIX ── */
header-drawer,
header-drawer summary,
header-drawer summary:focus,
header-drawer summary:hover,
.header__icon--menu {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

details.menu-opening > summary {
  background: transparent !important;
}
/* ── SEARCH MODAL AGGRESSIVE FIX ── */
[id*="search"],
[class*="search"],
[class*="Search"] {
  background-color: var(--sg-surface) !important;
  color: var(--sg-text) !important;
}

dialog,
dialog::backdrop {
  background: rgba(0,0,0,0.85) !important;
}

dialog [class*="search"],
dialog input,
dialog form {
  background: var(--sg-surface) !important;
  color: var(--sg-text) !important;
  border-color: var(--sg-border) !important;
}

dialog p,
dialog span,
dialog h2,
dialog h3,
dialog a {
  color: var(--sg-text) !important;
}
/* ── SEARCH ICON BACKGROUND FIX ── */
.header__icon--search,
header-search summary,
[class*="search"] > summary {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}
/* ── SEARCH ICON FIX V2 ── */
.header__search,
.header__search button,
.header__search summary,
header-search,
header-search button,
header-search > *,
.modal__toggle,
.modal__toggle-open {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
/* ── SEARCH & HEADER ACTION BUTTONS ── */
.button-unstyled.header-actions__action,
.header-actions__action {
  background-color: transparent !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
/* ── HEADER ICON FIX FINAL ── */
.header-actions__action,
.header-actions__action:hover,
.header-actions__action:focus,
button.header-actions__action,
.header__column .header-actions__action {
  background-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

header-component {
  --color-scheme-top-row: rgba(0, 0, 0, 0) !important;
}
/* ── SEARCH BUTTON SPECIFIC FIX ── */
button[aria-label="Search"],
button[aria-haspopup="dialog"],
.header-actions__action[aria-label="Search"] {
  background-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}
/* ── HEADER COLOR SCHEME FIX ── */
header-component {
  --color-scheme-top-row: rgba(13, 13, 13, 0) !important;
  --color-scheme-bottom-row: rgba(13, 13, 13, 0) !important;
}

.header__underlay-closed,
.header__underlay-open {
  background: rgba(13, 13, 13, 0.92) !important;
}

.header-actions__action,
.search-action button,
.header__icon--menu {
  background-color: transparent !important;
}
/* ── SEARCH BUTTON FINAL ── */
search-button,
search-button > button,
.search-action search-button,
.search-action > button {
  background-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}