.tt-titletab h3.tt-title.text-uppercase {
    font-size: 0; /* on masque le texte d'origine */
}

.tt-titletab h3.tt-title.text-uppercase::after {
    content: "Promotions"; /* ton nouveau texte */
    font-size: 18px; /* taille du texte */
    text-transform: uppercase;
    color: inherit; /* garde la même couleur */
}
/* Bouton "Voir toutes les promotions" sous le slider */
.ttspecial-list {
  position: relative;
  padding-bottom: 100px; /* espace plus grand pour le bouton */
}

/* Bouton */
.ttspecial-list::after {
  content: "Voir toutes les promotions";
  display: block;
  width: max-content;
  margin: 30px auto 0 auto;
  padding: 18px 35px;
  background: #d60000; /* Rouge */
  color: #fff;
  border-radius: 50px; /* bouton bien arrondi */
  font-weight: 700;
  font-size: 20px;
  cursor: pointer;
  text-align: center;
  transition: 0.3s ease;
  animation: pulse 1.3s infinite; /* animation */
}

/* Hover */
.ttspecial-list::after:hover {
  background: #b30000;
  transform: scale(1.08);
}

/* Animation pulse */
@keyframes pulse {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.08); }
  100% { transform: scale(1); }
}

/* Gestion du clic */
.ttspecial-list::after {
  pointer-events: auto;
}
.ttspecial-list {
  pointer-events: none;
}
.ttspecial-list .owl-carousel,
.ttspecial-list * {
  pointer-events: auto;
}
.ttspecial-list::after:active {
  transform: scale(0.96);
}
/* === SLIDER FORMAT BANNIÈRE === */

#carousel .carousel-inner img {
  width: 100%;
  height: 350px; /* hauteur bannière - modifiable : 250, 300, 400 */
  object-fit: cover; /* coupe proprement pour format horizontal */
  object-position: center;
}

/* supprime les marges inutiles du slider */
#carousel {
  padding: 0;
  margin: 0 auto;
}

/* === RESPONSIVE === */
@media (max-width: 768px) {
  #carousel .carousel-inner img {
    height: 200px; /* mobile : bannière plus fine */
  }
}
.full-header {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}