/* Keep the existing three-zone composition and holiday artwork. */
body.little-things-home .christmas-zone.christmas-video-zone {
  display:flex; align-items:center; justify-content:center;
  padding:20px 12px; min-width:0;
}
.christmas-video-feature {width:100%; max-width:300px; text-align:center; color:#ffe8bb;}
.christmas-video-heading {margin:0 0 10px; font-size:clamp(.65rem,.8vw,.9rem); font-weight:800; letter-spacing:.1em; line-height:1.5;}
.christmas-video-heading span {display:block; font-size:.62rem; letter-spacing:.18em;}
.christmas-video {display:block; width:100%; height:auto; max-height:calc(100svh - 260px); aspect-ratio:9/16; object-fit:contain; background:#061c14; border:1px solid #caa75f; border-radius:8px; box-shadow:0 8px 28px #0007;}
.christmas-streaming-links {display:flex; flex-wrap:wrap; justify-content:center; gap:4px 12px; margin-top:8px;}
.christmas-streaming-links a,.christmas-catalog-link {display:inline-flex; align-items:center; justify-content:center; min-height:44px; color:#ffe3a2; font-size:.75rem; text-underline-offset:4px;}
.christmas-catalog-link {font-size:.7rem;}
.christmas-video-feature a:focus-visible,.christmas-video:focus-visible {outline:3px solid #fff1ce; outline-offset:3px;}
@media(max-width:1180px) and (min-width:821px) {
  .christmas-video {max-height:calc(100svh - 340px);}
}
@media(max-width:820px) {
  body.little-things-home .christmas-zone.christmas-video-zone {padding:28px 20px; min-height:0;}
  .christmas-video-feature {max-width:300px;}
  .christmas-video-heading {font-size:.9rem;}
  .christmas-video {max-height:none;}
}