.home-video-banners{grid-column:1/-1;min-width:0;order:var(--home-order,4);padding:24px 0;}
.home-video-banners>h2{margin:0 0 20px;font-size:clamp(1.3rem,2.8vw,2rem);line-height:1.2;}
.home-video-banners-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px clamp(8px,2vw,24px);max-width:100%;}
.home-video-banner{min-width:0;display:grid;grid-template-rows:subgrid;grid-row:span 2;}
.home-video-banner-subtitle{min-height:2.8em;margin:0 0 8px;font-size:clamp(.68rem,1.3vw,.9rem);line-height:1.4;overflow-wrap:anywhere;}
.home-video-banner-media{position:relative;width:100%;aspect-ratio:9/16;min-width:0;overflow:hidden;border-radius:16px;background:#17251f}
.home-video-banner-open{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:hidden;border:0;padding:0;border-radius:inherit;background:#17251f;color:#fff;cursor:pointer;}
.home-video-banner-open>img,.home-video-inline{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;}
body:not(.admin-root) [data-video-banners] .home-video-banner-media :is(.home-video-banner-open>img,.home-video-inline){width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important}
.home-video-inline{pointer-events:auto}.home-video-banner-media [hidden]{display:none!important}
.home-video-banner-open:focus-visible{outline:3px solid #77a82e;outline-offset:4px;}
.home-video-banner-placeholder{display:grid;place-items:center;width:100%;aspect-ratio:9/16;border:1px solid #dce5df;border-radius:16px;background:#eef3ef;color:#789183;box-sizing:border-box}
.home-video-banner-placeholder svg{width:clamp(26px,5vw,64px);height:auto;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linejoin:round}
.home-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:clamp(32px,5vw,60px);height:clamp(32px,5vw,60px);border-radius:50%;background:#11251cb8;border:1px solid #ffffff8a;font-size:clamp(14px,2vw,24px);backdrop-filter:blur(8px);}
.home-video-dialog{position:fixed;inset:0;width:min(92vw,650px,calc((94dvh - 60px)*.5625));max-width:92vw;max-height:94dvh;margin:auto;padding:0;border:0;border-radius:16px;background:#101713;color:#fff;box-shadow:0 24px 80px #0008;}
.home-video-dialog::backdrop{background:#000c;backdrop-filter:blur(5px);}
.home-video-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 12px;}
.home-video-dialog-bar>span{font-size:.9rem;overflow-wrap:anywhere;}
.home-video-dialog-bar>button{flex-shrink:0;width:44px;height:44px;border:1px solid #ffffff5a;border-radius:50%;background:transparent;color:#fff;font-size:28px;cursor:pointer;}
.home-video-dialog>video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;object-position:center;background:#000;}
html.home-video-modal-open{overflow:hidden;}
.video-banner-editor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0;}
.video-banner-editor-grid fieldset{min-width:0;border:1px solid #dce5df;border-radius:12px;padding:16px;}
.video-banner-editor-grid legend{float:none;width:auto;font-size:1rem;font-weight:600;}
.video-banner-editor-grid label:not(.btn){display:block;margin-bottom:12px;}
.video-banner-admin-preview{display:block;width:100%;aspect-ratio:9/16;max-height:320px;margin:12px 0;background:#13231a;border-radius:10px;}
.video-banner-admin-preview[hidden]{display:none;}
@media(max-width:767px){.home-video-banners-hide-mobile{display:none!important}.home-video-banners{padding:16px 0}.home-video-banner-open{border-radius:10px}.video-banner-editor-grid{grid-template-columns:1fr}.home-video-banner-subtitle{min-height:4.2em}.home-video-banners-grid{gap:8px}}
