/** Shopify CDN: Minification failed

Line 23:16 Expected identifier but found whitespace
Line 23:18 Unexpected "{"
Line 23:28 Expected ":"
Line 24:17 Expected identifier but found whitespace
Line 24:19 Unexpected "{"
Line 24:29 Expected ":"
Line 25:20 Expected identifier but found whitespace
Line 25:22 Unexpected "{"
Line 25:32 Expected ":"
Line 26:21 Expected identifier but found whitespace
... and 8 more hidden warnings

**/
/* =============================================
   UNHINGED THREADS - Dynamic Shopify Version
   Bold, Raw, Chaotic - Colors controllable in Theme Settings
   ============================================= */

:root {
  /* Dynamic Color Variables - Edit these in Theme Settings */
  --unhinged-bg: {{ settings.unhinged_bg | default: '#0a0a0a' }};
  --unhinged-bg2: {{ settings.unhinged_bg2 | default: '#1a1a1a' }};
  --unhinged-accent: {{ settings.unhinged_accent | default: '#ff0044' }};
  --unhinged-accent2: {{ settings.unhinged_accent2 | default: '#ff8800' }};
  --unhinged-text: {{ settings.unhinged_text | default: '#ffffff' }};
  --unhinged-border: {{ settings.unhinged_accent | default: '#ff0044' }};
}

/* Force raw aggressive font */
body, h1, h2, h3, h4, h5, h6, p, span, div, a, button,
.product-card, .title, .section-heading {
  font-family: "Impact", "Arial Black", sans-serif !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: -0.8px !important;
}

/* Backgrounds */
body, .main-content, .shopify-section {
  background: var(--unhinged-bg) !important;
  color: var(--unhinged-text) !important;
}

.grid, .section, .product-grid, .collection-grid {
  background: var(--unhinged-bg2) !important;
}

/* Heavy Cards */
.product-card, .card, .grid__item, .product-item,
.collection-item, .article-card {
  background: var(--unhinged-bg2) !important;
  border: 4px solid var(--unhinged-border) !important;
  box-shadow: 8px 8px 0 #000 !important;
  transition: all 0.15s linear !important;
}

.product-card:hover {
  transform: scale(1.03) rotate(1deg) !important;
  box-shadow: 12px 12px 0 var(--unhinged-accent) !important;
}

/* Screaming Headings */
h1, h2, .product-title, .section-heading, .title {
  color: var(--unhinged-accent) !important;
  text-shadow: 3px 3px 0 #000,
               -3px -3px 0 #000,
               3px -3px 0 #000,
               -3px 3px 0 #000 !important;
}

/* Chaos Buttons */
.btn, .button, .add-to-cart-button, .product-form__submit {
  background: var(--unhinged-accent) !important;
  color: #000 !important;
  border: 4px solid #000 !important;
  box-shadow: 6px 6px 0 #000 !important;
}

.btn:hover, .button:hover {
  background: var(--unhinged-accent2) !important;
  color: #fff !important;
  transform: scale(1.08) rotate(-2deg) !important;
}

/* Links */
a, .product-link {
  color: var(--unhinged-accent2) !important;
}

a:hover {
  color: var(--unhinged-text) !important;
}

/* Price */
.price, .money {
  color: var(--unhinged-accent) !important;
}

/* Header */
.header, .site-header {
  background: #000 !important;
  border-bottom: 6px solid var(--unhinged-accent) !important;
}

/* Scrollbar + Extra Raw */
::-webkit-scrollbar-thumb {
  background: var(--unhinged-accent);
}

img, .product-media img {
  border: 4px solid var(--unhinged-border) !important;
  filter: contrast(120%) saturate(140%) !important;
}

::selection {
  background: var(--unhinged-accent);
  color: #000;
}