/* ── CROCO-SVH-FIX (2026-07-16): mobile Chrome/Brave collapse the URL bar on
   scroll → the viewport height changes → uk-height-viewport sections resize
   with an ugly jump. svh = the SMALL viewport unit: stable, never changes.
   The !important beats UIkit inline min-height recalcs. Safari unaffected. */
@supports (min-height: 100svh) {
  .uk-height-viewport { min-height: 100svh !important; }
}

/* ── CROCO-SVH-VIDEO (2026-07-16): the section min-height is already pinned to
   100svh (stable), but the background <video uk-cover> is re-sized by UIkit
   JS on every resize event — and a mobile URL-bar collapse IS a resize — so
   the VIDEO rescales/jumps inside a stable box. Force pure-CSS cover (100% of
   the box, object-fit:cover) with !important so the JS-set inline px is
   neutralised → nothing recomputes on the URL-bar resize. STILL UNCONFIRMED
   on a real device (cannot reproduce headless — no collapsing URL bar). */
.uk-height-viewport video[uk-cover],
.uk-height-viewport [uk-cover] > video,
.uk-cover-container > video {
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  left: 0 !important;
  top: 0 !important;
  transform: none !important;
}