/** Shopify CDN: Minification failed

Line 1167:0 Unexpected "}"
Line 1884:1 Expected "}" to go with "{"

**/
/* ===================================================================
   SIXTH STITCH – CUSTOM.CSS
   =================================================================== */

/* CRITICAL: Show variant picker */
variant-selects.no-js-hidden,
variant-radios.no-js-hidden {
  display: block !important;
}
   
/* === 1) HEADER VISIBILITY & LAYOUT === */
.template-index .shopify-section-header,
.shopify-section-header,
.header-wrapper,
sticky-header {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  background: #000 !important;
  z-index: 1000 !important;
}

/* === 2) HEADER GRID LAYOUT === */
.shopify-section-header .header {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
  padding: 6px 16px 8px !important;
  background: #000 !important;
}

.shopify-section-header .header__inline-menu,
.shopify-section-header .header__menu {
  grid-column: 1 !important;
  justify-self: start !important;
}

.shopify-section-header .header__heading {
  position: static !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  grid-column: 2 !important;
  justify-self: center !important;
  align-self: center !important;
}

.shopify-section-header .header__icons {
  grid-column: 3 !important;
  justify-self: end !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-left: 0 !important;
  white-space: nowrap !important;
}

/* === 3) CONTACT PAGE FIXES === */
.template-page.contact form[action*="/contact"] {
  max-width: 560px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 24px !important;
}

.section-template--contact,
.section-template--contact *,
.section-template--contact .rb-electric,
.section-template--contact .rb-electric *,
.section-template--contact .form,
.section-template--contact .form * {
  cursor: default !important;
}

.section-template--contact .form input[type="text"],
.section-template--contact .form input[type="email"],
.section-template--contact .form input[type="tel"],
.section-template--contact .form textarea {
  cursor: text !important;
}

.section-template--contact .form button,
.section-template--contact .form [type="submit"],
.section-template--contact .form .button {
  cursor: pointer !important;
}

/* === 4) MISC LAYOUT FIXES === */
.header__heading-logo {
  display: block !important;
  height: auto !important;
}

.background-video,
.section-video,
.banner,
.index-section,
.hero,
.hero__media {
  position: relative !important;
  z-index: 1 !important;
}

/* === 5) HOVER EFFECTS === */
.header__icon {
  position: relative !important;
  transition: opacity .15s, transform .15s !important;
}

.header__icon:hover {
  opacity: .95 !important;
  transform: translateY(-1px) !important;
}

a[href="/cart"].header__icon--cart,
#cart-icon-bubble {
  height: 36px !important;
  width: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.header__icon--cart .icon-cart {
  height: 36px !important;
  width: 36px !important;
}

.header__icon .visually-hidden {
  display: none !important;
}

/* Product grid columns */
@media screen and (min-width: 990px) {
  #product-grid .grid__item {
    min-width: 0 !important;
  }
  
  #product-grid.grid--4-col-desktop .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4) !important;
    max-width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4) !important;
  }
  
  #product-grid.grid--5-col-desktop .grid__item {
    width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5) !important;
    max-width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5) !important;
  }
}

.product-grid .card__inner.ratio {
  --ratio-percent: 75% !important;
}

@keyframes flicker {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.8; }
}

header * {
  animation-play-state: running !important;
}

/* === DESKTOP PRODUCT PAGE NEON STYLING === */
.product__title,
.product__description {
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(15px);
  padding: 2rem;
  border: 1px solid rgba(0, 174, 255, 0.2);
  margin-bottom: 2rem;
  position: relative;
  max-width: 80%;
  box-shadow: 0 0 20px rgba(0, 174, 255, 0.15);
}

.product__title h1 {
  background: linear-gradient(90deg, 
    rgba(0, 255, 255, 0.5) 0%, 
    rgba(0, 255, 255, 1) 50%, 
    rgba(0, 255, 255, 0.5) 100%);
  background-size: 200% auto;
  color: white;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shimmer 3s linear infinite;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 2.6rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
}

.product__description {
  background: linear-gradient(90deg, 
    rgba(0, 255, 255, 0.5) 0%, 
    rgba(0, 255, 255, 1) 50%, 
    rgba(0, 255, 255, 0.5) 100%);
  background-size: 200% auto;
  color: white;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shimmer 3s linear infinite;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 1.4rem !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
}

@keyframes shimmer {
  to {
    background-position: 200% center;
  }
}

/* Variant selectors */
select,
.select select,
.product-form__input select,
select[name*="options"],
.select__select {
  background: #000 !important;
  background-color: #000 !important;
  border: 1px solid rgba(0, 174, 255, 0.3) !important;
  color: white !important;
  padding: 1rem !important;
  transition: all 0.15s ease !important;
  box-shadow: 0 0 10px rgba(0, 174, 255, 0.1);
}

.quantity__input,
input[type="number"] {
  background: #000 !important;
  background-color: #000 !important;
  border: 1px solid rgba(0, 174, 255, 0.3) !important;
  color: white !important;
  padding: 1rem !important;
  transition: all 0.15s ease !important;
  box-shadow: 0 0 10px rgba(0, 174, 255, 0.1);
}

select:hover,
select:focus,
.select__select:hover,
.select__select:focus,
.quantity__input:hover,
.quantity__input:focus,
input[type="number"]:hover,
input[type="number"]:focus {
  border-color: rgba(0, 174, 255, 0.9) !important;
  box-shadow: 0 0 20px rgba(0, 174, 255, 0.5),
              inset 0 0 10px rgba(0, 174, 255, 0.2) !important;
}

