/** Shopify CDN: Minification failed

Line 536:19 Unexpected "*"

**/
/* ============================================
   Simpkeely Theme — Custom Dark Theme CSS
   UV Reactive Tapestry Store
   ============================================ */

/* --- Brand Variables --- */
:root {
  --sk-bg-primary: #0a0a0a;
  --sk-bg-secondary: #111111;
  --sk-bg-elevated: #1a1a1a;
  --sk-text-primary: #f0f0f0;
  --sk-text-secondary: #888888;
  --sk-accent-purple: #8b5cf6;
  --sk-accent-neon: #a855f7;
  --sk-accent-glow: #c084fc;
  --sk-price-sale: #ef4444;
  --sk-price-compare: #666666;
  --sk-success: #22c55e;
  --sk-border-subtle: rgba(255, 255, 255, 0.08);
  --sk-font-heading: 'Space Grotesk', var(--font-heading-family);
  --sk-font-body: 'Inter', var(--font-body-family);
  --sk-font-mono: 'JetBrains Mono', monospace;
}

/* --- Typography Overrides --- */
h1, h2, h3, h4, h5, h6,
.h0, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: var(--sk-font-heading) !important;
}

body {
  font-family: var(--sk-font-body) !important;
  background-color: var(--sk-bg-primary) !important;
  color: var(--sk-text-primary) !important;
}

/* --- Global Dark Background --- */
.gradient {
  background: var(--sk-bg-primary) !important;
}

/* --- Links --- */
a {
  color: var(--sk-text-primary);
}

a:hover {
  color: var(--sk-accent-purple);
}

/* --- Buttons --- */
.button,
.shopify-challenge__button,
button.button {
  font-family: var(--sk-font-heading) !important;
  font-weight: 600;
  letter-spacing: 0.02em;
  transition: all 0.3s ease;
}

.button--primary {
  background: linear-gradient(135deg, var(--sk-accent-purple), var(--sk-accent-neon)) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 0 20px rgba(139, 92, 246, 0.3);
}

.button--primary:hover {
  background: linear-gradient(135deg, var(--sk-accent-neon), var(--sk-accent-glow)) !important;
  box-shadow: 0 0 30px rgba(139, 92, 246, 0.5);
  transform: translateY(-1px);
}

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

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

/* --- Product Cards Dark Styling --- */
.card-wrapper {
  transition: transform 0.3s ease;
}

.card-wrapper:hover {
  transform: translateY(-4px);
}

.card-wrapper:hover .card__media img {
  transform: scale(1.03);
}

.card__media {
  overflow: hidden;
  border-radius: 2px;
}

.card__media img {
  transition: transform 0.4s ease;
}

.card {
  background-color: var(--sk-bg-secondary) !important;
  border: 1px solid var(--sk-border-subtle) !important;
  border-radius: 2px;
}

.card__content {
  padding: 1.2rem;
}

.card__heading a {
  color: var(--sk-text-primary);
  font-family: var(--sk-font-heading);
  font-weight: 500;
}

.card__heading {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.4;
}

/* --- Price Styling --- */
.price-item--regular,
.price-item--sale {
  font-family: var(--sk-font-mono) !important;
  font-weight: 500;
}

.price-item--sale {
  color: var(--sk-price-sale) !important;
  font-size: 1.6rem;
  font-weight: 700;
}

.price-item--regular .price-item--regular {
  color: var(--sk-text-primary);
}

.price .price-item--regular[aria-hidden="true"] {
  color: var(--sk-price-compare) !important;
  font-size: 1.2rem;
}

s .price-item--regular {
  color: var(--sk-price-compare) !important;
  font-size: 1.2rem;
}

.price--on-sale .price__sale {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  flex-wrap: wrap;
}

.card-wrapper .badge.price__badge-sale {
  font-size: 1rem;
  padding: 0.2rem 0.6rem;
}

/* --- Badge / Sale Tag --- */
.badge {
  font-family: var(--sk-font-mono) !important;
  font-size: 1.1rem;
  font-weight: 500;
  letter-spacing: 0.02em;
}

/* --- Header Dark Overrides --- */
.header-wrapper {
  background-color: rgba(10, 10, 10, 0.95) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--sk-border-subtle) !important;
}

.header__inline-menu .list-menu {
  flex-wrap: nowrap !important;
  white-space: nowrap;
}

