body{
  scroll-behavior: smooth;
}
.marquee-inner {
  display: flex;
  animation: marqueeScroll linear infinite;
  will-change: transform;
}

@keyframes marqueeScroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
/* ==========  CIA MAKEUP – SCROLLBAR UNIQUE  ========== */
/* Appliquée à tout le document : root + éléments scrollables */

:root {
  --scrollbar-bg: transparent;          /* fond de la piste */
  --scrollbar-thumb: #fb7185;          /* rose CIA (#fb7185) */
  --scrollbar-thumb-hover: #e11d48;    /* rose plus foncé au survol */
  --scrollbar-width: 10px;             /* largeur verticale */
  --scrollbar-height: 10px;            /* hauteur horizontale */
}

/* Firefox (64+) */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg);
}

/* Webkit : Chrome, Edge, Safari, Opera */
::-webkit-scrollbar {
  width: var(--scrollbar-width);
  height: var(--scrollbar-height);
}

::-webkit-scrollbar-track {
  background: var(--scrollbar-bg);
}

::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  border-radius: 20px;
  border: 2px solid transparent;       /* padding visuel */
  background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover);
}

/* Option : coins arrondis de la piste (sympa sur fond clair) */
::-webkit-scrollbar-corner {
  background: transparent;
}


.cta-banner {
    min-height: 100vh;
    position: relative;
    background-image: url('/assets/main/images/homebanner1.jpg');
    background-size: cover;
    background-position: center;
}

/* Changer l’image à partir de 640px (sm) */
@media (max-width: 640px) {
    .cta-banner {
        background-image: url('/assets/main/images/homebannerrotate.jpg');
    }
}