@keyframes electricPulse {
  0%, 100% {
    box-shadow: 0 0 15px rgba(0, 174, 255, 0.3);
  }
  50% {
    box-shadow: 0 0 30px rgba(0, 174, 255, 0.7),
                0 0 50px rgba(0, 174, 255, 0.4);
  }
}

select:focus,
.select__select:focus,
.quantity__input:focus,
input[type="number"]:focus {
  animation: electricPulse 1.5s ease-in-out infinite;
}

/* Add to Cart button */
.product-form__submit {
  background: linear-gradient(135deg, #00aeff 0%, #0080ff 100%) !important;
  color: white !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  padding: 1.2rem 3rem !important;
  font-size: 0.95rem !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease !important;
}

.product-form__submit::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    45deg,
    transparent 30%,
    rgba(255, 255, 255, 0.3) 50%,
    transparent 70%
  );
  transform: rotate(45deg);
  animation: shine 3s infinite;
}

@keyframes shine {
  0% {
    transform: translateX(-100%) translateY(-100%) rotate(45deg);
  }
  100% {
    transform: translateX(100%) translateY(100%) rotate(45deg);
  }
}

.product-form__submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(0, 174, 255, 0.4),
              0 0 30px rgba(0, 174, 255, 0.3);
}

.product-form__input,
variant-selects,
.quantity,
.product-form__quantity {
  margin-bottom: 2rem !important;
}

section[id^="MainProduct-"] .product-form__input .select__select,
section[id^="MainProduct-"] .product-form__input select {
  background: #000 !important;
  background-color: #000 !important;
}

/* ===================================================================
   CART DRAWER - COMPLETE FINAL VERSION
   =================================================================== */

/* Base drawer styling */
cart-drawer,
#CartDrawer,
.drawer {
  right: 0 !important;
  background: radial-gradient(
    ellipse at center,
    rgba(20, 20, 30, 0.98) 0%,
    rgba(10, 10, 15, 0.98) 100%
  ) !important;
  box-shadow: 0 0 60px rgba(138, 43, 226, 0.3) !important;
  border: 1px solid rgba(138, 43, 226, 0.4) !important;
}

.drawer__inner {
  padding: 0 !important;
}

/* Compact header */
.drawer__header {
  padding: 0.75rem 1.5rem !important;
  margin-bottom: 0 !important;
}

.drawer__heading {
  font-size: 1.3rem !important;
  margin: 0 !important;
}

.drawer__close {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  padding: 0.25rem !important;
  top: 0.5rem !important;
  right: 0.5rem !important;
}

.drawer__close svg {
  width: 18px !important;
  height: 18px !important;
}

.drawer__contents {
  padding: 0 1.5rem !important;
  flex-grow: 1 !important;
}

/* Destroy theme grid - use flex */
.cart-drawer .cart-items,
.cart-drawer tbody {
  display: block !important;
}

.cart-drawer .cart-item {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 1rem !important;
  width: 100% !important;
  padding: 1rem 0 !important;
  border-bottom: 1px solid rgba(138, 43, 226, 0.1) !important;
  grid-template: none !important;
}

.cart-drawer .cart-item__media {
  flex-shrink: 0 !important;
  display: block !important;
}

.cart-drawer .cart-item__details {
  flex: 1 !important;
  min-width: 0 !important;
  display: block !important;
}

.cart-drawer .cart-item__name {
  font-size: 0.9rem !important;
  line-height: 1.3 !important;
  margin-bottom: 0.4rem !important;
  word-wrap: break-word !important;
  white-space: normal !important;
}

.cart-drawer .product-option {
  font-size: 0.85rem !important;
  line-height: 1.2 !important;
  display: block !important;
  margin: 0.2rem 0 !important;
}

.cart-drawer .cart-item__totals {
  flex-shrink: 0 !important;
  text-align: right !important;
  display: block !important;
}

.cart-drawer .cart-item__totals .price {
  font-size: 0.9rem !important;
}

.cart-drawer .cart-item__quantity {
  width: 100% !important;
  display: block !important;
  margin-top: 0.5rem !important;
  padding-top: 0 !important;
}

.cart-drawer .cart-item__quantity-wrapper {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
}

/* Quantity controls */
.cart-drawer .quantity__input {
  height: 36px !important;
  font-size: 0.85rem !important;
  padding: 0.25rem !important;
}

.cart-drawer .quantity__button {
  height: 36px !important;
  padding: 0.25rem !important;
}

.cart-drawer .quantity__button svg {
  width: 14px !important;
  height: 14px !important;
}

/* Remove button */
.cart-drawer cart-remove-button .button {
  height: 36px !important;
  padding: 0.25rem !important;
}

.cart-drawer cart-remove-button svg {
  width: 16px !important;
  height: 16px !important;
}

/* Footer */
.drawer__footer {
  padding: 0.75rem 1.5rem 1rem !important;
  border-top: 1px solid rgba(138, 43, 226, 0.2) !important;
}

.cart-drawer__footer .totals {
  display: flex !important;
  justify-content: space-between !important;
  margin-bottom: 0.5rem !important;
}

.totals__subtotal,
.totals__subtotal-value {
  font-size: 0.95rem !important;
  margin: 0 !important;
}

.cart-drawer__footer .tax-note {
  font-size: 0.75rem !important;
  line-height: 1.3 !important;
  margin: 0.5rem 0 0.75rem !important;
}

.cart__checkout-button {
  font-size: 0.85rem !important;
  padding: 0.75rem !important;
}

