/* CityBooqi, 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 #F1F2F4 uit de huisstijl (CityBooqi, rood #b40c0e (een rode tint wordt roze, dus koel lichtgrijs zoals museum)) in plaats van creme #faf8f3 en
   steen #f3efe7. De hero: een gracht in Amsterdam op een zonnige dag (Pexels 32474864, Thomas Balabaud), 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-city .hbstory{--papier:#F1F2F4;--wit:#FFFFFF;--rand:#DDE0E6;background:#FFFFFF}
body.market-city .hbstory .topnav{background:rgba(255,255,255,.94) !important}
body.market-city .hbstory section#top,
body.market-city .hbstory section#who,
body.market-city .hbstory section#how,
body.market-city .hbstory section#pricing{background:#FFFFFF !important}
body.market-city .hbstory section#pijler-1,
body.market-city .hbstory section#opbrengst,
body.market-city .hbstory section#fits,
body.market-city .hbstory section#faq,
body.market-city .hbstory section.hoofdstuk.h-even,
body.market-city .hbstory section.hoofdstuk.h-bg-steen,
body.market-city .hbstory section.roi.inh{background:#F1F2F4 !important}
body.market-city .hbstory .dagbeeld{background:#DDE0E6}

/* De hero: zonnige foto, lichte waas links, donkere tekst */
body.market-city .hbstory .h3kader{background:#e6ebef}
body.market-city .hbstory .h3kader .h3beeld::before{
  background:linear-gradient(90deg,rgba(244,245,247,.9) 0%,rgba(244,245,247,.7) 34%,rgba(244,245,247,.14) 60%,rgba(244,245,247,0) 72%) !important}
body.market-city .hbstory .h3tekst,
body.market-city .hbstory .h3tekst h1,
body.market-city .hbstory .h3tekst .h3voor,
body.market-city .hbstory .h3tekst .h3pk,
body.market-city .hbstory .h3tekst .h3bewijs{color:#232A36 !important;text-shadow:none !important}
body.market-city .hbstory .h3tekst .h3sub{color:rgba(35,42,54,.84) !important;text-shadow:none !important}
body.market-city .hbstory .h3knoppen .btn.o{color:#232A36 !important;background:rgba(255,255,255,.74) !important;border-color:rgba(35,42,54,.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 city-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 cityverhaal 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-city .hbstory .h3tekst>*:not(h1){max-width:min(600px,calc(50vw - var(--links))) !important}
  body.market-city .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-city .hbstory .h3kader{min-height:clamp(560px,calc(100svh - 65px),900px) !important}
}
body.market-city .hbstory .hnaar{display:none !important}

/* Het cityverhaal (parkscroll, 13 okt 2026): de kleuren en witte vouchers van .ps--event in cityrood #B40C0E en marineblauw
   #152238, de affichekoppen van de gids (Barlow Condensed), en de city card die zoals bij museum de slit van de achterkant in
   schuift (slit + slit_time; rood met de skyline van de omslag, maak_omslag.skyline). Hier en niet in de gedeelde
   parkscroll.css; body.market-city 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-city .ps--city{background:#F1F2F4;color:#152238}
body.market-city .ps--city .ps-bg{background:radial-gradient(1400px 900px at 70% 35%,#FFFFFF 0%,#F3F4F6 45%,#E3E5E9 100%)}
body.market-city .ps--city .ps-balk,body.market-city .ps--city .ps-tk small,body.market-city .ps--city .ps-lab8 small,body.market-city .ps--city .ps-bk,body.market-city .ps--city .ps-onder small{background:none;color:#B40C0E}
body.market-city .ps--city .ps-balk{background:#B40C0E}
body.market-city .ps--city .ps-pl i{color:#B40C0E}
body.market-city .ps--city .ps-tk h3,body.market-city .ps--city .ps-lab8 b,body.market-city .ps--city .ps-onder h3{color:#152238}
body.market-city .ps--city .ps-lijnen line{stroke:#B40C0E}body.market-city .ps--city .ps-lijnen .ps-d,body.market-city .ps--city .ps-lijnen .ps-h{stroke:#B40C0E}
body.market-city .ps--city .ps-f{background-color:#FFFFFF}body.market-city .ps--city .ps-b{background-color:#F1F2F4}
body.market-city .ps--city .ps-f::after,body.market-city .ps--city .ps-b::after{background:rgba(30,35,50,var(--sh,0))}
body.market-city .ps--city .ps-vloer{background:radial-gradient(closest-side,rgba(30,35,50,.22),rgba(30,35,50,0))}
body.market-city .ps--city #ps-c2_5>.ps-f,body.market-city .ps--city #ps-c2_5>.ps-b{border-radius:5px;overflow:hidden}   /* ook de achterkant heeft ronde hoeken */
body.market-city .ps--city .ps-schaduw{background:radial-gradient(closest-side,rgba(20,24,34,.55),rgba(20,24,34,0));filter:blur(2px)}
body.market-city .ps--city .ps-stand img{filter:drop-shadow(0 3px 4px rgba(20,25,40,.25))}
body.market-city .ps--city .ps-bon{box-shadow:0 22px 44px rgba(30,35,50,.22)}
body.market-city .ps--city .ps-achter{border-radius:14px;box-shadow:0 30px 60px rgba(30,35,50,.25)}
body.market-city .ps--city .ps-tik{background:rgba(180,12,14,.25);border-color:rgba(180,12,14,.6)}
body.market-city .ps--city .ps-sc small{color:#B40C0E}
body.market-city .ps--city .ps-sc b{font-family:'BC',sans-serif;font-weight:700;font-size:30px;line-height:1.0;text-transform:uppercase}
body.market-city .ps--city .ps-sc{box-shadow:0 20px 44px rgba(30,35,50,.16);color:#152238}
body.market-city .ps--city .ps-bon{background:#fff !important;border-radius:0;padding:40px 26px 24px;height:410px;display:flex;flex-direction:column}
body.market-city .ps--city .ps-bon::after{inset:auto 18px auto 18px;top:17px;border:0;border-top:1.6px dashed #B4B9C4;border-radius:0}
body.market-city .ps--city .ps-bf{display:none}
body.market-city .ps--city .ps-bt{padding:0;display:flex;flex-direction:column;flex:1}
body.market-city .ps--city .ps-bk{align-self:flex-start;background:#B40C0E;color:#fff;font-size:13px;letter-spacing:.16em;padding:4px 10px 3.5px;margin-bottom:16px}
body.market-city .ps--city .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:#152238}
body.market-city .ps--city .ps-bs{font-size:16px;line-height:1.45;color:rgba(21,34,56,.84);opacity:1}
/* de city card in de slit: liggend, 54 mm hoog, de rechterrand op de rand van de cover (x 86..420 van de achterkant; de
   linker 11 px valt onder de cover bij de slit op x 97); rood met de skyline, zoals de omslag (maak_omslag.py) */
body.market-city .ps--city .ps-slit{top:137px;width:334px;height:291px;border-radius:0 17px 17px 0;padding:26px 22px 0 32px;color:#fff;
  background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 150 40%22 fill=%22none%22 stroke=%22rgba(255,255,255,.55)%22 stroke-width=%22.7%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 40V22h10v18M8 22l3-12 3 12M11 10V5M10 7h2M16 40V27h14v13M16 27l7-6 7 6M20 40v-6h6v6%22/%3E%3Cpath d=%22M44 40V26h24v14M44 26l12-6 12 6M53 20V11h6v9M53 11l3-4 3 4M47 31h3M53 31h3M59 31h3M65 31h3M54 40v-5h4v5%22/%3E%3Cpath d=%22M76 40V28l3-3h2l3 3v12M84 40V24l3-3h2l3 3v16M92 40V29l3-3h3l3 3v11%22/%3E%3Cpath d=%22M118 40l3-16h6l3 16M120 24l4-4 4 4M124 20l-12-10M124 20l12 10M124 20l10-12M124 20l-10 12M110 40h30%22/%3E%3C/svg%3E") left 32px bottom 19px/281px auto no-repeat,linear-gradient(140deg,#C8191B 0%,#B40C0E 50%,#8E0A0C 100%);box-shadow:0 3px 8px rgba(0,0,0,.35)}
body.market-city .ps--city .ps-slit small{display:none}
body.market-city .ps--city .ps-slit h4{margin:0;font-family:'BC',sans-serif;font-weight:700;font-size:37px;line-height:.95;letter-spacing:.02em;text-transform:uppercase;color:#fff}
body.market-city .ps--city .ps-slit h4::after{content:"";display:block;width:58px;border-top:1.7px solid rgba(255,255,255,.7);margin-top:12px}