/* Furniture wave — deliberately isolated from the haircare brand layers. */

/* Beauty Star — architectural Italian salon design, warm neutral + terracotta. */
.cbu__card--beautystar {
  background:
    linear-gradient(115deg, transparent 0 62%, color-mix(in srgb, var(--cbu-accent) 9%, transparent) 62% 100%),
    var(--cbu-bg);
}

.cbu__card--beautystar::before {
  width: 240px;
  height: 240px;
  left: 2.2rem;
  bottom: -105px;
  border-radius: 0;
  background: transparent;
  border: 22px solid color-mix(in srgb, var(--cbu-accent) 26%, transparent);
  transform: rotate(13deg);
  filter: none;
  opacity: 1;
}

.cbu__card--beautystar .cbu__content::after {
  content: "";
  position: absolute;
  right: 3rem;
  top: 3.15rem;
  width: 86px;
  height: 1px;
  background: var(--cbu-accent);
  opacity: .7;
}

.cbu__card--beautystar .cbu__signature {
  font-weight: 500;
  color: color-mix(in srgb, var(--cbu-accent) 35%, transparent);
}

.cbu__card--beautystar .cbu__product-shot {
  background: #fbf8f2;
}

.cbu__card--beautystar .cbu__product-shot--1 {
  background: linear-gradient(155deg, #fffdfa, #ebe4da);
}

/* Pahi — modular, crafted, warm and tactile. */
.cbu__card--pahi {
  background:
    radial-gradient(circle at 22% 88%, color-mix(in srgb, var(--cbu-accent) 17%, transparent), transparent 31%),
    linear-gradient(135deg, var(--cbu-bg), color-mix(in srgb, var(--cbu-bg) 88%, #cfc8bb));
}

.cbu__card--pahi::before {
  width: 300px;
  height: 300px;
  left: -145px;
  bottom: -145px;
  border-radius: 46% 54% 62% 38%;
  background: var(--cbu-accent);
  opacity: .14;
  transform: rotate(-16deg);
  filter: none;
}

.cbu__card--pahi .cbu__content::after {
  content: "";
  position: absolute;
  inset: 1.6rem;
  border: 1px solid color-mix(in srgb, var(--cbu-fg) 8%, transparent);
  border-radius: 1rem;
  pointer-events: none;
  z-index: -1;
}

.cbu__card--pahi .cbu__product-shot {
  background: #f5f1ea;
}

.cbu__card--pahi .cbu__product-shot--1 {
  background: linear-gradient(150deg, #fbf8f2, #ded7cd);
}

/* Takumi — prepared for publication; calm, functional, artisan-inspired. */
.cbu__card--takumi {
  background:
    linear-gradient(90deg, transparent 0 70%, color-mix(in srgb, var(--cbu-accent) 8%, transparent) 70% 100%),
    var(--cbu-bg);
}

.cbu__card--takumi .cbu__content::after {
  content: "";
  position: absolute;
  left: 3rem;
  bottom: 2.5rem;
  width: 110px;
  height: 6px;
  background: var(--cbu-accent);
  opacity: .55;
}

.cbu__card--takumi .cbu__signature {
  font-weight: 400;
  color: color-mix(in srgb, var(--cbu-accent) 36%, transparent);
}

.cbu__card--takumi .cbu__product-shot {
  background: #f4f0e8;
}

/* Maletti — reserved premium layer for when the catalog is structured. */
.cbu__card--maletti {
  background:
    radial-gradient(circle at 14% 18%, color-mix(in srgb, var(--cbu-accent) 15%, transparent), transparent 29%),
    var(--cbu-bg);
}

.cbu__card--maletti::before {
  width: 410px;
  height: 410px;
  left: -230px;
  bottom: -250px;
  border: 1px solid color-mix(in srgb, var(--cbu-accent) 40%, transparent);
  background: transparent;
  opacity: .7;
}

.cbu__card--maletti .cbu__product-shot {
  background: #f4f1e9;
}

/* Nelson — prepared French industrial/elegant signature. */
.cbu__card--nelson {
  background:
    linear-gradient(128deg, color-mix(in srgb, var(--cbu-bg) 88%, #294263), var(--cbu-bg));
}

.cbu__card--nelson::before {
  width: 200px;
  height: 200px;
  left: 2.1rem;
  bottom: 1.8rem;
  border-radius: 50%;
  background: transparent;
  border: 1px solid color-mix(in srgb, var(--cbu-accent) 55%, transparent);
  filter: none;
  opacity: .55;
}

.cbu__card--nelson .cbu__product-shot {
  background: #f5f4ef;
}

/* Karisma / Pietranera — bright Performance Design personality. */
.cbu__card--karisma {
  background:
    linear-gradient(102deg, var(--cbu-bg) 0 67%, color-mix(in srgb, #fff 30%, var(--cbu-bg)) 67% 100%);
}

.cbu__card--karisma::before {
  width: 155px;
  height: 155px;
  left: 2rem;
  bottom: 2rem;
  border-radius: 0;
  background: var(--cbu-fg);
  opacity: .08;
  transform: rotate(45deg);
  filter: none;
}

.cbu__card--karisma .cbu__signature {
  color: color-mix(in srgb, var(--cbu-fg) 24%, transparent);
}

.cbu__card--karisma .cbu__product-shot {
  background: #faf9f4;
}

@media (max-width: 767.98px) {
  .cbu__card--beautystar .cbu__content::after,
  .cbu__card--takumi .cbu__content::after {
    display: none;
  }

  .cbu__card--pahi .cbu__content::after {
    inset: .8rem;
  }
}