/* === DESKTOP SPECIFIC === */
@media (min-width: 750px) {
  cart-drawer,
  #CartDrawer,
  .drawer {
    max-width: 420px !important;
    width: 420px !important;
  }
  
  .drawer__inner {
    width: 100% !important;
    max-width: 100% !important;
  }
  
  /* Stack vertically on desktop too */
  .cart-drawer .cart-item {
    flex-direction: column !important;
    gap: 0.5rem !important;
  }
  
  .cart-drawer .cart-item__media {
    width: 100% !important;
  }
  
  .cart-drawer .cart-item__image {
    width: 90px !important;
    height: 90px !important;
  }
  
  .cart-drawer .cart-item__details {
    width: 100% !important;
  }
  
  .cart-drawer .cart-item__totals {
    width: 100% !important;
    text-align: left !important;
  }
  
  .cart-drawer .cart-item__quantity {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
  }
  
  .cart-drawer .cart-item__quantity-wrapper {
    order: 1 !important;
  }
  
  .drawer__footer,
  .cart__checkout-button {
    width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* === MOBILE SPECIFIC === */
@media (max-width: 749px) {
  cart-drawer,
  #CartDrawer,
  .drawer {
    max-width: 100vw !important;
    width: 100vw !important;
  }
  
  .drawer__header {
    padding: 0.5rem 1rem !important;
  }
  
  .drawer__heading {
    font-size: 1.1rem !important;
  }
  
  .drawer__close {
    width: 28px !important;
    height: 28px !important;
  }
  
  .drawer__close svg {
    width: 16px !important;
    height: 16px !important;
  }
  
  .drawer__contents {
    padding: 0 1rem !important;
  }
  
  .drawer__footer {
    padding: 0.75rem 1rem !important;
  }
  
  /* Stack vertically on mobile */
  .cart-drawer .cart-item {
    flex-direction: column !important;
    gap: 0.75rem !important;
    padding: 0.75rem 0 !important;
  }
  
  .cart-drawer .cart-item__media {
    width: 100% !important;
  }
  
  .cart-drawer .cart-item__image {
    width: 100px !important;
    height: 100px !important;
  }
  
  .cart-drawer .cart-item__details,
  .cart-drawer .cart-item__totals {
    width: 100% !important;
  }
  
  .cart-drawer .cart-item__totals {
    text-align: left !important;
  }
  
  .cart-drawer .quantity__input {
    width: 36px !important;
    height: 32px !important;
    font-size: 0.8rem !important;
  }
  
  .cart-drawer .quantity__button {
    width: 28px !important;
    height: 32px !important;
  }
  
  .totals__subtotal,
  .totals__subtotal-value {
    font-size: 0.9rem !important;
  }
  
  .cart-drawer__footer .tax-note {
    font-size: 0.7rem !important;
  }
  
  .cart__checkout-button {
    font-size: 0.8rem !important;
    padding: 0.7rem !important;
  }
}

/* ===================================================================
   SIXTH STITCH – SEARCH STYLING (NUCLEAR OPTION)
   =================================================================== */

/* Force header and all parent containers to stay black */
.header-wrapper,
.shopify-section-header,
.shopify-section-header-group,
sticky-header,
.header,
.header__wrapper,
details-modal,
.modal__content {
  background: #000 !important;
  background-color: #000 !important;
}

/* Force black when search/details is open */
details[open],
details[open] + *,
.header:has(details[open]),
.header-wrapper:has(details[open]) {
  background: #000 !important;
  background-color: #000 !important;
}

/* Target the specific modal/overlay that might be appearing */
.header__search,
details-modal.header__search,
.header details,
.header details[open] {
  background: transparent !important;
}

/* Keep search icon in position */
.header__icon--search,
details-modal.header__search {
  position: static !important;
}

/* The actual search dropdown styling */
details[open] > .header__search,
.header__search[open],
details[open] .header__search > div {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  transform: none !important;
  margin: 0 !important;
  background: rgba(0, 0, 0, 0.98) !important;
  backdrop-filter: blur(20px) !important;
  border-bottom: 2px solid rgba(0, 230, 230, 0.3) !important;
  box-shadow: 0 10px 40px rgba(0, 230, 230, 0.2) !important;
  z-index: 999 !important;
}

/* Prevent predictive-search element from moving */
predictive-search {
  position: relative !important;
}

/* Search form wrapper */
.search-modal__content,
.header__search-form {
  max-width: 100% !important;
  padding: 1.5rem !important;
  margin: 0 auto !important;
}

/* Search input field */
.search__input.field__input,
.search__input,
.header__search input[type="search"] {
  background: rgba(0, 20, 20, 0.6) !important;
  border: 1px solid rgba(0, 230, 230, 0.3) !important;
  color: #ffffff !important;
  font-size: 1.1rem !important;
  padding: 1.2rem 10rem 1.2rem 1.5rem !important;
  width: 100% !important;
  transition: all 0.3s ease !important;
  caret-color: #00e6e6 !important;
}

.search__input.field__input::placeholder,
.search__input::placeholder,
.header__search input[type="search"]::placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
  font-style: italic !important;
}

.search__input.field__input:focus,
.search__input:focus,
.header__search input[type="search"]:focus {
  border-color: rgba(0, 230, 230, 0.9) !important;
  box-shadow: 0 0 20px rgba(0, 230, 230, 0.4),
              inset 0 0 10px rgba(0, 230, 230, 0.1) !important;
  outline: none !important;
}

/* Search and reset buttons inside dropdown only */
.header__search .search__button,
.header__search .reset__button {
  background: transparent !important;
  transition: all 0.2s ease !important;
}

.header__search .search__button:hover,
.header__search .reset__button:hover {
  background: rgba(0, 230, 230, 0.1) !important;
}

.header__search .search__button .icon,
.header__search .reset__button .icon {
  color: #00e6e6 !important;
  stroke: #00e6e6 !important;
  filter: drop-shadow(0 0 5px rgba(0, 230, 230, 0.5)) !important;
}

.header__search .search__button:hover .icon,
.header__search .reset__button:hover .icon {
  filter: drop-shadow(0 0 10px rgba(0, 230, 230, 0.8)) !important;
}

/* Predictive search results dropdown */
.header__search [data-predictive-search],
.header__search .predictive-search {
  background: rgba(0, 0, 0, 0.95) !important;
  border: 1px solid rgba(0, 230, 230, 0.2) !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.8) !important;
  margin-top: 0.5rem !important;
  max-height: 70vh !important;
  overflow-y: auto !important;
}

