/* Liserai jaune sous la photo hero */
.hero::after {
  content: '';
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  height: 20px;
  background-color: #ffb82e;
  z-index: 5;
}

/* Ajustements responsifs pour le liserai */
@media (max-width: 768px) {
  .hero::after {
    height: 15px;
    bottom: -15px;
  }
}

@media (max-width: 480px) {
  .hero::after {
    height: 12px;
    bottom: -12px;
  }
}