/* Accueil HBCHM : deux invitations au défilement, uniquement sur ordinateur. */
.hb-desktop-discover { display: none; }
@media (min-width: 901px) {
  body:has(> .hb-banner-animated) > .strip { position: relative; }
  body:has(> .hb-banner-animated) > .strip > .hb-desktop-discover {
    display: flex; position: absolute; top: 47px; transform: translateY(-50%);
    width: clamp(88px, 11vw, 185px); min-height: 58px; z-index: 2;
    flex-direction: column; align-items: center; justify-content: center; gap: 2px;
    color: #fff; text-decoration: none; text-align: center;
    font: 700 10px/1.4 system-ui, sans-serif;
    letter-spacing: 1.2px; text-shadow: 0 2px 5px #0009; transition: color .2s ease;
  }
  body:has(> .hb-banner-animated) > .strip > .hb-desktop-discover--left { left: clamp(5px, 1.3vw, 24px); }
  body:has(> .hb-banner-animated) > .strip > .hb-desktop-discover--right { right: clamp(5px, 1.3vw, 24px); }
  body:has(> .hb-banner-animated) > .strip > .hb-desktop-discover .hb-desktop-discover-arrow { display: none; }
  body:has(> .hb-banner-animated) > .strip > .hb-desktop-discover::after {
    content: '⌄'; display: block; color: inherit; font-size: 25px; line-height: 1;
    transition: transform .2s ease;
  }
  body:has(> .hb-banner-animated) > .strip > .hb-desktop-discover:hover,
  body:has(> .hb-banner-animated) > .strip > .hb-desktop-discover:focus-visible { color: #00d7e7; }
  body:has(> .hb-banner-animated) > .strip > .hb-desktop-discover:hover::after { transform: translateY(4px); }
  body:has(> .hb-banner-animated) > .strip > .shell {
    max-width: min(1250px, calc(100% - clamp(200px, 24vw, 400px)));
  }
}
@media (min-width: 901px) and (max-width: 1200px) {
  body:has(> .hb-banner-animated) > .strip > .shell { gap: 8px; }
  body:has(> .hb-banner-animated) > .strip > .shell .stat { font-size: 11px; }
  body:has(> .hb-banner-animated) > .strip > .shell .stat b { font-size: 20px; margin-right: 4px; }
  body:has(> .hb-banner-animated) > .strip > .shell .stat small { font-size: 9px; margin-left: 27px; }
}

/* HBCHM : pulsation discrète du lien « Découvrir le club », PC et mobile */
@keyframes hbchm-decouvrir-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: .58; }
}
.hb-banner-animated .hb-mobile-scroll-cue,
.strip > .hb-desktop-discover {
  animation: hbchm-decouvrir-pulse 3.2s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
  .hb-banner-animated .hb-mobile-scroll-cue,
  .strip > .hb-desktop-discover { animation: none; }
}