/* ======================= */
/* SPÉCIFIQUE À INDEX.HTML */
/* ======================= */

#index-section {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

#index-section .card {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  border: none;
}

#index-video {
  width: 100%;
  max-height: 50vh;
  object-fit: cover;
  border-radius: 0.5rem;
  cursor: pointer;
}

#index-card {
  max-width: 1650px;
  width: 100%;
}

.d-flex.flex-column.flex-lg-row.gap-2 {
  gap: 1.2rem;
}

/* Animation pour les offres */
#offersSection {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 0.2s ease, max-height 0.2s ease;
}

#offersSection.show {
  opacity: 1;
  max-height: 1500px;
}