/** Shopify CDN: Minification failed

Line 1673:27 Expected "*/" to terminate multi-line comment

**/
/* ============================================================
   CORRIDOR CARDS — Dawn Theme Design Override
   Complete Final Build — May 2026
   ============================================================ */

/* ── Google Fonts ── */
@import url('https://fonts.googleapis.com/css2?family=Bangers&family=Share+Tech+Mono&display=swap');

/* ── Design Tokens ── */
:root {
  --cc-orange:       #F27B20;
  --cc-yellow:       #FDDB3A;
  --cc-red:          #D93636;
  --cc-blue:         #3DA8E8;
  --cc-black:        #111111;
  --cc-cream:        #FFF8E8;
  --cc-white:        #FFFFFF;

  --border:          4px solid #111111;
  --border-thick:    6px solid #111111;
  --shadow-comic:    5px 5px 0 #111111;
  --shadow-heavy:    8px 8px 0 #111111;

  --color-base-background-1:    #FFF8E8;
  --color-base-background-2:    #F5EDD6;
  --color-base-surface-1:       #FFFFFF;
  --color-base-surface-2:       #FFF8E8;
  --color-base-text:            #111111;
  --color-base-accent-1:        #F27B20;
  --color-base-accent-2:        #D93636;
  --color-base-outline-button-labels: #F27B20;
  --color-base-solid-button-labels:   #111111;

  --font-heading-family:    'Bangers', 'Impact', sans-serif;
  --font-heading-style:     normal;
  --font-heading-weight:    400;
  --font-body-family:       system-ui, -apple-system, sans-serif;
  --font-body-scale:        1.0;
  --font-heading-scale:     1.3;

  --page-width:     1200px;
  --spacing-sections-desktop: 0px;
  --spacing-sections-mobile:  0px;

  --buttons-radius:           4px;
  --buttons-border-width:     3px;
  --buttons-shadow-offset-x:  5;
  --buttons-shadow-offset-y:  5;
  --buttons-shadow-opacity:   1;
  --buttons-shadow-visible:   1;
}

/* ── Reset ── */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }

/* ============================================================
   GLOBAL BACKGROUND — subtle halftone on cream
   ============================================================ */
body {
  background-color: #FFF8E8 !important;
  background-image: radial-gradient(circle, rgba(17,17,17,0.07) 1px, transparent 1px) !important;
  background-size: 8px 8px !important;
  background-attachment: fixed !important;
  color: #111111;
  font-family: system-ui, -apple-system, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  overflow-x: hidden;
}

/* Dawn color scheme classes — transparent so body dots show through */
.color-background-1,
.color-background-2,
.gradient {
  background-color: transparent !important;
  background-image: none !important;
}

#MainContent,
[id="MainContent"],
.shopify-section,
.shopify-section.section,
[class*="-padding"] {
  background-color: transparent !important;
  background-image: none !important;
}

/* ============================================================
   TYPOGRAPHY
   ============================================================ */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Bangers', Impact, sans-serif !important;
  letter-spacing: 0.04em !important;
  line-height: 1 !important;
}

h1 { font-size: clamp(2.5rem, 7vw, 5rem) !important; }
h2 { font-size: clamp(1.8rem, 4vw, 3rem) !important; }
h3 { font-size: clamp(1.4rem, 2.5vw, 2rem) !important; }
h4 { font-size: clamp(1.1rem, 2vw, 1.5rem) !important; }

p, li, label { font-size: 16px; line-height: 1.7; }

/* ============================================================
   ANNOUNCEMENT BAR
   ============================================================ */
.announcement-bar {
  background: #111111 !important;
  color: #FDDB3A !important;
  font-family: 'Share Tech Mono', monospace !important;
  letter-spacing: 0.08em;
  border-bottom: 3px solid #F27B20;
}

.announcement-bar a,
.announcement-bar p {
  color: #FDDB3A !important;
  font-family: 'Share Tech Mono', monospace !important;
}

/* ============================================================
   HEADER — colors and fonts only, Dawn handles layout
   ============================================================ */
.header,
.header-wrapper,
sticky-header,
.sticky-header-wrapper,
.shopify-section-group-header-group,
[id*="shopify-section-header"],
[id*="header-group"],
.shopify-section[id*="header"],
.shopify-section[id*="announcement"] {
  background-color: #ffffff !important;
  background-image: none !important;
}

.header,
.header-wrapper {
  border-bottom: 4px solid #111111 !important;
  z-index: 100 !important;
}

.header__heading-link,
.header__heading,
.header__heading-link span,
.header__heading .h2 {
  color: #F27B20 !important;
  text-shadow: none !important;
  font-family: 'Bangers', Impact, sans-serif !important;
  font-size: 2rem !important;
  letter-spacing: 0.06em !important;
}

.header__menu-item,
.header__menu-item a,
.header__inline-menu .list-menu__item a,
.list-menu__item {
  font-family: 'Bangers', Impact, sans-serif !important;
  font-size: 20px !important;
  letter-spacing: 0.06em !important;
  color: #111111 !important;
}

.header__menu-item:hover a,
.header__menu-item a:hover,
.header__inline-menu .list-menu__item a:hover {
  color: #F27B20 !important;
}

.header__icon,
.header__icon svg {
  color: #111111 !important;
  fill: #111111 !important;
}

.header nav details,
.header details,
nav details {
  position: relative !important;
}

/* Search details — prevent layout shift */
.header__search details,
details-modal.header__search,
details-modal.header__search details {
  position: static !important;
  display: contents !important;
}