/* Search results items */
.predictive-search__item,
.predictive-search__list-item {
  background: transparent !important;
  border-bottom: 1px solid rgba(0, 230, 230, 0.1) !important;
  transition: all 0.2s ease !important;
}

.predictive-search__item:hover,
.predictive-search__list-item:hover,
.predictive-search__item[aria-selected="true"],
.predictive-search__list-item[aria-selected="true"] {
  background: rgba(0, 230, 230, 0.1) !important;
  border-left: 3px solid #00e6e6 !important;
}

.predictive-search__item-heading,
.predictive-search__item-vendor,
.predictive-search-item__content h3,
.predictive-search__heading {
  color: #ffffff !important;
}

.predictive-search__item-heading:hover {
  color: #00e6e6 !important;
}

.predictive-search__item-vendor,
.predictive-search__item-price {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* Loading state */
.header__search predictive-search[loading] .search__button .icon {
  animation: searchPulse 1.5s ease-in-out infinite !important;
}

@keyframes searchPulse {
  0%, 100% {
    filter: drop-shadow(0 0 5px rgba(0, 230, 230, 0.5));
  }
  50% {
    filter: drop-shadow(0 0 15px rgba(0, 230, 230, 1));
  }
}

/* Search message/empty state */
.predictive-search__message,
.predictive-search-status {
  color: rgba(255, 255, 255, 0.7) !important;
  text-align: center !important;
  padding: 2rem !important;
}

/* Results count */
.predictive-search__results-count {
  color: #00e6e6 !important;
  font-weight: 600 !important;
}

/* ===================================================================
   MOBILE OPTIMIZATION
   =================================================================== */
@media (max-width: 749px) {
  .header__search input[type="search"] {
    font-size: 1rem !important;
    padding: 1rem 8rem 1rem 1rem !important;
  }
  
  .header__search .search-modal__content,
  .header__search-form {
    padding: 1rem !important;
  }
  
  .header__search [data-predictive-search],
  .header__search .predictive-search {
    max-height: 60vh !important;
  }
  
  .predictive-search__item,
  .predictive-search__list-item {
    padding: 1rem !important;
  }
}

/* ===================================================================
   SIXTH STITCH – CART BUBBLE STYLING (REVISED POSITIONING)
   =================================================================== */

/* ===================================================================
   SIXTH STITCH – CART BUBBLE STYLING
   =================================================================== */

/* Reset the cart link wrapper */
a#cart-icon-bubble,
a.header__icon--cart,
.header__icon--cart {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* The cart icon itself - keep it normal */
.header__icon--cart .icon,
.icon-cart,
.header__icon svg {
  color: inherit !important;
  stroke: inherit !important;
  fill: none !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Hide the original red bubble container */
.cart-count-bubble {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Desktop and Mobile - Style the number span as neon bubble */
.cart-count-bubble span[aria-hidden="true"],
#cart-icon-bubble span[aria-hidden="true"],
cart-notification-button span[aria-hidden="true"] {
  background: linear-gradient(135deg, #00ffff 0%, #00e6e6 50%, #00ffff 100%) !important;
  background-size: 200% 200% !important;
  animation: neonPulse 2s ease-in-out infinite !important;
  color: #000 !important;
  font-weight: 700 !important;
  border: 2px solid rgba(255, 255, 255, 0.8) !important;
  box-shadow: 
    0 0 10px rgba(0, 255, 255, 0.8),
    0 0 20px rgba(0, 255, 255, 0.6),
    0 0 30px rgba(0, 255, 255, 0.4),
    inset 0 0 10px rgba(255, 255, 255, 0.3) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  position: absolute !important;
  min-width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 4px !important;
  font-size: 0.75rem !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Desktop positioning */
@media (min-width: 750px) {
  .cart-count-bubble span[aria-hidden="true"],
  #cart-icon-bubble span[aria-hidden="true"] {
    right: 6px !important;
    top: 0px !important;
  }
}

/* Mobile positioning */
@media (max-width: 749px) {
  .cart-count-bubble span[aria-hidden="true"],
  #cart-icon-bubble span[aria-hidden="true"] {
    right: 8px !important;
    top: 2px !important;
    min-width: 18px !important;
    height: 18px !important;
    font-size: 0.7rem !important;
    padding: 2px !important;
  }
  
  .header__icon--cart {
    position: relative !important;
    overflow: visible !important;
  }
  
  .header__icons {
    overflow: visible !important;
    padding-right: 8px !important;
  }
}

@keyframes neonPulse {
  0%, 100% {
    box-shadow: 
      0 0 10px rgba(0, 255, 255, 0.8),
      0 0 20px rgba(0, 255, 255, 0.6),
      0 0 30px rgba(0, 255, 255, 0.4),
      inset 0 0 10px rgba(255, 255, 255, 0.3);
  }
  50% {
    box-shadow: 
      0 0 15px rgba(0, 255, 255, 1),
      0 0 30px rgba(0, 255, 255, 0.8),
      0 0 45px rgba(0, 255, 255, 0.6),
      inset 0 0 15px rgba(255, 255, 255, 0.5);
  }
}

/* Mobile fixes */
@media (max-width: 749px) {
  .cart-count-bubble span[aria-hidden="true"],
  #cart-icon-bubble span[aria-hidden="true"] {
    right: 8px !important;
    top: 2px !important;
    min-width: 18px !important;
    height: 18px !important;
    font-size: 0.7rem !important;
    padding: 2px !important;
  }
  
  .header__icon--cart {
    position: relative !important;
    overflow: visible !important;
  }
  
  .header__icons {
    overflow: visible !important;
    padding-right: 8px !important;
  }
}

/* === MOBILE PRODUCT PAGE - THUMBNAILS ONLY === */
@media screen and (max-width: 749px) {
  
  /* Remove top padding */
  section[id^="MainProduct-"] {
    padding-top: 0 !important;
  }
  
  /* Hide desktop gallery */
  .product__media-wrapper {
    display: none !important;
  }
  
  /* Main product grid */
  .product.grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    padding-top: 1.5rem !important;
  }
  
  /* Product info comes first */
  .product__info-wrapper {
    order: 1 !important;
    width: 100% !important;
    padding: 0 1.5rem !important;
    margin-bottom: 0 !important;
  }
  
  /* Show mobile gallery container */
  .small-show.medium-hide.large-up-hide {
    display: block !important;
    order: 2 !important;
    margin: 1rem 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }
  
  /* HIDE the main image slider (the big white cards) */
  .small-show slider-component:has(.product__media-list) {
    display: none !important;
  }
  
  /* Also try this alternative if above doesn't work */
  .small-show #GalleryViewer-template--18777495765282__main-duplicate {
    display: none !important;
  }
  
  /* SHOW ONLY the thumbnail carousel */
  .thumbnail-slider {
    display: block !important;
    margin: 0 !important;
  }
  
  /* Style the thumbnails */
  .thumbnail-list {
    padding: 0.5rem 1.5rem !important;
  }
  
  .thumbnail-list__item.slider__slide,
  .thumbnail-list__item {
    width: calc(25% - 0.6rem) !important;
    min-width: 60px !important;
    max-width: 90px !important;
  }
  
  /* Clean up title and description */
  .product__title,
  .product__description {
    max-width: 100% !important;
    padding: 1rem !important;
    margin-bottom: 1rem !important;
  }
  
  .product__title h1 {
    font-size: 1.8rem !important;
    line-height: 1.3 !important;
  }
  
  .product__description {
    font-size: 1.2rem !important;
    line-height: 1.5 !important;
  }
  
  /* Tighten spacing */
  .product__info-container > * {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  
  .product__info-container > *:first-child {
    margin-top: 0 !important;
  }
}

  /* HIDE the main image slider (the big white cards) */
  .small-show slider-component:has(.product__media-list) {
    display: none !important;
  }
  
  /* Also try this alternative if above doesn't work */
  .small-show #GalleryViewer-template--18777495765282__main-duplicate {
    display: none !important;
  }
  
  /* SHOW ONLY the thumbnail carousel */
  .thumbnail-slider {
    display: block !important;
    margin: 0 !important;
  }
  
  /* Style the thumbnails */
  .thumbnail-list {
    padding: 0.5rem 1.5rem !important;
  }
  
  .thumbnail-list__item.slider__slide,
  .thumbnail-list__item {
    width: calc(25% - 0.6rem) !important;
    min-width: 60px !important;
    max-width: 90px !important;
  }
  
  /* Clean up title and description */
  .product__title,
  .product__description {
    max-width: 100% !important;
    padding: 1rem !important;
    margin-bottom: 1rem !important;
  }
  
  .product__title h1 {
    font-size: 1.8rem !important;
    line-height: 1.3 !important;
  }
  
  .product__description {
    font-size: 1.2rem !important;
    line-height: 1.5 !important;
  }
  
  /* Tighten spacing */
  .product__info-container > * {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  
  .product__info-container > *:first-child {
    margin-top: 0 !important;
  }
}

/* === COLLECTIONS PAGE FIXES === */

/* Remove white boxes/spacers between collection images */
.collection-list-item,
.collection-list .grid__item {
  background: transparent !important;
  padding: 0 !important;
}

.collection-list {
  gap: 20px !important;
}

/* Remove any white backgrounds from collection cards */
.card-wrapper,
.collection-list .card {
  background: transparent !important;
  border: none !important;
}

/* Reduce collection image size on desktop */
@media (min-width: 750px) {
  .collection-list .card__inner {
    max-height: 500px !important;
  }
  
  .collection-list .media {
    max-height: 500px !important;
  }
}

/* Add glow animation on hover */
.collection-list .card {
  position: relative;
  transition: all 0.4s ease;
  overflow: visible !important;
}
.collection-list .card:hover {
  transform: translateY(-5px);
}
.collection-list .card::before {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  background: linear-gradient(45deg,
    rgba(255, 255, 255, 0.3),
    rgba(255, 255, 255, 0.1),
    rgba(255, 255, 255, 0.3)
  );
  border-radius: inherit;
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
  z-index: -1;
  filter: blur(10px);
}
.collection-list .card:hover::before {
  opacity: 1;
}
/* Ensure images fill properly without white gaps */
.collection-list .media img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
/* Remove any padding/margin that creates white space */
.collection-list-wrapper,
.collection-list-grid {
  padding: 0 !important;
  background: transparent !important;
}

/* === COLLECTIONS PAGE - UNIFIED FIX (NO CONFLICTS) === */

/* Remove padding/margin from all parent containers */
body.template-list-collections,
.template-list-collections body,
.template-list-collections main,
.template-list-collections .main-content,
.template-list-collections #MainContent {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Remove padding from section wrapper AND force black background */
.template-list-collections .shopify-section:first-of-type,
.template-list-collections .section:first-of-type,
.template-list-collections .section:first-child,
.template-list-collections .shopify-section:first-child,
#shopify-section-template--18815415976075__main,
.template-list-collections .shopify-section.section {
  padding-top: 0 !important;
  margin-top: 0 !important;
  background: #000 !important;  /* BLACK instead of transparent */
  background-color: #000 !important;
}

/* FORCE BLACK on the gradient class specifically - highest priority */
.template-list-collections .shopify-section.section.gradient,
#shopify-section-template--18815415976075__main.shopify-section.gradient,
body.template-list-collections .gradient {
  background: #000 !important;
  background-color: #000 !important;
}

/* Remove padding from page-width container */
.template-list-collections .page-width,
.template-list-collections .page-width:first-child,
#shopify-section-template--18815415976075__main .page-width,
.collection-list-wrapper.page-width {
  padding-top: 0 !important;
  margin-top: 0 !important;
  background: #000 !important;  /* BLACK here too */
  background-color: #000 !important;
}

/* Add minimal spacing to title only */
.template-list-collections h1.title.title--primary,
.template-list-collections .inline-richtext {
  margin-top: 0 !important;
  padding-top: 1rem !important;
  background: transparent !important;  /* Only the title has transparent bg */
}

/* Remove any gap above the title */
.template-list-collections .page-width > *:first-child {
  margin-top: 0 !important;
}

/* === FIX #1: CENTER THE 4-COLUMN GRID ON DESKTOP === */
@media (min-width: 750px) {
  .collection-list.grid {
    justify-content: center !important;
    margin: 0 auto !important;
  }
  
  /* If grid is not perfectly centered, constrain the width */
  .collection-list-wrapper.page-width {
    max-width: 1400px !important;
    margin: 0 auto !important;
  }
}

/* === FIX #2: REDUCE TITLE FONT SIZE ON MOBILE ONLY === */
@media screen and (max-width: 749px) {
  .collection-list-title,
  .collection-list-wrapper .title,
  .template-list-collections .title--primary,
  .template-list-collections h1 {
    font-size: 2rem !important;
    line-height: 1.2 !important;
    margin-bottom: 1.5rem !important;
  }
  
  /* If still too big, use this more aggressive approach */
  .template-list-collections .inline-richtext.h1,
  .template-list-collections .title.title--primary {
    font-size: 1.8rem !important;
  }
}

/* === FIX #3: FORCE MOBILE TO 2 COLUMNS === */
@media screen and (max-width: 749px) {
  /* Force 2 columns on mobile for collections page */
  .collection-list.grid,
  ul.collection-list {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 15px !important;
  }
  
  .collection-list__item,
  .collection-list .grid__item {
    width: 100% !important;
    max-width: 100% !important;
  }
  
  /* Disable slider on mobile to show grid */
  .collection-list.slider {
    overflow: visible !important;
  }
  
  .collection-list.slider .slider__slide {
    width: 100% !important;
  }
}

/* === FORCE MOBILE TO 2 COLUMNS === */
@media screen and (max-width: 749px) {
  /* Force 2 columns on mobile for collections page */
  .collection-list.grid,
  ul.collection-list {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 15px !important;
  }
 
  .collection-list__item,
  .collection-list .grid__item {
    width: 100% !important;
    max-width: 100% !important;
  }
 
  /* Disable slider on mobile to show grid */
  .collection-list.slider {
    overflow: visible !important;
  }
 
  .collection-list.slider .slider__slide {
    width: 100% !important;
  }
}
/* === MOBILE PRODUCT PAGE - INCREASE THUMBNAIL SIZE === */
@media screen and (max-width: 749px) {
  /* Increase thumbnail size to 100px */
  .thumbnail-list__item {
    min-width: 100px !important;
    max-width: 100px !important;
    width: 100px !important;
  }
 
  .thumbnail-list .thumbnail {
    width: 100px !important;
    height: 100px !important;
  }
 
  /* Adjust grid to accommodate larger thumbnails */
  .thumbnail-list {
    gap: 10px !important;
  }
}

/* More specific selector to hide the title */
   body.template-list-collections #MainContent #shopify-section-template--18815415976075__main .page-width h1.title.title--primary.inline-richtext,
   .shopify-section .page-width h1.title.title--primary.inline-richtext,
   .page-width h1.title.title--primary {
     display: none !important;
     height: 0 !important;
     overflow: hidden !important;
     visibility: hidden !important;
   }

   .template-list-collections .section {
     background: #000 !important;
     padding-top: 0 !important; /* Remove any top padding */
     margin-top: 0 !important; /* Remove any top margin */
   }
   
   /* Also target potential wrappers */
   body.template-list-collections, 
   .template-list-collections #MainContent {
     background: #000 !important;
   }

   /* Hide original title */
   .template-list-collections .page-width h1.title.title--primary {
     display: none !important;
   }
   
   /* Remove any top spacing */
   .template-list-collections .section {
     padding-top: 0 !important;
     margin-top: 0 !important;
   }

   /* Electric Border Effect - Direct targeting */
