/* Lite YouTube facade — load iframe only on click */
.yt-lite {
  background-color: #000;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
  background-position: center;
  background-size: cover;
  border: 0;
  padding: 0;
}
.yt-lite::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 68px;
  height: 48px;
  margin: -24px 0 0 -34px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 48'%3E%3Cpath fill='%23f00' d='M66.5 7.5c-.8-2.9-3.1-5.2-6-6C55.9.2 34 0 34 0S12.1.2 7.5 1.5c-2.9.8-5.2 3.1-6 6C0 12.1 0 24 0 24s0 11.9 1.5 16.5c.8 2.9 3.1 5.2 6 6C12.1 47.8 34 48 34 48s21.9-.2 26.5-1.5c2.9-.8 5.2-3.1 6-6C68 35.9 68 24 68 24s0-11.9-1.5-16.5z'/%3E%3Cpath fill='%23fff' d='M45 24L27 14v20'/%3E%3C/svg%3E") no-repeat center / contain;
  z-index: 1;
  opacity: 0.9;
}
.yt-lite:hover::before { opacity: 1; }
.yt-lite iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}