/* private-catamaran-saint-martin.css — page-specific overrides */

.hero--saint-martin {
  background-image: linear-gradient(rgba(0, 30, 60, 0.50), rgba(0, 30, 60, 0.45)),
    url('/images/saint-martin/hero-private-catamaran-saint-martin.jpg');
  background-image: linear-gradient(rgba(0, 30, 60, 0.50), rgba(0, 30, 60, 0.45)),
    image-set(
      url('/images/saint-martin/hero-private-catamaran-saint-martin.avif') type('image/avif'),
      url('/images/saint-martin/hero-private-catamaran-saint-martin.jpg') type('image/jpeg')
    );
  background-size: cover;
  background-position: center 40%;
  min-height: 80vh;
  display: flex;
  align-items: center;
}

/* .offer-grid, .offer-card, leurs titres et leur CTA vivent désormais dans
   async-load.css : trois pages les utilisent (ici, romantic, wedding) et cette
   feuille-ci n'est chargée que sur le hub. Ne rien redéfinir ici. */

/* Prix — la mention « bateau entier » est portée une fois par .offer-basis, pas
   répétée sur chaque carte : offers.json en fait la mention la plus critique de
   la page, un prix nu se lisant spontanément « par personne ». */
.offer-card__price {
  font-weight: 700;
  font-size: 1.0625rem;
  color: var(--color-accent, #1A6B6B);
  margin: 0;
}

.offer-basis {
  margin-top: var(--space-4, 1rem);
  font-size: 0.9375rem;
  color: var(--color-text-secondary, #5A7070);
}

.offer-group__title {
  font-family: var(--font-heading, 'Cormorant Garamond', serif);
  font-size: 1.5rem;
  color: var(--color-text, #1a1a2e);
  margin-top: var(--space-7, 2.5rem);
}

.offer-group__range {
  margin-top: var(--space-2, 0.5rem);
  font-size: 0.9375rem;
  color: var(--color-text-secondary, #5A7070);
}

/* La croisière 10 j / 9 n est l'ancrage haut de gamme du catalogue : elle porte
   un liseré pour être lisible d'un coup d'œil dans une grille de 11 cartes. */
.offer-card--featured {
  border: 2px solid var(--color-accent, #1A6B6B);
  background: #fff;
}