.collection-list__item .card-wrapper .card {
  position: relative;
  overflow: visible !important;
}

.collection-list__item .card-wrapper .card::before {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  background: linear-gradient(90deg, #00f0ff, #7e22ce, #00f0ff);
  background-size: 200% auto;
  border-radius: 5px;
  z-index: -1;
  animation: electricBorderAnimation 3s linear infinite;
  filter: blur(2px);
  pointer-events: none;
}

@keyframes electricBorderAnimation {
  0% {
    background-position: 0% center;
    box-shadow: 0 0 10px 2px rgba(0, 240, 255, 0.5);
  }
  50% {
    background-position: 100% center;
    box-shadow: 0 0 15px 3px rgba(126, 34, 206, 0.5);
  }
  100% {
    background-position: 0% center;
    box-shadow: 0 0 10px 2px rgba(0, 240, 255, 0.5);
  }
}

/* Random glitch effect */
.collection-list__item:nth-child(odd) .card-wrapper .card::before {
  animation-duration: 2.5s;
}

.collection-list__item:nth-child(even) .card-wrapper .card::before {
  animation-duration: 3.5s;
}

/* For older themes that might need !important */
.collection-list__item .card-wrapper .card::before {
  display: block !important;
  visibility: visible !important;
}

/* Target mobile thumbnails */
@media screen and (max-width: 749px) {
  /* Adjust container to allow proper spacing */
  .product__media-list {
    margin: 0 -5px !important; /* Negative margin to counteract padding */
    width: calc(100% + 10px) !important; /* Compensate for margins */
  }
  
  /* Fix spacing between thumbnails */
  .product__media-item {
    padding: 0 5px !important;
    margin: 0 0 10px !important;
  }
  
  /* Ensure thumbnails maintain their aspect ratio */
  .product__media-item .media {
    overflow: hidden !important;
    height: auto !important;
  }
}

@media screen and (max-width: 749px) {
  /* Move thumbnail gallery above buttons */
  .product-form {
    display: flex;
    flex-direction: column;
  }
  
  /* Assuming gallery and buttons are siblings - adjust selector as needed */
  .product__media-gallery {
    order: 1;
  }
  
  .product-form__buttons {
    order: 2;
  }
}

@media screen and (max-width: 749px) {
  /* Move thumbnail gallery above buttons */
  .product-form {
    display: flex;
    flex-direction: column;
  }
  
  /* Assuming gallery and buttons are siblings - adjust selector as needed */
  .product__media-gallery {
    order: 1;
  }
  
  .product-form__buttons {
    order: 2;
  }
}

@media screen and (max-width: 749px) {
  /* Target the glitch text element specifically */
  .glitch-wrapper {
    width: 100% !important;
    text-align: center !important;
    display: block !important;
    margin: 0 auto !important;
  }
  
  .glitch-text {
    text-align: center !important;
    width: 100% !important;
    display: block !important;
    margin: 0 auto !important;
    font-size: 1.5rem !important; /* Smaller font size */
  }
}

@media screen and (min-width: 750px) {
  /* Dramatically increase thumbnail size */
  button.thumbnail.global-media-settings {
    transform: scale(1.75) !important;
    transform-origin: top left !important;
    margin: 12px !important;
  }
  
  /* Give container more space */
  .product__media-gallery .product__media-wrapper .product__media-thumbnails {
    margin-top: 10px !important;
    margin-left: 5px !important;
  }
}

/* ===================================================================
   SIXTH STITCH - PRODUCT THUMBNAILS FIX
   =================================================================== */

/* Hide debug grid lines throughout product page */
.product-section [style*="background"],
#MainContent [style*="background-image"],
.product-section div[style*="background-color"],
.product-section *:not(.product__media):not(.product-media-modal__content):not(.global-media-settings):not(.product__media-list) {
  background-image: none !important;
  background: none !important;
  border: none !important;
}

/* Fix thumbnail display */
.thumbnail-list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  padding: 15px 0 !important;
  background: none !important;
  border: none !important;
  margin: 0 !important;
  width: 100% !important;
  overflow: visible !important;
}