.header__inline-menu .list-menu .list-menu__item {
  font-size: 1.3rem;
  padding: 0 1rem;
}

.header__heading-link {
  color: var(--sk-text-primary) !important;
  font-family: var(--sk-font-heading) !important;
  font-weight: 700;
}

.header__menu-item,
.header__menu-item span {
  color: var(--sk-text-primary) !important;
  font-family: var(--sk-font-body) !important;
}

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

.header__icon {
  color: var(--sk-text-primary) !important;
}

.header__icon:hover {
  color: var(--sk-accent-purple) !important;
}

/* --- Announcement Bar --- */
.announcement-bar {
  background: linear-gradient(90deg, var(--sk-accent-purple), var(--sk-accent-neon)) !important;
  color: #fff !important;
  font-family: var(--sk-font-body) !important;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.03em;
}

.announcement-bar__link,
.announcement-bar__message {
  color: #fff !important;
}

/* --- Footer Dark Overrides --- */
.footer {
  background-color: var(--sk-bg-secondary) !important;
  border-top: 1px solid var(--sk-border-subtle) !important;
}

.footer-block__heading {
  color: var(--sk-text-primary) !important;
  font-family: var(--sk-font-heading) !important;
  font-weight: 600;
}

.footer-block a,
.footer__content-bottom a {
  color: var(--sk-text-secondary) !important;
}

.footer-block a:hover,
.footer__content-bottom a:hover {
  color: var(--sk-accent-purple) !important;
}

.footer__copyright {
  color: var(--sk-text-secondary) !important;
}

/* --- Newsletter Form --- */
.newsletter-form__field-wrapper .field__input {
  background-color: var(--sk-bg-elevated) !important;
  border: 1px solid var(--sk-border-subtle) !important;
  color: var(--sk-text-primary) !important;
}

.newsletter-form__field-wrapper .field__input:focus {
  border-color: var(--sk-accent-purple) !important;
  box-shadow: 0 0 0 2px rgba(139, 92, 246, 0.2) !important;
}

.newsletter-form__button {
  background-color: var(--sk-accent-purple) !important;
  color: #fff !important;
}

/* --- Inputs / Forms Dark --- */
.field__input,
.select__select,
.customer .field input,
.customer .field textarea {
  background-color: var(--sk-bg-elevated) !important;
  border-color: var(--sk-border-subtle) !important;
  color: var(--sk-text-primary) !important;
}

.field__input:focus,
.select__select:focus {
  border-color: var(--sk-accent-purple) !important;
  box-shadow: 0 0 0 2px rgba(139, 92, 246, 0.2) !important;
}

.field__label {
  color: var(--sk-text-secondary) !important;
}

/* --- Product Page Enhancements --- */
.product__title h1 {
  font-family: var(--sk-font-heading) !important;
  font-weight: 700;
  color: var(--sk-text-primary) !important;
}

.product__text {
  color: var(--sk-text-secondary);
}

/* --- SKU Display --- */
.product__sku {
  font-family: var(--sk-font-mono) !important;
  color: var(--sk-text-secondary) !important;
  font-size: 1.2rem;
}

/* --- Quantity Selector --- */
.quantity {
  background-color: var(--sk-bg-elevated) !important;
  border: 1px solid var(--sk-border-subtle) !important;
  color: var(--sk-text-primary) !important;
}

.quantity__button {
  color: var(--sk-text-primary) !important;
}

/* --- Cart Drawer Dark --- */
.drawer {
  background-color: var(--sk-bg-primary) !important;
  border-left: 1px solid var(--sk-border-subtle) !important;
}

.cart-drawer__overlay {
  background: rgba(0, 0, 0, 0.7) !important;
}

.drawer__header {
  border-bottom: 1px solid var(--sk-border-subtle) !important;
}

.drawer__close {
  color: var(--sk-text-primary) !important;
}

/* --- Menu Drawer Dark --- */
.menu-drawer {
  background-color: var(--sk-bg-primary) !important;
  color: var(--sk-text-primary) !important;
}

.menu-drawer__menu-item,
.menu-drawer__menu-item span {
  color: var(--sk-text-primary) !important;
}

/* --- Collection Page --- */
.collection-hero {
  background-color: var(--sk-bg-secondary) !important;
}

