/* ---------- PRODUIT VEDETTE ---------- */
/* ---------- PRODUIT VEDETTE : carte or + un peu plus haute ---------- */
.capsule-featured {
  /* centrage et largeur contrôlée */
  margin: clamp(24px, 4vh, 40px) auto;
  max-width: 1100px;

  /* on lui laisse un peu plus de souffle en hauteur */
  padding: clamp(20px, 2.6vh, 28px) clamp(24px, 4vw, 40px);
  max-height: 40vh;                 /* au lieu de 30vh */
  display: flex;
  align-items: center;
  overflow: hidden;
  border-radius: var(--cap-radius-lg);

  /* fond verre + éclats d’or */
  background:
    radial-gradient(circle at 8% 0%,
      rgba(203,137,85,.28),
      transparent 60%
    ),
    radial-gradient(circle at 92% 100%,
      rgba(255,228,185,.25),
      transparent 55%
    ),
    var(--glass-xs);

  backdrop-filter: var(--blur-lg);
  -webkit-backdrop-filter: var(--blur-lg);

  /* liseré doré Tyshara + ombre douce */
  border: 1px solid rgba(255,255,255,.35);
  box-shadow:
    0 0 0 1px var(--ty-gold, #CB8955),
    0 18px 40px rgba(0,0,0,.26);
}

.capsule-featured-inner {
  display: flex;
  flex-wrap: nowrap;
  gap: 1.8rem;
  align-items: center;
  width: 100%;
}

/* MEDIA : corrige la classe + limite la taille de l’image */
.capsule-featured-media {
  flex: 0 0 auto;
}

.capsule-featured-media img {
  max-width: 320px;
  width: 100%;
  max-height: 22vh;
  height: auto;
  object-fit: cover;
  border-radius: var(--cap-radius-lg);
  box-shadow: var(--cap-shadow-card);
}

/* TEXTE : colonne plus compacte */
.capsule-featured-details {
  flex: 1;
  min-width: 260px;
}

.capsule-featured-title {
  font-family: 'Montserrat Alternates','Montserrat',sans-serif;
  font-size: 1.4rem;
  margin-bottom: .5rem;
  color: var(--cap-ink);
}

.capsule-featured-desc {
  font-size: 1rem;
  line-height: 1.6;
  color: var(--cap-ink-soft);
  margin-bottom: 1rem;
}

.capsule-featured-price {
  font-family: var(--font-deco,'Satisfy',cursive);
  font-size: 1.2rem;
  color: var(--cap-ink-soft);
  margin-bottom: 1rem;
}

.capsule-featured-cta a {
  display: inline-block;
  background: var(--cap-cta-bg);
  color: var(--cap-cta-ink);
  text-decoration: none;
  padding: .6rem 1.4rem;
  border-radius: 999px;
  font-size: .95rem;
  transition: opacity .25s ease;
}
.capsule-featured-cta a:hover {
  opacity: .9;
}

/* Ajustement mobile : on laisse respirer un peu plus */
@media (max-width: 768px) {
  .capsule-featured {
    max-height: none;
  }
  .capsule-featured-inner {
    flex-wrap: wrap;
  }
  .capsule-featured-media img {
    max-width: 100%;
    max-height: 40vh;
  }
}