.thumbnail-list__item {
  width: auto !important;
  min-width: 70px !important;
  max-width: 85px !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
  background: none !important;
  border: none !important;
}

/* Style thumbnails */
.thumbnail {
  cursor: pointer !important;
  border: 2px solid rgba(0, 174, 255, 0.2) !important;
  border-radius: 3px !important;
  transition: all 0.2s ease !important;
  overflow: hidden !important;
  position: relative !important;
  background: #000 !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

.thumbnail img {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  background: #000 !important;
}

.thumbnail:hover {
  border-color: rgba(0, 174, 255, 0.6) !important;
  box-shadow: 0 0 10px rgba(0, 174, 255, 0.3) !important;
  transform: translateY(-2px) !important;
}

.thumbnail[aria-current="true"] {
  border-color: rgba(0, 174, 255, 0.9) !important;
  box-shadow: 0 0 15px rgba(0, 174, 255, 0.5) !important;
}

/* Improve thumbnail container */
.thumbnail-slider {
  width: 100% !important;
  margin: 10px 0 20px !important;
  background: none !important;
  padding: 0 !important;
}

/* Fix slider buttons */
.thumbnail-slider .slider-button {
  display: none !important;
}

/* Fix mobile layout */
@media screen and (max-width: 749px) {
  .product.grid {
    display: flex !important;
    flex-direction: column !important;
  }
  
  .product__info-wrapper {
    order: 1 !important;
  }
  
  .small-show.medium-hide.large-up-hide {
    order: 2 !important;
  }
  
  /* Hide the main gallery viewer on mobile */
  .small-show #GalleryViewer-MainProduct-duplicate {
    display: none !important;
  }
  
  /* Show thumbnails on mobile */
  .small-show .thumbnail-slider {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    opacity: 1 !important;
  }
  
  /* Scrollable row for mobile */
  .small-show .thumbnail-list {
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x mandatory !important;
    padding: 10px 0 !important;
  }
  
  .small-show .thumbnail-list__item {
    scroll-snap-align: start !important;
    min-width: 70px !important;
    max-width: 70px !important;
  }
}

