/* ======================================================
   BIOTECH — CPR-CELLSOME™ : carte produit « sérum signature »
   halo doré diffus + reflet qui balaie le verre + parallaxe 3D au survol
   ====================================================== */
.cpr-showcase {
  position: relative;
  z-index: 1;
  margin: 1rem auto 3.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}

/* Conteneur qui s'incline en 3D au survol (géré en JS) */
.cpr-showcase__media {
  position: relative;
  width: min(430px, 76%);
  transform-style: preserve-3d;
  transition: transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
  will-change: transform;
}

/* Halo doré diffus derrière la carte */
.cpr-showcase__media::before {
  content: "";
  position: absolute;
  inset: -16% -12%;
  z-index: -1;
  background: radial-gradient(ellipse at 50% 46%,
    rgba(200, 160, 78, 0.34),
    rgba(200, 160, 78, 0.08) 54%,
    transparent 72%);
  filter: blur(28px);
  transition: opacity 0.5s ease;
}

/* Cadre : coins arrondis, ombre douce stratifiée, filet doré */
.cpr-showcase__frame {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  box-shadow:
    0 22px 55px -20px rgba(58, 40, 16, 0.50),
    0 8px 22px -12px rgba(58, 40, 16, 0.32);
}
.cpr-showcase__frame::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  border-radius: 16px;
  border: 1px solid rgba(200, 160, 78, 0.45);
  pointer-events: none;
}

.cpr-showcase__img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 16px;
  /* Réchauffe le fond bleuté de la photo pour l'accorder au crème de la page */
  filter: sepia(0.20) saturate(1.12) brightness(1.015);
}

/* Reflet diagonal qui balaie le verre, puis se repose */
.cpr-showcase__sheen {
  position: absolute;
  top: -25%;
  left: 0;
  width: 45%;
  height: 150%;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(90deg,
    transparent,
    rgba(255, 251, 238, 0.55) 50%,
    transparent);
  mix-blend-mode: screen;
  transform: rotate(8deg) translateX(-220%);
  animation: cprSheen 7.5s ease-in-out 1.4s infinite;
}
@keyframes cprSheen {
  0%   { transform: rotate(8deg) translateX(-220%); opacity: 0; }
  5%   { opacity: 1; }
  24%  { opacity: 1; }
  30%  { transform: rotate(8deg) translateX(360%); opacity: 0; }
  100% { transform: rotate(8deg) translateX(360%); opacity: 0; }
}

.cpr-showcase__caption {
  font-family: var(--serif);
  font-style: italic;
  font-size: clamp(1rem, 1.5cqw, 1.15rem);
  color: var(--gold-deep);
  line-height: 1.5;
  max-width: 34ch;
  margin: 0;
}

/* Description courte sous chaque complexe (specs du brevet) */
.patent__spec-desc {
  font-family: var(--serif);
  font-size: 0.98rem;
  line-height: 1.55;
  color: var(--muted);
  max-width: 30ch;
  margin: 0.85rem auto 0;
}

@media (max-width: 700px) {
  .cpr-showcase__media { width: min(380px, 86%); }
  .cpr-showcase__caption { max-width: 28ch; }

  /* Specs en grille 2 colonnes (numéro | contenu) : le numéro occupe la
     colonne de gauche, le code + la description s'empilent à droite */
  .patent__spec-value { grid-row: span 2; }
  .patent__spec-desc { max-width: none; margin: 0.5rem 0 0; }
}

@media (prefers-reduced-motion: reduce) {
  .cpr-showcase__sheen { animation: none; opacity: 0; }
  .cpr-showcase__media { transition: none; }
}