/* ————————————————————————————————————————————————
   Le Vineum — compléments pour les pages vitrine
   (chargé APRÈS style.css)
   ———————————————————————————————————————————————— */

/* Héros réduit pour les pages intérieures */
.hero-page { min-height: 46vh; }

/* Grille « Nos univers » : cartes catégories sur photo */
.grille-univers {
  display: grid; gap: 1.2rem;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}
.carte-univers {
  position: relative; display: block; border-radius: 10px; overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--bordeaux) 25%, transparent); text-decoration: none;
  box-shadow: 0 6px 18px color-mix(in srgb, var(--cave) 12%, transparent);
}
.carte-univers img {
  width: 100%; height: 230px; object-fit: cover; transition: transform 0.3s ease;
}
.carte-univers:hover img { transform: scale(1.05); }
.carte-univers .univers-nom {
  position: absolute; left: 0; right: 0; bottom: 0;
  padding: 2.4rem 1.1rem 0.9rem;
  background: linear-gradient(180deg, color-mix(in srgb, var(--cave) 0%, transparent) 0%, color-mix(in srgb, var(--cave) 88%, transparent) 75%);
  color: var(--creme); font-family: var(--display); font-size: 1.35rem; line-height: 1.2;
}
.carte-univers .univers-nom small {
  display: block; font-family: var(--body); font-size: 0.85rem;
  color: var(--ambre-vif); margin-top: 0.15rem;
}

/* Légende sous une photo */
.photo-legende {
  font-size: 0.88rem; color: color-mix(in srgb, var(--creme) 60%, transparent);
  margin-top: 0.5rem; font-style: italic;
}
.papier .photo-legende { color: #6b6154; }

/* Liste d'atouts avec coche */
.liste-atouts { list-style: none; margin: 1rem 0 1.5rem; }
.liste-atouts li { padding-left: 1.9rem; position: relative; margin-bottom: 0.7rem; }
.liste-atouts li::before {
  content: "✓"; position: absolute; left: 0; top: 0;
  color: var(--ambre); font-weight: 700;
}
.papier .liste-atouts li::before { color: var(--bordeaux); }

/* Pages de texte (mentions légales) */
.page-texte h2 { margin: 2.4rem 0 0.8rem; color: var(--ambre-vif); }
.page-texte h3 { margin: 1.6rem 0 0.5rem; }
.page-texte p, .page-texte li { max-width: 75ch; margin-bottom: 0.8rem; color: color-mix(in srgb, var(--creme) 88%, transparent); }
.page-texte ul { margin: 0 0 1rem 1.3rem; }

/* Espacement des groupes de boutons */
.rangee-boutons { display: flex; gap: 1rem; flex-wrap: wrap; margin-top: 1.5rem; }