/* ===================================================================
   SIXTH STITCH - PRODUCT THUMBNAILS FIX (CONSOLIDATED)
   =================================================================== */

/* Remove background grid lines */
.product-section [style*="background"],
#MainContent [style*="background-image"],
.product-section div[style*="background-color"] {
  background-image: none !important;
  background: none !important;
}

/* Fix thumbnail layout */
.thumbnail-list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  background: none !important;
  padding: 15px 0 !important;
}

.thumbnail-list__item {
  width: auto !important;
  min-width: 70px !important;
  max-width: 85px !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
}

/* Remove permanent blue outline */
.thumbnail[aria-current="true"],
.thumbnail-list__item button.thumbnail {
  border-color: rgba(0, 174, 255, 0.2) !important;
  box-shadow: none !important;
}

/* Hover effects */
.thumbnail:hover,
.thumbnail-list__item button.thumbnail:hover {
  border-color: rgba(0, 174, 255, 0.6) !important;
  box-shadow: 0 0 10px rgba(0, 174, 255, 0.3) !important;
}

/* Mobile layout */
@media screen and (max-width: 749px) {
  .thumbnail-list {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    padding: 10px !important;
  }
  
  .thumbnail-list__item {
    min-width: 70px !important;
    max-width: 70px !important;
  }
}