.header__search details[open] {
  width: 0 !important;
  overflow: visible !important;
}

/* ============================================================
   SEARCH MODAL — fix transparent background
   ============================================================ */
.search-modal,
.modal__content,
[class*="search-modal"],
.search-modal.gradient {
  background-color: #ffffff !important;
  background-image: none !important;
}

.modal-overlay,
.search-modal .modal-overlay {
  background-color: rgba(0,0,0,0.5) !important;
  background-image: none !important;
}

/* ============================================================
   HOLOGRAPHIC ANIMATIONS
   ============================================================ */
@keyframes holo-shift {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@keyframes holo-text-scroll {
  from { background-position: 0% center; }
  to   { background-position: 200% center; }
}

@keyframes holo-shimmer {
  0%   { opacity: 0.5; transform: translateX(-100%) skewX(-15deg); }
  100% { opacity: 0;   transform: translateX(300%) skewX(-15deg); }
}

@keyframes marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.2; }
}

/* ============================================================
   DROPDOWNS
   ============================================================ */
.mega-menu__content,
details[open] .mega-menu__content,
details[open] > ul.list-menu,
details[open] > ul {
  background: #ffffff !important;
  background-image: none !important;
  border: 2px solid #111111 !important;
  border-top: 3px solid #F27B20 !important;
  box-shadow: 4px 4px 0 rgba(0,0,0,0.10) !important;
  z-index: 9999 !important;
  display: block !important;
  columns: unset !important;
  column-count: unset !important;
  grid-template-columns: unset !important;
  width: max-content !important;
  min-width: 200px !important;
  max-width: 420px !important;
  padding: 0 !important;
  --color-foreground: 17, 17, 17 !important;
  --color-background: 255, 255, 255 !important;
  --gradient-background: #ffffff !important;
  color: #111111 !important;
}

.mega-menu__content a,
.mega-menu__content .list-menu__item,
details[open] > ul a,
details[open] > ul li {
  color: #111111 !important;
  font-family: 'Bangers', Impact, sans-serif !important;
  font-size: 16px !important;
  letter-spacing: 0.04em !important;
  text-decoration: none !important;
  display: block !important;
  width: 100% !important;
  white-space: nowrap !important;
  padding: 0.6rem 1.2rem !important;
  border-bottom: 1px solid rgba(0,0,0,0.07) !important;
  background: transparent !important;
  box-sizing: border-box !important;
}

.mega-menu__content a:hover,
details[open] > ul a:hover,
details[open] > ul li:hover {
  color: #F27B20 !important;
  background: rgba(242,123,32,0.08) !important;
}

.mega-menu__content h3,
.mega-menu__content h4 {
  color: #111111 !important;
  font-family: 'Bangers', Impact, sans-serif !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.1em !important;
  padding: 0.8rem 1.2rem 0.4rem !important;
  border-bottom: 2px solid #F27B20 !important;
  margin: 0 !important;
  background: #f9f9f9 !important;
}

/* ============================================================
   HERO / BANNER
   ============================================================ */
.banner,
.slideshow,
.hero,
.cc-hero-detected {
  position: relative;
  overflow: hidden;
  z-index: 1 !important;
}

.cc-hero-detected::before { display: none !important; }

.banner.cc-hero-detected::before,
.slideshow.cc-hero-detected::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(0,0,0,0.3) 1px, transparent 1px);
  background-size: 8px 8px;
  z-index: 2;
  pointer-events: none;
  display: block !important;
}

.cc-hero-media { position: relative !important; z-index: 1 !important; }

.cc-hero-detected h1,
.cc-hero-detected h2,
.cc-hero-detected p,
.cc-hero-detected a,
.cc-hero-detected .button {
  position: relative !important;
  z-index: 3 !important;
}

.banner__heading,
.banner h1,
.banner h2 {
  font-family: 'Bangers', Impact, sans-serif !important;
  font-size: clamp(3.5rem, 10vw, 8rem) !important;
  letter-spacing: 0.04em !important;
  line-height: 0.95 !important;
  color: #ffffff !important;
  -webkit-text-stroke: 2px #111111 !important;
  text-shadow: 5px 5px 0 #111111 !important;
}

.banner__text,
.banner p {
  color: rgba(255,255,255,0.9) !important;
  font-size: 1.1rem !important;
  text-shadow: 1px 1px 4px rgba(0,0,0,0.8) !important;
}

/* ============================================================
   HOMEPAGE RICH TEXT SECTIONS
   ============================================================ */
.rich-text__heading,
[class*="rich-text"] h2 {
  font-family: 'Bangers', Impact, sans-serif !important;
  font-size: clamp(2rem, 4vw, 3rem) !important;
  letter-spacing: 0.04em !important;
  color: #111111 !important;
  text-transform: uppercase !important;
  margin-bottom: 1rem !important;
}

.rich-text__text h3,
.rich-text__text .h3,
[class*="rich-text"] .rich-text__text h3 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 18px !important;
  line-height: 1.7 !important;
  color: #333333 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-weight: 400 !important;
  font-style: normal !important;
  -webkit-text-stroke: 0 !important;
  text-shadow: none !important;
}

.rich-text__text p,
.rich-text p,
[class*="rich-text"] p {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 18px !important;
  line-height: 1.7 !important;
  color: #333333 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-weight: 400 !important;
}

/* ============================================================
   PRODUCT CARDS
   ============================================================ */
