/* ===== Diepte: azulejo-patronen, warme vlakken, Moorse bogen, gelaagde schaduwen ===== */
:root{--zand:#F4EADA;--zand-2:#EADBC3;--terra:#B9542B;
  --schaduw:0 1px 2px rgba(13,13,13,.04),0 18px 40px -18px rgba(16,51,106,.22);
  --schaduw-hoog:0 2px 4px rgba(13,13,13,.04),0 40px 80px -36px rgba(16,51,106,.38);
  --tegel-blauw:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%2310336A' stroke-width='1.1'%3E%3Cpath d='M48 16L80 48 48 80 16 48z'/%3E%3Cpath d='M25.4 25.4h45.2v45.2H25.4z'/%3E%3Ccircle cx='48' cy='48' r='9'/%3E%3Ccircle cx='48' cy='48' r='3'/%3E%3Cpath d='M0 18A18 18 0 0 0 18 0M78 0a18 18 0 0 0 18 18M96 78a18 18 0 0 0-18 18M18 96A18 18 0 0 0 0 78'/%3E%3Cpath d='M48 0v8M48 88v8M0 48h8M88 48h8'/%3E%3C/g%3E%3C/svg%3E");
  --tegel-terra:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%23B9542B' stroke-width='1.1'%3E%3Cpath d='M48 16L80 48 48 80 16 48z'/%3E%3Cpath d='M25.4 25.4h45.2v45.2H25.4z'/%3E%3Ccircle cx='48' cy='48' r='9'/%3E%3Ccircle cx='48' cy='48' r='3'/%3E%3Cpath d='M0 18A18 18 0 0 0 18 0M78 0a18 18 0 0 0 18 18M96 78a18 18 0 0 0-18 18M18 96A18 18 0 0 0 0 78'/%3E%3Cpath d='M48 0v8M48 88v8M0 48h8M88 48h8'/%3E%3C/g%3E%3C/svg%3E");
  --tegel-wit:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%23FFFFFF' stroke-width='1.1'%3E%3Cpath d='M48 16L80 48 48 80 16 48z'/%3E%3Cpath d='M25.4 25.4h45.2v45.2H25.4z'/%3E%3Ccircle cx='48' cy='48' r='9'/%3E%3Ccircle cx='48' cy='48' r='3'/%3E%3Cpath d='M0 18A18 18 0 0 0 18 0M78 0a18 18 0 0 0 18 18M96 78a18 18 0 0 0-18 18M18 96A18 18 0 0 0 0 78'/%3E%3Cpath d='M48 0v8M48 88v8M0 48h8M88 48h8'/%3E%3C/g%3E%3C/svg%3E");
  --rozet-blauw:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 400 400'%3E%3Cg fill='none' stroke='%2310336A' stroke-width='1.6'%3E%3Cellipse cx='200' cy='118' rx='22' ry='62' transform='rotate(0 200 200)'/%3E%3Cellipse cx='200' cy='118' rx='22' ry='62' transform='rotate(30 200 200)'/%3E%3Cellipse cx='200' cy='118' rx='22' ry='62' transform='rotate(60 200 200)'/%3E%3Cellipse cx='200' cy='118' rx='22' ry='62' transform='rotate(90 200 200)'/%3E%3Cellipse cx='200' cy='118' rx='22' ry='62' transform='rotate(120 200 200)'/%3E%3Cellipse cx='200' cy='118' rx='22' ry='62' transform='rotate(150 200 200)'/%3E%3Cellipse cx='200' cy='118' rx='22' ry='62' transform='rotate(180 200 200)'/%3E%3Cellipse cx='200' cy='118' rx='22' ry='62' transform='rotate(210 200 200)'/%3E%3Cellipse cx='200' cy='118' rx='22' ry='62' transform='rotate(240 200 200)'/%3E%3Cellipse cx='200' cy='118' rx='22' ry='62' transform='rotate(270 200 200)'/%3E%3Cellipse cx='200' cy='118' rx='22' ry='62' transform='rotate(300 200 200)'/%3E%3Cellipse cx='200' cy='118' rx='22' ry='62' transform='rotate(330 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(0 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(15 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(30 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(45 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(60 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(75 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(90 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(105 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(120 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(135 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(150 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(165 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(180 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(195 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(210 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(225 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(240 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(255 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(270 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(285 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(300 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(315 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(330 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(345 200 200)'/%3E%3Ccircle cx='200' cy='200' r='40'/%3E%3Ccircle cx='200' cy='200' r='160'/%3E%3Ccircle cx='200' cy='200' r='190'/%3E%3Cpath d='M200 160l40 40-40 40-40-40z'/%3E%3C/g%3E%3C/svg%3E");
  --rozet-terra:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 400 400'%3E%3Cg fill='none' stroke='%23B9542B' stroke-width='1.6'%3E%3Cellipse cx='200' cy='118' rx='22' ry='62' transform='rotate(0 200 200)'/%3E%3Cellipse cx='200' cy='118' rx='22' ry='62' transform='rotate(30 200 200)'/%3E%3Cellipse cx='200' cy='118' rx='22' ry='62' transform='rotate(60 200 200)'/%3E%3Cellipse cx='200' cy='118' rx='22' ry='62' transform='rotate(90 200 200)'/%3E%3Cellipse cx='200' cy='118' rx='22' ry='62' transform='rotate(120 200 200)'/%3E%3Cellipse cx='200' cy='118' rx='22' ry='62' transform='rotate(150 200 200)'/%3E%3Cellipse cx='200' cy='118' rx='22' ry='62' transform='rotate(180 200 200)'/%3E%3Cellipse cx='200' cy='118' rx='22' ry='62' transform='rotate(210 200 200)'/%3E%3Cellipse cx='200' cy='118' rx='22' ry='62' transform='rotate(240 200 200)'/%3E%3Cellipse cx='200' cy='118' rx='22' ry='62' transform='rotate(270 200 200)'/%3E%3Cellipse cx='200' cy='118' rx='22' ry='62' transform='rotate(300 200 200)'/%3E%3Cellipse cx='200' cy='118' rx='22' ry='62' transform='rotate(330 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(0 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(15 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(30 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(45 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(60 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(75 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(90 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(105 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(120 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(135 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(150 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(165 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(180 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(195 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(210 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(225 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(240 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(255 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(270 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(285 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(300 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(315 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(330 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(345 200 200)'/%3E%3Ccircle cx='200' cy='200' r='40'/%3E%3Ccircle cx='200' cy='200' r='160'/%3E%3Ccircle cx='200' cy='200' r='190'/%3E%3Cpath d='M200 160l40 40-40 40-40-40z'/%3E%3C/g%3E%3C/svg%3E");
  --rozet-wit:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 400 400'%3E%3Cg fill='none' stroke='%23FFFFFF' stroke-width='1.6'%3E%3Cellipse cx='200' cy='118' rx='22' ry='62' transform='rotate(0 200 200)'/%3E%3Cellipse cx='200' cy='118' rx='22' ry='62' transform='rotate(30 200 200)'/%3E%3Cellipse cx='200' cy='118' rx='22' ry='62' transform='rotate(60 200 200)'/%3E%3Cellipse cx='200' cy='118' rx='22' ry='62' transform='rotate(90 200 200)'/%3E%3Cellipse cx='200' cy='118' rx='22' ry='62' transform='rotate(120 200 200)'/%3E%3Cellipse cx='200' cy='118' rx='22' ry='62' transform='rotate(150 200 200)'/%3E%3Cellipse cx='200' cy='118' rx='22' ry='62' transform='rotate(180 200 200)'/%3E%3Cellipse cx='200' cy='118' rx='22' ry='62' transform='rotate(210 200 200)'/%3E%3Cellipse cx='200' cy='118' rx='22' ry='62' transform='rotate(240 200 200)'/%3E%3Cellipse cx='200' cy='118' rx='22' ry='62' transform='rotate(270 200 200)'/%3E%3Cellipse cx='200' cy='118' rx='22' ry='62' transform='rotate(300 200 200)'/%3E%3Cellipse cx='200' cy='118' rx='22' ry='62' transform='rotate(330 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(0 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(15 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(30 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(45 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(60 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(75 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(90 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(105 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(120 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(135 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(150 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(165 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(180 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(195 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(210 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(225 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(240 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(255 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(270 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(285 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(300 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(315 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(330 200 200)'/%3E%3Ccircle cx='200' cy='22' r='7' transform='rotate(345 200 200)'/%3E%3Ccircle cx='200' cy='200' r='40'/%3E%3Ccircle cx='200' cy='200' r='160'/%3E%3Ccircle cx='200' cy='200' r='190'/%3E%3Cpath d='M200 160l40 40-40 40-40-40z'/%3E%3C/g%3E%3C/svg%3E");
}
/* fijne papiertextuur over de hele pagina */
body::after{content:"";position:fixed;inset:0;z-index:300;pointer-events:none;opacity:.028;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%2523n)'/%3E%3C/svg%3E")}

/* lichte secties krijgen een tegelpatroon dat naar het midden vervaagt */
.sectie{position:relative;isolation:isolate}
.sectie:not(.donker):not(.wit):not(.zand)::before{content:none}
.sectie.wit::before{content:"";position:absolute;z-index:-1;pointer-events:none;width:520px;height:520px;right:-170px;top:-150px;opacity:.07;background:var(--rozet-blauw) center/contain no-repeat}
.sectie.wit:nth-of-type(even)::before{right:auto;left:-190px;top:auto;bottom:-170px}
.wit{overflow:hidden}

/* warme zandvlakken met afgeronde top, zoals de blauwe band */
.zand{background:linear-gradient(180deg,var(--zand) 0%,#F7F0E5 100%);border-radius:44px 44px 0 0;overflow:hidden}
.zand::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.05;background-image:var(--tegel-terra);background-size:96px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%)}
.zand::after{content:"";position:absolute;z-index:-1;pointer-events:none;width:460px;height:460px;left:-160px;bottom:-160px;opacity:.1;background:var(--rozet-terra) center/contain no-repeat}
.zand .label{color:var(--terra)}
.donker::after{content:"";position:absolute;z-index:-1;pointer-events:none;width:620px;height:620px;right:-200px;top:-200px;opacity:.08;background:var(--rozet-wit) center/contain no-repeat}
.voet{position:relative;isolation:isolate;overflow:hidden}
.voet::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.04;background-image:var(--tegel-wit);background-size:96px}

/* Moorse bogen op beelden */
.plek .foto{border-radius:999px 999px 20px 20px}
.plek:nth-child(even) .foto{border-radius:20px 20px 999px 999px}
.plek:nth-child(even) .prijsje{bottom:auto;top:10px}
.plek:nth-child(even) .badge{top:auto;bottom:12px}
.wijk{border-radius:999px 999px 26px 26px}
.wijk .soort{top:auto;bottom:auto;position:static;align-self:flex-start;margin-bottom:auto}
.fotokaart{border-radius:999px 999px 30px 30px;box-shadow:var(--schaduw-hoog)}
.fotokaart::before{content:"";position:absolute;inset:-14px;border:1px solid rgba(16,51,106,.18);border-radius:inherit;pointer-events:none;z-index:2}
.fotokaart{overflow:visible}
.fotokaart img{border-radius:inherit}
.rij .beeld{border-radius:999px 999px 18px 18px;aspect-ratio:4/4.2;box-shadow:var(--schaduw)}
.zijkaart img{border-radius:0}

/* gelaagde schaduwen: kaarten zweven */
.optie,.tegel,.budget a,.maanden,.faq details,.tabelwrap,.toc,.zijkaart,.kort .kaart{box-shadow:var(--schaduw);border-color:rgba(13,13,13,.06)}
.optie.tip{box-shadow:var(--schaduw-hoog);transform:translateY(-10px)}
.optie.tip::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.1;background-image:var(--tegel-wit);background-size:96px;-webkit-mask-image:linear-gradient(200deg,#000,transparent 65%);mask-image:linear-gradient(200deg,#000,transparent 65%)}
.optie.tip>*{position:relative}
.optie.tip .lint{position:absolute}
.plek .foto,.trip{box-shadow:var(--schaduw)}
.wijk{box-shadow:var(--schaduw-hoog)}
.tegel:hover,.budget a:hover{box-shadow:var(--schaduw-hoog)}
.tegel .icoon{background:linear-gradient(145deg,var(--blauw-3),var(--blauw));box-shadow:0 8px 18px -8px rgba(16,51,106,.6)}

/* drie stappen als zwevende kaarten met grote spooknummers */
.stap{background:#fff;border:0;border-radius:26px;padding:30px 28px;box-shadow:var(--schaduw);position:relative;overflow:hidden}
.stap::before{position:absolute;right:18px;top:6px;font-size:96px;line-height:1;color:var(--zand-2);margin:0;letter-spacing:-.05em;z-index:0}
.stap>*{position:relative;z-index:1}
.stap h3{margin-top:34px}
.stap::after{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--tegel-blauw);background-size:24px;opacity:.5}
.stap:nth-child(1)::after{background:var(--oranje)}

/* feitjes als tegelkaart */
.feitjes{background:#fff;border:0;border-radius:28px;padding:34px;box-shadow:var(--schaduw);position:relative;overflow:hidden;margin-top:34px}
.feitjes>div{position:relative}
.feitjes b{color:var(--blauw)}

/* kort antwoord en urgentie met tegelstrook */
.kort .kaart{position:relative;overflow:hidden;padding-left:40px}
.kort .kaart::before{content:"";position:absolute;left:0;top:0;bottom:0;width:14px;background:var(--blauw) var(--tegel-wit);background-size:28px;opacity:1}
.urgent{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(110deg,#FBEDE4,var(--zand));border:1px solid rgba(232,103,44,.18)}
.urgent::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.08;background-image:var(--tegel-terra);background-size:72px;-webkit-mask-image:linear-gradient(90deg,transparent 40%,#000);mask-image:linear-gradient(90deg,transparent 40%,#000)}

/* zoekkaart en vertrouwensstrook */
.zoek{box-shadow:var(--schaduw-hoog)}
.vertrouwen{background:#fff;border-radius:22px;padding:18px 22px;box-shadow:var(--schaduw)}
.vertrouwen i{background:var(--zand);color:var(--terra)}

/* koppen: klein tegelornament boven gecentreerde koppen */
.kop-c .label::before,.kop-c .label::after{content:"";width:22px;height:22px;background:var(--tegel-blauw) center/44px;opacity:.6;border-radius:4px;display:inline-block}
.kop-c .label{border:0;padding:3px 0;gap:10px}
.donker .kop-c .label::before,.donker .kop-c .label::after{background-image:var(--tegel-wit)}
.zand .kop-c .label::before,.zand .kop-c .label::after{background-image:var(--tegel-terra)}

/* CTA-pillen zwaarder dan de rest */
.pil.oranje span,.pil.oranje i{box-shadow:0 10px 24px -10px rgba(232,103,44,.75)}
.pil.oranje span{background:linear-gradient(180deg,#EE7A43,var(--oranje))}

/* kophero: tegelrand onderaan */
.kophero::before{content:"";position:absolute;left:0;right:0;bottom:0;height:12px;z-index:1;background:var(--blauw) var(--tegel-wit);background-size:24px}
.hero .zoekzone{}

/* waaier: zachte gloed eronder */
.waaier::after{content:"";position:absolute;left:50%;bottom:-40px;width:70%;height:120px;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(232,103,44,.18),transparent 70%);z-index:-1}

@media(max-width:700px){
  .sectie.wit::before,.zand::after,.donker::after{width:300px;height:300px}
  .optie.tip{transform:none}
  .wijk{border-radius:220px 220px 24px 24px}
  .plek .foto{border-radius:200px 200px 20px 20px}
  .plek:nth-child(even) .foto{border-radius:20px 20px 200px 200px}
  .kort .kaart{padding-left:30px}
}
@media(prefers-reduced-motion:reduce){body::after{display:none}}
.plek .badge{left:50%;transform:translateX(-50%);top:20px;white-space:nowrap}
.plek:nth-child(even) .badge{top:auto;bottom:22px}
.wijk .soort{align-self:center;margin:26px 0 auto}
.wijk .soort{background:rgba(13,13,13,.32);border-color:rgba(255,255,255,.4)}
.kop-c .label::before,.kop-c .label::after{width:18px;height:18px;border-radius:0;opacity:.85;background:var(--rozet-blauw) center/contain no-repeat}
.donker .kop-c .label::before,.donker .kop-c .label::after{background-image:var(--rozet-wit)}
.zand .kop-c .label::before,.zand .kop-c .label::after{background-image:var(--rozet-terra)}
.kop-c .label{font-weight:600;letter-spacing:.02em}

/* ===== CRO in het design, sitebreed ===== */
/* navigatieknop als duidelijke primaire actie */
.nav-cta{background:var(--oranje);color:#fff;border-radius:999px;padding:0 6px 0 18px;height:42px;gap:10px;box-shadow:0 10px 24px -12px rgba(232,103,44,.8)}
.nav-cta::before{display:none}
.nav-cta .nav-pijl{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.22);display:grid;place-items:center}
.nav-cta .nav-pijl svg{width:14px;height:14px}
.nav-cta:hover .nav-pijl{transform:rotate(45deg);transition:transform .3s}

/* vertrouwensstrook onder het korte antwoord */
.kort .vertrouwen{margin-top:16px}

/* zwevende boekkaart (desktop) */
.dock{position:fixed;right:24px;bottom:24px;z-index:80;width:380px;background:#fff;border-radius:24px;padding:12px;display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:center;box-shadow:var(--schaduw-hoog),0 0 0 1px rgba(13,13,13,.05);transform:translateY(20px);opacity:0;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .45s}
.dock.zicht{transform:none;opacity:1}
.dock img{width:96px;height:96px;object-fit:cover;border-radius:999px 999px 14px 14px}
.dock b{display:block;font-family:var(--serif);font-size:19px;letter-spacing:-.02em;line-height:1.15;padding-right:22px}
.dock small{display:block;font-size:12.5px;color:var(--grijs);margin:4px 0 10px;line-height:1.35}
.dock-x{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:50%;border:0;background:var(--zacht);color:var(--inkt);display:grid;place-items:center;cursor:pointer;transform:rotate(45deg)}
.dock-x svg{width:12px;height:12px}
@media(max-width:999px){.dock{display:none!important}}

/* ticketkaart in artikelen en gids */
.ticketkaart{display:grid;gap:0;background:#fff;border-radius:26px;overflow:hidden;box-shadow:var(--schaduw-hoog);margin:2.2em 0;position:relative;isolation:isolate}
@media(min-width:640px){.ticketkaart{grid-template-columns:220px 1fr}}
.ticketkaart .tk-beeld{display:block;min-height:200px}
.ticketkaart .tk-beeld img{width:100%;height:100%;object-fit:cover;border-radius:0!important}
.ticketkaart .tk-tekst{padding:24px 26px;position:relative}
.ticketkaart .tk-tekst::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.06;background-image:var(--tegel-blauw);background-size:72px;-webkit-mask-image:linear-gradient(90deg,transparent 30%,#000);mask-image:linear-gradient(90deg,transparent 30%,#000)}
.ticketkaart .tk-tag{display:inline-block;font-size:12px;font-weight:600;color:var(--terra);background:var(--zand);border-radius:999px;padding:5px 11px}
.ticketkaart h3{font-size:26px;margin:10px 0 6px!important;line-height:1.15}
.ticketkaart p{font-size:15px!important;color:var(--grijs);margin:0!important;line-height:1.5}
.ticketkaart .tk-onder{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}
.ticketkaart .tk-onder b{font-family:var(--serif);font-size:24px;letter-spacing:-.02em}
.ticketkaart .geruststel{margin-top:10px!important}
.inhoud .ticketkaart a{color:inherit;text-decoration:none}
.inhoud .ticketkaart .pil.oranje{color:#fff}
.raster-breed{grid-column:1/-1}
.raster-breed .ticketkaart{margin:0}

/* eindblok in artikel krijgt het tegelpatroon */
.artcta::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.08;background-image:var(--tegel-wit);background-size:72px}