/** Shopify CDN: Minification failed

Line 27:0 Unexpected "}"
Line 122:14 Expected identifier but found whitespace
Line 122:15 Unexpected "500"

**/
/* === Global button sizing (site-wide) === 
.btn,
button.btn,
a.btn,
.shopify-payment-button__button--unbranded {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 1rem 2.5rem;
  min-width: 300px;
  text-align: center;
} */

/* Keep labels on one line + cancel any skew 
.btn span,
.shopify-payment-button__button--unbranded span {
  display: inline-block;
  white-space: nowrap;
  transform: none; /* or skew(0) if theme adds skew */
}

/* Do NOT upsize text-link/utility buttons *
.btn--text-link,
a.btn.btn--text-link {
  padding: 0;
  min-width: 0;
  font-size: inherit;
} */

/* Optional: mobile comfort */
@media (max-width: 480px) {
  .btn,
  button.btn,
  a.btn,
  .shopify-payment-button__button--unbranded {
    min-width: 100%;
    padding: 0.9rem 1.5rem;
  }
}

/* Sale price (red) only when price--on-sale is present */
.product-item__price.price--on-sale .sale {
  color: #d21404 !important;
  font-weight: 700 !important;
  line-height: 1.2;
}

/* Regular color when not on sale */
.product-item__price:not(.price--on-sale) .sale,
.product-item__price:not(.price--on-sale) .price-current {
  color: var(--color-text, #000) !important;
  font-weight: 700 !important;
  line-height: 1.2;
}

/* “Was” price look */
.product-item__price s,
.product-item__price .t-subdued {
  color: #888 !important;
  font-size: 0.95em;
}




/* Center heading + subheading in Featured collection grid */
[data-section-type="featured-collection-grid"] .section-introduction__heading,
[data-section-type="featured-collection-grid"]
  .section-introduction__subheading {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
} /* BNPL badges */
.bnpl-block {
  font-size: 14px;
  line-height: 1.5;
  color: #2b1e1e;
}
.bnpl-line {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 6px 0;
  flex-wrap: wrap;
}
.bnpl-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 10px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 14px;
}
.bnpl-klarna {
  background: #ffb3c7;
  color: #000;
}
.bnpl-clearpay {
  background: #c1fff1;
  color: #0b0b0b;
  text-transform: lowercase;
}
@media (max-width: 480px) {
  .product__block--product-header
    .product__block--product-header-inner
    h1.product__title {
    font-size: 13px !important;
  }
}

/* === Add to Cart button styling (Desktop default) === */
/*.product-form__cart-submit.btn {
  font-size: 1rem; /* larger for desktop */
  font-weight: 500;
  padding: 1rem 2.5rem;
  min-width: 300px;
  text-align: center;
}

/* === Prevent stacked text === */
/*.product-form__cart-submit.btn span {
  display: inline-block;
  width: auto;
  white-space: nowrap;
  transform: skew(0);
}

/* === Mobile & Tablet Override (≤1024px) === */
/*@media (max-width: 1024px) {
  .product-form__cart-submit.btn {
    font-size: 0.875rem; /* back to normal text size */
    font-weight: 500;
    padding: 0.75rem 1.25rem; /* tighter spacing like default */
    min-width: auto; /* let it fit screen width naturally */
  }
}

.btn,
.button,
button,
input[type="submit"],
.shopify-payment-button__button {
  font-weight: 700 !important; /* strong, bold text */
}

/* Make the marketing (custom) title bold and 16px 
.product-item__marketing-title {
  font-size: 14px;
  line-height: 1.3;
  font-weight: 500;
  color: var(--color-foreground, #222);
  margin-bottom: 4px;
  display: block;
}

/* Make the actual product (SEO) title smaller and lighter at 8px 
.product-item__product-title {
  font-size: 10px !important;
  line-height: 1.2;
  font-weight: 300;
  color: var(--color-foreground, #666);
  text-transform: none;
  margin-top: 2px;
}

/* ===== TruDiamonds (Luster) — Uniform CTA + Swatches above CTA ===== */

/* Tune once: height of the little icon row */
:root { --swatch-row-h: 32px; }  /* try 28–36px to fit your icons */

/* Each card fills its grid track */
.collection__products .product-item{
  display: flex !important;
  flex-direction: column !important;
  min-height: 100% !important;
  position: relative !important;
  overflow: visible !important;
}

/* Inner becomes the positioning context and reserves the slot ABOVE the CTA */
.collection__products .product-item__inner{
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  padding-bottom: var(--swatch-row-h) !important;  /* reserved space for icons */
  overflow: visible !important;
}

/* Title/price area expands naturally */
.collection__products .product-item__meta{
  flex: 1 1 auto !important;
}

