/* DierenartsKiezer v40.20 — herstel home, uniforme bovenbouw, rijkere zorgaanbieders en dierennamen */
:root{--v44-content:1180px}

/* HEADER: exact dezelfde bovenbouw op iedere route */
@media(min-width:1281px){
  .trustbar .shell{height:42px!important;min-height:42px!important;padding-top:0!important;padding-bottom:0!important;display:flex!important;align-items:center!important}
  .nav-row{height:104px!important;min-height:104px!important;padding:0!important}
}

/* HOME HERO: geen enorm donker beeld meer. Tekst links, bewegend beeld rechts zoals een rustige premium startpagina. */
.home-hero-video{min-height:0!important;height:auto!important;display:block!important;position:relative!important;padding:34px 0 38px!important;background:linear-gradient(135deg,#f3faf7 0%,#eef6f3 100%)!important;color:var(--ink)!important;overflow:hidden!important}
.home-hero-video>.hero-overlay{display:none!important}
.home-hero-video>.hero-video{position:absolute!important;top:34px!important;right:max(20px,calc((100vw - 1400px)/2))!important;bottom:auto!important;left:auto!important;width:min(46vw,650px)!important;height:480px!important;object-fit:cover!important;object-position:52% 50%!important;border-radius:24px!important;box-shadow:0 18px 42px rgba(7,63,61,.16)!important;background:#dceae6!important;z-index:1!important}
.home-hero-video>.hero-center{position:relative!important;z-index:2!important;min-height:480px!important;width:min(1400px,calc(100% - 40px))!important;margin:0 auto!important;padding:28px min(50%,690px) 24px 0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;text-align:left!important}
.home-hero-video .eyebrow{color:var(--teal)!important;border-color:#a8d3ca!important;background:#fff!important}
.home-hero-video .hero-center h1{max-width:690px!important;margin:14px 0 10px!important;font-size:clamp(2.35rem,4vw,4.4rem)!important;line-height:1.02!important;color:var(--ink)!important}
.home-hero-video .hero-center h1 em{color:var(--teal)!important}
.home-hero-video .hero-center>p{max-width:650px!important;margin:0 0 12px!important;color:#3e5e5a!important;font-size:1.08rem!important;line-height:1.65!important}
.home-hero-video .home-search.v22-distance{width:min(650px,100%)!important;margin:10px 0 10px!important;grid-template-columns:minmax(180px,1.45fr) minmax(150px,1fr) 110px!important;padding:8px!important;border:1px solid #d4e5e0!important;border-radius:16px!important;box-shadow:0 10px 28px rgba(7,63,61,.08)!important}
.home-hero-video .home-search.v22-distance select{grid-column:1/3!important;border-left:0!important;border-top:1px solid var(--line)!important}
.home-hero-video .home-search.v22-distance button{grid-column:3!important}
.home-hero-video .hero-actions{justify-content:flex-start!important;margin-top:4px!important}
.home-hero-video .hero-points{justify-content:flex-start!important;gap:16px!important;margin-top:16px!important;color:#355b56!important;font-size:.9rem!important}

@media(max-width:1180px){
  .home-hero-video{display:grid!important;padding:28px 0 34px!important}
  .home-hero-video>.hero-center{grid-row:1!important;min-height:0!important;width:min(920px,calc(100% - 36px))!important;padding:20px 0 22px!important;align-items:flex-start!important}
  .home-hero-video>.hero-video{position:relative!important;grid-row:2!important;top:auto!important;right:auto!important;width:min(920px,calc(100% - 36px))!important;height:360px!important;margin:0 auto!important;border-radius:20px!important}
}
@media(max-width:720px){
  .home-hero-video>.hero-center{width:min(100% - 28px,680px)!important;padding-top:10px!important}
  .home-hero-video>.hero-video{width:min(100% - 28px,680px)!important;height:245px!important}
  .home-hero-video .hero-center h1{font-size:clamp(2rem,10vw,3rem)!important}
  .home-hero-video .home-search.v22-distance{grid-template-columns:1fr!important}
  .home-hero-video .home-search.v22-distance select,.home-hero-video .home-search.v22-distance button{grid-column:auto!important}
  .home-hero-video .hero-actions{width:100%!important;flex-direction:column!important}
  .home-hero-video .hero-points{flex-direction:column!important;gap:5px!important}
}

/* HOME DIERKAARTEN: rustiger formaat, niet opnieuw halve schermen met foto's. */
.home .animal-grid{gap:14px!important}
.home .animal-grid a{overflow:hidden!important;padding:0 0 15px!important;background:#fff!important}
.home .animal-grid a>img{display:block!important;width:100%!important;height:122px!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center 42%!important;border-radius:0!important;margin:0 0 13px!important}
.home .animal-grid a>strong,.home .animal-grid a>span{padding-left:16px!important;padding-right:16px!important}
@media(max-width:720px){.home .animal-grid a>img{height:112px!important}}

/* SUBHERO: kennisbank, zorgaanbieders, tarieven en onze keuzes exact dezelfde maat en typografie. */
.subhero{background:linear-gradient(135deg,#f7faf8,#eaf4f0)!important}
.subhero .shell.subhero-grid{width:min(var(--v44-content),calc(100% - 40px))!important;min-height:318px!important;height:318px!important;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr)!important;gap:40px!important;align-items:stretch!important}
.subhero-grid>div{padding:36px 0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important}
.subhero h1{font-size:clamp(2.1rem,3.6vw,3.45rem)!important;line-height:1.05!important;margin:.25em 0 .22em!important}
.subhero p{font-size:1.04rem!important;line-height:1.65!important;max-width:720px!important}
.subhero-grid>img{display:block!important;width:100%!important;height:318px!important;max-height:318px!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important;border-radius:0!important}
@media(max-width:820px){
 .subhero .shell.subhero-grid{height:auto!important;min-height:0!important;grid-template-columns:1fr!important;gap:0!important;width:min(100% - 28px,var(--v44-content))!important}
 .subhero-grid>div{padding:30px 0 22px!important}
 .subhero-grid>img{height:220px!important;max-height:220px!important;border-radius:16px!important;margin-bottom:22px!important}
}

/* KENNISBANK: zelfde breedte/ritme als de rest; speciale blokken gedragen zich als gewone secties. */
.knowledge-page-v44 main>.section,.knowledge-page-v44 main>section.section{width:min(var(--v44-content),calc(100% - 40px))!important;margin-left:auto!important;margin-right:auto!important}
.knowledge-page-v44 .name-hub,.knowledge-page-v44 .nutrition-hub-v42{padding:28px!important;border:1px solid #d8e7e4!important;border-radius:18px!important;background:#f7fbf9!important}
.knowledge-page-v44 .article-grid{gap:18px!important}
.knowledge-page-v44 .article-card{box-shadow:0 6px 18px rgba(7,63,61,.05)!important}
.knowledge-page-v44 .article-card img{height:158px!important;aspect-ratio:auto!important;object-fit:cover!important}
.knowledge-page-v44 .article-card div{padding:18px!important}
.knowledge-page-v44 .article-card h2{font-size:1.16rem!important}
@media(max-width:720px){.knowledge-page-v44 main>.section,.knowledge-page-v44 main>section.section{width:min(100% - 28px,var(--v44-content))!important}.knowledge-page-v44 .name-hub,.knowledge-page-v44 .nutrition-hub-v42{padding:20px!important}.knowledge-page-v44 .article-card img{height:145px!important}}

/* ZORGAANBIEDERS: iedere kaart krijgt beeld; kaarten blijven compact en overzichtelijk. */
.providers-page-v44 .provider-directory>.shell{width:min(var(--v44-content),calc(100% - 40px))!important}
.providers-page-v44 .reviewed-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
.providers-page-v44 .reviewed-grid article{overflow:hidden!important;padding:0!important;border-radius:18px!important}
.providers-page-v44 .provider-card-img{display:block!important;width:100%!important;height:146px!important;object-fit:cover!important;object-position:center!important;background:#eaf4f0!important}
.providers-page-v44 .reviewed-grid article>.badge,.providers-page-v44 .reviewed-grid article>h2,.providers-page-v44 .reviewed-grid article>p,.providers-page-v44 .reviewed-grid article>a{margin-left:18px!important;margin-right:18px!important}
.providers-page-v44 .reviewed-grid article>.badge{margin-top:17px!important;align-self:flex-start!important}
.providers-page-v44 .reviewed-grid article>h2{font-size:1.18rem!important;margin-top:10px!important;margin-bottom:6px!important}
.providers-page-v44 .reviewed-grid article>p{margin-top:4px!important;margin-bottom:8px!important;line-height:1.55!important}
.providers-page-v44 .reviewed-grid article>a{margin-top:auto!important;margin-bottom:18px!important}
@media(max-width:980px){.providers-page-v44 .reviewed-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.providers-page-v44 .provider-directory>.shell{width:min(100% - 28px,var(--v44-content))!important}.providers-page-v44 .reviewed-grid{grid-template-columns:1fr!important}.providers-page-v44 .provider-card-img{height:155px!important}}

/* DIERENNAMEN: rustig raster, nadruk op echte dierennamen i.p.v. een lijst met voornamen. */
.pet-names-v44 .name-page>.shell{width:min(var(--v44-content),calc(100% - 40px))!important}
.pet-names-v44 .name-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:9px!important}
.pet-names-v44 .name-grid li{padding:10px 12px!important;border:1px solid #d7e6e2!important;border-radius:12px!important;background:#fff!important;font-weight:750!important}
.pet-names-v44 .name-intro{max-width:850px!important}
@media(max-width:900px){.pet-names-v44 .name-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:560px){.pet-names-v44 .name-page>.shell{width:min(100% - 28px,var(--v44-content))!important}.pet-names-v44 .name-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Cache-/breedteveiligheid */
body{overflow-x:hidden!important} main,.shell,.subhero,.reviewed-grid,.article-grid{min-width:0!important}