.yt-lite {
  position: relative;
  top: 10px;
  width: 100%;
  max-width: 800px;   /* largeur max */
  aspect-ratio: 16 / 9;
  background: #fff;
  cursor: pointer;
  overflow: hidden;
  display: block;
  border-radius: 12px;
  margin: 0 auto;     /* ← centre horizontalement */
}

.yt-lite .yt-thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: saturate(1.05) contrast(1.02);
}
.yt-lite .yt-play {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 68px; height: 48px;
  background: url('data:image/svg+xml;utf8,<svg viewBox=\'0 0 68 48\' xmlns=\'http://www.w3.org/2000/svg\'><path d=\'M66.52 7.74a8 8 0 0 0-5.64-5.66C56.8 1 34 1 34 1s-22.8 0-26.88 1.08A8 8 0 0 0 1.48 7.74 83.1 83.1 0 0 0 .4 24a83.1 83.1 0 0 0 1.08 16.26 8 8 0 0 0 5.64 5.66C11.2 47 34 47 34 47s22.8 0 26.88-1.08a8 8 0 0 0 5.64-5.66A83.1 83.1 0 0 0 67.6 24a83.1 83.1 0 0 0-1.08-16.26z\' fill=\'%23000\' opacity=\'.3\'/><path d=\'M45 24 27 14v20\' fill=\'%23fff\'/></svg>') no-repeat center/contain;
  pointer-events: none;
}
.yt-lite:focus { outline: 2px solid #80a9cf; outline-offset: 3px; }