/* SkiBooqi, 14 okt 2026 (Nout: "nieuwe frisse look", "het beige bevalt me ook niet meer", "let op wit op witte teksten";
   nergens beige of bruin). Zoals castle.css en holidaypark.css (bulk-vernieuwing-2026-10-13/marktcss.py): wit en ijsblauw
   #EAF4FB uit de huisstijl (SkiBooqi, blauw #0e9fda, donker #0B6FA4) in plaats van creme #faf8f3 en steen #f3efe7, diep
   bergblauw #0D3B5C voor de tekst en een zonnig geel #FFC83D als klein accent, zoals de zon op de piste.
   De hero: de winterfoto met een lichte, koele waas links en donkere tekst. Het blok voor de hero-mockup en .ps--ski
   (de scroll) komen in de compleet-stap; dit is alleen de kleur en de vormtaal. */
body.market-ski .hbstory{--papier:#EAF4FB;--wit:#FFFFFF;--rand:#D3E7F5;--ski-blauw:#0E9FDA;--ski-donker:#0B6FA4;--ski-berg:#0D3B5C;--ski-zon:#FFC83D;background:#FFFFFF}
body.market-ski .hbstory .topnav{background:rgba(255,255,255,.94) !important}
body.market-ski .hbstory section#top,
body.market-ski .hbstory section#who,
body.market-ski .hbstory section#how,
body.market-ski .hbstory section#pricing{background:#FFFFFF !important}
body.market-ski .hbstory section#pijler-1,
body.market-ski .hbstory section#opbrengst,
body.market-ski .hbstory section#fits,
body.market-ski .hbstory section#faq,
body.market-ski .hbstory section.hoofdstuk.h-even,
body.market-ski .hbstory section.hoofdstuk.h-bg-steen,
body.market-ski .hbstory section.roi.inh{background:#EAF4FB !important}
body.market-ski .hbstory .dagbeeld{background:#D3E7F5}

/* De hero: de winterfoto, een lichte koele waas links, donkere tekst in bergblauw */
body.market-ski .hbstory .h3kader{background:#DCEBF6}
body.market-ski .hbstory .h3kader .h3beeld::before{
  background:linear-gradient(90deg,rgba(245,250,254,.92) 0%,rgba(245,250,254,.72) 34%,rgba(245,250,254,.14) 60%,rgba(245,250,254,0) 72%) !important}
body.market-ski .hbstory .h3tekst,
body.market-ski .hbstory .h3tekst h1,
body.market-ski .hbstory .h3tekst .h3voor,
body.market-ski .hbstory .h3tekst .h3pk,
body.market-ski .hbstory .h3tekst .h3bewijs{color:#0D3B5C !important;text-shadow:none !important}
body.market-ski .hbstory .h3tekst .h3sub{color:rgba(13,59,92,.84) !important;text-shadow:none !important}
body.market-ski .hbstory .h3knoppen .btn.o{color:#0D3B5C !important;background:rgba(255,255,255,.76) !important;border-color:rgba(13,59,92,.28) !important}

/* ---------------------------------------------------------------- de vormtaal van de pistekaart
   Helder en buiten: labels als de genummerde bordjes op de berg (een gevulde pil in ijsblauw met een geel zonnetje),
   knoppen rond, kaarten licht afgerond met een koele schaduw, informatie in SkiBooqi-blauw. Alleen overschrijvingen op
   de gedeelde stylesheet; de structuur blijft. */
body.market-ski .hbstory .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 16px 6px;border-radius:999px;
  background:rgba(14,159,218,.12);color:#0B6FA4;letter-spacing:.14em;font-size:.72rem}
body.market-ski .hbstory .eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:#FFC83D;flex:none}
body.market-ski .hbstory .sec.dark .eyebrow,
body.market-ski .hbstory .results .eyebrow,
body.market-ski .hbstory .casestudy .eyebrow{background:rgba(255,255,255,.16);color:#E3F2FB}

body.market-ski .hbstory .btn,
body.market-ski .hbstory .btn.gold,
body.market-ski .hbstory .btn.ghost{border-radius:999px;padding-left:28px;padding-right:28px}

body.market-ski .hbstory .tcard,
body.market-ski .hbstory .qc,
body.market-ski .hbstory .pcard,
body.market-ski .hbstory .fcard,
body.market-ski .hbstory .csstat,
body.market-ski .hbstory .facard{border-radius:18px}
body.market-ski .hbstory .tcard{box-shadow:0 18px 40px -28px rgba(13,59,92,.42)}

/* cijfers (als de markt ze ooit toont): ijsblauw vlak met een gele streep, zoals de zon boven de piste */
body.market-ski .hbstory .stats{gap:14px}
body.market-ski .hbstory .stat{padding:22px 18px 20px;border-radius:18px;background:#EAF4FB;border-top:3px solid #FFC83D}

/* informatie: SkiBooqi-blauw, zoals de legenda van de kaart */
body.market-ski .hbstory .faq details[open] summary,
body.market-ski .hbstory .fits .fcard b{color:#0B6FA4}
body.market-ski .hbstory .faq details summary::marker{color:#0E9FDA}

@media (prefers-color-scheme: dark){
  body.market-ski .hbstory .faq details[open] summary,
  body.market-ski .hbstory .fits .fcard b{color:#7CCBF0}
}

/* De hero (13 okt 2026): de productmockup zoals event, museum en hotel (de uitgevouwen kaartzijde met de covers en de telefoon
   ervoor, hero-hand[_taal].webp uit ski-vernieuwing-2026-10-14/site_beelden.py), naast de kop; op een telefoon geldt de regel
   voor elke markt in v3.css (a8ab5cd). Het dagverhaal is weg (het bergverhaal 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-ski .hbstory .h3tekst>*:not(h1){max-width:min(600px,calc(50vw - var(--links))) !important}
  body.market-ski .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-ski .hbstory .h3kader{min-height:clamp(560px,calc(100svh - 65px),900px) !important}
}
body.market-ski .hbstory .hnaar{display:none !important}

/* Het bergverhaal (parkscroll, 13 okt 2026): de kleuren en witte vouchers van .ps--event in bergblauw en de koppen van de
   gids (Barlow Condensed). Hier en niet in de gedeelde parkscroll.css;
   body.market-ski 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-ski .ps--ski{background:#EAF4FB;color:#0E2A3F}
body.market-ski .ps--ski .ps-bg{background:radial-gradient(1400px 900px at 70% 35%,#FFFFFF 0%,#F0F7FC 45%,#DCECF7 100%)}
body.market-ski .ps--ski .ps-balk,body.market-ski .ps--ski .ps-tk small,body.market-ski .ps--ski .ps-lab8 small,body.market-ski .ps--ski .ps-bk,body.market-ski .ps--ski .ps-onder small{background:none;color:#0B6FA4}
body.market-ski .ps--ski .ps-balk{background:#0B6FA4}
body.market-ski .ps--ski .ps-pl i{color:#0B6FA4}
body.market-ski .ps--ski .ps-tk h3,body.market-ski .ps--ski .ps-lab8 b,body.market-ski .ps--ski .ps-onder h3{color:#0E2A3F}
body.market-ski .ps--ski .ps-lijnen line{stroke:#0B6FA4}body.market-ski .ps--ski .ps-lijnen .ps-d,body.market-ski .ps--ski .ps-lijnen .ps-h{stroke:#0B6FA4}
body.market-ski .ps--ski .ps-f{background-color:#FFFFFF}body.market-ski .ps--ski .ps-b{background-color:#EAF4FB}
body.market-ski .ps--ski .ps-f::after,body.market-ski .ps--ski .ps-b::after{background:rgba(14,42,63,var(--sh,0))}
body.market-ski .ps--ski .ps-vloer{background:radial-gradient(closest-side,rgba(14,42,63,.22),rgba(14,42,63,0))}
body.market-ski .ps--ski #ps-c2_5>.ps-f,body.market-ski .ps--ski #ps-c2_5>.ps-b{border-radius:5px;overflow:hidden}   /* ook de achterkant heeft ronde hoeken */
body.market-ski .ps--ski .ps-schaduw{background:radial-gradient(closest-side,rgba(20,24,34,.55),rgba(20,24,34,0));filter:blur(2px)}
body.market-ski .ps--ski .ps-stand img{filter:drop-shadow(0 3px 4px rgba(20,25,40,.25))}
body.market-ski .ps--ski .ps-bon{box-shadow:0 22px 44px rgba(14,42,63,.22)}
body.market-ski .ps--ski .ps-achter{border-radius:14px;box-shadow:0 30px 60px rgba(14,42,63,.25)}
body.market-ski .ps--ski .ps-tik{background:rgba(11,111,164,.25);border-color:rgba(11,111,164,.6)}
body.market-ski .ps--ski .ps-sc small{color:#0B6FA4}
body.market-ski .ps--ski .ps-sc b{font-family:'BC',sans-serif;font-weight:700;font-size:30px;line-height:1.0;text-transform:uppercase}
body.market-ski .ps--ski .ps-sc{box-shadow:0 20px 44px rgba(14,42,63,.16);color:#0E2A3F}
body.market-ski .ps--ski .ps-bon{background:#fff !important;border-radius:0;padding:40px 26px 24px;height:410px;display:flex;flex-direction:column}
body.market-ski .ps--ski .ps-bon::after{inset:auto 18px auto 18px;top:17px;border:0;border-top:1.6px dashed #A6C3D8;border-radius:0}
body.market-ski .ps--ski .ps-bf{display:none}
body.market-ski .ps--ski .ps-bt{padding:0;display:flex;flex-direction:column;flex:1}
body.market-ski .ps--ski .ps-bk{align-self:flex-start;background:#0D3B5C;color:#fff;font-size:13px;letter-spacing:.16em;padding:4px 10px 3.5px;margin-bottom:16px}
body.market-ski .ps--ski .ps-bh{font-family:'BC',sans-serif;font-weight:700;font-size:40px;line-height:.95;text-transform:uppercase;margin-bottom:14px;color:#0E2A3F}
body.market-ski .ps--ski .ps-bs{font-size:16px;line-height:1.45;color:rgba(14,42,63,.84);opacity:1}