.collection-hero__title {
  font-family: var(--sk-font-heading) !important;
  color: var(--sk-text-primary) !important;
}

/* --- Facets / Filters --- */
.facets-container {
  background-color: var(--sk-bg-primary) !important;
}

.facet-checkbox__text,
.facets__label {
  color: var(--sk-text-primary) !important;
}

/* --- Scroll Reveal Animation --- */
@keyframes sk-fade-in {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.scroll-trigger.scroll-trigger--design-mode,
.scroll-trigger--active {
  animation: sk-fade-in 0.6s ease-out forwards;
}

/* --- Responsive Tweaks --- */
@media screen and (max-width: 749px) {
  .header__heading-logo-image {
    max-width: 100px;
  }
}

/* --- Selection Color --- */
::selection {
  background-color: rgba(139, 92, 246, 0.3);
  color: #fff;
}

/* --- Scrollbar (Webkit) --- */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: var(--sk-bg-primary);
}

::-webkit-scrollbar-thumb {
  background: var(--sk-bg-elevated);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--sk-text-secondary);
}

/* --- Predictive Search Dark --- */
.predictive-search {
  background-color: var(--sk-bg-secondary) !important;
  border: 1px solid var(--sk-border-subtle) !important;
}

.predictive-search__item {
  color: var(--sk-text-primary) !important;
}

.predictive-search__item:hover {
  background-color: var(--sk-bg-elevated) !important;
}

/* --- Dropdown Menu Dark --- */
.header__submenu {
  background-color: var(--sk-bg-secondary) !important;
  border: 1px solid var(--sk-border-subtle) !important;
}

.header__submenu .header__menu-item {
  color: var(--sk-text-primary) !important;
}

/* --- Mega Menu Dark --- */
.mega-menu__content {
  background-color: var(--sk-bg-secondary) !important;
  border: 1px solid var(--sk-border-subtle) !important;
}

/* --- Section backgrounds — force all sections dark --- */
.shopify-section,
.shopify-section-group-footer-group,
.shopify-section-group-header-group {
  background-color: var(--sk-bg-primary);
}

/* Override Dawn's color scheme background variables */
[class*="color-"] {
  --color-background: 10, 10, 10 !important;
  --color-foreground: 240, 240, 240 !important;
  --gradient-background: #0a0a0a !important;
}

.color-scheme-2,
[class*="color-scheme-2"],
.color-background-2 {
  --color-background: 17, 17, 17 !important;
  --gradient-background: #111111 !important;
}

.color-scheme-3,
[class*="color-scheme-3"],
.color-background-3 {
  --color-background: 26, 26, 26 !important;
  --gradient-background: #1a1a1a !important;
}

/* Force gradient class to dark */
.gradient {
  background: var(--sk-bg-primary) !important;
  background-attachment: fixed;
}

/* --- Image Banner Section Dark --- */
.banner {
  background-color: var(--sk-bg-secondary) !important;
}

.banner__heading {
  font-family: var(--sk-font-heading) !important;
}

/* --- Rich Text Section --- */
.rich-text-wrapper {
  background-color: var(--sk-bg-primary) !important;
}

/* --- Product Description Dark --- */
.product__description,
.product__description.rte,
.product__info-container .rte,
.product__info-container .product__description,
.product__info-wrapper,
div.product__description,
div.rte {
  color: var(--sk-text-secondary) !important;
  background-color: transparent !important;
  background: transparent !important;
}

.product__description h1,
.product__description h2,
.product__description h3,
.product__description h4,
.product__description h5,
.product__description h6 {
  color: var(--sk-text-primary) !important;
}

/* Force ALL elements inside product info to have no white background */
.product__info-wrapper *,
.product__info-container * {
  background-color: inherit;
}

/* Override Dawn's global section background where rgb(var(--color-background)) is used */
.section-template--*,
section[class*="shopify-section"],
.shopify-section > div,
.shopify-section > section,
.page-width {
  background-color: transparent !important;
}

/* --- Image With Text Section Dark --- */
.image-with-text,
.image-with-text__content,
.image-with-text .grid,
.image-with-text .image-with-text__text-item {
  background-color: transparent !important;
  color: var(--sk-text-primary) !important;
}

.image-with-text .image-with-text__heading {
  color: var(--sk-text-primary) !important;
}

