[hidden]{display:none!important}
.video-start-overlay{position:absolute;inset:0;z-index:3;display:grid;place-items:center;padding:20px;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.45))}
.video-start{display:flex;align-items:center;flex-direction:column;gap:14px;max-width:100%;padding:24px 26px;border:2px solid #fff;border-radius:22px;background:#0b6f46;color:#fff;box-shadow:0 12px 36px #0006;cursor:pointer;font:700 clamp(20px,5vw,26px)/1.2 Arial,sans-serif}
.video-start small{font-size:14px;font-weight:400}.play-icon{font-size:38px;line-height:1}
.video-start:disabled{cursor:wait;opacity:.8}
.video-fullscreen{position:absolute;z-index:4;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));border:1px solid #fff9;border-radius:10px;padding:10px 12px;min-height:44px;background:#14251ee6;color:#fff;font:700 14px/1.2 Arial,sans-serif;cursor:pointer}
.video-cta{position:absolute;z-index:4;bottom:max(82px,calc(env(safe-area-inset-bottom) + 68px));left:16px;right:16px;display:flex;justify-content:center;pointer-events:none}
.video-cta .btn{pointer-events:auto;min-height:52px;max-width:100%;border:2px solid #fff;font-size:18px;box-shadow:0 8px 30px #0009;text-align:center}
.video-frame.is-expanded{position:fixed;inset:0;z-index:100;width:100%;height:100vh;height:100dvh;aspect-ratio:auto;border-radius:0;background:#000}
.video-frame:fullscreen{width:100%;height:100%;border-radius:0;background:#000}
body.video-expanded{overflow:hidden}
.video-frame.is-expanded .video-cta{left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right))}
.video-start:focus-visible,.video-fullscreen:focus-visible,.video-cta .btn:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(max-height:420px){.video-start{padding:14px 22px;gap:8px}.video-cta{bottom:max(64px,env(safe-area-inset-bottom))}}