/* DierenartsKiezer v40.21 — live-action hero, compact dierkeuze, ruimte dierennamen */

/* HOME HERO: echte doorlopende live-action video als achtergrond, compact en niet te donker. */
body.home-v45 .home-hero-video{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  min-height:460px!important;
  height:auto!important;
  padding:0!important;
  overflow:hidden!important;
  background:#073f3d!important;
  color:#fff!important;
}
body.home-v45 .home-hero-video>.hero-video{
  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:center 46%!important;
  border-radius:0!important;
  box-shadow:none!important;
  transform:none!important;
  z-index:0!important;
  background:#0a4b47!important;
}
body.home-v45 .home-hero-video>.hero-overlay{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:linear-gradient(90deg,rgba(5,45,43,.78) 0%,rgba(5,45,43,.62) 40%,rgba(5,45,43,.26) 72%,rgba(5,45,43,.08) 100%)!important;
}
body.home-v45 .home-hero-video>.hero-center{
  position:relative!important;
  z-index:2!important;
  width:min(1400px,calc(100% - 40px))!important;
  min-height:460px!important;
  margin:0 auto!important;
  padding:34px 0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  text-align:left!important;
}
body.home-v45 .home-hero-video .eyebrow{
  color:#fff!important;
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  backdrop-filter:blur(4px);
}
body.home-v45 .home-hero-video .hero-center h1{
  max-width:720px!important;
  margin:12px 0 8px!important;
  color:#fff!important;
  font-size:clamp(2.15rem,3.8vw,3.85rem)!important;
  line-height:1.02!important;
  text-shadow:0 2px 20px rgba(0,0,0,.18)!important;
}
body.home-v45 .home-hero-video .hero-center h1 em{color:#bff3ea!important}
body.home-v45 .home-hero-video .hero-center>p{
  max-width:670px!important;
  margin:0 0 10px!important;
  color:#f4fbf9!important;
  font-size:1.02rem!important;
  line-height:1.55!important;
}
body.home-v45 .home-hero-video .home-search.v22-distance{
  width:min(690px,100%)!important;
  margin:8px 0 8px!important;
  padding:7px!important;
  border:1px solid rgba(255,255,255,.38)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 12px 32px rgba(0,0,0,.16)!important;
  grid-template-columns:minmax(190px,1.55fr) minmax(145px,1fr) 105px!important;
}
body.home-v45 .home-hero-video .home-search.v22-distance select{grid-column:1/3!important}
body.home-v45 .home-hero-video .home-search.v22-distance button{grid-column:3!important}
body.home-v45 .home-hero-video .hero-actions{justify-content:flex-start!important;margin-top:2px!important}
body.home-v45 .home-hero-video .hero-actions .secondary{background:rgba(255,255,255,.14)!important;color:#fff!important;border-color:rgba(255,255,255,.6)!important}
body.home-v45 .home-hero-video .hero-points{justify-content:flex-start!important;gap:14px!important;margin-top:10px!important;color:#e8f7f3!important;font-size:.84rem!important}

/* HOME: dierkeuze bewust veel compacter. */
body.home-v45 .animal-start{padding:38px 0!important}
body.home-v45 .animal-start .shell>h2{margin:.2rem 0 .35rem!important;font-size:clamp(1.65rem,2.5vw,2.25rem)!important}
body.home-v45 .animal-start .shell>p{max-width:760px!important;margin:0!important;font-size:.94rem!important;line-height:1.45!important}
body.home-v45 .animal-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:16px!important;
}
body.home-v45 .animal-grid a{
  min-width:0!important;
  padding:0 0 10px!important;
  gap:0!important;
  overflow:hidden!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 4px 14px rgba(7,63,61,.05)!important;
}
body.home-v45 .animal-grid a>img{
  display:block!important;
  width:100%!important;
  height:82px!important;
  margin:0 0 8px!important;
  object-fit:cover!important;
  object-position:center 42%!important;
  border-radius:0!important;
}
body.home-v45 .animal-grid a>strong{
  margin:0!important;
  padding:0 11px!important;
  font-size:.95rem!important;
  line-height:1.25!important;
}
body.home-v45 .animal-grid a>span{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  margin:3px 0 0!important;
  padding:0 11px!important;
  color:#58716f!important;
  font-size:.73rem!important;
  line-height:1.25!important;
}

/* DIERENNAMEN: bewust lucht onder de site-header. */
body.pet-names-v44 main{padding-top:28px!important;background:#fff!important}
body.pet-names-v44 .subhero{margin-top:0!important}
body.pet-names-v44 .subhero .shell.subhero-grid{border-radius:18px!important;overflow:hidden!important}
body.pet-names-v44 .name-page{padding-top:46px!important}

@media(max-width:1100px){
  body.home-v45 .animal-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.home-v45 .animal-grid a>img{height:96px!important}
}
@media(max-width:900px){
  body.home-v45 .home-hero-video{min-height:520px!important}
  body.home-v45 .home-hero-video>.hero-center{min-height:520px!important;width:min(920px,calc(100% - 36px))!important;padding:32px 0!important}
  body.home-v45 .home-hero-video>.hero-overlay{background:linear-gradient(90deg,rgba(5,45,43,.84),rgba(5,45,43,.60) 68%,rgba(5,45,43,.30))!important}
}
@media(max-width:640px){
  body.home-v45 .home-hero-video{min-height:610px!important}
  body.home-v45 .home-hero-video>.hero-center{min-height:610px!important;width:calc(100% - 28px)!important;padding:30px 0!important}
  body.home-v45 .home-hero-video>.hero-video{object-position:62% center!important}
  body.home-v45 .home-hero-video>.hero-overlay{background:linear-gradient(90deg,rgba(5,45,43,.88),rgba(5,45,43,.72))!important}
  body.home-v45 .home-hero-video .home-search.v22-distance{grid-template-columns:1fr!important}
  body.home-v45 .home-hero-video .home-search.v22-distance select,body.home-v45 .home-hero-video .home-search.v22-distance button{grid-column:auto!important}
  body.home-v45 .home-hero-video .hero-actions{width:100%!important;flex-direction:column!important}
  body.home-v45 .home-hero-video .hero-points{display:none!important}
  body.home-v45 .animal-start{padding:30px 0!important}
  body.home-v45 .animal-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  body.home-v45 .animal-grid a>img{height:82px!important}
  body.pet-names-v44 main{padding-top:16px!important}
}