/* Christmas sleigh promotion overlays the hero, not the header. */
.sx-hero.sx-hero-image-only{position:relative;isolation:isolate}
.sx-hero .sx-treats-video-trigger{position:absolute;z-index:5;right:clamp(12px,3vw,50px);bottom:clamp(14px,4vw,55px);width:clamp(225px,30vw,410px);padding:0;border:2px solid rgba(255,224,151,.85);border-radius:14px;background:#101c37;box-shadow:0 12px 38px rgba(0,0,0,.6);cursor:pointer;overflow:hidden;line-height:0;transition:transform .2s ease,box-shadow .2s ease}
.sx-hero .sx-treats-video-trigger:hover{transform:translateY(-4px);box-shadow:0 16px 44px rgba(0,0,0,.8)}
.sx-hero .sx-treats-video-trigger:focus-visible{outline:3px solid #ffe78d;outline-offset:4px}
.sx-treats-video-trigger img{display:block;width:100%;height:auto}
.sx-treats-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:56px;height:56px;border-radius:50%;color:#fff;background:rgba(177,20,30,.93);border:2px solid #fff;box-shadow:0 4px 15px #000a;font-size:24px;line-height:1}
.sx-treats-video-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.87));padding:20px 8px 7px;color:#fff;font:700 12px/1.25 Arial,sans-serif;letter-spacing:.04em;text-align:center;line-height:1.3}
.sx-treats-modal[hidden]{display:none!important}
.sx-treats-modal{position:fixed;z-index:100000;inset:0;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.86)}
.sx-treats-modal-panel{position:relative;width:min(720px,calc(100vw - 28px));box-sizing:border-box;background:#101b2c;border:1px solid #d8b66b;border-radius:12px;padding:32px 8px 8px;color:#fff}
.sx-treats-modal-close{position:absolute;top:4px;right:8px;background:transparent;border:0;color:#fff;font-size:30px;cursor:pointer;padding:2px 10px}
.sx-treats-player{width:100%;aspect-ratio:16/9;display:grid;place-items:center}
.sx-treats-player iframe,.sx-treats-player video{display:block;width:100%;height:100%;border:0}
.sx-treats-placeholder{text-align:center;font:600 clamp(16px,3vw,25px)/1.5 Arial,sans-serif;padding:24px}
@media(max-width:720px){.sx-hero .sx-treats-video-trigger{width:min(48vw,280px);right:10px;bottom:10px;border-radius:8px}.sx-treats-play{width:36px;height:36px;font-size:17px}.sx-treats-video-label{font-size:9px;padding:15px 4px 4px}}
@media(max-width:440px){.sx-hero .sx-treats-video-trigger{width:50vw}.sx-treats-video-label{font-size:8px}}
@media(prefers-reduced-motion:reduce){.sx-hero .sx-treats-video-trigger{transition:none}}

/* Keep the popup only slightly larger than the 16:9 video. */
@media(max-width:480px){.sx-treats-modal{padding:8px}.sx-treats-modal-panel{width:calc(100vw - 16px);padding:30px 6px 6px;border-radius:9px}.sx-treats-modal-close{top:0;right:4px}}