/** Shopify CDN: Minification failed

Line 14:0 Unexpected "@import"

**/


/* Custom CSS - Endless Supply Inspired */g
/* Created: $(date +%Y-%m-%d) */g

/* ========================================
   TYPOGRAPHY - Jost Font
   ======================================== */
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700&display=swap');

body,
.body,
p,
span,
a,
li {
  font-family: 'Jost', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* ========================================
   BUTTONS - Black with White Text
   ======================================== */
.button,
.btn,
button,
.shopify-payment-button button,
.product-form__submit,
.cart__submit,
.cart__submit-button,
[type='submit'],
a.button,
.button--primary,
.button--secondary {
  background-color: #000 !important;
  color: #fff !important;
  border: 1px solid #000 !important;
  border-radius: 6px !important;
  font-family: 'Jost', sans-serif !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  transition: all 0.3s ease !important;
}

.button:hover,
.btn:hover,
button:hover,
.shopify-payment-button button:hover,
.product-form__submit:hover,
.cart__submit:hover,
.cart__submit-button:hover,
[type='submit']:hover,
a.button:hover,
.button--primary:hover,
.button--secondary:hover {
  background-color: #333 !important;
  color: #fff !important;
  border-color: #333 !important;
}

/* Secondary/Outline buttons */
.button--secondary,
.button--tertiary {
  background-color: transparent !important;
  color: #000 !important;
  border: 1px solid #000 !important;
}

.button--secondary:hover,
.button--tertiary:hover {
  background-color: #000 !important;
  color: #fff !important;
}

/* ========================================
   PRODUCT CARDS - Hover Zoom Effect
   ======================================== */
.card__media,
.product-card__image,
.product__media,
.card__inner,
.product-card,
.card-wrapper {
  overflow: hidden;
}

.card__media img,
.product-card__image img,
.product__media img,
.card__inner img,
.card-wrapper img,
.product-card img {
  transition: transform 0.4s ease, opacity 0.3s ease !important;
}

.card:hover .card__media img,
.product-card:hover .product-card__image img,
.card:hover .product__media img,
.card:hover .card__inner img,
.card-wrapper:hover img,
.product-card:hover img {
  transform: scale(1.05) !important;
}

/* ========================================
   ANNOUNCEMENT BAR - Black BG, White Text
   ======================================== */
.announcement-bar,
.announcement,
.announcement-bar__message,
#shopify-section-announcement-bar,
.announcement-bar-section {
  background-color: #000 !important;
  color: #fff !important;
}

.announcement-bar__message,
.announcement-bar a,
.announcement-bar p,
.announcement-bar span,
.announcement__text {
  color: #fff !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  font-family: 'Jost', sans-serif !important;
  font-weight: 500 !important;
  font-size: 12px !important;
}

.announcement-bar a:hover {
  color: #ccc !important;
}

/* ========================================
   SALE BADGES - Black BG, White Text, Uppercase
   ======================================== */
.badge,
.card__badge,
.price__badge-sale,
.badge--sale,
.product__badge,
.tag,
.product-tag {
  background-color: #000 !important;
  color: #fff !important;
  text-transform: uppercase !important;
  font-family: 'Jost', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  border-radius: 0 !important;
  padding: 4px 10px !important;
  font-size: 10px !important;
}

/* ========================================
   $OLD OUT BADGE - Special Styling
   (Sold Out with $ instead of S)
   ======================================== */
.badge--sold-out,
.sold-out-badge,
.soldout-badge,
.product__badge--sold-out,
[data-badge='sold-out'],
.badge:contains('Sold'),
.card__badge span[aria-label*='sold'],
.card__badge span[aria-label*='Sold'] {
  background-color: #000 !important;
  color: #fff !important;
  text-transform: uppercase !important;
  font-family: 'Jost', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  font-size: 11px !important;
}

/* JavaScript will handle the $ replacement */
/* .sold-out-text-replaced class for JS targeting */
.sold-out-text-replaced {
  font-family: 'Jost', sans-serif !important;
  font-weight: 700 !important;
}

/* ========================================
   ADDITIONAL POLISH
   ======================================== */

/* Clean link styling */
a {
  color: #000;
  text-decoration: none;
  transition: color 0.2s ease;
}

a:hover {
  color: #333;
}

/* Product titles */
.card__heading,
.product__title,
.product-card__title,
.card__heading a {
  font-family: 'Jost', sans-serif !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

/* Price styling */
.price,
.price__regular,
.price__sale,
.product__price,
.price-item {
  font-family: 'Jost', sans-serif !important;
  font-weight: 600 !important;
}

/* Sale price */
.price--on-sale .price__sale,
.price__sale .price-item--sale {
  color: #000 !important;
}

/* Compare at price (strikethrough) */
.price__regular s,
.price--on-sale .price__regular,
.price-item--regular {
  color: #888 !important;
  text-decoration: line-through;
}

/* Header clean up */
.header {
  border-bottom: 1px solid #eee;
}

/* Footer */
.footer {
  background-color: #000;
  color: #fff;
}

.footer a {
  color: #fff;
}

.footer a:hover {
  color: #ccc;
}

/* Form inputs */
input[type='text'],
input[type='email'],
input[type='password'],
input[type='number'],
input[type='tel'],
textarea,
select {
  font-family: 'Jost', sans-serif !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  transition: border-color 0.2s ease !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: #000 !important;
  outline: none !important;
}

/* Quantity selector */
.quantity__button {
  background-color: #000 !important;
  color: #fff !important;
}

/* ========================================
   $OLD OUT TEXT REPLACEMENT (via JS)
   Add this script to theme.liquid before </body>:
   
   <script>
   document.addEventListener('DOMContentLoaded', function() {
     document.querySelectorAll('.badge, .card__badge span, [class*="sold"], [class*="Sold"]').forEach(function(el) {
       if (el.textContent.toLowerCase().includes('sold out')) {
         el.textContent = el.textContent.replace(/sold out/gi, '$OLD OUT');
         el.classList.add('sold-out-text-replaced');
       }
     });
   });
   </script>
   ======================================== */

/* ========================================
   SEARCH PAGE - Endless Supply Style
   Clean, minimal, luxury streetwear aesthetic
   ======================================== */

/* --- Search Page Header --- */
.search-page__header {
  text-align: center;
  padding: 60px 20px 20px !important;
}

.search-page__header h3,
.search-page__header h2,
.search-page__header h1 {
  font-family: 'Jost', sans-serif !important;
  font-weight: 600 !important;
  font-size: clamp(24px, 5vw, 36px) !important;
  text-transform: uppercase !important;
  letter-spacing: 3px !important;
  color: #000 !important;
  margin-bottom: 0 !important;
}

/* --- Search Input Styling --- */
.search-page-input {
  font-family: 'Jost', sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  letter-spacing: 0.5px !important;
  color: #000 !important;
  background-color: #fff !important;
  border: 2px solid #000 !important;
  border-radius: 0 !important;
  padding: 18px 60px !important;
  transition: all 0.3s ease !important;
}

.search-page-input:focus {
  outline: none !important;
  border-color: #000 !important;
  box-shadow: 0 0 0 1px #000 !important;
}

.search-page-input::placeholder {
  color: #888 !important;
  font-family: 'Jost', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  font-size: 13px !important;
}

search-page-input-component {
  max-width: 600px !important;
  margin: 30px auto 20px !important;
}

search-page-input-component .search__icon svg {
  color: #000 !important;
  width: 20px !important;
  height: 20px !important;
}

search-page-input-component .search__reset-button {
  color: #000 !important;
}

search-page-input-component .search__reset-button:hover {
  background-color: #f5f5f5 !important;
}

/* --- No Results State --- */
.search-results__no-results {
  text-align: center;
  padding: 60px 20px !important;
  margin-top: 20px;
}

.search-results__no-results p {
  font-family: 'Jost', sans-serif !important;
  font-size: 16px !important;
  color: #666 !important;
  letter-spacing: 0.5px !important;
  line-height: 1.6 !important;
  max-width: 500px;
  margin: 0 auto;
}

/* Empty state with suggested products */
.predictive-search-results__no-results {
  text-align: center;
  padding: 40px 20px;
}

.predictive-search-results__no-results p {
  font-family: 'Jost', sans-serif !important;
  font-size: 14px !important;
  color: #666 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}

/* --- Search Results Grid --- */
.search-results,
.product-grid-container,
results-list {
  padding: 20px 0 60px !important;
}

.product-grid,
.collection-product-list {
  display: grid !important;
  gap: 30px 20px !important;
}

/* Grid columns responsive */
@media screen and (min-width: 1200px) {
  .product-grid,
  .collection-product-list {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

@media screen and (min-width: 750px) and (max-width: 1199px) {
  .product-grid,
  .collection-product-list {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media screen and (max-width: 749px) {
  .product-grid,
  .collection-product-list {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px 12px !important;
  }
}

/* Product card styling in search results */
.product-grid__item {
  transition: transform 0.3s ease !important;
}

.product-grid__item:hover {
  transform: translateY(-4px);
}

/* --- Filter/Facet Styling --- */
.facets,
.facets-wrapper,
.collection-filters {
  padding: 20px 0 !important;
  border-bottom: 1px solid #eee !important;
  margin-bottom: 30px !important;
}

/* Filter buttons/dropdowns */
.facets__button,
.facet-filters__label,
.facets__summary,
.filter-group__summary {
  font-family: 'Jost', sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  color: #000 !important;
  background: transparent !important;
  border: 1px solid #000 !important;
  padding: 12px 24px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

.facets__button:hover,
.facet-filters__label:hover,
.facets__summary:hover,
.filter-group__summary:hover {
  background-color: #000 !important;
  color: #fff !important;
}

/* Active filter state */
.facets__button--active,
.facet-filters__label--active,
.active-filters__button {
  background-color: #000 !important;
  color: #fff !important;
}

/* Filter dropdown content */
.facets__display,
.filter-group__display,
.disclosure__list {
  background: #fff !important;
  border: 1px solid #000 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
  padding: 16px !important;
}

/* Filter checkbox/radio items */
.facets__item,
.filter-group__item {
  font-family: 'Jost', sans-serif !important;
  font-size: 13px !important;
  padding: 8px 0 !important;
  color: #333 !important;
}

.facets__item:hover,
.filter-group__item:hover {
  color: #000 !important;
}

/* Sort dropdown */
.facet-filters__sort,
.collection-sort-by {
  font-family: 'Jost', sans-serif !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  border: 1px solid #000 !important;
  background: transparent !important;
  padding: 10px 16px !important;
  color: #000 !important;
}

/* Grid density toggle */
.facets__grid-density,
.grid-view-toggle {
  border: 1px solid #ddd !important;
  padding: 8px !important;
}

.facets__grid-density:hover,
.grid-view-toggle:hover {
  border-color: #000 !important;
}

.facets__grid-density.is-active,
.grid-view-toggle--active {
  background-color: #000 !important;
  border-color: #000 !important;
}

.facets__grid-density.is-active svg,
.grid-view-toggle--active svg {
  color: #fff !important;
}

/* Active filters (pills) */
.active-filters__button,
.facets__pill {
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  background: #f5f5f5 !important;
  color: #000 !important;
  border: none !important;
  padding: 8px 14px !important;
  border-radius: 0 !important;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.active-filters__button:hover,
.facets__pill:hover {
  background: #000 !important;
  color: #fff !important;
}

/* Clear all filters */
.active-filters__button-remove,
.facets__clear {
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  color: #666 !important;
  text-decoration: underline !important;
}

.active-filters__button-remove:hover,
.facets__clear:hover {
  color: #000 !important;
}

/* --- Predictive Search Dropdown --- */
.predictive-search,
predictive-search-component {
  background: #fff !important;
}

.predictive-search-dropdown {
  background: #fff !important;
  border: none !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;
}

/* Predictive search input */
.search-input,
.predictive-search input[type="search"] {
  font-family: 'Jost', sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  color: #000 !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 2px solid #000 !important;
  border-radius: 0 !important;
  padding: 16px 50px 16px 16px !important;
}

.search-input:focus,
.predictive-search input[type="search"]:focus {
  outline: none !important;
  border-bottom-color: #000 !important;
}

.search-input::placeholder,
.predictive-search input[type="search"]::placeholder {
  color: #888 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  font-size: 14px !important;
}

/* Search modal close button */
.predictive-search__close-modal-button {
  background: transparent !important;
  border: none !important;
  color: #000 !important;
  padding: 12px !important;
}

.predictive-search__close-modal-button:hover {
  background: #f5f5f5 !important;
}

/* Predictive search results sections */
.predictive-search-results__title {
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  color: #888 !important;
  padding: 20px 20px 10px !important;
  margin: 0 !important;
}

/* Search suggestion pills */
.predictive-search-results__pill,
.pills__pill {
  font-family: 'Jost', sans-serif !important;
  font-size: 13px !important;
  background: #f5f5f5 !important;
  color: #000 !important;
  border: none !important;
  padding: 10px 18px !important;
  border-radius: 0 !important;
  transition: all 0.2s ease !important;
}

.predictive-search-results__pill:hover,
.pills__pill:hover {
  background: #000 !important;
  color: #fff !important;
}

/* Predictive search product items */
.predictive-search-results__card {
  padding: 12px 20px !important;
  border-bottom: 1px solid #f0f0f0 !important;
  transition: background 0.2s ease !important;
}

.predictive-search-results__card:hover {
  background: #fafafa !important;
}

.predictive-search-results__card:last-child {
  border-bottom: none !important;
}

/* Product title in predictive search */
.predictive-search-results__card-title {
  font-family: 'Jost', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #000 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

/* Price in predictive search */
.predictive-search-results__card-price {
  font-family: 'Jost', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #000 !important;
}

/* View all results button */
.predictive-search__search-button {
  font-family: 'Jost', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  background: #000 !important;
  color: #fff !important;
  border: none !important;
  padding: 16px 32px !important;
  width: 100% !important;
  margin: 16px 0 !important;
  transition: background 0.3s ease !important;
}

.predictive-search__search-button:hover {
  background: #333 !important;
}

/* Search modal styling */
.search-modal__content {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2) !important;
}

/* --- Pagination --- */
.pagination,
.pagination-wrapper {
  display: flex;
  justify-content: center;
  gap: 8px;
  padding: 40px 0 20px;
}

.pagination__item,
.pagination a,
.pagination span {
  font-family: 'Jost', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  min-width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000 !important;
  border: 1px solid #ddd !important;
  transition: all 0.2s ease !important;
}

.pagination__item:hover,
.pagination a:hover {
  border-color: #000 !important;
  background: #000 !important;
  color: #fff !important;
}

.pagination__item--current,
.pagination .current,
.pagination__item.is-active {
  background: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
}

/* --- Results Count --- */
.collection__count,
.search-results-count,
.facets__product-count {
  font-family: 'Jost', sans-serif !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  color: #888 !important;
}

/* --- Loading State --- */
.collection--loading,
.loading-overlay {
  opacity: 0.5;
  pointer-events: none;
}

/* Loading spinner */
.loading-overlay__spinner {
  border-color: #000 !important;
  border-top-color: transparent !important;
}

/* ======================================== */


/* ============================================
   HEADER FIX - ALL BLACK
   ============================================ */

.header-wrapper,
.section-header,
header.header,
.header,
header {
  background-color: #000 !important;
  background: #000 !important;
  border-bottom: none !important;
}

.header__columns,
.header__columns.spacing-style,
.spacing-style,
.header__row,
.header__left,
.header__center,
.header__right,
.header__inline-menu,
.header__heading,
.header__icons {
  background-color: transparent !important;
  background: transparent !important;
}

header .color-scheme-1,
.header-wrapper .color-scheme-1,
.section-header .color-scheme-1 {
  background-color: transparent !important;
  background: transparent !important;
  color: #fff !important;
}

.header__icon,
.header__icon--search,
.header__search,
[class*="header__icon"] {
  background-color: transparent !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.header__left .header__icon--search,
.header__heading + .header__icon--search {
  display: none !important;
}

.header__heading-logo img,
.header-logo img,
header img[alt*="logo" i],
.header__heading img {
  filter: brightness(0) invert(1) !important;
}

.header__icon svg,
header svg,
.header a svg,
header path,
.header__icon path {
  color: #fff !important;
  fill: #fff !important;
  stroke: #fff !important;
}

.header__inline-menu a,
header a,
.header__menu-item {
  color: #fff !important;
}

.localization-wrapper,
.disclosure__button,
.localization-selector {
  background: transparent !important;
  color: #fff !important;
}

.drawer-menu__trigger,
[aria-label="Menu"],
.header__icon--menu {
  display: flex !important;
  visibility: visible !important;
  color: #fff !important;
}

@media screen and (max-width: 989px) {
  .header-wrapper,
  header.header,
  .header__columns {
    background-color: #000 !important;
    background: #000 !important;
  }
}

/* ============================================
   HAMBURGER MENU - SHOW ON DESKTOP
   ============================================ */

/* Override desktop:hidden to show hamburger on all screens */
.header__drawer.desktop:hidden,
.header__drawer {
  display: block !important;
}

/* Style the hamburger menu icon */
.header__drawer .header__icon--menu,
.header__drawer .header__icon--summary {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #fff !important;
}

/* Position hamburger on left side of header */
.header__column--left {
  display: flex !important;
  align-items: center !important;
  order: 1 !important;
}

/* Hamburger icon color */
.header-drawer-icon svg,
.header__drawer svg {
  stroke: #fff !important;
  color: #fff !important;
}

/* FORCE HAMBURGER VISIBLE - Aggressive override */
@media screen and (min-width: 990px) {
  .header__drawer,
  [class*="desktop"][class*="hidden"] {
    display: block !important;
  }
  
  header-drawer,
  .header-drawer {
    display: block !important;
  }
  
  .header__icon--menu,
  .header__icon--summary,
  summary[aria-label="Menu"] {
    display: flex !important;
    visibility: visible !important;
  }
}

/* ============================================
   MARQUEE BANNER - ABOVE HEADER + SLIMMER
   ============================================ */

/* Position marquee at very top */
.signature-announcement-bar,
.section-marquee,
[class*="marquee"] {
  z-index: 9999 !important;
  padding: 4px 0 !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  background: #000 !important;
}

/* Add padding to body for marquee height */
body {
  padding-top: 28px !important;
}

/* Make marquee text smaller */
.marquee__text,
.signature-announcement-bar span,
[class*="marquee"] p,
[class*="marquee"] span {
  font-size: 11px !important;
  letter-spacing: 1px !important;
}

/* ============================================
   HAMBURGER MENU - AGGRESSIVE WHITE FIX
   ============================================ */

/* Force hamburger visible on ALL screens */
.header__drawer,
.header__drawer.desktop\:hidden,
div[class*="desktop"][class*="hidden"],
header-drawer {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Hamburger icon - FORCE WHITE */
.header__icon--menu svg,
.header__icon--menu path,
.header__icon--summary svg,
.header__icon--summary path,
.header-drawer-icon svg,
.header-drawer-icon path,
summary[aria-label="Menu"] svg,
summary[aria-label="Menu"] path,
.header__drawer svg,
.header__drawer path {
  stroke: #ffffff !important;
  fill: none !important;
  color: #ffffff !important;
}

/* Hamburger button itself */
.header__icon--menu,
.header__icon--summary,
summary[aria-label="Menu"] {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #ffffff !important;
  cursor: pointer !important;



/* ============================================
   FINAL FIX: Hide static announcement, keep scrolling marquee
   ============================================ */

/* Hide the static announcement bar in header */


/* ============================================
   SUPER SPECIFIC: Force hide announcement bar
   ============================================ */
html body .signature-announcement-bar,
html body div.signature-announcement-bar,
#shopify-section-header .signature-announcement-bar,
header .signature-announcement-bar,
.header .signature-announcement-bar,
.header-wrapper .signature-announcement-bar {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}.signature-announcement-bar {
  display: none !important;
}

/* Keep the scrolling marquee visible and at natural position */
.section-marquee,
[class*="marquee"].shopify-section {
  position: relative !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Reduce header top padding since announcement bar is hidden */
.shopify-section-header,
#shopify-section-header {
  margin-top: 0 !important;
}

/* Remove body padding */
body {
  padding-top: 0 !important;
}}