/* ZooBooqi, 13 okt 2026 (Nout: "nieuwe frisse look", "het beige bevalt me ook niet meer", "let op wit op witte
   teksten"). Zoals themepark.css en museum.css: wit en #EEF5FA uit de huisstijl (ZooBooqi, oranje #f16e24 (een oranje tint wordt perzik en leest als beige, dus het papier is lucht)) in plaats van creme #faf8f3 en
   steen #f3efe7. De hero: giraffen op de vlakte in zacht zonlicht (Pexels, zie beeld-bronnen.json), zacht onscherp zodat de handen voorop staan, een lichte waas links en donkere tekst.
   Gemaakt met bulk-vernieuwing-2026-10-13/marktcss.py; daar ook de andere vier markten. */
body.market-zoo .hbstory{--papier:#EEF5FA;--wit:#FFFFFF;--rand:#D8E6EF;background:#FFFFFF}
body.market-zoo .hbstory .topnav{background:rgba(255,255,255,.94) !important}
body.market-zoo .hbstory section#top,
body.market-zoo .hbstory section#who,
body.market-zoo .hbstory section#how,
body.market-zoo .hbstory section#pricing{background:#FFFFFF !important}
body.market-zoo .hbstory section#pijler-1,
body.market-zoo .hbstory section#opbrengst,
body.market-zoo .hbstory section#fits,
body.market-zoo .hbstory section#faq,
body.market-zoo .hbstory section.hoofdstuk.h-even,
body.market-zoo .hbstory section.hoofdstuk.h-bg-steen,
body.market-zoo .hbstory section.roi.inh{background:#EEF5FA !important}
body.market-zoo .hbstory .dagbeeld{background:#D8E6EF}

/* De hero: zonnige foto, lichte waas links, donkere tekst */
body.market-zoo .hbstory .h3kader{background:#EEF5FA}   /* lucht, niet het olijfbeige #eef0e6: op een telefoon staat de mockup los op dit vlak */
body.market-zoo .hbstory .h3kader .h3beeld::before{
  background:linear-gradient(90deg,rgba(248,250,252,.9) 0%,rgba(248,250,252,.7) 34%,rgba(248,250,252,.14) 60%,rgba(248,250,252,0) 72%) !important}
body.market-zoo .hbstory .h3tekst,
body.market-zoo .hbstory .h3tekst h1,
body.market-zoo .hbstory .h3tekst .h3voor,
body.market-zoo .hbstory .h3tekst .h3pk,
body.market-zoo .hbstory .h3tekst .h3bewijs{color:#1D2A33 !important;text-shadow:none !important}
body.market-zoo .hbstory .h3tekst .h3sub{color:rgba(29,42,51,.84) !important;text-shadow:none !important}
body.market-zoo .hbstory .h3knoppen .btn.o{color:#1D2A33 !important;background:rgba(255,255,255,.74) !important;border-color:rgba(29,42,51,.28) !important}

/* De hero (13 okt 2026, avond): de productmockup zoals museum, hotel en event (de uitgevouwen kaartzijde met de covers en de
   telefoon ervoor, hero-hand[_taal].webp uit zoo-vernieuwing-2026-10-13/site_beelden.py), naast de kop; op een telefoon geldt de
   regel voor elke markt in v3.css (a8ab5cd). Het dagverhaal is weg (het zooverhaal in de scroll vertelt het nu), dus ook de links
   "See it in the day". De hero vult het eerste scherm, zoals museum. */
@media (min-width:821px){
  body.market-zoo .hbstory .h3tekst>*:not(h1){max-width:min(600px,calc(50vw - var(--links))) !important}
  body.market-zoo .hbstory .h3hand{right:calc(var(--links) - 40px) !important;bottom:7% !important;height:84% !important;max-width:max(360px,min(50%,calc(100vw - 2 * var(--links) - 600px))) !important;filter:none !important}
  body.market-zoo .hbstory .h3kader{min-height:clamp(560px,calc(100svh - 65px),900px) !important}
}
body.market-zoo .hbstory .hnaar{display:none !important}

/* Het zooverhaal (parkscroll, 13 okt 2026): de kleuren en witte vouchers van .ps--event in zoo-oranje #F16E24 met fris groen
   #1F6B45 en inktblauw #15314A, op lucht #EEF5FA (geen beige), en de affichekoppen van de gids (Barlow Condensed). Hier en niet
   in de gedeelde parkscroll.css; body.market-zoo erbij zodat het wint. */
@font-face{font-family:'BC';src:url('../../fonts/barlow-condensed-700.woff2') format('woff2');font-weight:700;font-display:swap}
body.market-zoo .ps--zoo{background:#EEF5FA;color:#15314A}
body.market-zoo .ps--zoo .ps-bg{background:radial-gradient(1400px 900px at 70% 35%,#FFFFFF 0%,#F2F7FB 45%,#E0EBF3 100%)}
body.market-zoo .ps--zoo .ps-balk,body.market-zoo .ps--zoo .ps-tk small,body.market-zoo .ps--zoo .ps-lab8 small,body.market-zoo .ps--zoo .ps-onder small{background:none;color:#1F6B45}
body.market-zoo .ps--zoo .ps-bk{background:none;color:#F16E24}
body.market-zoo .ps--zoo .ps-balk{background:#F16E24}
body.market-zoo .ps--zoo .ps-pl i{color:#F16E24}
body.market-zoo .ps--zoo .ps-tk h3,body.market-zoo .ps--zoo .ps-lab8 b,body.market-zoo .ps--zoo .ps-onder h3{color:#15314A}
body.market-zoo .ps--zoo .ps-lijnen line{stroke:#F16E24}body.market-zoo .ps--zoo .ps-lijnen .ps-d,body.market-zoo .ps--zoo .ps-lijnen .ps-h{stroke:#F16E24}
body.market-zoo .ps--zoo .ps-f{background-color:#FFFFFF}body.market-zoo .ps--zoo .ps-b{background-color:#EEF5FA}
body.market-zoo .ps--zoo .ps-f::after,body.market-zoo .ps--zoo .ps-b::after{background:rgba(30,35,50,var(--sh,0))}
body.market-zoo .ps--zoo .ps-vloer{background:radial-gradient(closest-side,rgba(30,35,50,.22),rgba(30,35,50,0))}
body.market-zoo .ps--zoo #ps-c2_5>.ps-f,body.market-zoo .ps--zoo #ps-c2_5>.ps-b{border-radius:5px;overflow:hidden}   /* ook de achterkant heeft ronde hoeken */
body.market-zoo .ps--zoo .ps-schaduw{background:radial-gradient(closest-side,rgba(20,24,34,.55),rgba(20,24,34,0));filter:blur(2px)}
body.market-zoo .ps--zoo .ps-stand img{filter:drop-shadow(0 3px 4px rgba(20,25,40,.25))}
body.market-zoo .ps--zoo .ps-bon{box-shadow:0 22px 44px rgba(30,35,50,.22)}
body.market-zoo .ps--zoo .ps-achter{border-radius:14px;box-shadow:0 30px 60px rgba(30,35,50,.25)}
body.market-zoo .ps--zoo .ps-tik{background:rgba(241,110,36,.25);border-color:rgba(241,110,36,.6)}
body.market-zoo .ps--zoo .ps-sc small{color:#1F6B45}
body.market-zoo .ps--zoo .ps-sc b{font-family:'BC',sans-serif;font-weight:700;font-size:30px;line-height:1.0;text-transform:uppercase}
body.market-zoo .ps--zoo .ps-sc{box-shadow:0 20px 44px rgba(30,35,50,.16);color:#15314A}
body.market-zoo .ps--zoo .ps-bon{background:#fff !important;border-radius:0;padding:40px 26px 24px;height:410px;display:flex;flex-direction:column}
body.market-zoo .ps--zoo .ps-bon::after{inset:auto 18px auto 18px;top:17px;border:0;border-top:1.6px dashed #B4B9C4;border-radius:0}
body.market-zoo .ps--zoo .ps-bf{display:none}
body.market-zoo .ps--zoo .ps-bt{padding:0;display:flex;flex-direction:column;flex:1}
body.market-zoo .ps--zoo .ps-bk{align-self:flex-start;background:#F16E24;color:#fff;font-size:13px;letter-spacing:.16em;padding:4px 10px 3.5px;margin-bottom:16px}
body.market-zoo .ps--zoo .ps-bh{font-family:'BC',sans-serif;font-weight:700;font-size:38px;line-height:.98;text-transform:uppercase;letter-spacing:.005em;margin-bottom:14px;color:#15314A}
body.market-zoo .ps--zoo .ps-bs{font-size:16px;line-height:1.45;color:rgba(21,49,74,.84);opacity:1}