/* CTA pinned to a common baseline across all cards */
.collection__products .product-item__shop-now,
.collection__products .product-item__cta{
  margin-top: auto !important;
  position: relative !important;
  z-index: 1 !important;    /* CTA under swatch overlay so icons are visible */
}

/* ★ The actual swatch row: fix theme’s top:50% and keep it above the CTA */
.collection__products .product-item__variant-info{
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;          /* lock to the reserved slot */
  top: auto !important;          /* override theme's top: 50% */
  height: var(--swatch-row-h) !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  z-index: 3 !important;         /* above the button */
  pointer-events: none !important;/* clicks still hit the CTA */
  opacity: 1 !important;         /* always visible (no hover dependency) */
  transform: none !important;

  /* neutralize theme cosmetics that were leaking in */
  row-gap: 0 !important;
  background: transparent !important;
}

/* Keep the list centered nicely */
.collection__products .product-item__variant-info .product-swatches-options{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
}

/* ===== Featured Collection sliders (Swiper) — unify CTA baseline ===== */

/* 1) Make slides stretch so cards can fill the same height */
[class*="featured-collection-slider"] .swiper-wrapper {
  align-items: stretch !important;
}
[class*="featured-collection-slider"] .swiper-slide,
[class*="featured-collection-slider"] .carousel__slide,
[class*="featured-collection-slider"] .carousel__item {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  height: auto !important;
}

/* 2) Card roots inside slides fill the slide */
[class*="featured-collection-slider"] .product-card-mini,
[class*="featured-collection-slider"] .product-item {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

/* 3) Inner container is the flex column that grows */
[class*="featured-collection-slider"] .product-card-mini__inner,
[class*="featured-collection-slider"] .product-item__inner {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
}

/* 4) Meta/text area can grow */
[class*="featured-collection-slider"] .product-card-mini__meta,
[class*="featured-collection-slider"] .product-item__meta {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
}

/* 5) Push ANY CTA variant to the bottom (covers button, form, or theme CTA) */
[class*="featured-collection-slider"] .product-card-mini__cta,
[class*="featured-collection-slider"] .product-item__shop-now,
[class*="featured-collection-slider"] .product-card-mini__meta .product-card-mini__quick-view-button,
[class*="featured-collection-slider"] .product-card-mini__meta .product-item__product-form {
  margin-top: auto !important;
  align-self: stretch; /* full-width button look */
}

/* Theme spacer below meta—remove so it doesn't add height after CTA */
[class*="featured-collection-slider"] .product-card-mini__gap {
  display: none !important;
}

/* Global safety net — make all product card parents stretch items equally */
[class*="collection"] .grid,
[class*="slider"] .swiper-wrapper {
  align-items: stretch !important;
}

/* Touch devices: no hover → show the row and kill overlays */
@media (hover: none) and (pointer: coarse) {
  /* if you use the big cards */
  .collection__products .product-item__variant-info { 
    opacity: 1 !important; 
    transform: none !important; 
  }
  .collection__products .product-item__hover-container { 
    display: none !important; 
  }

  /* if you use the mini cards/slider */
  .product-card-mini__variant-info {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* ===== Align "Shop Now" to the bottom in Related/Recommended & Recently Viewed ===== */

/* 1) Stretch every slide so cards can fill equal height */
[class*="recommended-products"] .swiper-wrapper,
[class*="recently-viewed"]   .swiper-wrapper {
  align-items: stretch !important;
}

[class*="recommended-products"] .swiper-slide,
[class*="recently-viewed"]   .swiper-slide,
[class*="recommended-products"] .carousel__slide,
[class*="recently-viewed"]   .carousel__slide {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  height: auto !important;
}

/* 2) The card should fill the slide */
[class*="recommended-products"] .product-item,
[class*="recently-viewed"]   .product-item {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}
[class*="recommended-products"] .product-item__inner,
[class*="recently-viewed"]   .product-item__inner {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
}

/* 3) Let title/price grow; CTA gets pushed down */
[class*="recommended-products"] .product-item__meta,
[class*="recently-viewed"]   .product-item__meta {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
}

/* 4) Handle ALL possible CTA variants used by the theme */
[class*="recommended-products"] .product-item__shop-now,
[class*="recently-viewed"]   .product-item__shop-now,
[class*="recommended-products"] .product-item__product-form,
[class*="recently-viewed"]   .product-item__product-form,
[class*="recommended-products"] .product-card-mini__quick-view-button,
[class*="recently-viewed"]   .product-card-mini__quick-view-button {
  margin-top: auto !important;
  align-self: stretch !important;  /* full-width button look */
}

/* 5) If the theme injects a spacer under meta, kill it */
[class*="recommended-products"] .product-card-mini__gap,
[class*="recently-viewed"]   .product-card-mini__gap {
  display: none !important;
}