/* v40.25 — mobile hero hardening only. Rest intact. */
@media(max-width:720px){
  html body.home-v45 .home-hero-video>video.hero-video{
    display:block!important;visibility:visible!important;opacity:1!important;
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
    min-width:100%!important;min-height:100%!important;object-fit:cover!important;object-position:62% center!important;
    z-index:0!important;background:#073f3d!important;
  }
  html body.home-v45 .home-hero-video{background:#073f3d url('/images/hero-dierenartskiezer-v46.webp') center/cover no-repeat!important;}
  .hero-video-play{position:absolute;z-index:4;right:16px;bottom:16px;border:1px solid rgba(255,255,255,.65);border-radius:999px;padding:10px 14px;background:rgba(5,45,43,.82);color:#fff;font:700 14px/1.1 inherit;box-shadow:0 6px 20px rgba(0,0,0,.18);backdrop-filter:blur(6px)}
  .hero-video-play[hidden]{display:none!important}
}
/* User explicitly wants the video visible on mobile; older v41 CSS hid it entirely under reduced-motion. */
@media(max-width:720px) and (prefers-reduced-motion:reduce){
  html body.home-v45 .home-hero-video>video.hero-video{display:block!important;visibility:visible!important;opacity:1!important}
}

/* Definitieve mobiele hoogtefix: geef de achtergrondvideo een echte, berekenbare hoogte. */
@media(max-width:640px){
  html body.home-v45 .home-hero-video{height:670px!important;min-height:670px!important;}
  html body.home-v45 .home-hero-video>video.hero-video{
    top:0!important;right:0!important;bottom:auto!important;left:0!important;
    width:100%!important;height:670px!important;min-height:670px!important;
    object-fit:cover!important;object-position:62% center!important;
  }
}
@media(min-width:641px) and (max-width:720px){
  html body.home-v45 .home-hero-video{height:584px!important;min-height:584px!important;}
  html body.home-v45 .home-hero-video>video.hero-video{
    top:0!important;right:0!important;bottom:auto!important;left:0!important;
    width:100%!important;height:584px!important;min-height:584px!important;
    object-fit:cover!important;object-position:62% center!important;
  }
}