/* Styles Hellonélo – carrousel vidéo (Shorts, Debug v2) */
.hn-youtube-section { margin: 2rem 0; }
.hn-youtube-title { margin: 0 0 1rem; font-size: clamp(1.2rem, 1.2vw + 1rem, 2rem); }
.hn-thumb-wrap { position: relative; aspect-ratio: 16/9; border-radius: 14px; overflow: hidden; background: #111; }
.hn-thumb-wrap img { width: 100%; height: 100%; object-fit: cover; display: block; transform: scale(1); transition: transform .25s ease; }
.hn-video-link:hover .hn-thumb-wrap img { transform: scale(1.03); }
.hn-play-badge { position: absolute; left: 10px; bottom: 10px; background: rgba(0,0,0,.7); color: #fff; padding: 8px 12px; border-radius: 999px; font-weight: 600; }
.hn-video-title-item { font-size: .95rem; line-height: 1.3; margin-top: .6rem; }
.swiper-button-prev, .swiper-button-next { color: currentColor; }
.hn-lightbox[hidden] { display: none; }
.hn-lightbox { position: fixed; inset: 0; background: rgba(0,0,0,.85); display: grid; place-items: center; padding: 2rem; z-index: 9999; }
.hn-lightbox-iframe-wrap { width: min(1100px, 92vw); aspect-ratio: 16/9; background: #000; }
.hn-lightbox-iframe-wrap iframe { width: 100%; height: 100%; border: 0; }
.hn-lightbox-close { position: absolute; top: 14px; right: 14px; font-size: 28px; line-height: 1; border: 0; background: transparent; color: #fff; cursor: pointer; }
pre.hn-debug { background: #0b1020; color: #c7f284; padding: 12px; border-radius: 8px; font-size: 12px; line-height: 1.4; overflow:auto; }