/* ScentRadar: rustig, snel, telefoon eerst. Palet uit merk/logo2.html. Geen webfonts. */
:root{--bg:#0f1419;--bg2:#1b2430;--bg3:#222d3b;--ink:#f4ead6;--mut:#b4ad9f;--gold:#e3b65c;--gold2:#f2cf85;--line:#2a3544;--acc:#e3b65c;
--serif:ui-serif,Georgia,Cambria,"Times New Roman",serif;--sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.62 var(--sans)}
a{color:var(--gold2);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{color:#fff}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:3px}
.w{max-width:1080px;margin:0 auto;padding:0 18px}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:var(--gold);color:#111;padding:8px 12px;z-index:9}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hd{border-bottom:1px solid var(--line);background:rgba(15,20,25,.96);position:sticky;top:0;z-index:5}
.hd-i{display:flex;align-items:center;gap:14px;min-height:60px;flex-wrap:wrap}
.lg{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font:600 22px/1 var(--serif);letter-spacing:.01em;margin-right:auto}
.lg b{color:var(--gold);font-weight:600}
.mk{flex:none}
.nv{display:flex;gap:4px 16px;flex-wrap:wrap;order:3;width:100%;padding:0 0 10px;font-size:15px}
.nv a{color:var(--mut);text-decoration:none;padding:4px 0}.nv a:hover{color:var(--ink)}
.ls{position:relative;font-size:14px}
.ls summary{list-style:none;cursor:pointer;border:1px solid var(--line);border-radius:999px;padding:4px 12px;color:var(--mut)}
.ls summary::-webkit-details-marker{display:none}
.ls ul{position:absolute;right:0;top:120%;margin:0;padding:6px;list-style:none;background:var(--bg2);border:1px solid var(--line);border-radius:10px;min-width:150px;z-index:6}
.ls li a{display:block;padding:8px 10px;color:var(--ink);text-decoration:none;border-radius:6px}.ls li a:hover,.ls a[aria-current]{background:var(--bg3)}
@media(min-width:760px){.nv{order:0;width:auto;padding:0;margin-right:8px}.hd-i{flex-wrap:nowrap}}
main{padding:22px 18px 40px}
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.2;letter-spacing:.005em}
h1{font-size:clamp(30px,6.4vw,46px);margin:.2em 0 .35em}
h2{font-size:clamp(22px,4.4vw,28px);margin:1.6em 0 .55em}
h3{font-size:15px;font-family:var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--mut);margin:0 0 4px}
.kk{color:var(--gold);font-size:13px;text-transform:uppercase;letter-spacing:.14em;font-weight:600;margin:0}
.ld{font-size:19px;color:var(--ink);max-width:44em}
.hh{padding:10px 0 4px}
.bc{font-size:14px;color:var(--mut);margin-bottom:6px}.bc a{color:var(--mut)}
.dl{color:var(--mut);font-size:14px;margin:0 0 16px}
.po{max-width:720px}
.hero{margin:0 0 18px}.hero img{width:100%;height:auto;display:block;border-radius:14px;background:var(--bg2)}
.nt{display:grid;gap:12px;grid-template-columns:1fr}
.nt>div{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.nt p{margin:0}
@media(min-width:640px){.nt{grid-template-columns:repeat(3,1fr)}}
.gl{border-collapse:collapse;width:100%;font-size:16px}
.gl th,.gl td{text-align:left;padding:9px 0;border-bottom:1px solid var(--line);vertical-align:top}
.gl th{font-weight:500;color:var(--mut);width:42%;padding-right:12px}
.nb{font-size:14px;color:var(--mut);border-left:3px solid var(--gold);padding:4px 0 4px 12px;margin-top:26px}
.cds{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:560px){.cds{grid-template-columns:repeat(2,1fr)}}
@media(min-width:900px){.cds{grid-template-columns:repeat(3,1fr)}}
.cd a{display:flex;flex-direction:column;height:100%;background:var(--bg2);border:1px solid var(--line);border-radius:14px;overflow:hidden;color:var(--ink);text-decoration:none;padding-bottom:14px;transition:border-color .15s}
.cd a:hover{border-color:var(--gold)}
.cd img{width:100%;height:auto;aspect-ratio:16/9;display:block;background:var(--bg3);margin-bottom:12px}
.cd-k{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--gold);padding:0 16px;font-weight:600}
.cd-n{font:600 21px/1.25 var(--serif);padding:2px 16px 4px}
.cd-f{font-size:14px;color:var(--mut);padding:0 16px}
.cd time{font-size:13px;color:var(--mut);padding:6px 16px 0;margin-top:auto}
.ch,.bl{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ch a,.bl a,.bl .nl{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:7px 14px;color:var(--ink);text-decoration:none;font-size:15px;min-height:40px}
.ch a:hover,.bl a:hover{border-color:var(--gold)}
.ch span,.bl a span{color:var(--mut);font-size:13px}
.bl .nl{color:var(--mut)}
.su{margin:30px 0;padding:22px 20px;border:1px solid #3a3322;border-radius:16px;background:linear-gradient(160deg,#1f2733,#151b23);max-width:720px}
.su h2{margin:0 0 6px;font-size:24px;color:var(--gold2)}
.su>p{margin:0 0 14px;color:var(--mut)}
.su-r{display:flex;gap:8px;flex-wrap:wrap}
.su-r input{flex:1 1 220px;min-height:48px;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px 14px}
.su-r input::placeholder{color:#7f8794}
.su-r button,.bt{min-height:48px;font:600 16px var(--sans);background:var(--gold);color:#16120a;border:0;border-radius:10px;padding:0 22px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}
.su-r button:hover,.bt:hover{background:var(--gold2);color:#16120a}
.su-c{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--mut);margin-top:12px;line-height:1.45}
.su-c input{width:20px;height:20px;margin:1px 0 0;flex:none;accent-color:var(--gold)}
.su-m{min-height:1.4em;margin:10px 0 0;font-size:15px}.su-m.ok{color:#9fd8a8}.su-m.err{color:#ffb4a2}
.hp{position:absolute;left:-9999px;width:1px;height:1px}
.fo{margin-top:14px;font-size:14px;color:var(--mut)}.fo p{margin:0 0 6px}
.fo ul{list-style:none;margin:0;padding:0;display:flex;gap:8px;flex-wrap:wrap}
.fo a{border:1px solid var(--line);border-radius:999px;padding:6px 12px;text-decoration:none;color:var(--ink);display:inline-block}
.mr{margin-top:10px}
.ft{border-top:1px solid var(--line);color:var(--mut);font-size:14px;padding:22px 0 34px}
.ft p{max-width:52em}.ft-n{color:var(--ink)}.ft a{color:var(--mut)}
/* compacte lijstkaarten (zonder beeld) + grote eerste kaart */
.cd a{padding:14px 0 14px}
.cd-1{grid-column:1/-1}
.cd-1 a{padding:0}
.cd-1 img{margin:0}
.cd-1 .cd-t{display:flex;flex-direction:column;padding:14px 0 16px}
.cd-1 .cd-n{font-size:clamp(24px,5vw,32px)}
@media(min-width:900px){.cd-1 a{display:grid;grid-template-columns:3fr 2fr;align-items:center}.cd-1 .cd-t{padding:20px 24px}}
.cd:not(.cd-1) .cd-k::before{content:"";display:inline-block;width:7px;height:9px;margin-right:8px;background:var(--gold);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;vertical-align:1px}