/* Mobile-only font size reduction for collection titles */
@media screen and (max-width: 749px) {
  .collection-list .card__heading {
    font-size: 20px !important;
  }
}

/* Glitch animation for collection titles (mobile & desktop) */
.collection-list .card__heading {
  position: relative;
  animation: glitch 2s infinite;
}

@keyframes glitch {
  0%, 100% {
    text-shadow: 
      0.02em 0 0 rgba(255, 0, 0, 0.75),
      -0.02em -0.02em 0 rgba(0, 255, 0, 0.75),
      0.025em 0.02em 0 rgba(0, 0, 255, 0.75);
  }
  15% {
    text-shadow: 
      0.5em 0 0 rgba(255, 0, 0, 0.75),
      -0.5em -0.025em 0 rgba(0, 255, 0, 0.75),
      0.25em 0.025em 0 rgba(0, 0, 255, 0.75);
  }
  16% {
    text-shadow: none;
  }
  50% {
    text-shadow: 
      -0.02em -0.02em 0 rgba(255, 0, 0, 0.75),
      0.02em 0.02em 0 rgba(0, 255, 0, 0.75),
      -0.025em -0.02em 0 rgba(0, 0, 255, 0.75);
  }
}

/* Mobile-only padding reduction for collection cards */
@media screen and (max-width: 749px) {
  /* All collections page */
  .collection-list .card-wrapper {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  
/* Make collection cards look clickable */
.collection-list .card-wrapper {
  cursor: pointer;
  transition: transform 0.2s ease;
}

.collection-list .card-wrapper:hover {
  transform: translateY(-5px);
}

/* Reduce collection title font size on mobile */
@media screen and (max-width: 767px) {
  .collection-list__item .card__heading,
  .collection-list__item .card__content h3,
  .collection-list__item .card__information h3,
  .collection-list .collection-list__title,
  .collection .card__heading {
    font-size: 14px !important;  /* Adjust size as needed */
    line-height: 1.2 !important;
  }
}

/* Desktop only - force thumbnails horizontal under main image */
@media screen and (min-width: 768px) {
  .simplified-product-section .product-content-wrapper {
    display: block !important;
  }
  
  .simplified-product-section .color-thumbnails-container {
    width: 100% !important;
    clear: both !important;
    float: none !important;
    position: static !important;
  }
  
  .simplified-product-section .thumbnail-list-simplified {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
  }
}

@media screen and (max-width: 767px) {
  /* Fix cart container width */
  .cart-wrapper,
  .cart-content,
  .cart__items,
  .page-width,
  main .page-width {
    max-width: 100% !important;
    width: 100% !important;
    padding: 10px !important;
    margin: 0 auto !important;
  }
  
  /* Fix product cards in cart */
  .cart-item,
  .cart__item,
  td.cart__table-cell {
    max-width: 100% !important;
    width: 100% !important;
    display: block !important;
  }
  
  /* Fix any flex containers */
  .cart__items-wrapper {
    flex-direction: column !important;
    width: 100% !important;
  }
  
  /* Remove any side margins/padding */
  body .gradient,
  body main {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}