/** Shopify CDN: Minification failed

Line 138:0 Expected "*/" to terminate multi-line comment

**/

    
  
/* PureVybz custom styles — extracted from previously supplied theme CSS.
   Keep this file separate from Combine theme CSS.
   After each theme update, copy this asset and re-add the stylesheet link.
   Test in unpublished theme before publishing. */

/* =========================================================
   PUREVYBZ – Glass Product Cards
   ========================================================= */

/* ---------- 1. CARD CONTAINER ---------- */

:is(.template-index, .template-collection, .template-search) .product-item {
  position: relative;
  border-radius: 22px;
  overflow: hidden;

  background: rgba(255,255,255,0.22);

  backdrop-filter: blur(28px) saturate(120%);
  -webkit-backdrop-filter: blur(28px) saturate(120%);

  border: 1px solid rgba(255,255,255,0.45);

box-shadow:
  0 10px 24px rgba(20,20,40,0.05),
  inset 0 1px 0 rgba(255,255,255,0.75);

  transition: none;
}

:is(.template-index, .template-collection, .template-search) .product-item:hover {
  transform: none;
  box-shadow:
    0 10px 24px rgba(20,20,40,0.05),
    inset 0 1px 0 rgba(255,255,255,0.6);
}


/* ---------- 2. IMAGE AREA (stabil & quadratisch) ---------- */

:is(.template-index, .template-collection, .template-search) .product-item__image {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1 / 1;
}

:is(.template-index, .template-collection, .template-search) .product-item__image[style*="padding-top"] {
  padding-top: 100% !important;
}


/* ---------- 3. GLASS TEXT AREA ---------- */

:is(.template-index, .template-collection, .template-search) .product-item__text {
  position: relative;
  padding: 22px 24px 26px 24px;

  background: rgba(255,255,255,0.18);

  backdrop-filter: blur(28px);
  -webkit-backdrop-filter: blur(28px);

  border-top: 1px solid rgba(255,255,255,0.35);
  border-radius: 0 0 22px 22px;
}


/* ---------- 4. GLASS LIGHT REFLEX ---------- */

:is(.template-index, .template-collection, .template-search) .product-item__text::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle at 20% 0%,
    rgba(255,255,255,0.75),
    rgba(255,255,255,0) 65%
  );
  pointer-events: none;
}


/* ---------- 5. TITLE ---------- */

:is(.template-index, .template-collection, .template-search) .product-item__title,
:is(.template-index, .template-collection, .template-search) .product-item__title *,
:is(.template-index, .template-collection, .template-search) .product-item__title span {
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px;
  line-height: 1.4;
  color: #2c2b30 !important;
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: #2c2b30 !important;
}

/* Underline Animation aus */
.product-item__title .text-animation--underline-thin::after {
  display: none !important;
}


/* ---------- 6. PRICE ---------- */

:is(.template-index, .template-collection, .template-search) .product-item__price {
  margin-top: 4px;
  font-size: 13px;
  font-weight: 400;
  opacity: 0.8;
  color: rgba(44,43,48,0.78);
}


/* ---------- 7. IMAGE HOVER (smooth) ---------- */

:is(.template-index, .template-collection, .template-search) .product-item img {
  transition: transform .6s ease;
}

:is(.template-index, .template-collection, .template-search) .product-item:hover img {
  transform: scale(1.04);
}

/* =========================================================
   PUREVYBZ – Themenwelten / Collection Tiles
   Match Product Card "Gloss" Look