.card,
.card-wrapper,
.card__inner {
  border: 2px solid #111111 !important;
  border-radius: 4px !important;
  box-shadow: 3px 3px 0 #111111 !important;
  background-color: #ffffff !important;
  background-image: none !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
  overflow: hidden !important;
}

.card:hover,
.card-wrapper:hover .card,
.card-wrapper:hover .card__inner {
  transform: translate(-4px, -4px) !important;
  box-shadow: 10px 10px 0 #111111 !important;
}

.card__media,
.card .media {
  position: relative;
  overflow: hidden;
}

.card__media::after,
.card .media::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    125deg,
    transparent 30%,
    rgba(255,0,128,0.12) 40%,
    rgba(0,255,136,0.12) 50%,
    rgba(0,191,255,0.12) 60%,
    transparent 70%
  );
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: none;
}

.card:hover .card__media::after,
.card-wrapper:hover .card .media::after { opacity: 1; }

.card__heading,
.card__heading a,
.card__heading h3,
.card__heading .h3 {
  font-family: 'Bangers', Impact, sans-serif !important;
  font-size: 16px !important;
  letter-spacing: 0.04em !important;
  color: #111111 !important;
  line-height: 1.2 !important;
}

.card-wrapper { position: relative; }

.cc-slot-number {
  position: absolute;
  top: 8px;
  left: 8px;
  background: #111111;
  color: #FDDB3A;
  font-family: 'Share Tech Mono', monospace;
  font-size: 0.65rem;
  padding: 2px 6px;
  border-radius: 2px;
  z-index: 3;
  letter-spacing: 0.15em;
  pointer-events: none;
}

/* ============================================================
   PRICE DISPLAY
   ============================================================ */
.price-item--regular,
.price-item--sale,
.price-item {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  font-family: 'Bangers', Impact, sans-serif !important;
  font-size: 28px !important;
  color: #111111 !important;
  letter-spacing: 0.06em !important;
  line-height: 1.3 !important;
}

