/* [goodwood 5-11-2026] Goodwood-stijl publieke site. Aan/uit: App\Http\Middleware\GoodwoodStijl::AAN; per bezoek uit met ?gw=0 */
:root,.s3{--s3-goud:#a88b57;--s3-goud-t:#7d6338;--s3-goud-l:#c8ad78;--s3-goud-v:#efe6d2;--s3-zand:#ece5d4}
@font-face{font-family:'EB Garamond';src:url(/fonts/gw/eb-garamond-latin-400-italic.woff2) format('woff2');font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:'EB Garamond';src:url(/fonts/gw/eb-garamond-latin-500-italic.woff2) format('woff2');font-weight:500;font-style:italic;font-display:swap}
:root{--gw-canvas:#ece5d4;--gw-papier:#fbf8f1;--gw-claret:#700f20;--gw-goud:#a88b57;--gw-goud-t:#7d6338;--gw-goud-l:#c8ad78}
body.s3,body{background-color:var(--gw-papier)!important}
/* 1 · canvas-crème met keper en spikkels */
body:not(.s3--hero) :is(.s3-kop,.s3-sub),body.s3--hero.s3-scrolled :is(.s3-kop,.s3-sub),body.s3--hero .s3-kop.is-vast,body.s3--hero .s3-kop.is-vast .s3-sub,body.s3--hero:has(.s3-kop.is-vast) .s3-sub,.s3-tab,.mtab,.s3-zand,.tsl-team,.tsw-sam,.seo2-ts,.s3-voet-licht{background-color:var(--gw-canvas)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='s'%3E%3CfeTurbulence stitchTiles='stitch' type='fractalNoise' baseFrequency='.6' numOctaves='1' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 .25 0 0 0 0 .2 0 0 0 0 .12 0 0 0 9 -7.6'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23s)' opacity='.5'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .32 0 0 0 0 .27 0 0 0 0 .18 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.38'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='v'%3E%3CfeTurbulence stitchTiles='stitch' type='fractalNoise' baseFrequency='.9 .06' numOctaves='2' seed='11'/%3E%3CfeColorMatrix values='0 0 0 0 .4 0 0 0 0 .33 0 0 0 0 .22 0 0 0 1.2 -.62'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23v)' opacity='.22'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600'%3E%3Cfilter id='m'%3E%3CfeTurbulence stitchTiles='stitch' type='fractalNoise' baseFrequency='.012' numOctaves='3' seed='3'/%3E%3CfeColorMatrix values='0 0 0 0 .42 0 0 0 0 .34 0 0 0 0 .2 0 0 0 .9 -.32'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)' opacity='.35'/%3E%3C/svg%3E")!important;background-attachment:fixed!important}
/* 3 · biezen: dubbele goudlijn onder de kop en tussen secties */
body:not(.s3--hero) .s3-sub{box-shadow:none}
.seo2-usp,.tsl-cijfers,.gx2-stats .in{border-top:3px double rgba(168,139,87,.7)!important}
.seo2-mod{border-top:3px double var(--gw-goud)!important}
/* 2 · startnummer-rondjes */
.s3-snnum{display:inline-flex!important;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;background:#fbf8f1;border:0!important;box-shadow:none!important;color:#08080a!important;font-family:'HooG Inter',system-ui,-apple-system,'Segoe UI',Arial,sans-serif!important;font-size:15px!important;font-weight:700!important;line-height:1!important;letter-spacing:-.02em!important;font-variant-numeric:tabular-nums;padding:0!important;margin-right:6px;text-align:center}
.seo2 .seo-body>h2.seo2-h::after{content:none!important}
.seo2 .seo-body>h2.seo2-h::before{content:attr(data-nr)!important;display:flex!important;align-items:center;justify-content:center;margin-bottom:18px!important;width:40px!important;height:40px!important;padding:0!important;background-image:none!important;border-radius:50%;background:#ece5d4!important;border:0!important;box-shadow:none!important;color:#08080a!important;font-family:'HooG Inter',system-ui,-apple-system,'Segoe UI',Arial,sans-serif!important;font-size:24px!important;font-weight:700!important;line-height:1!important;letter-spacing:-.02em!important;text-align:center}
.gx2-h .kick::before{content:"";}
.tsl-stappen .n{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1.5px solid #08080a;color:#08080a!important;font-weight:700!important;font-size:11px!important;letter-spacing:0!important;background:#fbf8f1}
.gx2-steps>li b:first-child::before{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1.5px solid #08080a;color:#08080a!important;letter-spacing:0!important}
/* 4 · kickers in Goodwood-stijl: kapitalen, ruimere spatiëring */
:is(.s3-oog,.tsl-e,.seo-eye,.gx2-eye,.seo2-mod-eye,.tsw-oog,.tsw-nr,.gx2-h .kick,.cb-gk){letter-spacing:.3em!important;font-weight:600!important}
/* 5 · Garamond cursief voor citaten en bijschriften */
blockquote,.seo2 .seo-body blockquote,.gx2-quote,figcaption,.tsl-foto,.gx2-vers,.s3-citaat{font-family:'EB Garamond',Georgia,serif!important;font-style:italic!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important}
.seo2 .seo-body blockquote{font-size:clamp(23px,2.2vw,28px)!important;line-height:1.4!important}
.tsl-foto{font-size:14px!important}
/* 6 · filmkorrel en warme grading op grote beelden */
:is(.s3-hero-foto,.tsl-hero picture,.seo2-hero,.gx2-hero) :is(img,video){filter:sepia(.14) saturate(.92) contrast(1.04)}
.seo2-hero-img{filter:sepia(.14) saturate(.92) contrast(1.04)}
.gw-korrel{position:absolute;inset:0;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='k'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23k)'/%3E%3C/svg%3E");opacity:.09;mix-blend-mode:multiply;z-index:2}
/* 7 · Sternstunde als raceticket, 8 · claret als veilingaccent */
a.s3-sn-veil{position:relative;display:inline-flex!important;align-items:center;gap:8px;padding:5px 14px 5px 12px!important;background:#fbf8f1;border:1px solid var(--gw-claret);color:var(--gw-claret)!important;font-weight:600!important;letter-spacing:.06em!important;text-transform:uppercase;font-size:11.5px!important}
a.s3-sn-veil::before,a.s3-sn-veil::after{content:"";position:absolute;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:var(--gw-canvas);border:1px solid var(--gw-claret)}
a.s3-sn-veil::before{left:-6px;clip-path:inset(0 0 0 50%)}a.s3-sn-veil::after{right:-6px;clip-path:inset(0 50% 0 0)}
a.s3-sn-veil i{background:var(--gw-claret)!important}
.s3-sntab[href*="veiling"] .s3-snnum,.s3-sntab[href*="auction"] .s3-snnum{color:var(--gw-claret)!important}
.seo2 .s2k-rij--verkocht:has(> :nth-child(5)){grid-template-columns:repeat(3,minmax(0,1fr))}
.s3-sntab.is-on::after{display:none!important}
.s3-sntab.is-on{font-weight:600}
.s3-sntab.is-on .s3-snnum{background:#08080a!important;color:#fbf8f1!important}

body:not(.s3--hero) .s3-kop .s3-logo-wit,body.s3--hero.s3-scrolled .s3-kop .s3-logo-wit{display:block!important}
body:not(.s3--hero) .s3-kop .s3-logo-zw,body.s3--hero.s3-scrolled .s3-kop .s3-logo-zw{display:none!important}
body:not(.s3--hero) .s3-talen a[aria-current]{background:#fff!important;color:#08080a!important;box-shadow:0 0 0 1px rgba(8,8,10,.12)}
body:not(.s3--hero) .s3-snnum{background:#fff!important}
body:not(.s3--hero) .s3-sntab.is-on .s3-snnum{background:#08080a!important}
body:not(.s3--hero) .s3-kop-zoek input{background:#fff;border-color:rgba(8,8,10,.14)}
@font-face{font-family:'Gillius';src:url(/fonts/gw/gillius-Regular.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Gillius';src:url(/fonts/gw/gillius-Bold.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:'EB Garamond';src:url(/fonts/gw/eb-garamond-latin-400-normal.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'EB Garamond';src:url(/fonts/gw/eb-garamond-latin-500-normal.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap}
/* [goodwood 5-11 d] Typografie: één letter, Helvetica (zoals het logo), in ruim gespatieerde kapitalen voor koppen, menu en knoppen; Garamond alleen als accent (inleiding, citaten, bijschriften) */
body :is(h1,h2,h3):not(.cb-gk):not(.s3-oog),.s3-hero-t{font-family:'HooG Inter',system-ui,-apple-system,'Segoe UI',Arial,sans-serif!important;text-transform:uppercase!important;font-weight:400!important;letter-spacing:.055em!important;line-height:1.1!important}
body :is(h1,h2) em,body :is(h1,h2) b,body :is(h1,h2) strong{font-weight:400!important}
body h1{font-size:clamp(30px,3.6vw,52px)!important}
body h2{font-size:clamp(22px,2.2vw,32px)!important}
body h3{font-size:clamp(14px,1.1vw,17px)!important;letter-spacing:.1em!important;font-weight:500!important}
.s3-hero-t,.tsl-hero h1{font-size:clamp(32px,4vw,58px)!important;line-height:1.08!important}
.s3-hero h1.s3-oog{font-size:11px!important;line-height:1.5!important}
.s3-hero-t em{font-style:normal}
body,body *{font-variant-ligatures:none!important;font-feature-settings:'liga' 0,'dlig' 0,'clig' 0!important}
:is(.s3-oog,.tsl-e,.seo-eye,.gx2-eye,.seo2-mod-eye,.tsw-oog,.tsw-nr,.gx2-h .kick,.tsw-lab,.tsl-veld label,.seo-rail-label,.s3-label){font-family:'HooG Inter',system-ui,-apple-system,'Segoe UI',Arial,sans-serif!important;font-weight:600!important;letter-spacing:.24em!important}
:is(.s3-knop,.tsl-knop,.seo2-knop,.tsw-knop,.gx2-inline-cta,.seo2-cta .k a,.s3-nav>a,.s3-sntab,.s3-ik,button.s3-menu,.s3-kop a){font-family:'HooG Inter',system-ui,-apple-system,'Segoe UI',Arial,sans-serif!important;letter-spacing:.14em!important}
.s3-nav>a,.s3-sntab{text-transform:uppercase;font-size:12.5px!important;font-weight:500!important}
:is(.s3-knop,.tsl-knop,.seo2-knop,.tsw-knop){font-weight:600!important;font-size:12px!important}
/* Garamond alleen als accent: de inleiding onder de grote kop */
html body :is(.tsl-sub,.gx2-lead,.s3-hero-p){font-family:'EB Garamond',Georgia,serif!important;letter-spacing:0!important;font-size:min(clamp(18px,1.5vw,21px),2.9vh)!important;line-height:1.5!important}
/* prijzen, specs en formuliervelden blijven strak (cijfers) */
:is(.s3-prijs,.seo-aanbod-price,.s2k-p,.s3-kaart-prijs,input,select,.cb-knop,.s2k-s,.seo-aanbod-specs){font-family:'HooG Inter',system-ui,-apple-system,'Segoe UI',Arial,sans-serif!important}
/* gecentreerde kicker met lijnen aan beide kanten (zoals Goodwood) */
.gw-midden{text-align:center}.gw-midden :is(.tsl-e,.seo2-mod-eye){justify-content:center}
.gw-midden :is(.tsl-e,.seo2-mod-eye)::after{content:"";width:28px;height:1px;background:currentColor}

/* [goodwood 5-11 b] Sternstunde-ticket met doorlopende lijn i.p.v. stippellijn; geen witte strook boven de header bij doorscrollen (html krijgt de canvaskleur) */
html{background-color:var(--gw-canvas)!important}

/* [goodwood 5-11 c] logo weer de zwarte variant met witte letters */
body:not(.s3--hero) .s3-kop .s3-logo-wit,body.s3--hero.s3-scrolled .s3-kop .s3-logo-wit{display:none!important}
body:not(.s3--hero) .s3-kop .s3-logo-zw,body.s3--hero.s3-scrolled .s3-kop .s3-logo-zw{display:block!important}

/* [goodwood 5-11 e] Een header is nooit hoger dan het scherm: koppen en ruimtes schalen mee met de schermhoogte */
html body :is(.s3-hero-t,.tsl-hero h1){font-size:min(clamp(30px,4vw,56px),6.2vh)!important}
html body :is(.seo2-hero h1,.gx2-hero h1){font-size:min(clamp(28px,3.6vw,52px),6vh)!important}
@media (min-width:761px){.s3-hero .s3-w{padding-top:max(150px,min(172px,22vh))!important;padding-bottom:min(56px,5vh)!important}}
.s3-hero-t{margin-top:min(20px,2vh)!important}.s3-hero-p{margin-top:min(22px,2.2vh)!important}
.tsl-hero{padding-top:min(120px,8vh)!important;padding-bottom:min(52px,4.5vh)!important;min-height:0!important}
.tsl-hero h1{margin-top:min(18px,1.8vh)!important}.tsl-sub{margin-top:min(22px,2vh)!important}
.tsl-zoek{margin-top:min(32px,3vh)!important}.tsl-vertrouw{margin-top:min(26px,2.2vh)!important}
.gx2-hero{min-height:0!important}.gx2-hero .gx2-wrap{padding-top:min(56px,5vh)!important;padding-bottom:min(40px,4vh)!important}
.gx2-lead{margin-top:min(30px,2.6vh)!important}.gx2-hero-car{margin-top:min(36px,3vh)!important}
/* racenummers ook in de mobiele tabbalk */
.s3-tab-i:has(.s3-tab-l b) svg,.mtab-i:has(.mt-n) svg{display:none!important}
:is(.s3-tab-l,.mt-l){flex-direction:column!important;align-items:center!important;gap:6px!important}
:is(.s3-tab-l b,.mt-n){display:flex!important;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#fff;color:#08080a!important;font-family:'HooG Inter',system-ui,-apple-system,'Segoe UI',Arial,sans-serif!important;font-size:14px!important;font-weight:700!important;letter-spacing:-.02em!important;line-height:1!important}
:is(.s3-tab-i.is-on .s3-tab-l b,.mtab-i.active .mt-n){background:#08080a!important;color:#fbf8f1!important}
.s3-tab-i[href*="veiling"] .s3-tab-l b,.mtab-i[href*="veiling"] .mt-n{color:var(--gw-claret)!important}
.s3-tab-i.is-on[href*="veiling"] .s3-tab-l b,.mtab-i.active[href*="veiling"] .mt-n{color:#fbf8f1!important}
html body .tsl-hero h1{font-size:min(clamp(30px,4vw,56px),5.4vh)!important}
html body .tsl-sub{max-width:64ch!important;font-size:min(clamp(17px,1.4vw,20px),2.7vh)!important}
@media (max-width:760px){
  html body :is(.s3-hero-t,.tsl-hero h1){font-size:min(30px,4.4vh)!important}
  html body :is(.tsl-sub,.s3-hero-p){font-size:16px!important;line-height:1.45!important}
  .tsl-hero{padding-top:18px!important;padding-bottom:22px!important}
  .tsl-hero .tsl-vertrouw{display:none!important}
}
@media (max-height:780px) and (min-width:761px){.tsl-hero .tsl-vertrouw{display:none!important}}
/* [goodwood 5-11 f] mobiele tabbalk op hetzelfde papier als de header, zodat de witte racenummers staan */
:is(.s3-tab,.mtab){-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-top:1px solid rgba(8,8,10,.08)}

/* [goodwood 5-11 g] racenummers: altijd wit, cijfer optisch exact in het midden (gemeten in Helvetica Neue op macOS:
   cijfers stonden ~0,05em te laag en de 1 ~0,035em te links). Op witte of papieren ondergrond een zachte schaduw i.p.v. een rand. */
.s3-snnum,.s3-tab-l b,.mt-n{box-sizing:border-box!important;padding:0 0 .1em 0!important;letter-spacing:0!important}
.s3-sntab[href$="/pre-market"] .s3-snnum,.s3-tab-i[href$="/pre-market"] .s3-tab-l b,.mtab-i[href$="/pre-market"] .mt-n{padding:0 0 .1em .07em!important}
.seo2 .seo-body>h2.seo2-h::before{box-sizing:border-box!important;padding:0 0 .035em 0!important;letter-spacing:0!important;background:#fff!important;box-shadow:0 1px 3px rgba(14,13,11,.16),0 0 0 .5px rgba(14,13,11,.04)!important}
.seo2 .seo-body>h2.seo2-h:is([data-nr="1"],[data-nr="11"])::before{padding:0 0 .035em .07em!important}
.tsl-stappen .n,.gx2-steps>li b:first-child::before{background:#fff!important;border:0!important;box-shadow:0 1px 3px rgba(14,13,11,.16)!important;font-family:'HooG Inter',system-ui,-apple-system,'Segoe UI',Arial,sans-serif!important;font-weight:700!important;line-height:1!important}

/* [goodwood 5-11 h] Sternstunde als echt toegangskaartje: gevuld claret, uitgesneden zijkanten, perforatie, geen rand */
.s3-kop a.s3-sn-veil,a.s3-sn-veil{position:relative;display:inline-flex!important;align-items:center;gap:10px;height:30px;padding:0 16px 0 40px!important;background:var(--gw-claret)!important;border:0!important;box-shadow:none!important;color:#f6eedf!important;font-weight:600!important;font-size:11px!important;letter-spacing:.14em!important;text-transform:uppercase;white-space:nowrap;text-decoration:none!important;
 -webkit-mask:radial-gradient(circle 5px at 0 50%,#0000 4.6px,#000 5px) left/51% 100% no-repeat,radial-gradient(circle 5px at 100% 50%,#0000 4.6px,#000 5px) right/51% 100% no-repeat;
 mask:radial-gradient(circle 5px at 0 50%,#0000 4.6px,#000 5px) left/51% 100% no-repeat,radial-gradient(circle 5px at 100% 50%,#0000 4.6px,#000 5px) right/51% 100% no-repeat}
.s3-kop a.s3-sn-veil::before{content:""!important;display:block!important;position:absolute;left:28px;top:5px;bottom:5px;width:0;height:auto;margin:0;border:0;border-left:1px dashed rgba(246,238,223,.45);border-radius:0;background:none;clip-path:none}
.s3-kop a.s3-sn-veil::after{content:none!important;display:none!important}
.s3-kop a.s3-sn-veil i{position:absolute;left:12px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:#f6eedf!important}
.s3-kop a.s3-sn-veil:hover{background:#5c0b1a!important;text-decoration:none!important}

/* [goodwood 5-11 i] header, menubalk en tabbalk: vlekkeriger papier (wolkjes kleiner en sterker), zoals het staal in het moodboard */
body:not(.s3--hero) :is(.s3-kop,.s3-sub),body.s3--hero.s3-scrolled :is(.s3-kop,.s3-sub),body.s3--hero .s3-kop.is-vast,body.s3--hero .s3-kop.is-vast .s3-sub,body.s3--hero:has(.s3-kop.is-vast) .s3-sub,.s3-tab,.mtab{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='s'%3E%3CfeTurbulence stitchTiles='stitch' type='fractalNoise' baseFrequency='.6' numOctaves='1' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 .25 0 0 0 0 .2 0 0 0 0 .12 0 0 0 9 -7.6'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23s)' opacity='.5'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .32 0 0 0 0 .27 0 0 0 0 .18 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.38'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='v'%3E%3CfeTurbulence stitchTiles='stitch' type='fractalNoise' baseFrequency='.9 .06' numOctaves='2' seed='11'/%3E%3CfeColorMatrix values='0 0 0 0 .4 0 0 0 0 .33 0 0 0 0 .22 0 0 0 1.2 -.62'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23v)' opacity='.22'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600'%3E%3Cfilter id='m'%3E%3CfeTurbulence stitchTiles='stitch' type='fractalNoise' baseFrequency='.018' numOctaves='3' seed='3'/%3E%3CfeColorMatrix values='0 0 0 0 .42 0 0 0 0 .34 0 0 0 0 .2 0 0 0 .9 -.32'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)' opacity='.42'/%3E%3C/svg%3E")!important}
/* lakzegel in de voet teruggedraaid (5-11): weer het witte logo */

/* [goodwood 5-11 j] Geen 110%-zoom meer op grote schermen: rustiger en chiquer, en vensters (inloggen, menu, taal, contact)
   passen weer binnen het scherm. De zoom maakte 100vh binnen de pagina 10% hoger dan het scherm. */
@media (min-width:1280px){:root{--s3-zoom:1!important;--zoom:1!important}html body,body.s3,body.s3c{zoom:1!important}}
/* vangnet: elk venster blijft binnen het scherm en scrolt zelf */
.s3-poort-lade .s3-poort{max-height:calc(100dvh - 48px)!important;overflow:auto!important}
:is(.s3-menu-paneel,.s3-tab-sheet,.mtab-sheet,#s3-taalblad,.s3-taalblad){max-height:100dvh;overflow-y:auto;overscroll-behavior:contain}

/* [goodwood 5-11 k] racenummers opvallender: groter, altijd wit met een zachte schaduw (ook in de homepage-kop na scrollen) */
.s3-snnum{width:30px!important;height:30px!important;font-size:17px!important;background:#fff!important;box-shadow:0 1px 3px rgba(14,13,11,.22)!important}
.s3-sntab.is-on .s3-snnum{background:#08080a!important;color:#fbf8f1!important}
body.s3--hero .s3-kop.is-vast .s3-logo-zw{display:block!important}body.s3--hero .s3-kop.is-vast .s3-logo-wit{display:none!important}
/* homepage "Eén auto, drie momenten": de punten op de lijn worden racenummers */
.s3-fasen{border-top-width:1px}
.s3-fase{padding-top:52px!important}
.s3-fase::before{content:"1"!important;top:-23px!important;width:46px!important;height:46px!important;transform:none!important;border:0!important;border-radius:50%;background:#fff!important;box-shadow:0 2px 6px rgba(14,13,11,.22);display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0 0 .1em .07em;font:700 27px/1 'HooG Inter',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:#08080a;z-index:1}
.s3-fase:nth-child(2)::before{content:"2"!important;padding-left:0}
.s3-fase:nth-child(3)::before{content:"3"!important;padding-left:0;color:var(--gw-claret)}
@media (max-width:900px){.s3-fase,.s3-fase:first-child,.s3-fase:last-child{padding-left:38px!important;padding-top:0!important}.s3-fase::before,.s3-fase:first-child::before{left:-19px!important;top:-4px!important;width:38px!important;height:38px!important;font-size:22px}}

/* [goodwood 5-11 l] ondertekening van Nick Slinger op autopagina's in Goodwood-opbouw:
   regel in Garamond met een lijn ervoor, de echte handtekening groot, naam in gespatieerde kapitalen, functie cursief */
.slinger-signature{display:flex!important;flex-direction:column;align-items:flex-start;background:none!important;border:0!important;border-top:1px solid #d9d1bf!important;border-radius:0!important;box-shadow:none!important;padding:28px 0 4px!important;margin:44px 0 16px!important}
.slinger-top,.slinger-meta{display:contents!important}
.slinger-avatar-circle{display:none!important}
.slinger-opener{order:1;margin:0 0 22px!important;font:italic 400 clamp(20px,1.8vw,24px)/1.45 'EB Garamond',Georgia,serif!important;letter-spacing:0!important;text-transform:none!important;color:#0e0d0b!important;max-width:40ch}
.slinger-opener::before{content:""!important;display:inline-block;width:56px;height:1px;margin:0 16px 0 0!important;background:#0e0d0b;vertical-align:middle;opacity:1!important;font-size:0!important}
.slinger-opener::after{content:none!important}
.slinger-krabbel{order:2;height:68px!important;width:auto;margin:0 0 12px -8px!important;mix-blend-mode:multiply;filter:contrast(1.15)}
.slinger-name{order:3;font:600 12px/1.4 'HooG Inter',system-ui,-apple-system,'Segoe UI',Arial,sans-serif!important;letter-spacing:.22em!important;text-transform:uppercase;color:#0e0d0b!important;margin:0 0 4px!important}
.slinger-role{order:4;font:italic 400 15px/1.4 'EB Garamond',Georgia,serif!important;letter-spacing:0!important;color:#6b655c!important}
@media(max-width:520px){.slinger-krabbel{height:54px!important}}

/* [goodwood 5-11 m] Headers in Goodwood-opbouw, overal gelijk: foto zonder zware zijwaas (alleen licht + verloop onderin),
   alles gecentreerd, label met lijnen aan beide kanten, kop in gespatieerde kapitalen, inleiding in Garamond. */
section.s3-hero::after{background:linear-gradient(180deg,rgba(8,8,10,.42) 0%,rgba(8,8,10,.2) 34%,rgba(8,8,10,.34) 66%,rgba(8,8,10,.74) 100%)!important}
.tsl-hero::before{background:linear-gradient(180deg,rgba(8,8,10,.46) 0%,rgba(8,8,10,.26) 34%,rgba(8,8,10,.46) 66%,rgba(8,8,10,.82) 100%)!important}
.seo2-hero-ov,.gx2-hero-ov{background:linear-gradient(180deg,rgba(8,8,10,.46) 0%,rgba(8,8,10,.26) 40%,rgba(8,8,10,.7) 100%)!important}
:is(section.s3-hero,.tsl-hero,.seo2-hero,.gx2-hero) :is(h1:not(.s3-oog),.s3-hero-t,p,.seo-eye,.gx2-eye,.tsl-e,.s3-oog){text-shadow:0 1px 22px rgba(0,0,0,.35)}
.s3-hero .s3-hero-in{display:flex!important;justify-content:center!important}
:is(.s3-hero-tekst,.tsl-in,.gx2-hero-in,.seo2-hero-kop){margin-left:auto!important;margin-right:auto!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important}
.s3-hero-tekst{max-width:1000px!important}.tsl-in{max-width:1080px!important}.gx2-hero-in{max-width:1000px!important}
.seo2-hero-grid{grid-template-columns:minmax(0,1fr)!important;justify-items:center!important;text-align:center!important}
.seo2-hero-side{max-width:620px;margin:6px auto 0!important;text-align:center!important;border:0!important;padding:0!important}
.seo2-hero-side :is(.seo-rail-label,h2,h3){display:none!important}
.seo2-hero .seo-crumb{justify-content:center!important;text-align:center!important}
:is(.s3-hero .s3-oog,.tsl-e,.gx2-hero .gx2-eye,.seo2-hero .seo-eye){display:inline-flex!important;align-items:center;justify-content:center;gap:16px;color:#fff!important;margin-left:auto;margin-right:auto}
:is(.s3-hero .s3-oog,.tsl-e,.gx2-hero .gx2-eye,.seo2-hero .seo-eye)::before,:is(.s3-hero .s3-oog,.tsl-e,.gx2-hero .gx2-eye,.seo2-hero .seo-eye)::after{content:""!important;display:block!important;width:32px!important;height:1px!important;background:currentColor!important;flex:none;margin:0!important;position:static!important}
:is(.s3-hero-t,.tsl-hero h1,.gx2-hero h1,.seo2-hero h1){font-weight:400!important;letter-spacing:.12em!important;text-align:center!important;text-wrap:balance}
:is(.s3-hero-p,.tsl-sub,.gx2-lead){margin-left:auto!important;margin-right:auto!important;max-width:56ch!important;text-align:center!important}
.s3-hero-ts{text-align:center!important}
:is(.s3-knoppen,.tsl-vertrouw,.tsl-micro){justify-content:center!important;text-align:center!important}
.tsl-zoek{margin-left:auto!important;margin-right:auto!important}
:is(.gx2-hero-car,.seo2-hero-car){margin-left:auto!important;margin-right:auto!important}
:is(.s3-hero-t,.tsl-hero h1){max-width:19ch!important;margin-left:auto!important;margin-right:auto!important}
@media (max-width:760px){:is(.s3-hero-t,.tsl-hero h1,.gx2-hero h1,.seo2-hero h1){letter-spacing:.06em!important;max-width:none!important}}
/* [goodwood 5-11 n] Huisstijl 2027: het veilingaccent is racing green in plaats van rood (rood leest als gevaar of fout).
   Geldt voor het Sternstunde-ticket, racenummer 3 en de veilingpunten. */
:root{--gw-claret:#360d36;--gw-racing:#360d36}
.s3-kop a.s3-sn-veil:hover{background:#250925!important}

/* [goodwood 5-11 o] racenummers in het menu iets kleiner */
.s3-snnum{width:27px!important;height:27px!important;font-size:15.5px!important}

/* ===========================================================================
   [huisstijl 2027 · 5-11-2026] Concept-definitief, sitebreed.
   Letter: Inter (zelf gehost, OFL) in plaats van Helvetica, overal hetzelfde op Mac, Windows en Android.
   Ruimte: één schaal (4 · 8 · 12 · 16 · 24 · 32 · 48 · 64 · 96 · 120), kantlijn 52/24, secties 120/64,
   paginakop 64/40, label→kop 16, kop→tekst 24 (H3 8), tekst→knoppen 32, kaarten 24/16.
   Kleur: racing green als accent, ook de voet. Knoppen strak: inkt of dunne lijn.
   =========================================================================== */
@font-face{font-family:'HooG Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/gw/inter-latin-wght-normal.woff2) format('woff2-variations'),url(/fonts/gw/inter-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'HooG Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/gw/inter-latin-ext-wght-normal.woff2) format('woff2-variations'),url(/fonts/gw/inter-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root,.s3,.s3c,body{--s3-f:'HooG Inter',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;--f:'HooG Inter',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;--sans:'HooG Inter',system-ui,Arial,sans-serif}
html body{font-family:'HooG Inter',system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
html body :is(h1,h2,h3,h4,h5,h6,p,li,a,span,button,input,select,textarea,label,dt,dd,small,b,strong,td,th,div):not([class*="fa-"]):not(.s3-hero-p):not(.tsl-sub):not(.gx2-lead):not(.seo2-capsule .seo-lead *){font-family:inherit}
html body :is(h1,h2,h3,h4,p,li,a,span,button,input,select,textarea,label,dt,dd,small,b,strong,td,th){font-family:'HooG Inter',system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
/* Garamond-accenten blijven Garamond */
html body :is(.s3-hero-p,.tsl-sub,.gx2-lead,blockquote,blockquote *,.seo2 .seo-body blockquote,.gx2-quote,figcaption,.tsl-foto,.gx2-vers,.s3-citaat,.slinger-opener,.slinger-role){font-family:'EB Garamond',Georgia,serif!important}
/* Inter: rustige cijfers en een klassieke 1 */
html body{font-feature-settings:'cv05' 1,'cv08' 1}
:is(.s3-prijs,.seo-aanbod-price,.s2k-p,.s3-kaart-prijs,.hgl-prijs,[class*="prijs"],.s3-num,.lpus-k .p){font-variant-numeric:tabular-nums lining-nums}

/* ── 1 · secties: 120 / 64, compact 96 / 48 ── */
:is(section.s3-sec,section.tsl-sec,section.tsl-slot,section.vk-sec,div.gx2-usp){padding-top:120px!important;padding-bottom:120px!important}
:is(section.s3-sec--kort,section.vk-sec.vk-dark:last-of-type){padding-top:96px!important;padding-bottom:96px!important}
section.tsl-sec[style*="padding-top:0"],section.vk-sec + section.vk-sec:not(.vk-dark){padding-top:0!important}
@media (max-width:760px){
  :is(section.s3-sec,section.tsl-sec,section.tsl-slot,section.vk-sec,div.gx2-usp){padding-top:64px!important;padding-bottom:64px!important}
  :is(section.s3-sec--kort,section.vk-sec.vk-dark:last-of-type){padding-top:48px!important;padding-bottom:48px!important}
}
section.vk-sec + section.vk-sec:not(.vk-dark){padding-top:0!important}
.seo-wrap{padding-top:96px!important}@media (max-width:760px){.seo-wrap{padding-top:48px!important}}

/* ── 2 · paginakop zonder foto: eerste regel 64 / 40 onder het menu ── */
div.tabhd{padding-top:64px!important;padding-bottom:32px!important}
header.s3-pagkop{padding-top:64px!important;padding-bottom:64px!important}
@media (max-width:760px){div.tabhd{padding-top:40px!important;padding-bottom:24px!important}header.s3-pagkop{padding-top:40px!important;padding-bottom:40px!important}}
:is(div.tabhd,header.s3-pagkop) > :first-child,div.tabhd .tabhd-in > :first-child{margin-top:0!important}

/* ── 3 · verticale ritme: label → kop 16, kop → tekst 24, H3 → tekst 8, tekst → knoppen 32, alinea's 16 ── */
:is(.s3-oog,.tabhd-eye,.vk-eyebrow,.vk-eye,.eye,.kick,.seo-eye,.seo2-mod-eye,.tsl-e,.gx2-eye,.lpus .eye){margin-bottom:0!important}
:is(.s3-oog,.tabhd-eye,.vk-eyebrow,.vk-eye,.eye,.kick,.seo-eye,.seo2-mod-eye,.tsl-e,.gx2-eye,.lpus .eye) + :is(h1,h2,h3,.s3-hero-t){margin-top:16px!important}
:is(h1,h2):not(.s3-oog) + :is(p,.s3-lead,.tsl-t,.tsl-sub,.gx2-lead,.vk-hero-sub,.s3-hero-p,.seo-lead,.detail-sub){margin-top:24px!important}
.s3-hero-t + .s3-hero-p{margin-top:24px!important}
h3 + p{margin-top:8px!important}
:is(h1,h2,h3):not(.s3-oog):has(+ :is(p,.s3-lead,.tsl-t,.tsl-sub,.gx2-lead,.vk-hero-sub,.s3-hero-p,.seo-lead)){margin-bottom:0!important}
:is(p,.s3-lead,.s3-hero-p,.tsl-t,.tsl-sub,.gx2-lead,.vk-hero-sub):has(+ :is(.s3-knoppen,form.tsl-zoek,form.vk-start,.gx2-hero-car,.seo2-hero-car,.s3-link)){margin-bottom:0!important}
:is(p,.s3-lead,.s3-hero-p,.tsl-t,.tsl-sub,.gx2-lead,.vk-hero-sub) + :is(.s3-knoppen,form.tsl-zoek,form.vk-start,.gx2-hero-car,.seo2-hero-car,.s3-link){margin-top:32px!important}
main :is(.seo-body,.gx2-prose,.gx2-body,.vk-sec,.s3-sec) p + p{margin-top:16px!important}
main :is(.seo-body,.gx2-prose,.gx2-body) p{margin-bottom:0!important}

/* ── 4 · kaarten en rasters: 24 / 16 ── */
:is(.hgl-cards,.s3-producten,.s3-team,.vk-disc,.vk-inkopers,.tsl-muur,.gx2-body .grid,.seo-usp,.s3-verkocht,.seo-aanbod-grid){column-gap:24px!important;row-gap:24px!important}
.hgl-cards{row-gap:48px!important}
@media (max-width:760px){:is(.hgl-cards,.s3-producten,.s3-team,.vk-disc,.vk-inkopers,.tsl-muur,.gx2-body .grid,.seo-usp,.s3-verkocht,.seo-aanbod-grid){column-gap:16px!important;row-gap:16px!important}.hgl-cards{row-gap:32px!important}}

/* ── 5 · één kantlijn: VS-gids, carrousels, badges, autopagina ── */
.gx2-wrap,.gx2-prose,.gx2-h{box-sizing:border-box}
@media (min-width:761px){.gx2-wrap{max-width:none!important;padding-left:var(--s3-g,52px)!important;padding-right:var(--s3-g,52px)!important}.gx2-wrap .gx2-wrap{padding-left:0!important;padding-right:0!important}}
@media (max-width:760px){.gx2-wrap,.gx2-body{padding-left:24px!important;padding-right:24px!important}.gx2-wrap .gx2-wrap,.gx2-body .gx2-wrap{padding-left:0!important;padding-right:0!important}.gx2-h,.gx2-prose{padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important}.gx2-h .nr,.gx2-h span.nr{position:static!important;transform:none!important}}
.hgl-gbtn{left:0!important}
.hgl-badge-sold{left:12px!important}
.detail-photo-badge{left:var(--s3-g,52px)!important}

/* ── 6 · rijen op één middenlijn: kop, submenu, tabbalk ── */
.s3-nav>a,.s3-talen a,.s3-ik,.s3-menu-knop span,.s3-sntab,.s3-sn-veil,a.s3-sn-veil{font-size:12.5px!important;line-height:1!important}
.s3-kop-in,.s3-sub-in,.s3-sub nav,.s3-nav,.s3-talen,.s3-kop-r{align-items:center!important}
.s3-sntab{display:inline-flex!important;align-items:center!important}
.s3-tab-i,.mtab-i{justify-content:flex-start!important;padding-top:10px!important}
.s3-tab-l,.mt-l{line-height:1!important}

/* ── 7 · knoppen strak: inkt of dunne lijn, 48 hoog, 12px kapitalen; hover racing green ── */
:is(.s3-knop,.tsl-knop,.seo2-knop,.tsw-knop,.vk-knop,.gx2-knop,.lpus-voet .k){min-height:48px!important;padding:0 28px!important;font-size:12px!important;font-weight:600!important;letter-spacing:.16em!important;border-radius:0!important;box-shadow:none!important}
:is(.s3-knop--goud,.tsw-knop--goud,.vcb .k-goud,a[class*="goud"].s3-knop){background:var(--s3-ink,#08080a)!important;border-color:var(--s3-ink,#08080a)!important;color:#fbf8f1!important}
:is(section.s3-hero,.tsl-hero,.seo2-hero,.gx2-hero,.s3-sec--nacht,.vk-dark) :is(.s3-knop--goud,a[class*="goud"].s3-knop){background:#fbf8f1!important;border-color:#fbf8f1!important;color:#08080a!important}
:is(.s3-knop,.tsl-knop,.seo2-knop,.tsw-knop,.vk-knop):hover{background:var(--gw-racing,#360d36)!important;border-color:var(--gw-racing,#360d36)!important;color:#fbf8f1!important}

/* ── 8 · voet in racing green ── */
footer.s3-voet,.s3-voet{background:#360d36!important;color:#e8e0cc!important}
.s3-voet :is(a,p,li,span,div){color:#e8e0cc}
.s3-voet a{color:#f6eedf!important}
.s3-voet h4{color:#c8ad78!important}
.s3-voet .s3-voet-onder{border-top-color:rgba(232,224,204,.2)!important}
.s3-voet :is(.s3-voet-talen a,[class*="taal"] a){border-color:rgba(232,224,204,.3)!important}

/* ── 3b · labels als blok (geen extra regelruimte eronder), stapels zonder dubbele gap ── */
:is(.s3-oog,.tsl-e,.vk-eye,.vk-eyebrow,.tabhd-eye,.seo-eye,.seo2-mod-eye,.gx2-eye,.kick,.eye):not(.s3-sub *):not(.s3-kop *){display:flex!important;width:fit-content;max-width:100%}
:is(section.s3-hero,.tsl-hero,.seo2-hero,.gx2-hero,.tsl-slot,.gw-midden,[style*="text-align:center"],[style*="text-align: center"]) :is(.s3-oog,.tsl-e,.vk-eye,.seo-eye,.gx2-eye,.kick,.eye){margin-left:auto!important;margin-right:auto!important}
:has(> :is(.s3-oog,.tsl-e,.vk-eye,.vk-eyebrow,.tabhd-eye,.seo-eye,.seo2-mod-eye,.gx2-eye,.kick,.eye) + :is(h1,h2,h3)){row-gap:0!important}
:where(:has(> :is(.s3-oog,.tsl-e,.vk-eye,.vk-eyebrow,.tabhd-eye,.seo-eye,.seo2-mod-eye,.gx2-eye,.kick,.eye) + :is(h1,h2,h3))) > * + *{margin-top:16px!important}
html body section.s3-hero .s3-oog + .s3-hero-t{margin-top:16px!important}
:is(.s3-fase,.s3-veil-t,.s3-keus-k,.s3-kt-tekst) > h3 + p{margin-top:0!important}
:is(.s3-veil-t,.s3-keus-k,.s3-uit-t){row-gap:16px!important}
.s3-kop2--split > p.s3-lead,.s3-kop2--split > div > p.s3-lead{margin-top:0!important}
@media (max-width:760px){.s3-kop2--split{row-gap:24px!important}}
/* paginakop: zichtbare eerste regel exact 64 / 40 onder het menu */
div.tabhd{padding-top:35px!important}
header.s3-pagkop{padding-top:64px!important}
@media (max-width:760px){div.tabhd{padding-top:8px!important}.tabhd-eye + h1{margin-top:0!important}header.s3-pagkop{padding-top:40px!important}}
/* carrousels en kruimelpad op de kantlijn */
@media (max-width:760px){.seo2 .s2k-rij{margin-left:0!important;margin-right:0!important;padding-left:0!important;scroll-padding-left:0}}

/* tekst → knoppen in rasters met gap: geen dubbele ruimte */
:has(> p.s3-lead + .s3-knoppen){row-gap:0!important}
:where(:has(> p.s3-lead + .s3-knoppen)) > * + *{margin-top:16px!important}

/* racenummers in Inter: cijfer optisch exact in het midden (pixelmeting op 4x, doel binnen 0,25px) */
html body :is(.s3-snnum),html body .s3-sntab[href$="/pre-market"] .s3-snnum{padding:.075em 0 0 0!important}
html body :is(.s3-tab-l b,.mt-n),html body :is(.s3-tab-i[href$="/pre-market"] .s3-tab-l b,.mtab-i[href$="/pre-market"] .mt-n){padding:.05em 0 0 0!important}
html body .s3-fase::before,html body .s3-fase:first-child::before{padding:.05em 0 0 0!important}
html body .s3-fase:nth-child(2)::before,html body .s3-fase:nth-child(3)::before{padding:.05em .045em 0 0!important}
html body .seo2 .seo-body>h2.seo2-h::before,html body .seo2 .seo-body>h2.seo2-h:is([data-nr="1"],[data-nr="11"])::before{padding:.06em 0 0 0!important}

/* ==== [huisstijl 2027 · ronde 2 · 5-11-2026] wizard, zijmenu, footer, nummering, QA-punten ==== */
:root{--gw-ink:#08080a;--gw-paper:#fbf8f1;--gw-green:#360d36;--gw-cream:#f6eedf;--gw-brass:#7d6338;--gw-line:#ddd5c4;--gw-inter:'HooG Inter',system-ui,-apple-system,'Segoe UI',Arial,sans-serif}

/* -- 1. Koppen: kapitalen 400 met .10em spatie; H3 500 -- */
html body :is(h1,h2):not(.cb-gk):not(.s3-oog){letter-spacing:.1em!important}
html body h3:not(.cb-gk):not(.s3-oog){font-weight:500!important;letter-spacing:.1em!important}
html body :is(h1,h2,h3){overflow-wrap:break-word;hyphens:manual}

/* -- 2. Ondergrond papier i.p.v. wit -- */
html body :is(.tabhd,.hgl,.vk-head,.pg,article.seo.seo2,article.gx2,.cmx.tsl,.nwp,.ag-hero,.vk-hero,.s3-sec--wit,#s3-poort,.ghost-block,.mobile-cta-bar){background-color:var(--gw-paper)!important}
html body.ts-focus,html body.ts-focus main#inhoud{background:var(--gw-paper)!important}

/* -- 3. Geen goud meer op knoppen -- */
html body :is(button.hg-cta-res,a.vk-btn.goud,a.nw-btn--gold,.vcb-k a.goud,.gallery-cat-btn.is-sfeer){background:var(--gw-ink)!important;border-color:var(--gw-ink)!important;color:var(--gw-cream)!important;box-shadow:none!important}
html body :is(button.hg-cta-res,a.vk-btn.goud,a.nw-btn--gold,.vcb-k a.goud,.gallery-cat-btn.is-sfeer):hover{background:var(--gw-green)!important;border-color:var(--gw-green)!important}
html body .s3-taalbalk{background:var(--gw-paper)!important;color:var(--gw-ink)!important;border:1px solid var(--gw-line)!important;border-top:2px solid var(--gw-green)!important;border-radius:0!important;box-shadow:0 24px 48px -24px rgba(14,13,11,.35)!important}
html body .s3-taalbalk :is(span,button){color:var(--gw-ink)!important}
html body .s3-taalbalk>svg{color:var(--gw-brass)!important}
html body .s3-taalbalk a{color:var(--gw-cream)!important;background:var(--gw-ink)!important;border:1px solid var(--gw-ink)!important;border-radius:0!important;font-family:var(--gw-inter)!important;letter-spacing:.16em!important}
html body .s3-taalbalk a:hover{background:var(--gw-green)!important;border-color:var(--gw-green)!important}
html body:has(#s3-taalbalk) #langbar{display:none!important}
html body .hsr-dd-badge{background:var(--gw-ink)!important;color:var(--gw-cream)!important;letter-spacing:.14em!important;font-weight:600!important;border-radius:0!important}
html body .hsr-dd-badge[style*="a07830"]{background:var(--gw-green)!important}

/* -- 4. Knoppen: crème tekst, .16em, groen bij hover, 48 hoog -- */
html body :is(.s3-knop,.tsl-knop,.seo2-knop,.tsw-knop,.vk-knop,.gx2-knop){color:var(--gw-cream)}
html body :is(.s3-link,#hgl-loadmore,.hero-bel):hover{color:var(--gw-green)!important;border-color:var(--gw-green)!important}
html body #hgl-loadmore:hover{background:var(--gw-green)!important;color:var(--gw-cream)!important}
html body :is(.seo-cta-call,.seo-cta-wa,.desc-klap-knop,.desc-klap-btn,.hg-afspraak){min-height:48px!important;box-sizing:border-box}

/* -- 5. Helvetica-resten -> Inter -- */
html body :is(#prijsDisplay,.vs-bod-bedrag,kbd.hsr-hint,.tsl-pas>i,.tsw,.tsw *){font-family:var(--gw-inter)!important}
html body .tsw{--f:var(--gw-inter)}

/* -- 6. Opsommingen: streepjes i.p.v. ruitjes en bolletjes -- */
html body :is(.s3-keus-k li,.seo-usp li,.seo-body ul li,.gx2 ul li,.s3-poort-plus li,.s3-mpas-l li)::before{content:""!important;width:12px!important;height:1px!important;border:0!important;border-radius:0!important;transform:none!important;background:currentColor!important;opacity:.55!important;box-shadow:none!important}

/* -- 7. Nummering: overal witte racenummers -- */
html body :is(.vk-eye>b,.eyebrow .n,nav.seo2-toc a>i){display:inline-flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:22px!important;height:22px!important;flex:none;border-radius:50%;background:#fff!important;color:var(--gw-ink)!important;box-shadow:0 1px 3px rgba(14,13,11,.22);font:700 12.5px/1 var(--gw-inter)!important;letter-spacing:0!important;font-style:normal!important;text-transform:none!important;font-variant-numeric:tabular-nums;padding:.05em 0 0!important;margin:0 12px 0 0!important;vertical-align:middle;opacity:1!important}
html body :is(.vk-route-n,.vk-disc span.n,.rt .n,.nwp-disc span.n){display:inline-flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:28px!important;min-width:28px!important;height:28px!important;flex:none;border-radius:50%;background:#fff!important;color:var(--gw-ink)!important;box-shadow:0 1px 3px rgba(14,13,11,.22);font:700 16px/1 var(--gw-inter)!important;letter-spacing:0!important;text-transform:none!important;font-variant-numeric:tabular-nums;padding:.05em 0 0!important;opacity:1!important}
html body .vk-route-n{margin:0 0 16px!important}
html body .rt .n{margin-right:12px!important}
html body .gx2-h .nr{position:static!important;display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:46px!important;height:46px!important;border-radius:50%;background:#fff!important;color:var(--gw-ink)!important;-webkit-text-stroke:0!important;box-shadow:0 2px 6px rgba(14,13,11,.22);font:700 27px/1 var(--gw-inter)!important;letter-spacing:0!important;padding:.05em 0 0!important;margin:0 0 24px!important;opacity:1!important;transform:none!important;inset:auto!important}
html body .tsl-stappen .n{display:inline-flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:38px!important;height:38px!important;border-radius:50%;background:#fff!important;border:0!important;color:var(--gw-ink)!important;box-shadow:0 2px 6px rgba(14,13,11,.22);font:700 22px/1 var(--gw-inter)!important;letter-spacing:0!important;padding:.05em 0 0!important}
html body .gx2-steps li b::before{content:counter(gx2stap)!important;display:inline-flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:28px!important;height:28px!important;border-radius:50%;background:#fff!important;color:var(--gw-ink)!important;box-shadow:0 1px 3px rgba(14,13,11,.22);font:700 16px/1 var(--gw-inter)!important;letter-spacing:0!important;padding:.05em 0 0!important;border:0!important}

/* -- 8. Zoekvenster -- */
html body .hsr-dd{background:var(--gw-paper)!important;letter-spacing:normal!important}
html body .hsr-dd *{letter-spacing:inherit}
html body .hsr-dd-head{font:600 11.5px/1 var(--gw-inter)!important;letter-spacing:.24em!important;text-transform:uppercase;color:var(--gw-brass)!important}
html body .hsr-dd-titel{font-weight:500!important;letter-spacing:0!important}
html body .hsr-dd mark{background:none!important;color:inherit!important;font-weight:600;box-shadow:inset 0 -1px 0 var(--gw-green)}

/* -- 9. Cookiemelding -- */
html body .hck{background:var(--gw-paper)!important;color:var(--gw-ink)!important;border:1px solid var(--gw-line)!important;border-top:2px solid var(--gw-green)!important;border-radius:0!important;box-shadow:0 24px 48px -24px rgba(14,13,11,.35)!important}
html body .hck .hck-h{font:500 14px/1.3 var(--gw-inter)!important;letter-spacing:.1em!important;text-transform:uppercase;margin-bottom:8px!important}
html body .hck .hck-knoppen{gap:8px!important;margin-top:24px!important}
html body .hck .hck-knoppen button{min-height:48px!important;border-radius:0!important;font:600 12px/1 var(--gw-inter)!important;letter-spacing:.16em!important;text-transform:uppercase}
html body .hck :is(.hck-nee,.hck-aw,.hck-op){background:transparent!important;color:var(--gw-ink)!important;border:1px solid var(--gw-ink)!important}
html body .hck :is(.hck-ja,.hck-aa){background:var(--gw-ink)!important;color:var(--gw-cream)!important;border:1px solid var(--gw-ink)!important}
html body .hck .hck-knoppen button:hover{background:var(--gw-green)!important;border-color:var(--gw-green)!important;color:var(--gw-cream)!important}
@media (min-width:768px){html body .hck{left:auto!important;right:24px!important}}

/* -- 10. Zijmenu -- */
html body .s3-menu-paneel{background:var(--gw-paper)!important}
html body .s3-mpas{background-color:var(--gw-green)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .96 0 0 0 0 .93 0 0 0 0 .87 0 0 0 .5 -.1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='.12'/%3E%3C/svg%3E")!important;box-shadow:none!important;border-radius:0!important;color:var(--gw-cream)!important}
html body .s3-mpas::before,html body .s3-mpas::after{display:none!important}
html body .s3-mpas-oog{font:600 11.5px/1 var(--gw-inter)!important;letter-spacing:.24em!important;color:#c8ad78!important}
html body .s3-mpas-t{color:var(--gw-cream)!important;margin-top:16px!important}
html body .s3-mpas-l{margin-top:24px!important;color:rgba(246,238,223,.9)!important}
html body .s3-mpas-l li{color:rgba(246,238,223,.9)!important}
html body .s3-mpas-l li::before{background:#c8ad78!important;opacity:1!important}
html body .s3-mpas-lab{color:rgba(246,238,223,.7)!important;font:600 11.5px/1 var(--gw-inter)!important;letter-spacing:.24em!important}
html body .s3-mpas-rij{background:rgba(251,248,241,.06)!important;border:1px solid rgba(246,238,223,.35)!important;border-radius:0!important;min-height:48px}
html body .s3-mpas-rij input{background:transparent!important;color:var(--gw-cream)!important;border:0!important}
html body .s3-mpas-rij input::placeholder{color:rgba(246,238,223,.5)!important}
html body .s3-mpas-rij button{background:var(--gw-cream)!important;color:var(--gw-ink)!important;border:0!important;border-radius:0!important;min-height:48px;font:600 12px/1 var(--gw-inter)!important;letter-spacing:.16em!important;box-shadow:none!important}
html body .s3-mpas-rij button:hover{background:#fff!important}
html body .s3-mpas-v{color:rgba(246,238,223,.65)!important}
html body .s3-mpas-rij input:focus,html body .s3-mpas-rij input:focus-visible{outline:none!important;box-shadow:none!important}
html body .s3-mpas-rij:focus-within{border-color:var(--gw-cream)!important}
html body .s3-mpas-rij button:focus-visible{outline:2px solid var(--gw-cream)!important;outline-offset:2px}
html body .s3-menu-groep{font:600 11.5px/1 var(--gw-inter)!important;letter-spacing:.24em!important;color:var(--gw-brass)!important;text-transform:uppercase}
html body .s3-menu-x{border-radius:0!important;border-color:var(--gw-ink)!important}
html body .s3-ml a small{letter-spacing:0!important}

/* -- 11. Footer: slogan bovenaan op de lijn van de kolomkoppen, logo onderaan -- */
html body .s3-voet-in{align-items:baseline!important}
html body .s3-voet-merk{display:flex!important;flex-direction:column;align-items:flex-start}
html body .s3-voet-merk>*{margin:0!important}
html body .s3-voet-merk>p:not(.s3-voet-intl){order:1;font:400 14px/1.5 var(--gw-inter)!important;letter-spacing:.12em!important;text-transform:uppercase;color:var(--gw-cream)!important;max-width:none!important}
html body .s3-voet-merk>p:not(.s3-voet-intl) em{display:block;margin-top:4px;font:italic 400 21px/1.3 'EB Garamond','HooG Garamond',Garamond,Georgia,serif!important;letter-spacing:0!important;text-transform:none;color:#c8ad78!important}
html body .s3-voet-merk .s3-voet-adres{order:2;margin-top:24px!important}
html body .s3-voet-merk .s3-voet-intl{order:3;margin-top:16px!important;max-width:34ch!important;color:rgba(232,224,204,.75)!important}
html body .s3-voet-merk>img{order:4;margin-top:32px!important;width:40px!important;height:40px!important}
html body .s3-voet h4{margin-top:0!important}

/* -- 12. Tailored Search-stappen -- */
html body .tsw{--l1:#e6dfcf;--l2:#d8cfbd;--zand:#ece5d4;--mu:#6b6458;--za:#8c8578}
html body .tsw-schil{height:72px!important;padding:0 52px!important;gap:32px!important;border-bottom:1px solid var(--gw-line)!important;background-color:var(--gw-canvas,#ece5d4)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='s'%3E%3CfeTurbulence stitchTiles='stitch' type='fractalNoise' baseFrequency='.6' numOctaves='1' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 .25 0 0 0 0 .2 0 0 0 0 .12 0 0 0 9 -7.6'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23s)' opacity='.5'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .32 0 0 0 0 .27 0 0 0 0 .18 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.38'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='v'%3E%3CfeTurbulence stitchTiles='stitch' type='fractalNoise' baseFrequency='.9 .06' numOctaves='2' seed='11'/%3E%3CfeColorMatrix values='0 0 0 0 .4 0 0 0 0 .33 0 0 0 0 .22 0 0 0 1.2 -.62'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23v)' opacity='.22'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600'%3E%3Cfilter id='m'%3E%3CfeTurbulence stitchTiles='stitch' type='fractalNoise' baseFrequency='.012' numOctaves='3' seed='3'/%3E%3CfeColorMatrix values='0 0 0 0 .42 0 0 0 0 .34 0 0 0 0 .2 0 0 0 .9 -.32'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)' opacity='.35'/%3E%3C/svg%3E")!important}
html body .tsw-naam{font:600 11.5px/1 var(--gw-inter)!important;letter-spacing:.24em!important;color:var(--gw-brass)!important}
html body .tsw-vg{gap:8px!important}
html body .tsw-vg div{width:144px!important;gap:12px!important}
html body .tsw-vg i{height:2px!important;background:var(--gw-line)!important}
html body .tsw-vg :is(.ok,.nu) i{background:var(--gw-green)!important}
html body .tsw-vg span{display:flex!important;align-items:center;gap:8px;font:500 11px/1 var(--gw-inter)!important;letter-spacing:.16em!important;text-transform:uppercase;color:var(--za)!important}
html body .tsw-vg span small{font:inherit;letter-spacing:inherit}
html body .tsw-vg span b{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:22px;height:22px;flex:none;border-radius:50%;background:#fff;color:var(--gw-ink);box-shadow:0 1px 3px rgba(14,13,11,.22);font:700 12.5px/1 var(--gw-inter);letter-spacing:0;padding:.05em 0 0;font-variant-numeric:tabular-nums}
html body .tsw-vg .nu span{color:var(--gw-ink)!important;font-weight:600!important}
html body .tsw-vg .ok span{color:var(--ink2)!important}
html body .tsw-vg .nu span b{background:var(--gw-ink);color:var(--gw-cream)}
html body .tsw-vg .ok span b{background:var(--gw-green);color:var(--gw-cream)}
html body .tsw-dicht{font:500 12px/1 var(--gw-inter)!important;letter-spacing:.16em!important;text-transform:uppercase;color:var(--gw-ink)!important}
html body .tsw-dicht:hover{color:var(--gw-green)!important}
html body .tsw-grid{max-width:1440px!important;gap:96px!important;padding:64px 52px 120px!important;grid-template-columns:minmax(0,1fr) 376px!important}
html body .tsw-nr{font:600 11.5px/1 var(--gw-inter)!important;letter-spacing:.24em!important;color:var(--gw-brass)!important;display:block}
html body .tsw h1{font:400 clamp(30px,3.3vw,46px)/1.1 var(--gw-inter)!important;letter-spacing:.1em!important;text-transform:uppercase;margin:16px 0 0!important}
html body .tsw .sub{font-size:16px!important;line-height:1.65!important;margin:24px 0 0!important;max-width:58ch;color:var(--ink2)}
html body .tsw-rij{margin-top:48px!important;gap:24px!important}
html body .tsw-rij+.tsw-rij{margin-top:24px!important}
html body .tsw-lab{font:600 11.5px/1 var(--gw-inter)!important;letter-spacing:.24em!important;color:var(--mu)!important;margin-bottom:8px!important}
html body .tsw-lab small{font-size:12px!important;letter-spacing:.04em!important;text-transform:none}
html body .tsw-markt{margin-top:24px!important;padding-top:16px!important}
html body :is(.tsw-in,.tsw-sel,.cb-knop){height:56px!important;border-color:var(--l2)!important;background-color:#fff!important;font-size:16px!important}
html body :is(.tsw-in,.tsw-sel):focus,html body .cb-knop:is([aria-expanded="true"],:focus-visible){border-color:var(--gw-ink)!important;box-shadow:0 0 0 1px var(--gw-ink)!important}
html body .cb-paneel{border-color:var(--gw-ink)!important;background:#fff!important}
html body .cb-o:is(.act,:hover){background:var(--gw-paper)!important}
html body .cb-o[aria-selected="true"]{box-shadow:inset 2px 0 0 var(--gw-green)!important}
html body .cb-gk{color:var(--gw-brass)!important}
html body .cb-voet button{text-decoration-color:var(--gw-green)!important}
html body .tsw-blok{margin-top:48px!important}
html body .tsw-blok h2{font:500 15px/1.3 var(--gw-inter)!important;letter-spacing:.12em!important;text-transform:uppercase;color:var(--gw-ink)!important;margin:0!important}
html body .tsw-blok p.h{font-size:14px!important;line-height:1.6!important;margin:8px 0 0!important}
html body .tsw-blok :is(h2,p.h)+:is(.tsw-chips,.tsw-seg){margin-top:16px!important}
html body .tsw-chips{gap:8px!important}
html body .tsw-chip{min-height:48px!important;padding:0 20px!important;border:1px solid var(--l2)!important;background:#fff!important;color:var(--gw-ink)!important;font:400 15px/1.2 var(--gw-inter)!important;letter-spacing:0!important;border-radius:0!important;box-shadow:none!important}
html body .tsw-chip:hover{border-color:var(--gw-ink)!important}
html body .tsw-chip:is([aria-pressed="true"],:has(input:checked)){background:var(--gw-ink)!important;border-color:var(--gw-ink)!important;color:var(--gw-cream)!important}
html body .tsw-chip:is([aria-pressed="true"],:has(input:checked)) i{border-color:rgba(246,238,223,.5)!important}
html body .tsw-chip:is(:focus-visible,:has(input:focus-visible)),html body .tsw-knop:focus-visible,html body .tsw-seg button:focus-visible{outline:2px solid var(--gw-green)!important;outline-offset:2px}
html body .tsw-seg{border-color:var(--l2)!important}
html body .tsw-seg button{min-height:48px!important;background:#fff!important;color:var(--gw-ink)!important;font:400 15px/1 var(--gw-inter)!important;letter-spacing:0!important}
html body .tsw-seg button[aria-pressed="true"]{background:var(--gw-ink)!important;color:var(--gw-cream)!important}
html body .tsw-meer{margin-top:48px!important;border-top-color:var(--gw-line)!important}
html body .tsw-meer summary{padding:24px 0!important;font:500 15px/1.3 var(--gw-inter)!important;letter-spacing:.12em!important;text-transform:uppercase}
html body .tsw-meer summary small{letter-spacing:0;text-transform:none}
html body .tsw-meer summary::after{color:var(--gw-green)!important}
html body .tsw-ov{margin-top:48px!important;border-top:1px solid var(--gw-ink)!important}
html body .tsw-ov div{padding:16px 0!important;border-bottom-color:var(--gw-line)!important}
html body .tsw-ov dt{font:600 11.5px/1.4 var(--gw-inter)!important;letter-spacing:.2em!important;text-transform:uppercase;color:var(--mu)!important}
html body .tsw-ov dd{font-size:16px!important}
html body .tsw-gerust{margin-top:24px!important;font-size:14px!important}
html body .tsw-acties{margin-top:48px!important;padding-top:32px!important;gap:32px!important;border-top-color:var(--gw-line)!important}
html body .tsw-knop{min-height:48px!important;height:48px!important;padding:0 28px!important;gap:12px!important;background:var(--gw-ink)!important;color:var(--gw-cream)!important;font:600 12px/1 var(--gw-inter)!important;letter-spacing:.16em!important}
html body .tsw-knop:hover{background:var(--gw-green)!important}
html body .tsw-knop svg{color:currentColor!important}
html body .tsw-terug{font:500 12px/1 var(--gw-inter)!important;letter-spacing:.16em!important;text-transform:uppercase;color:var(--gw-ink)!important;text-decoration:none!important;border-bottom:1px solid var(--gw-ink);padding-bottom:4px!important}
html body .tsw-terug:hover{color:var(--gw-green)!important;border-color:var(--gw-green)}
html body .tsw-nog{font-size:13px!important;color:var(--mu)!important}
html body .tsw-sam{top:104px!important;padding:32px!important}
html body .tsw-oog{font:600 11.5px/1 var(--gw-inter)!important;letter-spacing:.24em!important;color:var(--gw-brass)!important}
html body .tsw-oog::before{width:24px!important}
html body .tsw-sam .auto{font:400 19px/1.3 var(--gw-inter)!important;letter-spacing:.1em!important;text-transform:uppercase;margin:16px 0 0!important}
html body .tsw-sam .auto small{font:400 13px/1.4 var(--gw-inter)!important;letter-spacing:.04em!important;text-transform:none;margin-top:8px!important}
html body .tsw-sam dl{margin:24px 0 0!important;border-top-color:var(--l2)!important}
html body .tsw-sam dl div{padding:12px 0!important;font-size:14px!important}
html body .tsw-schat{margin-top:24px!important}
html body .tsw-schat b{font:400 20px/1.25 var(--gw-inter)!important;letter-spacing:.1em!important;text-transform:uppercase}
html body .tsw-schat span{margin-top:8px!important;font-size:13px!important;line-height:1.55}
html body .tsw-team{margin-top:24px!important;padding-top:24px!important;gap:16px!important;align-items:center!important}
html body .tsw-team img{width:32px!important;height:32px!important}
@media (max-width:980px){html body .tsw-grid{grid-template-columns:1fr!important;gap:0!important}}
@media (max-width:700px){
  html body .tsw-schil{height:60px!important;padding:0 24px!important;gap:16px!important}
  html body .tsw-vg div{width:auto!important;gap:8px!important}
  html body .tsw-vg span{justify-content:center}
  html body .tsw-vg span small{display:none}
  html body .tsw-dicht span{display:none}
  html body .tsw-grid{padding:40px 24px 176px!important}
  html body .tsw h1{font-size:28px!important}
  html body .tsw .sub{font-size:15px!important}
  html body .tsw-rij{margin-top:32px!important;gap:16px!important}
  html body .tsw-rij+.tsw-rij{margin-top:16px!important}
  html body .tsw-blok,html body .tsw-meer,html body .tsw-ov{margin-top:40px!important}
  html body .tsw-chip{padding:0 16px!important}
  html body .tsw-acties{background:var(--gw-paper)!important;padding:12px 24px calc(12px + env(safe-area-inset-bottom,0px))!important;gap:24px!important;margin:0!important;border-top:1px solid var(--gw-line)!important}
  html body .tsw-mbalk{padding:12px 24px!important;bottom:calc(73px + env(safe-area-inset-bottom,0px))!important}
}

/* ===== [biedflow-fix 5-11-2026] ===== */
/* Kolommen van de autopagina mogen smaller worden dan hun inhoud. Zonder dit werd de rechterkolom (biedvak) op telefoons
   tot 450px breed en viel de BIEDEN-knop rechts buiten beeld (320–390px schermen). */
.detail-layout>*{min-width:0}
/* Inlogkaart op telefoon: volledig scherm (geen zwarte balk van 48px onderaan); tabs dekken de kopstrook af bij scrollen;
   een foutmelding scrolt niet meer onder de tabs. */
@media (max-width:768px){
  .s3-poort-lade .s3-poort{max-height:none!important;height:100%!important;height:100dvh!important}
  .s3-poort-lade .s3-poort-tabs{box-shadow:0 calc(-52px - env(safe-area-inset-top,0px)) 0 0 var(--gw-paper,#fbf8f1)}
}
.s3-poort-melding{scroll-margin-top:72px}
.s3-poort-lade .a-fi,.s3-poort-lade select{scroll-margin-top:140px;scroll-margin-bottom:24px}
/* [biedflow-ronde2 5-11] Cookiebalk compacter op telefoons: minder hoog, zodat het biedvak zichtbaar blijft */
@media (max-width:480px){
  html body .hck{padding:14px 16px calc(12px + env(safe-area-inset-bottom,0px))!important}
  html body .hck .hck-h{font-size:12px!important;margin-bottom:4px!important}
  html body .hck .hck-l1>p{font-size:13px!important;line-height:1.45!important;margin:0!important}
  html body .hck .hck-knoppen{display:grid!important;grid-template-columns:1fr 1fr!important;margin-top:12px!important}
  html body .hck .hck-knoppen button{min-height:44px!important;padding:0 8px!important}
  html body .hck .hck-links{margin-top:8px!important;font-size:12px!important}
}


/* ===================== [site-audit 5/6-11-2026] team-patches (content, kern, tech) — elk getest met addStyleTag ===================== */

/* ---- content-patch.css ---- */
/* ==========================================================================
   [content-QA 5-11-2026] Patch voor de CONTENT/SEO-pagina's bovenop /css/goodwood.css
   Getest met page.addStyleTag op iPhone SE (320), iPhone 13, iPad Mini, 1366x768, 1920x1080.
   Elke regel noemt de bevinding(en) uit content-bevindingen.md die hij oplost.
   Alleen specifieke selectors, geen globale resets.
   ========================================================================== */

/* --- B1 · Papier i.p.v. wit: de lopende tekst van alle SEO-/merk-/kopen-gidsen (342 pagina's) --- */
html body article.seo,
html body article.seo > .seo-wrap,
html body article.seo.seo2 > .seo-wrap,
html body article.seo.seo2 > nav.seo2-strip{background-color:var(--gw-paper,#fbf8f1)!important}

/* --- B2 · Kaarten en blokken op papier: geen witte vlakken; dunne lijn houdt de kaartvorm --- */
html body :is(.seo-aanbod-card,.seo-trust-i,.seo-related li,.kg-qa,.kg-brug,.seo-bel,.mb-blok,section.seo-aanbod-zoek),
html body article.seo aside.seo-rail,
html body article.seo .s2k-rij > :is(a.s2k,span.s2k){background-color:var(--gw-paper,#fbf8f1)!important}
html body article.seo .s2k-rij > :is(a.s2k,span.s2k){box-shadow:inset 0 0 0 1px var(--gw-line,#ddd5c4)}
/* fotovlak dat nog laadt / ontbreekt: canvas i.p.v. wit gat */
html body :is(.seo-aanbod-img,.kg-car .im),
html body article.seo .s2k-img{background-color:var(--gw-canvas,#ece5d4)!important}
/* bel/WhatsApp-knoppen: transparant op papier (dunne lijn blijft) */
html body :is(a.seo-cta-call,a.seo-cta-wa){background-color:transparent!important}
html body :is(a.seo-cta-call,a.seo-cta-wa):hover{background-color:var(--gw-ink,#08080a)!important;color:var(--gw-cream,#f6eedf)!important}

/* --- B3 · Zelfde voor de overige templates (s3-pagkop, gx2, pg, vk, nwp, lh, ag) --- */
html body :is(.s3-product,.tsl-feiten > div,.tsl-lees > a,.tsl-team > article,aside.tsl-prijs,form.tsl-calc,form#aanmelden.s3-kt,.s3-tarief-calc),
html body article.gx2 :is(.gx2-usp,nav.gx2-nav,.lpus-k),
html body .gx2-chips > a.gx2-chip,
html body .pg :is(.grid3 > .cell,.kvk > .k,.team > .m,.foryou,.flow > .f,.trust > .t,.cards > .it),
html body .vk :is(article.vk-route,form.vk-start),
html body .nwp .nwp-bdg > div,
html body .nw-kringen > a,
html body #main-content > .ag-filters{background-color:var(--gw-paper,#fbf8f1)!important}
html body .gx2-chips > a.gx2-chip:hover{background-color:var(--gw-ink,#08080a)!important}
/* liefhebbers: de hele inhoudscontainer staat op wit */
html body #main-content:has(> .lh-hero) > div:not([class]),
html body #main-content:has(.nw-lh-hero) > div:not([class]){background-color:var(--gw-paper,#fbf8f1)!important}
/* pg-teamblok (contact): grijze lijst rond witte kaarten -> canvas */
html body .pg .team{background-color:var(--gw-canvas,#ece5d4)!important}
/* uitkomstvak rekenmodule: oud warm grijs (#f6f4ef) -> canvas */
html body form.tsl-calc output{background-color:var(--gw-canvas,#ece5d4)!important}

/* --- B4 · Rest-BPM-rekenmodule: invoervelden lopen buiten het kader (1366: bruto-BPM 5px buiten de rand; 320: rechtermarge 7 i.p.v. 21px) --- */
html body form.tsl-calc .rij > label{min-width:0}
html body form.tsl-calc input{width:100%;min-width:0;box-sizing:border-box;border-radius:0}
html body form.tsl-calc input:focus{outline-color:var(--gw-ink,#08080a)!important}

/* --- B5 · /uw-auto-verkopen: sectie na een donkere sectie plakt eraan (padding-top 0 door goodwood.css r.211/216) --- */
html body section.vk-sec.vk-dark + section.vk-sec:not(.vk-dark){padding-top:120px!important}
@media (max-width:760px){html body section.vk-sec.vk-dark + section.vk-sec:not(.vk-dark){padding-top:64px!important}}

/* --- B6 · Nummering die nog geen racenummer is: vierkante stapnummers (/uw-auto-verkopen) en 01/02/03 met goudstreep (/hoe-het-werkt) --- */
html body .vk-stappen .vk-stap > span.n{display:inline-flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:28px!important;min-width:28px!important;height:28px!important;flex:none;border:0!important;border-radius:50%!important;background:#fff!important;color:var(--gw-ink,#08080a)!important;box-shadow:0 1px 3px rgba(14,13,11,.22)!important;font:700 14px/1 var(--gw-inter,'HooG Inter',system-ui,sans-serif)!important;letter-spacing:-.02em!important;padding:.05em 0 0!important}
/* /hoe-het-werkt: voorloopnul weg via een teller (CSS kan '01' niet herschrijven); goudstreep eronder vervalt */
html body .pg .steps{counter-reset:pgstap}
html body .pg .steps > .step{counter-increment:pgstap}
html body .pg .steps > .step > .num{display:inline-flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:28px;height:28px;border-radius:50%;background:#fff;color:var(--gw-ink,#08080a)!important;box-shadow:0 1px 3px rgba(14,13,11,.22);font-size:0!important;letter-spacing:0!important;padding:0!important;margin-top:4px}
html body .pg .steps > .step > .num::before{content:counter(pgstap);font:700 14px/1 var(--gw-inter,'HooG Inter',system-ui,sans-serif);padding-top:.05em}
html body .pg .step > .num::after{content:none!important;display:none!important}
html body .vk-stappen .vk-stap:first-child > span.n{background:var(--gw-ink,#08080a)!important;color:var(--gw-cream,#f6eedf)!important}

/* --- B7 · Zoekopdracht-module onderaan 176 /kopen/-gidsen: gouden knoppen en gouden stappunten (regel: geen goud op knoppen) --- */
html body #zb-form .zb-btn{background:var(--gw-cream,#f6eedf)!important;border:1px solid var(--gw-cream,#f6eedf)!important;color:var(--gw-ink,#08080a)!important;min-height:48px!important;height:48px!important;padding:0 28px!important;border-radius:0!important;font:600 12px/1 var(--gw-inter,'HooG Inter',system-ui,sans-serif)!important;letter-spacing:.16em!important;text-transform:uppercase}
html body #zb-form .zb-btn:hover{background:var(--gw-green,#360d36)!important;border-color:var(--gw-green,#360d36)!important;color:var(--gw-cream,#f6eedf)!important}
html body #zb-form .zb-back{min-height:48px!important}
html body #zb-form .zb-dot{font:700 12.5px/1 var(--gw-inter,'HooG Inter',system-ui,sans-serif)!important;letter-spacing:0!important}
html body #zb-form .zb-dot.act{background:#fff!important;border-color:#fff!important;color:var(--gw-ink,#08080a)!important}

/* --- B8 · Koppen die geen Goodwood-kop zijn: zwarte CTA-band ("Liever even overleggen?") en "Vragen? Bel Nick direct." --- */
html body .seo2-cta .t > p{font-weight:400!important;text-transform:uppercase;letter-spacing:.1em!important;line-height:1.2!important;font-size:clamp(20px,2vw,28px)!important}
html body .seo-bel .seo-bel-t{font-weight:500!important;text-transform:uppercase;letter-spacing:.1em!important;font-size:15px!important;line-height:1.3!important}
html body .seo-bel .seo-bel-t em{font-weight:500!important}
html body .seo-rail .seo-contact::before{font-weight:500!important;text-transform:uppercase;letter-spacing:.1em!important;font-size:12px!important}

/* --- B9 · Knoplabels onderstreept in de lopende tekst (seo-body a-regel lekt in de bel/WhatsApp-knoppen) --- */
html body .seo-body :is(a.seo-cta-call,a.seo-cta-wa){text-decoration:none!important;border-bottom-width:1px}

/* --- B10 · Merkkaarten /kopen/ op telefoon: specs-regel werd afgekapt ("MYSTICGRÜNME") --- */
@media (max-width:520px){html body .seo-aanbod-card .seo-aanbod-specs{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;letter-spacing:.04em!important;overflow-wrap:break-word;hyphens:auto}}

/* --- B11 · Engelstalige taalbalk (alleen bij niet-NL browsertaal): 76px papieren strook onder de groene voet op desktop --- */
@media (min-width:761px){html body.langbar-open:has(#s3-taalbalk){padding-bottom:0!important}}

/* --- B12 · Telefoon/tablet (<=900px): contactblok staat dubbel (seo-bel in de tekst + rail-blok eronder) --- */
@media (max-width:900px){html body .seo-grid:has(.seo-bel) .seo-rail .seo-rail-block.seo-contact{display:none!important}}

/* --- B13 · /agenda op 320px: locatieregel (adres + venue) loopt rechts uit beeld ("Salone Internaziona…" afgesneden door overflow:clip op html) --- */
html body .ag-event .ag-meta{min-width:0}
html body .ag-event .ag-loc{flex-wrap:wrap!important;row-gap:4px;min-width:0}
html body .ag-event .ag-loc > span{min-width:0;overflow-wrap:anywhere}

/* --- B14 · Autokaarten in de lopende tekst: 40px loze ruimte tussen foto en titel (h3-marge uit .seo-body lekt in .seo-aanbod-card) --- */
html body .seo-aanbod-card .seo-aanbod-info > h3{margin-top:0!important}

/* --- B15 · Garagepagina (/darcyhoogenhout/…): knop "Plaatsen" van het reactieveld valt rechts buiten beeld op telefoons (form is flex nowrap) --- */
html body form.reactie-add > input:not([type="hidden"]){min-width:0;flex:1 1 160px}
@media (max-width:520px){html body form.reactie-add{flex-wrap:wrap!important;row-gap:12px}html body form.reactie-add > button{flex:1 0 100%;min-height:48px}}

/* --- B16 · Tailored-Search-banner (aside.tsb, inline gestyled, 5 oude SEO-pagina's): goud #c9a96e (oude tint, niet door de middleware vervangen) op knop, label en lijnen --- */
html body aside.tsb > span:first-child{color:var(--gw-goud-l,#c8ad78)!important;letter-spacing:.24em!important;font-weight:600!important}
html body aside.tsb > strong{font-weight:400!important;text-transform:uppercase;letter-spacing:.1em!important;font-size:clamp(17px,1.6vw,21px)!important}
html body aside.tsb a[href="/tailored-search/start"]{background:var(--gw-cream,#f6eedf)!important;color:var(--gw-ink,#08080a)!important;min-height:48px!important;padding:0 28px!important;letter-spacing:.16em!important;font-weight:600!important}
html body aside.tsb a[href="/tailored-search/start"]:hover{background:var(--gw-green,#360d36)!important;color:var(--gw-cream,#f6eedf)!important}
html body aside.tsb a:not([href="/tailored-search/start"]){border-bottom-color:rgba(200,173,120,.6)!important}

/* --- B17 · Marktbeeld-tabellen (29 pagina's): koud Tailwind-grijs #9ca3af in de tabelkop -> warm papier-grijs --- */
html body .mb-kop .n{color:rgba(246,238,223,.6)!important}

/* ---- kern-patch.css ---- */
/* ==== [kern-QA 5-11-2026] kernpagina's: home, lijsten, autopagina, Tailored Search, kop/voet ====
   Toevoegen ONDERAAN goodwood.css. Elke regel noemt de bevinding (K-nr in kern-bevindingen.md).
   Getest met Playwright (page.addStyleTag) op iPhone SE/13, Pixel 7, iPad Mini, iPad Pro 11 ls, 1366, 1920. */

/* K1 · P0 · /tailored-search: de Goodwood-headercentrering (.tsl-in flex/center/1080) gold voor ALLE secties.
   Gevolg: carrousel 'Verkocht via HooG' op telefoons 1581px breed met kaarten van 1073px; team-blok, FAQ en cijfers
   versmald/gestapeld op desktop. Alleen de hero (en het slotblok) blijft gecentreerd. */
html body .cmx.tsl section.tsl-sec:not(.tsl-hero):not(.tsl-slot) > .tsl-in{display:block!important;max-width:1256px!important;align-items:normal!important;text-align:start!important}
html body .cmx.tsl section.tsl-sec.tsl-team > .tsl-in{display:grid!important}

/* K2 · P0 · lijsten (/showroom, /veiling, /verkocht) op 320px: kaarten 340px breed, rechterkant (BEWAREN, titel,
   specs) valt buiten beeld. 1fr-kolom kan niet krimpen onder de inhoud. */
.hgl-cards>.hgl-card{min-width:0}
.hgl-card :is(.hgl-title,.hgl-specs){overflow-wrap:anywhere}

/* K3 · P1 · home-statistiekband op 320–360px: '158' schuift over 'direct beschikbaar'. */
@media (max-width:400px){
  html body nav.s3-band a{column-gap:10px!important;padding-left:16px!important;padding-right:10px!important}
  html body nav.s3-band a b{font-size:24px!important;min-width:0!important}
  html body nav.s3-band a span{letter-spacing:.12em!important}
}

/* K4 · P1 · witte vlakken waar papier hoort: statistiekband home en filterbalk lijsten */
html body nav.s3-band,html body #hgl-bar.hgl-bar,html body #hgl-bar .hgl-sortw{background-color:var(--gw-paper)!important}
html body #hgl-bar.hgl-bar{box-shadow:0 1px 0 var(--gw-line)}

/* K5 · P1 · /tailored-search telefoon: bijschrift 'Voorbeeldbeeld' staat óp de H1 (top:14px) */
@media (max-width:760px){html body .tsl-hero .tsl-foto{position:static!important;align-self:flex-end;margin-top:12px!important}}

/* K6 · P1 · contrast: goud #a88b57 als kleine tekst op papier/wit = 3,05–3,23 (AA vraagt 4,5). Donker goud #7d6338 = 5,3. */
html body :is(.s3-oog,.tabhd-eye,.s3-fase-n span,.s3-keus-k small,.hgl-nieuw-lbl,.hgl-wis,.s3-merken > span,.sp-uniek,.sp-uniek span,.vs-cta-eyebrow,.vs-anker-lbl,.car-tl-uitleg strong,.vkl-eyebrow,.vs-contact > a > span:last-child:not(:first-child),#veiling-qa > div:first-child,#veiling-qa a):not(:is(.s3-hero,.s3-sec--nacht,.s3-uit,.vk-dark,.tsl-d,[style*="background:#111"]) *){color:var(--gw-goud-t)!important}
html body :is(.detail-layout,.vs-contact) [style*="color:var(--gold)"]:not(:is(.zb-wrap,.hg-cta-res,[style*="background:#111"]) *){color:var(--gw-goud-t)!important}
html body .detail-section-title::before{color:var(--gw-goud-t)!important}

/* K7 · P1 · contrast: grijs #7a7670 op papier = 4,26 (labels, breadcrumbs, specs autopagina). #6b655c = 5,4 */
html body{--muted:#6b655c;--vm:#6b655c}
html body :is(button.hg-cta-res,.zb-wrap,[style*="background:#111"]){--muted:#a8a296;--vm:#a8a296} /* op inkt juist lichter (7,5:1) */
html body :is(.s3-keus-onder,.s3-kt-noot){color:#6b655c!important} /* home: #8d887f = 3,3 */
html body [style*="background:#111"] :is([style*="rgba(255,255,255,.35)"],[style*="rgba(255,255,255,.4)"],[style*="rgba(255,255,255,.45)"]){color:rgba(255,255,255,.66)!important} /* fabrieksspecificatie-blok: VIN/labels 3,2–3,8 */
html body .zb-side-h{color:rgba(255,255,255,.66)!important}

/* K8 · P1 · Helvetica-resten op de autopagina (biedvak, contactknoppen, lightbox, documentviewer, handtekening) */
html body{--vf:var(--gw-inter);--font-sans:var(--gw-inter);--font-serif:var(--gw-inter)}
html body :is(#hoog-lb,.dv,.lb-lp-title,.dv-goto input,.slinger-avatar-circle){font-family:var(--gw-inter)!important}

/* K9 · P1 · gouden knop 'Plan bezichtiging' (NL-variant) -> dunne inktlijn, zoals de andere secundaire knoppen */
html body button.hg-afspraak.hg-cta-plan{background:transparent!important;color:var(--gw-ink)!important;border:0!important;box-shadow:inset 0 0 0 1px var(--gw-ink)!important}
html body button.hg-afspraak.hg-cta-plan small{color:#4a463f!important}
html body button.hg-afspraak.hg-cta-plan:hover{background:var(--gw-green)!important;color:var(--gw-cream)!important;box-shadow:none!important}
html body button.hg-afspraak.hg-cta-plan:hover small{color:rgba(246,238,223,.85)!important}

/* K10 · P1 · taalbalk ('This page is also available in…') ligt op telefoons over de vaste CTA-balk (Bied nu/Bewaren)
   zolang de tabbalk zichtbaar is; idem de 'naar boven'-knop. */
@media (max-width:1024px){
  html body:has(#mobileCtaBar.is-visible):not(.hoog-navhide) #s3-taalbalk{bottom:calc(138px + env(safe-area-inset-bottom,0px))!important}
  html body:has(#mobileCtaBar.is-visible):not(.hoog-navhide) #hoogTop{bottom:calc(146px + env(safe-area-inset-bottom,0px))!important}
}

/* K11 · P1 · autopagina: hoofdstukkoppen in vette zinsletters -> huisstijl-H2 (kapitalen, .1em, 400);
   'Hoofdstuk 01' -> 'Hoofdstuk 1' (racenummers zonder voorloopnul) */
html body .detail-section-title{font-family:var(--gw-inter)!important;font-weight:400!important;text-transform:uppercase;letter-spacing:.1em!important;line-height:1.15!important}
html body .detail-section-title::before{content:'Hoofdstuk ' counter(dsec)!important}
html[lang^="en"] body .detail-section-title::before{content:'Chapter ' counter(dsec)!important}
html[lang^="de"] body .detail-section-title::before{content:'Kapitel ' counter(dsec)!important}
html[lang^="es"] body .detail-section-title::before{content:'Capítulo ' counter(dsec)!important}
html[lang^="fr"] body .detail-section-title::before{content:'Chapitre ' counter(dsec)!important}

/* K12 · P1 · aanraakdoelen < 44px (kop-iconen 42, voettaal 38x35, social 38, fotoknop 34x28, dossiertabs 39,
   brochureknoppen 35x31/40, biedstap 21, tekstlinks 20). Layout-neutraal: min-maten, en voor onderstreepte tekstlinks een onzichtbaar ::after-raakvlak. */
html body .s3-kop-r .s3-ik{min-width:44px!important;min-height:44px!important}
html body .s3-voet-taal a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
html body .s3-voet-soc a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
html body .detail-photo-allbtn{min-height:44px!important;min-width:44px!important}
html body .dossier-tab{min-height:44px}
html body #brochureControls .brochure-btn{width:44px!important;height:44px!important;flex:none!important}
html body #brochureControls .brochure-fullscreen-btn{min-width:44px;min-height:44px}
html body #vs-stap-btn.vs-stap-regel{min-height:44px}
html body .s3-merken a{min-height:44px;display:inline-flex;align-items:center}
html body :is(.s3-fase-meta,.s3-knoppen,.s3-pers-kop) > a.s3-link{position:relative}
html body :is(.s3-fase-meta,.s3-knoppen,.s3-pers-kop) > a.s3-link::after{content:"";position:absolute;left:0;right:0;top:-12px;bottom:-12px} /* onzichtbaar raakvlak 44px, onderstreping blijft op z'n plek */
@media (max-width:760px){
  html body .s3-voet :is(ul,ol) li > a{display:inline-flex;align-items:center;min-height:44px}
  html body .s3-voet-adres a{display:inline-flex;align-items:center;min-height:44px}
}

/* K13 · P2 · Google-sterren in fel amber (#f59e0b, 2,0:1) -> donker goud van de huisstijl */
html body :is(.detail-right,.vs-contact) a span[style*="f59e0b"]{color:var(--gw-goud-t)!important}

/* K14 · P2 · dossiertab-teller wit op goud (3,2:1) -> wit op inkt */
html body .dossier-tab-count{background:var(--gw-ink)!important;color:var(--gw-cream)!important}
html body .dossier-tab.active .dossier-tab-count{background:var(--gw-ink)!important}

/* K15 · P0/P1 · mobiel filtervenster (/showroom, /pre-market, /veiling, /verkocht) opent ONDER de vaste kop
   (z 700 < 900): titel en sluitknop (#hgl-close) onzichtbaar; een tik op de X opent het hoofdmenu.
   Filterbalk tijdelijk boven de kop leggen zolang het venster open is (onder cookiebalk 99990) en op papier i.p.v. wit. */
html body #hgl-bar.hgl-bar:has(#hgl-sheet.open){z-index:960!important} /* het venster zit in de sticky filterbalk (eigen stapel, z 350) */
html body #hgl-sheet{background-color:var(--gw-paper)!important}
html body #hgl-sheet :is(.hgl-sh-head,.hgl-sh-foot){background-color:var(--gw-paper)!important}
html body #hgl-sheet .hgl-gpanel{background-color:var(--gw-paper)!important} /* ook het desktop-uitklappaneel: dekkend papier i.p.v. wit */

/* K16 · P1 · zijmenu 'Mijn account' op 320–360px: rij klapt om naar kolom en het e-mailveld krimpt tot 20px hoog */
html body .s3-mpas-rij input{min-height:48px!important;box-sizing:border-box}
html body .s3-mpas-rij{height:auto!important}

/* K17 · P2 · cookie-instellingen op telefoon: 'Alles accepteren' staat half-breed alleen op de tweede rij */
@media (max-width:480px){html body .hck .hck-knoppen > button:last-child:nth-child(odd){grid-column:1/-1}}

/* ---- tech-patch.css ---- */
/* =====================================================================
   tech-patch.css — QA front-end/performance, 5-11-2026
   Alleen regels die live met Playwright page.addStyleTag() op
   https://www.hoogselections.nl zijn getest (Chromium 153, Playwright 1.63).
   Plaats: onderaan /css/goodwood.css (of als los bestand ná goodwood.css).
   Testscripts: /tmp/claude-0/site/team/tech/scripts/patchtest.py, patchtest2.py
   + /tmp/claude-0/site/team/tech/work/pt3.py; ruwe uitkomst in work/patch1.json, patch2.json
   ===================================================================== */

/* ---------------------------------------------------------------------
   PATCH 1 — bevinding #6: RTL (ar) inlog-/registratiepoort: tablijn staat
   onder de verkeerde tab. Oorzaak: site-v3.css r.1079-1080 gebruikt fysiek
   left:0 + translateX(100%), wordt niet gespiegeld bij dir="rtl".
   TEST: /ar/login + /ar/register, iPhone 13 en 1920x1080; gemeten
   rect(.s3-poort-tabs-lijn) t.o.v. rect(.s3-poort-tabs a[aria-current]).
     voor: /ar/login iPhone13 lijn 0-195 / actieve tab 195-390  (FOUT)
     na:   lijn 195-390 / tab 195-390 (OK); /ar/register 0-195/0-195 (OK)
     1920: /ar/login 960-1180 = tab (OK); /ar/register 740-960 = tab (OK,
           na afloop .4s-transitie)
   Controle LTR /login: ongewijzigd (lijn = tab).
   --------------------------------------------------------------------- */
[dir="rtl"] .s3-poort-tabs-lijn{left:auto;right:0}
[dir="rtl"] .s3-poort[data-modus="register"] .s3-poort-tabs-lijn{transform:translateX(-100%)}

/* ---------------------------------------------------------------------
   PATCH 2 — bevinding #9: autopagina hoofdstuk "Fabrieksuitrusting & opties"
   wordt op mobiel rechts afgesneden (tekst "KEYLESS-GO toegangssyste…",
   "koudemidd…"). Oorzaak: inline style op de opties-grid
   (padding:20px 24px;display:grid;grid-template-columns:1fr 1fr;gap:24px)
   — 1fr heeft min-width:auto, lange woorden blazen kolom 1 op tot 184px;
   ouder heeft overflow:hidden. Op 320px ook de kop-flex
   ("Uitrustingsniveau / 6 opties gedocumenteerd", flex-shrink:0).
   TEST: /auto/208-maybach-s650-2018 en /auto/1306-mercedes-benz-s-klasse-1988
   gemeten parent.scrollWidth vs clientWidth:
     iPhone 13: 208 voor 359>340  na 340=340 ; 1306 voor 340 na 340
     iPhone SE: 208 voor 359>286  na 286=286 ; 1306 voor 329>286 na 286=286
   Screenshot na: tech/patch_T4_opties_iphone13_na.png
   NB: getest met de bredere selector div[style*="grid-template-columns:1fr 1fr"]
   (raakt ook het specs-grid; daar geen zichtbaar verschil op 390px; op 320px
   wordt dat specs-grid ook 1 kolom). Hieronder de 1-kolomsregel bewust
   beperkt tot het opties-grid; structureel: inline styles naar een klasse.
   --------------------------------------------------------------------- */
@media (max-width:760px){
  .detail-left div[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  .detail-left div[style*="grid-template-columns:1fr 1fr"] *{overflow-wrap:anywhere;min-width:0}
}
@media (max-width:380px){
  .detail-left div[style*="padding:20px 24px;display:grid;grid-template-columns:1fr 1fr"]{grid-template-columns:minmax(0,1fr)!important}
  .detail-left div:has(> div[style*="text-align:right;flex-shrink:0"]){flex-wrap:wrap!important;row-gap:8px}
  .detail-left div[style*="text-align:right;flex-shrink:0"]{flex-shrink:1!important;text-align:left!important}
}

/* ---------------------------------------------------------------------
   PATCH 3 — bevinding #11: focusring goud #a88b57 haalt geen 3:1 op de
   papier/canvas-ondergrond (3.05:1 op #fbf8f1, 2.57:1 op #ece5d4 —
   header). Oorzaak: site-v3.css r.32 `.s3 :focus-visible{outline:2px solid var(--s3-goud)}`.
   TEST: /login 1920x1080, 3x Tab → actief element "Live Auction":
     voor: outline solid 2px rgb(168,139,87)   na: solid 2px rgb(8,8,10)
   Screenshot: tech/patch_T3_focus_1920.png
   Let op: in het donkergroene zijmenu/footer blijven de bestaande crème-
   regels (gw r.380, site-v3 r.1452/1467) gelden — die zijn specifieker?
   NIET getest in menu/footer; zet daar zo nodig expliciet cream terug.
   --------------------------------------------------------------------- */
html body :focus-visible{outline-color:var(--gw-ink,#08080a)!important}
html body :is(.s3-mpas,.s3-menu,.s3-voet,footer,.hck) :focus-visible{outline-color:#f3ecdc!important}
html body .hck :focus-visible{outline-color:var(--gw-ink,#08080a)!important}
/* LET OP: deze !important-regel overschrijft ook de crème focusringen in het donkergroene
   zijmenu en de voet (inkt op racing green = slecht zichtbaar). Daar NIET getest; voeg vóór
   livegang een uitzondering toe voor .s3-menu en de footer en test die met Tab. */

/* ---------------------------------------------------------------------
   PATCH 4 — bevinding #12: RTL desktop: cookiemelding (door goodwood r.360
   altijd rechts) valt over de taalsuggestiebalk .s3-taalbalk, die in RTL
   rechtsonder staat ("NEDERLAND…" onleesbaar).
   TEST: /ar met browsertaal nl-NL (balk verschijnt):
     1920x1080 voor: cookie 1536-1896 x 846-1064, taalbalk 1376-1896 x 994-1056 → OVERLAP
               na:   cookie 24-384 → geen overlap
     iPad Mini (768) voor+na: overlap blijft (balk 170-744 breed) → regel
               daarom pas vanaf 1024px; tablet moet in JS opgelost (zie #12).
     Controle LTR / 1920: cookie-positie ongewijzigd.
   --------------------------------------------------------------------- */
@media (min-width:1024px){html[dir="rtl"] body .hck{right:auto!important;left:24px!important}}
/* [site-audit 6-11] Cookiebalk niet over de vaste biedbalk (Bied nu / Plan bezichtiging) op telefoons */
@media (max-width:768px){html body:has(.mtab) .hck{bottom:calc(64px + env(safe-area-inset-bottom,0px))!important}}

/* [aubergine 7-11-2026] Darcy: groen #0e3b2c vervangen door de oude merkkleur aubergine #360D36 (hover #250925). Backup _archief/2026-11-07-aubergine/ */