/* Homepage hits: neutral translucent glass, without coloured light or tint.
 * Only this homepage block is affected; the approved catalog is unchanged.
 */
.page-home--reference .ref-products {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.page-home--reference .ref-products > .container {
  position: relative;
  z-index: 2;
}

/* Remove the ambient colour fields as well as the prismatic card overlays. */
.page-home--reference .ref-products::before,
.page-home--reference .ref-products::after,
.page-home--reference .ref-products .home-product-card--glass::before,
.page-home--reference .ref-products .home-product-card--glass::after {
  display: none !important;
  content: none !important;
}

.page-home--reference .ref-products .home-product-card--glass {
  position: relative;
  isolation: isolate;
  overflow: hidden !important;
  border: 1px solid rgba(72, 72, 72, .16) !important;
  border-radius: 30px 36px 32px 40px !important;
  background: rgba(255, 255, 255, .32) !important;
  box-shadow: 0 4px 22px rgba(0, 0, 0, .10), inset 0 1px 0 rgba(255, 255, 255, .76) !important;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  transition: border-color .25s ease, box-shadow .25s ease !important;
}

.page-home--reference .ref-products .home-product-card--glass .product-card__media {
  position: relative;
  z-index: 1;
  width: auto;
  height: auto !important;
  min-height: 0;
  margin: 10px 10px 0;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  border: 1px solid rgba(72, 72, 72, .10);
  border-radius: 22px 28px 22px 30px;
  background: var(--paper-light) !important;
  box-shadow: none;
}

.page-home--reference .ref-products .home-product-card--glass .recommendation-product-art {
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  margin: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  transform: scale(1.015) !important;
  transform-origin: 50% 52%;
  transition: transform .62s cubic-bezier(.2,.72,.2,1) !important;
  filter: none !important;
}

.page-home--reference .ref-products .home-product-card--glass .recommendation-product-bottle {
  right: 16px;
  bottom: 14px;
  width: min(28%, 94px) !important;
  height: min(52%, 174px) !important;
  filter: drop-shadow(0 8px 12px rgba(0, 0, 0, .16));
  transform: translateY(2px) scale(1) !important;
  transform-origin: right bottom;
  transition: transform .58s cubic-bezier(.2,.72,.2,1) !important;
}

.page-home--reference .ref-products .home-product-card--glass .product-card__content {
  position: relative;
  z-index: 2;
  min-height: 224px;
  padding: 20px 21px 22px;
  background: transparent !important;
}

.page-home--reference .ref-products .home-product-card--glass .product-type {
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  align-items: center;
  min-height: 24px;
  margin: 0 0 9px;
  padding: 5px 9px;
  color: #315137;
  border: 1px solid rgba(72, 72, 72, .12);
  border-radius: 999px;
  background: rgba(255, 255, 255, .32);
  font-size: .58rem;
  letter-spacing: .105em;
}

.page-home--reference .ref-products .home-product-card--glass h3 {
  margin-bottom: 7px;
  color: #283226;
  font-size: clamp(1.42rem,1.7vw,1.72rem);
  line-height: 1.04;
}

.page-home--reference .ref-products .home-product-card--glass .latin {
  min-height: 1.45em;
  color: #667062;
  font-size: .76rem;
  line-height: 1.45;
}

.page-home--reference .ref-products .home-product-card--glass .ref-product-card__rating {
  margin-top: 13px;
  padding-top: 12px;
  border-top: 1px solid rgba(72, 72, 72, .10);
}

.page-home--reference .ref-products .home-product-card--glass .home-product-card__footer {
  gap: 11px;
  padding-top: 16px;
}

.page-home--reference .ref-products .home-product-card--glass .home-product-card__footer > strong,
.page-home--reference .ref-products .home-product-card--glass .product-price-range {
  color: #273226;
  font-weight: 700;
}

.page-home--reference .ref-products .home-product-card--glass .ref-cart-button {
  min-height: 46px;
  justify-content: space-between;
  padding: 11px 13px 11px 17px;
  color: #fff;
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 999px;
  background: var(--brand-deep, #194729) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .10), inset 0 1px 0 rgba(255,255,255,.20);
  font-weight: 750;
  letter-spacing: .01em;
}

.page-home--reference .ref-products .home-product-card--glass .ref-cart-button > span {
  display: grid;
  width: 26px;
  height: 26px;
  place-items: center;
  border: 1px solid rgba(255,255,255,.30);
  border-radius: 50%;
  background: rgba(255,255,255,.12);
  font-size: .75rem;
}

@media (hover: hover) and (pointer: fine) {
  .page-home--reference .ref-products .home-product-card--glass:hover {
    box-shadow: 0 6px 24px rgba(0, 0, 0, .12), inset 0 1px 0 rgba(255,255,255,.76) !important;
  }

  .page-home--reference .ref-products .home-product-card--glass:hover .recommendation-product-art {
    transform: scale(1.07) !important;
  }

  .page-home--reference .ref-products .home-product-card--glass.home-product-card--has-bottle:hover .recommendation-product-art {
    transform: translateX(-2%) scale(.94) !important;
  }

  .page-home--reference .ref-products .home-product-card--glass.home-product-card--has-bottle:hover .recommendation-product-bottle {
    transform: translate(-5px,-7px) rotate(-1deg) scale(1.38) !important;
  }

  .page-home--reference .ref-products .home-product-card--glass .ref-cart-button:hover {
    box-shadow: 0 6px 18px rgba(0, 0, 0, .14), inset 0 1px 0 rgba(255,255,255,.20);
  }
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .page-home--reference .ref-products .home-product-card--glass {
    background: rgba(255,255,255,.70) !important;
  }
}

@media (max-width: 1099px) {
  .page-home--reference .ref-products .home-product-card--glass .product-card__content { min-height: 215px; }
}

@media (max-width: 560px) {
  .page-home--reference .ref-products .home-product-card--glass { border-radius: 25px 30px 27px 33px !important; }
  .page-home--reference .ref-products .home-product-card--glass .product-card__media { margin: 8px 8px 0; border-radius: 19px 24px 19px 25px; }
  .page-home--reference .ref-products .home-product-card--glass .product-card__content { min-height: 0; padding: 18px 18px 20px; }
}

@media (prefers-reduced-motion: reduce) {
  .page-home--reference .ref-products .home-product-card--glass,
  .page-home--reference .ref-products .home-product-card--glass .recommendation-product-art,
  .page-home--reference .ref-products .home-product-card--glass .recommendation-product-bottle,
  .page-home--reference .ref-products .home-product-card--glass .ref-cart-button {
    transition: none !important;
  }
  .page-home--reference .ref-products .home-product-card--glass:hover .recommendation-product-art,
  .page-home--reference .ref-products .home-product-card--glass:hover .recommendation-product-bottle,
  .page-home--reference .ref-products .home-product-card--glass.home-product-card--has-bottle:hover .recommendation-product-art,
  .page-home--reference .ref-products .home-product-card--glass.home-product-card--has-bottle:hover .recommendation-product-bottle {
    transform: none !important;
  }
}