/* Galerie YouTube — présentation éditoriale compacte */
.mz-video-hub {
  width: min(1160px, calc(100% - 32px)) !important;
  margin: clamp(64px, 8vw, 104px) auto !important;
}

.mz-video-hub__shell {
  padding: clamp(30px, 4vw, 50px) !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 50% -20%, rgba(240,166,111, .18), transparent 42%),
    linear-gradient(145deg, rgba(27,18,28, .97), rgba(23,16,25, .98)) !important;
}

.mz-video-hub__head {
  display: block !important;
  max-width: 760px;
  margin: 0 auto 30px !important;
  padding-bottom: 24px !important;
  text-align: center;
}

.mz-video-hub__head small {
  margin-bottom: 9px !important;
  font-size: 9px !important;
}

.mz-video-hub__head h2 {
  color: #f7fbff !important;
  background: none !important;
  font-size: clamp(38px, 5vw, 62px) !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
}

.mz-video-hub__head h2 span {
  color: #f0a66f !important;
}

.mz-video-hub__head p {
  max-width: 560px !important;
  margin: 14px auto 0 !important;
  text-align: center !important;
  font-size: 14px !important;
}

.mz806-gallery {
  grid-template-columns: 42px minmax(0, 1fr) 42px !important;
  gap: 12px !important;
}

.mz806-gallery__track {
  grid-auto-columns: minmax(300px, calc(50% - 8px)) !important;
  gap: 16px !important;
  padding: 4px 3px 12px !important;
}

.mz806-gallery__track:has(> .mz806-card:only-child) {
  display: grid !important;
  grid-template-columns: minmax(0, 850px) !important;
  justify-content: center !important;
}

.mz806-card:only-child {
  width: 100% !important;
}

.mz806-card {
  border-radius: 21px !important;
  background: linear-gradient(155deg, rgba(29,19,29, .96), rgba(1, 8, 20, .99)) !important;
}

.mz806-card:only-child {
  display: grid !important;
  grid-template-columns: minmax(0, 1.55fr) minmax(230px, .75fr) !important;
  align-items: stretch !important;
}

.mz806-card:only-child .mz806-card__visual {
  min-height: 280px;
  aspect-ratio: 16 / 9 !important;
}

.mz806-card__visual:after {
  background: linear-gradient(transparent 45%, rgba(1, 7, 18, .72)) !important;
}

.mz806-card__play {
  width: 60px !important;
  height: 60px !important;
  background: rgba(26,17,27, .8) !important;
  border: 1px solid rgba(240,166,111, .75) !important;
  box-shadow: 0 0 0 8px rgba(240,166,111, .1), 0 16px 35px rgba(0, 0, 0, .45) !important;
  backdrop-filter: blur(8px);
}

.mz806-card__copy {
  display: flex !important;
  min-height: 108px !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 22px !important;
}

.mz806-card:only-child .mz806-card__copy {
  min-height: 100% !important;
  padding: clamp(24px, 3vw, 38px) !important;
  border-left: 1px solid rgba(240,166,111, .18);
}

.mz806-card__copy small {
  color: #f0a66f !important;
}

.mz806-card__copy h3 {
  margin-top: 10px !important;
  font-size: clamp(16px, 1.6vw, 21px) !important;
  line-height: 1.35 !important;
}

.mz806-gallery__arrow {
  width: 42px !important;
  height: 42px !important;
  font-size: 24px !important;
  background: rgba(30,20,30, .72) !important;
}