.image-with-text .image-with-text__text p {
  color: var(--sk-text-secondary) !important;
}

/* --- Multicolumn Section Dark --- */
.multicolumn,
.multicolumn-list,
.multicolumn-card,
.multicolumn-card__info {
  background-color: transparent !important;
  color: var(--sk-text-primary) !important;
}

.multicolumn-card__info h3,
.multicolumn-card__info .inline-richtext {
  color: var(--sk-text-primary) !important;
}

.multicolumn-card__info .rte p {
  color: var(--sk-text-secondary) !important;
}

/* --- Collapsible Content / Accordion Dark --- */
.accordion summary {
  color: var(--sk-text-primary) !important;
  border-color: var(--sk-border-subtle) !important;
}

.accordion__content {
  color: var(--sk-text-secondary) !important;
}

/* --- Product Media Gallery --- */
.product__media-item {
  border-radius: 2px;
  overflow: hidden;
}

/* --- Pagination --- */
.pagination__item {
  color: var(--sk-text-primary) !important;
}

.pagination__item--current {
  background-color: var(--sk-accent-purple) !important;
  color: #fff !important;
}

/* ============================================
   Featured Collection — Horizontal Scroll
   ============================================ */
.sk-featured-collection .slider {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 1.6rem;
  padding-bottom: 1.2rem;
  -ms-overflow-style: none;
  scrollbar-width: thin;
  scrollbar-color: var(--sk-bg-elevated) transparent;
}

.sk-featured-collection .slider::-webkit-scrollbar {
  height: 4px;
}

.sk-featured-collection .slider::-webkit-scrollbar-thumb {
  background: var(--sk-bg-elevated);
  border-radius: 2px;
}

.sk-featured-collection .slider .slider__slide {
  scroll-snap-align: start;
  flex: 0 0 auto;
  width: calc(25% - 1.2rem);
}

@media screen and (max-width: 749px) {
  .sk-featured-collection .slider .slider__slide {
    width: calc(70% - 0.8rem);
  }
}

/* ============================================
   Simpkeely Size Picker — Button Group
   ============================================ */
.sk-size-picker {
  border: none;
  padding: 0;
  margin: 0;
}

.sk-size-picker .form__label {
  font-family: var(--sk-font-heading) !important;
  font-weight: 600;
  color: var(--sk-text-primary) !important;
  margin-bottom: 1.2rem;
  font-size: 1.4rem;
}

.sk-size-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}

.sk-size-btn-wrap {
  flex: 0 0 auto;
}

.sk-size-btn-wrap input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}

.sk-size-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 9rem;
  padding: 1rem 1.2rem;
  background-color: var(--sk-bg-elevated);
  border: 2px solid var(--sk-border-subtle);
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: center;
}

.sk-size-btn:hover {
  border-color: rgba(139, 92, 246, 0.5);
  background-color: rgba(139, 92, 246, 0.08);
}

.sk-size-btn-wrap input[type="radio"]:checked + .sk-size-btn {
  border-color: var(--sk-accent-purple);
  background-color: rgba(139, 92, 246, 0.12);
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.2);
}

.sk-size-btn--disabled {
  opacity: 0.35;
  cursor: not-allowed;
  text-decoration: line-through;
}

.sk-size-btn__label {
  font-family: var(--sk-font-heading);
  font-weight: 700;
  font-size: 1.5rem;
  color: var(--sk-text-primary);
  line-height: 1.2;
}

.sk-size-btn__cm {
  font-family: var(--sk-font-mono);
  font-size: 1.1rem;
  color: var(--sk-text-primary);
  margin-top: 0.3rem;
  line-height: 1.2;
}

.sk-size-btn__inch {
  font-family: var(--sk-font-mono);
  font-size: 1rem;
  color: var(--sk-text-secondary);
  line-height: 1.2;
}

@media screen and (max-width: 749px) {
  .sk-size-grid {
    gap: 0.6rem;
  }

  .sk-size-btn {
    min-width: 7.5rem;
    padding: 0.8rem 1rem;
  }

  .sk-size-btn__label {
    font-size: 1.3rem;
  }

  .sk-size-btn__cm {
    font-size: 1rem;
  }

  .sk-size-btn__inch {
    font-size: 0.9rem;
  }
}