.price,
.price__container,
.product__price,
.price__regular,
.price__sale {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* Regular price — orange badge */
.price:not(.price--on-sale) .price-item--regular {
  background: #F27B20 !important;
  color: #111111 !important;
  border: 3px solid #111111 !important;
  border-radius: 4px !important;
  padding: 6px 14px !important;
  box-shadow: 4px 4px 0 #111111 !important;
  display: inline-block !important;
}

/* Sale items */
.price--on-sale .price__regular { display: none !important; }

.price--on-sale .price__sale {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}

/* Compare-at original — struck through */
.price--on-sale .price__sale .price-item--regular {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 4px !important;
  font-size: 18px !important;
  color: rgba(0,0,0,0.4) !important;
  text-decoration: line-through !important;
  display: inline-block !important;
}

/* Sale price — orange badge */
.price--on-sale .price__sale .price-item--sale {
  background: #F27B20 !important;
  color: #111111 !important;
  border: 3px solid #111111 !important;
  border-radius: 4px !important;
  padding: 6px 14px !important;
  font-size: 28px !important;
  box-shadow: 4px 4px 0 #111111 !important;
  text-decoration: none !important;
  display: inline-block !important;
}

/* Collection card prices — smaller */
.card-wrapper .price:not(.price--on-sale) .price-item--regular,
.card-wrapper .price--on-sale .price__sale .price-item--sale {
  font-size: 18px !important;
  padding: 4px 10px !important;
  box-shadow: 3px 3px 0 #111111 !important;
}

.card-wrapper .price--on-sale .price__sale .price-item--regular {
  font-size: 13px !important;
}

/* Hide ghost badge boxes */
.price__badge-sale,
.badge.price__badge-sale,
.price__badge-sold-out,
.badge.price__badge-sold-out {
  display: none !important;
}

/* ============================================================
   BUTTONS
   ============================================================ */
.button,
.btn,
a.button,
a.btn,
button[type="submit"],
.shopify-payment-button__button,
.product-form__submit {
  font-family: 'Bangers', Impact, sans-serif !important;
  font-size: 20px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  background: #F27B20 !important;
  color: #111111 !important;
  border: 3px solid #111111 !important;
  border-radius: 4px !important;
  box-shadow: 5px 5px 0 #111111 !important;
  transition: transform 0.12s, box-shadow 0.12s !important;
  padding: 0.8rem 2rem !important;
}

.button:hover,
.btn:hover,
button[type="submit"]:hover,
.product-form__submit:hover {
  transform: translate(-3px, -3px) !important;
  box-shadow: 8px 8px 0 #111111 !important;
  background: #FDDB3A !important;
}

.button--secondary {
  background: #111111 !important;
  color: #FDDB3A !important;
}

.product-form__submit:not([disabled]) {
  font-size: 22px !important;
  letter-spacing: 0.1em !important;
  padding: 1rem 2rem !important;
}

.product-form__submit[disabled],
button.product-form__submit:disabled {
  background: #555555 !important;
  color: #ffffff !important;
  border: 3px solid #111111 !important;
  box-shadow: 4px 4px 0 #111111 !important;
  opacity: 1 !important;
  cursor: not-allowed !important;
  font-size: 22px !important;
  letter-spacing: 0.1em !important;
}

.product-form__submit[disabled]:hover,
button.product-form__submit:disabled:hover {
  transform: none !important;
  box-shadow: 4px 4px 0 #111111 !important;
  background: #555555 !important;
}

.skip-to-content-link,
a[href="#MainContent"].button {
  display: none !important;
}

/* ============================================================
   QUANTITY SELECTOR
   ============================================================ */
.quantity {
  display: flex !important;
  align-items: center !important;
  border: 3px solid #111111 !important;
  overflow: hidden !important;
  width: fit-content !important;
  background: #ffffff !important;
  background-image: none !important;
}

.quantity__input,
.quantity__input[type="number"] {
  background: #ffffff !important;
  color: #111111 !important;
  font-family: 'Bangers', Impact, sans-serif !important;
  font-size: 20px !important;
  height: 44px !important;
  width: 60px !important;
  text-align: center !important;
  border: none !important;
  border-left: 3px solid #111111 !important;
  border-right: 3px solid #111111 !important;
  -webkit-appearance: none !important;
  -moz-appearance: textfield !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.quantity__button {
  background: #111111 !important;
  color: #FDDB3A !important;
  border: none !important;
  font-size: 22px !important;
  width: 44px !important;
  height: 44px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.quantity__button:hover {
  background: #F27B20 !important;
  color: #111111 !important;
}

/* ============================================================
   PRODUCT PAGE
   ============================================================ */
.product__media-item,
.product__media-wrapper,
.product__media-list,
.product__media-item .media,
.product__info-container,
.product__info-wrapper,
[class*="product__info"] {
  background-color: #ffffff !important;
  background-image: none !important;
}

.product__media-item .media,
.product-media-container .media {
  border: var(--border-thick) !important;
  box-shadow: var(--shadow-heavy) !important;
  position: relative;
  overflow: hidden;
}

.product__media-item .media::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    125deg,
    transparent 35%,
    rgba(255,0,128,0.1) 45%,
    rgba(0,191,255,0.1) 55%,
    rgba(138,43,226,0.1) 65%,
    transparent 75%
  );
  background-size: 300% 300%;
  animation: holo-shift 4s ease infinite;
  pointer-events: none;
  z-index: 1;
}

.product__title,
.product .product__title {
  font-family: 'Bangers', Impact, sans-serif !important;
  font-size: clamp(1.8rem, 3.5vw, 2.8rem) !important;
  letter-spacing: 0.04em !important;
  line-height: 1 !important;
  color: #111111 !important;
}

.product__description,
[class*="product__description"] {
  background: #ffffff !important;
  background-image: none !important;
  border-left: 4px solid #F27B20 !important;
  padding: 16px 16px 16px 20px !important;
  border-radius: 0 4px 4px 0 !important;
  color: #222222 !important;
  letter-spacing: 0 !important;
}

.product__description p,
.product__description li,
.product__description span,
.product__description div,
.product__description * {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
  color: #333333 !important;
  letter-spacing: 0 !important;
}

/* ============================================================
   COLLECTION PAGE
   ============================================================ */
.facets-container,
.facets__form {
  border: 1px solid rgba(0,0,0,0.15) !important;
  border-radius: 4px !important;
  background: #FFF8E8 !important;
}

.facets__heading,
.facets__summary,
.facet-filters__summary,
.facets__summary span,
summary.facets__summary {
  font-family: 'Bangers', Impact, sans-serif !important;
  font-size: 18px !important;
  letter-spacing: 0.08em !important;
  color: #111111 !important;
}

.facet-checkbox,
.facets__label,
.facets__item label {
  font-family: 'Bangers', Impact, sans-serif !important;
  font-size: 16px !important;
  letter-spacing: 0.05em !important;
  color: #111111 !important;
}

.facets__count,
.counts__count {
  font-family: 'Share Tech Mono', monospace !important;
  font-size: 14px !important;
  color: rgba(0,0,0,0.5) !important;
}

.active-facets__button,
.active-facets .facet-remove {
  font-family: 'Bangers', Impact, sans-serif !important;
  font-size: 14px !important;
  background: #F27B20 !important;
  color: #111111 !important;
  border: 2px solid #111111 !important;
}

.collection__title,
.product-count__text {
  font-family: 'Bangers', Impact, sans-serif !important;
  font-size: 18px !important;
  letter-spacing: 0.04em !important;
}

/* ============================================================
   MOBILE FILTER DRAWER
   ============================================================ */
.mobile-facets__wrapper,
.mobile-facets,
[class*="mobile-facets"],
.facets-drawer,
.drawer.mobile-facets__wrapper,
.mobile-facets__main,
.mobile-facets__content,
.mobile-facets__inner,
.facets__form.facets-drawer,
[id*="FacetFiltersForm"] {
  background-color: #ffffff !important;
  background-image: none !important;
}

.mobile-facets__header,
.mobile-facets__footer {
  background-color: #ffffff !important;
  background-image: none !important;
  border-bottom: 3px solid #F27B20 !important;
}

.mobile-facets__details summary,
.mobile-facets__details .mobile-facets__summary,
.mobile-facets__sort .caption-large,
.mobile-facets__sort label,
[class*="mobile-facets"] summary,
[class*="mobile-facets"] .caption-large {
  font-family: 'Bangers', Impact, sans-serif !important;
  font-size: 20px !important;
  letter-spacing: 0.06em !important;
  color: #111111 !important;
}

.mobile-facets__sort,
.mobile-facets__sort select {
  font-family: 'Bangers', Impact, sans-serif !important;
  font-size: 18px !important;
  letter-spacing: 0.04em !important;
}

.mobile-facets__footer .button--tertiary,
.mobile-facets__footer a {
  font-family: 'Bangers', Impact, sans-serif !important;
  font-size: 18px !important;
  color: #111111 !important;
  text-decoration: underline !important;
}

/* ============================================================
   INTERIOR PAGES — About, Partnership, general pages
   ============================================================ */
.page-title,
.page__title,
h1.title {
  font-family: 'Bangers', Impact, sans-serif !important;
  font-size: clamp(2.5rem, 5vw, 4rem) !important;
  letter-spacing: 0.04em !important;
  color: #111111 !important;
  margin-bottom: 1.5rem !important;
}

.page .rte h2,
.shopify-section .rte h2,
article h2 {
  font-family: 'Bangers', Impact, sans-serif !important;
  font-size: clamp(1.6rem, 3vw, 2.2rem) !important;
  letter-spacing: 0.04em !important;
  color: #F27B20 !important;
  border-bottom: 3px solid #111111 !important;
  padding-bottom: 0.25rem !important;
  margin-top: 2rem !important;
  margin-bottom: 0.75rem !important;
}

.page .rte h3,
.shopify-section .rte h3,
article h3 {
  font-family: 'Bangers', Impact, sans-serif !important;
  font-size: clamp(1.2rem, 2.5vw, 1.6rem) !important;
  letter-spacing: 0.04em !important;
  color: #111111 !important;
  margin-top: 1.5rem !important;
  margin-bottom: 0.5rem !important;
}

.page .rte h4,
.shopify-section .rte h4,
article h4 {
  font-family: 'Bangers', Impact, sans-serif !important;
  font-size: 1.1rem !important;
  letter-spacing: 0.06em !important;
  color: #F27B20 !important;
  text-transform: uppercase !important;
  margin-top: 1.25rem !important;
  margin-bottom: 0.4rem !important;
}

.page .rte p,
.page .rte li,
.shopify-section .rte p,
.shopify-section .rte li,
article p,
article li {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  color: #333333 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-weight: 400 !important;
  text-align: left !important;
}

.page .rte blockquote,
.shopify-section .rte blockquote {
  border-left: 4px solid #F27B20 !important;
  padding: 0.75rem 1rem 0.75rem 1.25rem !important;
  margin: 1.5rem 0 !important;
  background: rgba(242,123,32,0.05) !important;
  border-radius: 0 4px 4px 0 !important;
}

.page .rte ul,
.page .rte ol,
.shopify-section .rte ul,
.shopify-section .rte ol {
  padding-left: 1.5rem !important;
  margin: 0.75rem 0 !important;
}

.page .rte strong,
.shopify-section .rte strong {
  font-weight: 700 !important;
  color: #111111 !important;
}

.page .rte a,
.shopify-section .rte a {
  color: #F27B20 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

.page-width .rte,
.page .rte { max-width: 860px !important; }

/* ============================================================
   BADGES
   ============================================================ */
.badge,
.product-label {
  font-family: 'Bangers', Impact, sans-serif !important;
  letter-spacing: 0.08em !important;
  border: 2px solid #111111 !important;
  border-radius: 2px !important;
}

.badge--sale, .product-label--sale { background: #D93636 !important; color: white !important; }
.badge--new, .product-label--new { background: #3DA8E8 !important; color: white !important; }
.badge--sold-out, .product-label--sold-out { background: #111111 !important; color: #ffffff !important; }

/* ============================================================
   FEATURED COLLECTIONS
   ============================================================ */
.collection-list__item .card,
.featured-collection .card { background-color: #111111 !important; }

.collection-list__item .card__heading,
.collection-list__item .card__heading a {
  color: #FDDB3A !important;
  -webkit-text-stroke: 1px #111111 !important;
}

/* ============================================================
   CART
   ============================================================ */

/* Cart page title only — not the notification popup */
.cart__title {
  font-family: 'Bangers', Impact, sans-serif !important;
  letter-spacing: 0.06em !important;
}

.cart-item__name {
  font-family: 'Bangers', Impact, sans-serif !important;
  font-size: 1rem !important;
  letter-spacing: 0.04em !important;
}

/* ── Cart Notification Popup — full reset ── */
cart-notification,
.cart-notification,
#cart-notification,
.cart-notification.color-background-1,
.cart-notification.gradient,
.cart-notification.animate,
.cart-notification-wrapper {
  background-color: #ffffff !important;
  background-image: none !important;
  font-family: system-ui, -apple-system, sans-serif !important;
  z-index: 99999 !important;
}

.cart-notification__heading {
  font-family: 'Bangers', Impact, sans-serif !important;
  font-size: 15px !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  -webkit-text-stroke: 0 !important;
  text-shadow: none !important;
}

.cart-notification-product__name,
.cart-notification-product__name.h4,
.cart-notification-product__name.h3,
.cart-notification-product__name.h2,
.cart-notification-product__name.h1 {
  font-family: system-ui, -apple-system, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
  -webkit-text-stroke: 0 !important;
  text-shadow: none !important;
  text-transform: none !important;
  color: #111111 !important;
}

.cart-notification-product__subtitle,
.cart-notification-product dl,
.cart-notification-product dt,
.cart-notification-product dd {
  font-family: system-ui, -apple-system, sans-serif !important;
  fon

/* ============================================================
   BREADCRUMBS & PAGINATION
   ============================================================ */
.breadcrumb a {
  font-family: 'Share Tech Mono', monospace;
  font-size: 0.8rem;
  letter-spacing: 0.1em;
  color: #F27B20;
}

.pagination__item, .pagination a {
  font-family: 'Bangers', Impact, sans-serif;
  border: var(--border);
  box-shadow: 3px 3px 0 #111111;
}

.pagination__item--current { background: #F27B20; color: #111111; }

/* ============================================================
   FOOTER
   ============================================================ */
footer.footer, .footer {
  background-color: #111111 !important;
  background-image: none !important;
  border-top: var(--border-thick) !important;
  color: #ffffff !important;
}

.footer__content-top { border-bottom: 2px solid rgba(255,255,255,0.1) !important; }

.footer-block__heading, .footer__heading {
  font-family: 'Bangers', Impact, sans-serif !important;
  letter-spacing: 0.08em !important;
  color: #F27B20 !important;
  font-size: 1.1rem !important;
}

.footer-block a, .footer__list a, .footer a {
  color: rgba(255,255,255,0.6) !important;
  transition: color 0.15s !important;
}

.footer-block a:hover, .footer__list a:hover, .footer a:hover { color: #FDDB3A !important; }

.footer__copyright, .footer__copyright-content {
  font-family: 'Share Tech Mono', monospace !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.1em !important;
  color: rgba(255,255,255,0.3) !important;
}

/* ============================================================
   HAMBURGER MENU DRAWER
   ============================================================ */
.header-drawer,
.menu-drawer,
.menu-drawer.gradient,
.header-drawer.gradient {
  background-color: #ffffff !important;
  background-image: none !important;
  z-index: 10000 !important;
  border-right: 4px solid #F27B20 !important;
}

.menu-drawer__overlay, .header-drawer__overlay, .drawer__overlay { z-index: 9998 !important; }

.menu-drawer .list-menu__item a,
.menu-drawer .list-menu__item,
.header-drawer .list-menu__item a,
.header-drawer .list-menu__item {
  font-family: 'Bangers', Impact, sans-serif !important;
  font-size: 22px !important;
  letter-spacing: 0.06em !important;
  color: #111111 !important;
  padding: 12px 24px !important;
  border-bottom: 1px solid rgba(0,0,0,0.08) !important;
  display: block !important;
  background-color: #ffffff !important;
  background-image: none !important;
}

.menu-drawer .list-menu__item a:hover,
.header-drawer .list-menu__item a:hover {
  color: #F27B20 !important;
  background: rgba(242,123,32,0.06) !important;
}

.menu-drawer__navigation-header,
.header-drawer .drawer__header,
.menu-drawer header {
  background-color: #111111 !important;
  background-image: none !important;
  border-bottom: 3px solid #F27B20 !important;
}

.menu-drawer__navigation-header *,
.header-drawer .drawer__header *,
.menu-drawer header * { color: #FDDB3A !important; }

.menu-drawer button svg, .header-drawer button svg {
  color: #FDDB3A !important;
  fill: #FDDB3A !important;
}

/* ============================================================
   EASTER EGG
   ============================================================ */
@keyframes confetti-fall {
  0%   { transform: translateY(-20px) rotate(0deg); opacity: 1; }
  100% { transform: translateY(100vh) rotate(720deg); opacity: 0; }
}

.confetti-piece {
  position: fixed;
  pointer-events: none;
  z-index: 9999;
  animation: confetti-fall 2.5s ease-in forwards;
  border-radius: 2px;
}

@keyframes holo-flash {
  0%   { opacity: 0; }
  15%  { opacity: 0.97; }
  85%  { opacity: 0.97; }
  100% { opacity: 0; }
}

.easter-egg-flash {
  position: fixed;
  inset: 0;
  z-index: 9998;
  pointer-events: none;
  background: linear-gradient(125deg, #ff0080 0%, #ff4500 12%, #ff8c00 22%, #ffed00 33%, #39ff14 47%, #00bfff 60%, #8a2be2 74%, #ff1493 88%, #ff0080 100%);
  background-size: 400% 400%;
  animation: holo-flash 2.5s ease forwards, holo-shift 2s ease infinite;
  display: flex;
  align-items: center;
  justify-content: center;
}

.easter-egg-flash .inner {
  background: rgba(0,0,0,0.85);
  border: 6px solid #111;
  padding: 2rem 3rem;
  box-shadow: 8px 8px 0 #111;
  text-align: center;
}

.easter-egg-flash .msg {
  font-family: 'Bangers', Impact, sans-serif;
  font-size: clamp(2rem, 5vw, 4rem);
  letter-spacing: 0.06em;
  background: linear-gradient(90deg, #ff0080, #ff8c00, #ffed00, #00ff88, #00bfff, #8a2be2, #ff0080);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: holo-text-scroll 2s linear infinite;
}

.coin-particle {
  position: fixed;
  pointer-events: none;
  animation: confetti-fall 0.8s ease-in forwards;
  z-index: 9999;
  font-size: 1.2rem;
  line-height: 1;
}

/* ============================================================
   BLOG ARTICLE PAGE — Full Layout & Typography
   Exact selectors from live DOM inspection:
   - article.article-template
   - div.article-template__content.page-width.page-width--narrow.rte
   - body has class "gradient" (not "template-article")
   ============================================================ */

/* ── Article header ── */
.article-template header.page-width {
  padding-top: 2rem !important;
  padding-bottom: 1.5rem !important;
}

/* Article h1 — override the global h1 clamp which is too large */
.article-template h1 {
  font-family: 'Bangers', Impact, sans-serif !important;
  font-size: clamp(2rem, 4vw, 3rem) !important;
  letter-spacing: 0.04em !important;
  line-height: 1.05 !important;
  color: #111111 !important;
  -webkit-text-stroke: 0 !important;
  text-shadow: none !important;
  margin-bottom: 0.5rem !important;
}

/* Date */
.article-template time,
.article-template .article__date {
  font-family: 'Share Tech Mono', monospace !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.14em !important;
  color: rgba(0,0,0,0.4) !important;
  text-transform: uppercase !important;
  display: block !important;
  margin-bottom: 0.75rem !important;
}

/* Share button */
.share-button__button {
  font-family: 'Bangers', Impact, sans-serif !important;
  font-size: 15px !important;
  letter-spacing: 0.08em !important;
  background: transparent !important;
  border: 2px solid #111111 !important;
  color: #111111 !important;
  padding: 6px 14px !important;
  border-radius: 4px !important;
  box-shadow: 3px 3px 0 #111111 !important;
}

/* ── THE content wrapper — exact class from DOM ── */
.article-template__content {
  margin-top: 1.5rem !important;
}

/* ── ALL paragraph text inside the article content ── */
/* Must use !important and target inline styles too */
.article-template__content p,
.article-template__content p[style] {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 17px !important;
  line-height: 1.8 !important;
  color: #2a2a2a !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-weight: 400 !important;
  margin-bottom: 1.25rem !important;
}

/* ── List items ── */
.article-template__content li,
.article-template__content li[style] {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 17px !important;
  line-height: 1.75 !important;
  color: #2a2a2a !important;
  letter-spacing: 0 !important;
  font-weight: 400 !important;
  margin-bottom: 0.5rem !important;
}

/* ── Lists ── */
.article-template__content ul,
.article-template__content ol {
  padding-left: 1.5rem !important;
  margin: 0.5rem 0 1.25rem !important;
}

/* ── H2 section headers ── */
.article-template__content h2,
.article-template__content h2[style] {
  font-family: 'Bangers', Impact, sans-serif !important;
  font-size: clamp(1.4rem, 2.5vw, 1.9rem) !important;
  letter-spacing: 0.04em !important;
  color: #111111 !important;
  border-bottom: 3px solid #F27B20 !important;
  padding-bottom: 0.3rem !important;
  margin-top: 2.5rem !important;
  margin-bottom: 1rem !important;
  line-height: 1.1 !important;
}

/* ── H3 ── */
.article-template__content h3,
.article-template__content h3[style] {
  font-family: 'Bangers', Impact, sans-serif !important;
  font-size: clamp(1.2rem, 2vw, 1.5rem) !important;
  letter-spacing: 0.04em !important;
  color: #F27B20 !important;
  margin-top: 2rem !important;
  margin-bottom: 0.5rem !important;
  line-height: 1.1 !important;
}

/* ── Strong / bold ── */
.article-template__content strong {
  font-weight: 700 !important;
  color: #111111 !important;
}

/* ── Links ── */
.article-template__content a {
  color: #F27B20 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  text-decoration-thickness: 2px !important;
}

.article-template__content a:hover {
  color: #D93636 !important;
}

/* ── Blockquote ── */
.article-template__content blockquote {
  border-left: 5px solid #F27B20 !important;
  padding: 1rem 1.25rem !important;
  margin: 1.75rem 0 !important;
  background: rgba(242,123,32,0.06) !important;
  border-radius: 0 4px 4px 0 !important;
}

/* ── HR ── */
.article-template__content hr {
  border: none !important;
  border-top: 3px solid #111111 !important;
  margin: 2.5rem 0 !important;
}

/* ── Tables ── */
.article-template__content table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 1.75rem 0 !important;
  font-size: 15px !important;
}

.article-template__content table th {
  font-family: 'Bangers', Impact, sans-serif !important;
  font-size: 16px !important;
  letter-spacing: 0.06em !important;
  background: #111111 !important;
  color: #FDDB3A !important;
  padding: 10px 14px !important;
  text-align: left !important;
  border: 2px solid #111111 !important;
}

.article-template__content table td {
  padding: 10px 14px !important;
  border: 2px solid rgba(0,0,0,0.12) !important;
  color: #2a2a2a !important;
  vertical-align: top !important;
}

.article-template__content table tr:nth-child(even) td {
  background: rgba(242,123,32,0.05) !important;
}

/* ── Back to blog link ── */
.article-template a[href*="/blogs/"] {
  color: #F27B20 !important;
}

/* ── Comment section ── */
#article-comments {
  margin-top: 3rem !important;
  padding-top: 2rem !important;
  border-top: 4px solid #111111 !important;
}

#article-comments h2 {
  font-family: 'Bangers', Impact, sans-serif !important;
  font-size: clamp(1.5rem, 3vw, 2rem) !important;
  letter-spacing: 0.06em !important;
  color: #111111 !important;
  border-bottom: 3px solid #F27B20 !important;
  padding-bottom: 0.3rem !important;
  margin-bottom: 1.5rem !important;
}

#article-comments label {
  font-family: 'Bangers', Impact, sans-serif !important;
  font-size: 18px !important;
  letter-spacing: 0.05em !important;
  color: #111111 !important;
  display: block !important;
  margin-bottom: 0.3rem !important;
  margin-top: 1rem !important;
}

#article-comments input,
#article-comments textarea {
  border: 3px solid #111111 !important;
  border-radius: 4px !important;
  padding: 10px 14px !important;
  font-family: system-ui, -apple-system, sans-serif !important;
  font-size: 16px !important;
  width: 100% !important;
  background: #ffffff !important;
  color: #111111 !important;
}

#article-comments input:focus,
#article-comments textarea:focus {
  outline: none !important;
  border-color: #F27B20 !important;
  box-shadow: 3px 3px 0 #F27B20 !important;
}

/* ── Newsletter subscribe bar ── */
.newsletter-form__field-wrapper {
  border: 3px solid #111111 !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  display: flex !important;
  box-shadow: 4px 4px 0 #111111 !important;
}

.newsletter-form__field-wrapper input {
  border: none !important;
  border-right: 3px solid #111111 !important;
  border-radius: 0 !important;
  padding: 12px 16px !important;
  font-size: 16px !important;
  flex: 1 !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

/* Mobile — article */
@media (max-width: 749px) {
  .article-template h1 {
    font-size: clamp(1.8rem, 8vw, 2.6rem) !important;
  }

  .article-template__content p,
  .article-template__content p[style] {
    font-size: 16px !important;
    line-height: 1.7 !important;
  }

  .article-template__content h2,
  .article-template__content h2[style] {
    font-size: clamp(1.3rem, 6vw, 1.7rem) !important;
    margin-top: 2rem !important;
  }
}

/* ── Blog index — article card dates ── */
.blog-posts__article-info .blog__post-date,
.article-card__date {
  font-family: 'Share Tech Mono', monospace !important;
  font-size: 0.7rem !important;
  letter-spacing: 0.12em !important;
  color: rgba(0,0,0,0.4) !important;
  text-transform: uppercase !important;
}

/* ============================================================
   RESPONSIVE — Mobile
   ============================================================ */
@media (max-width: 989px) {
  /* Hide desktop inline nav on mobile — hamburger handles it */
  .header__inline-menu {
    display: none !important;
  }

  /* Mobile hamburger drawer — full width */
  .header-drawer,
  .menu-drawer {
    width: 100vw !important;
    max-width: 100vw !important;
    left: 0 !important;
    right: 0 !important;
    border-right: none !important;
    border-bottom: 4px solid #F27B20 !important;
  }

  .menu-drawer .list-menu__item a,
  .menu-drawer .list-menu__item,
  .header-drawer .list-menu__item a,
  .header-drawer .list-menu__item {
    font-size: 28px !important;
    padding: 16px 24px !important;
  }
}

@media (max-width: 749px) {
  .banner__heading, .banner h1, .banner h2 {
    font-size: clamp(2.5rem, 12vw, 5rem) !important;
    -webkit-text-stroke: 1.5px #111111 !important;
  }

  .product__media-item, .product__media-wrapper {
    padding: 12px !important;
    background-color: #ffffff !important;
    background-image: none !important;
  }

  .product__info-container, .product__info-wrapper {
    padding: 16px 20px !important;
    background-color: #ffffff !important;
    background-image: none !important;
  }

  .product__title {
    font-size: clamp(1.6rem, 7vw, 2.4rem) !important;
    margin-bottom: 8px !important;
  }

  .price-item--regular, .price-item--sale, .price-item { font-size: 22px !important; }
  .price--on-sale .price__sale .price-item--sale { font-size: 22px !important; }
  h1 { font-size: clamp(1.8rem, 8vw, 3rem) !important; }
  h2 { font-size: clamp(1.4rem, 6vw, 2.2rem) !important; }
}
/* ============================================================
   CART NOTIFICATION POPUP — fix oversized heading
   ============================================================ */
.cart-notification-product__name,
.cart-notification-product__name.h4,
.cart-notification-product__name.h3,
.cart-notification-product__name.h2,
.cart-notification-product__name.h1 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
  -webkit-text-stroke: 0 !important;
  text-shadow: none !important;
  text-transform: none !important;
  color: #111111 !important;
}

.cart-notification__heading {
  font-size: 14px !important;
  letter-spacing: 0.06em !important;
}

.cart-notification-product {
  padding-bottom: 1rem !important;
  padding-top: 1rem !important;
}
/* ============================================================
   PRODUCT PAGE — SPECS TABLE
   Hides the HTML table inside the right-column description
   so it only shows in the full-width cc-specs-section below.
   ============================================================ */

/* Hide table inside the right column description */
.product__description table,
.product__description table tr,
.product__description table td,
.product__description table th {
  display: none !important;
}

/* Also tighten up description spacing now that table is gone */
.product__description p:last-child {
  margin-bottom: 0 !important;
}
/* ============================================================
   PRODUCT PAGE — description alignment + hide inline table
   ============================================================ */

/* Fix right-column description text alignment */
.product__description,
.product__description p,
.product__description li,
.product__description strong {
  text-align: left !important;
}

/* Hide table inside the right column — show only in full-width specs section below */
.product__description table {
  display: none !important;
}

.product__description table tr,
.product__description table td,
.product__description table th {
  display: none !important;
}
/* ============================================================
   PRODUCT PAGE — fix description text alignment
   ============================================================ */
.product__description.rte p,
.product__description.rte li,
.product__description.rte strong,
.product__description.rte span,
.product__description.rte div {
  text-align: left !important;
}

/* Hide table in right column — only show in full-width specs below */
.product__description.rte table,
.product__description.rte table tr,
.product__description.rte table td,
.product__description.rte table th {
  display: none !important;
}
/* ============================================================
   PRODUCT PAGE — full-width description below image
   ============================================================ */

/* Break the two-column grid and stack everything */
.product--large.product--left,
.product--medium.product--left {
  display: block !important;
}

/* Make image take full width */
.product__media-wrapper {
  max-width: 100% !important;
  width: 100% !important;
}

/* Pull info column to full width below image */
.product__info-wrapper {
  max-width: 700px !important;
  margin: 2rem auto 0 !important;
  padding: 0 1.5rem !important;
  width: 100% !important;
}

/* Center the price, title,