/* Wave 2 brand signatures — L'Oréal Professionnel, Ducastel, Wahl */

/* L'Oréal Professionnel — monochrome, editorial, Paris */
.cbu__card--loreal {
  background:
    linear-gradient(112deg, rgba(255,255,255,.76), transparent 42%),
    var(--cbu-bg);
  border: 1px solid rgba(17,17,17,.08);
}

.cbu__card--loreal::before {
  width: 1px;
  height: 72%;
  left: 3.1rem;
  bottom: 14%;
  border-radius: 0;
  background: var(--cbu-fg);
  opacity: .12;
  filter: none;
}

.cbu__card--loreal::after {
  inset: 0;
  background:
    linear-gradient(90deg, transparent 0 49.85%, rgba(17,17,17,.055) 49.85% 50%, transparent 50% 100%),
    linear-gradient(0deg, transparent 0 84%, rgba(17,17,17,.045) 84% 84.2%, transparent 84.2% 100%);
  opacity: 1;
}

.cbu__card--loreal .cbu__logo-wrap {
  border-radius: 0;
  box-shadow: none;
  border: 1px solid rgba(17,17,17,.12);
}

.cbu__card--loreal .cbu__signature {
  font-weight: 500;
  letter-spacing: -.045em;
  color: rgba(17,17,17,.12);
}

.cbu__card--loreal .cbu__brand-title {
  font-weight: 580;
  letter-spacing: -.055em;
}

.cbu__card--loreal .cbu__range {
  border-radius: 0;
  border-color: rgba(17,17,17,.2);
}

.cbu__card--loreal .cbu__product-shot {
  background: #f8f6f2;
}

.cbu__card--loreal .cbu__product-shot--1 {
  background: linear-gradient(150deg, #fff, #e9e4dd);
}

/* Ducastel — made in France, accessible, volontairement décalé */
.cbu__card--ducastel {
  background:
    radial-gradient(circle at 15% 22%, color-mix(in srgb, var(--cbu-accent) 26%, transparent), transparent 22%),
    radial-gradient(circle at 40% 84%, #62d4d0 0 7%, transparent 7.2%),
    linear-gradient(118deg, transparent 0 67%, rgba(255,255,255,.22) 67% 100%),
    var(--cbu-bg);
}

.cbu__card--ducastel::before {
  width: 150px;
  height: 150px;
  left: 2.5rem;
  bottom: 1.8rem;
  border-radius: 34% 66% 58% 42% / 45% 42% 58% 55%;
  background: #ffb228;
  opacity: .16;
  filter: none;
  transform: rotate(-11deg);
}

.cbu__card--ducastel::after {
  inset: 0;
  background: repeating-linear-gradient(-10deg, transparent 0 28px, rgba(24,24,24,.035) 28px 30px);
  opacity: .75;
}

.cbu__card--ducastel .cbu__signature {
  color: color-mix(in srgb, var(--cbu-accent) 55%, transparent);
  transform: rotate(-3deg);
}

.cbu__card--ducastel .cbu__brand-title {
  font-weight: 850;
}

.cbu__card--ducastel .cbu__range {
  background: rgba(255,255,255,.28);
  border-color: rgba(24,24,24,.16);
}

.cbu__card--ducastel .cbu__range:nth-child(2) {
  transform: rotate(-1deg);
}

.cbu__card--ducastel .cbu__range:nth-child(3) {
  transform: rotate(1deg);
}

.cbu__card--ducastel .cbu__product-shot {
  background: #fffdf6;
}

.cbu__card--ducastel .cbu__product-shot--1 {
  background: linear-gradient(145deg, #fffef9, #f9dfba);
}

/* Wahl — tool culture, précision, noir + métal */
.cbu__card--wahl {
  background:
    linear-gradient(125deg, rgba(255,255,255,.035), transparent 38%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.025) 0 1px, transparent 1px 42px),
    var(--cbu-bg);
  border: 1px solid rgba(211,179,106,.22);
}

.cbu__card--wahl::before {
  width: 430px;
  height: 430px;
  left: -210px;
  bottom: -220px;
  border: 1px solid color-mix(in srgb, var(--cbu-accent) 65%, transparent);
  background: transparent;
  opacity: .38;
  filter: none;
}

.cbu__card--wahl::after {
  inset: 0;
  background: linear-gradient(135deg, transparent 0 61%, rgba(211,179,106,.07) 61% 61.2%, transparent 61.2% 100%);
  opacity: 1;
}

.cbu__card--wahl .cbu__logo-wrap {
  border: 1px solid rgba(211,179,106,.35);
  background: #fff;
}

.cbu__card--wahl .cbu__signature {
  color: color-mix(in srgb, var(--cbu-accent) 32%, transparent);
  letter-spacing: -.04em;
}

.cbu__card--wahl .cbu__range {
  border-color: rgba(211,179,106,.32);
}

.cbu__card--wahl .cbu__range:hover {
  background: rgba(211,179,106,.1);
  border-color: rgba(211,179,106,.58);
}

.cbu__card--wahl .cbu__product-shot {
  background: #ecebea;
}

.cbu__card--wahl .cbu__product-shot--1 {
  background: linear-gradient(150deg, #f6f5f3, #cfcac1);
}

@media (max-width: 767.98px) {
  .cbu__card--loreal::before {
    left: 1.35rem;
  }

  .cbu__card--ducastel::before {
    left: 1.2rem;
    bottom: 1rem;
    width: 110px;
    height: 110px;
  }
}