@media (max-width: 760px) {
  .mz-video-hub {
    width: calc(100% - 20px) !important;
    margin: 52px auto !important;
  }

  .mz-video-hub__shell {
    padding: 26px 12px 20px !important;
    border-radius: 24px !important;
  }

  .mz-video-hub__head {
    margin-bottom: 20px !important;
    padding: 0 8px 19px !important;
  }

  .mz-video-hub__head h2 {
    font-size: clamp(34px, 11vw, 48px) !important;
  }

  .mz-video-hub__head p {
    font-size: 12.5px !important;
    line-height: 1.55 !important;
  }

  .mz806-gallery__track,
  .mz806-gallery__track:has(> .mz806-card:only-child) {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: 88% !important;
    grid-template-columns: none !important;
    justify-content: start !important;
    gap: 12px !important;
    overflow-x: auto !important;
  }

  .mz806-card:only-child {
    display: block !important;
    width: auto !important;
  }

  .mz806-card:only-child .mz806-card__visual {
    min-height: 0;
  }

  .mz806-card:only-child .mz806-card__copy {
    min-height: 98px !important;
    padding: 17px !important;
    border-left: 0;
  }

  .mz806-card__copy h3 {
    font-size: 15px !important;
  }
}

@media (max-width: 390px) {
  .mz806-gallery__track,
  .mz806-gallery__track:has(> .mz806-card:only-child) {
    grid-auto-columns: 94% !important;
  }
}

/* Version cinéma : le titre appartient au visuel, sans panneau latéral */
.mz-video-hub__shell {
  isolation: isolate;
  padding-bottom: clamp(34px, 4vw, 52px) !important;
}

.mz-video-hub__shell::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: -140px;
  bottom: -180px;
  width: 430px;
  height: 430px;
  border-radius: 50%;
  background: rgba(240,166,111, .11);
  filter: blur(75px);
  pointer-events: none;
}

.mz806-gallery__track:has(> .mz806-card:only-child) {
  grid-template-columns: minmax(0, 860px) !important;
}

.mz806-card,
.mz806-card:only-child {
  position: relative !important;
  display: block !important;
  aspect-ratio: 16 / 8.7 !important;
  overflow: hidden !important;
  border-color: rgba(240,166,111, .34) !important;
  background: #020712 !important;
  box-shadow: 0 28px 70px rgba(0, 0, 0, .48), 0 0 0 1px rgba(255, 255, 255, .025) inset !important;
}

.mz806-card__visual,
.mz806-card:only-child .mz806-card__visual {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
}

.mz806-card__visual::after {
  inset: 28% 0 0 !important;
  background: linear-gradient(180deg, transparent, rgba(1, 6, 16, .34) 35%, rgba(1, 6, 16, .96) 100%) !important;
}

.mz806-card__copy,
.mz806-card:only-child .mz806-card__copy {
  position: absolute !important;
  z-index: 4 !important;
  right: 0 !important;
  bottom: 58px !important;
  left: 0 !important;
  display: block !important;
  width: auto !important;
  min-height: 0 !important;
  height: auto !important;
  padding: clamp(19px, 3vw, 31px) !important;
  border: 0 !important;
  background: transparent !important;
  pointer-events: none;
}

.mz806-card__copy small {
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
  margin-bottom: 7px;
}

.mz806-card__copy small::before {
  content: "";
  width: 18px;
  height: 2px;
  border-radius: 2px;
  background: #f0a66f;
}

.mz806-card__copy h3 {
  max-width: 720px;
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(17px, 2.15vw, 27px) !important;
  line-height: 1.18 !important;
  text-shadow: 0 4px 22px #000;
  -webkit-line-clamp: 2 !important;
}

.mz806-card.is-playing .mz806-card__copy {
  display: none !important;
}

.mz806-card__play {
  width: 64px !important;
  height: 64px !important;
  background: rgba(29,19,29, .76) !important;
}

.mz806-gallery__arrow {
  border-color: rgba(240,166,111, .24) !important;
  background: rgba(26,17,27, .58) !important;
  backdrop-filter: blur(10px);
}

@media (max-width: 760px) {
  .mz806-card,
  .mz806-card:only-child {
    aspect-ratio: 4 / 3 !important;
  }

  .mz806-card__copy,
  .mz806-card:only-child .mz806-card__copy {
    bottom: 38px !important;
    padding: 16px !important;
  }

  .mz806-card__copy h3 {
    font-size: 15px !important;
  }

  .mz806-card__play {
    width: 54px !important;
    height: 54px !important;
  }
}