.hero-section.cro-hero-video { isolation:isolate; background:#102238 url('./cro-guide-hrvatska-poster.jpg') center/cover no-repeat; overflow:visible; z-index:5; }
.hero-section.cro-hero-video::before { background:linear-gradient(180deg,rgba(6,24,39,.55),rgba(6,24,39,.64)); opacity:1; z-index:1; pointer-events:none; }
.cro-hero-video > .cro-hero-film { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; opacity:0; z-index:0; pointer-events:none; }
.cro-hero-video > .cro-hero-film.has-frame { opacity:1; }
.hero-section.cro-hero-video > .container { position:relative; z-index:2; }
.cro-hero-video .cro-hero-toggle { position:absolute; right:20px; bottom:18px; z-index:3; min-height:44px; min-width:44px; padding:8px 14px; border:1px solid rgba(255,255,255,.7); border-radius:99px; font:500 13px/1.3 system-ui,sans-serif; color:#fff; background:rgba(6,24,39,.85); cursor:pointer; }
.cro-hero-toggle:hover { background:#061827; }
.cro-hero-toggle:focus-visible { outline:3px solid #e4c78e; outline-offset:3px; }
@media (max-width:767px) { .cro-hero-video .cro-hero-toggle { right:14px; bottom:14px; } }