/* PayWashGo — basisstijl (Apple-achtige look uit het ontwerp) */
html{scroll-behavior:smooth}
body{margin:0;background:#fbfbfd;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-wrap:pretty}
a{color:#0a6ee0;text-decoration:none}
a:hover{color:#0056b8}
input::placeholder,textarea::placeholder{color:#9d9da3}
img{max-width:100%}

/* Animaties */
@keyframes pwg-grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes pwg-pulse{0%{transform:scale(1);opacity:.55}70%{transform:scale(1.22);opacity:0}100%{transform:scale(1.22);opacity:0}}
@keyframes pwg-flow{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:calc(100% - 8px);opacity:0}}

/* Knoppen & links (hover-varianten) */
.btn-primary{background:#0a6ee0;color:#fff;border-radius:980px;font-weight:500;display:inline-block}
.btn-primary:hover{background:#0056b8;color:#fff}
.btn-outline{border-radius:980px;color:#0a6ee0;border:1px solid rgba(10,110,224,.35);display:inline-block}
.btn-outline:hover{background:rgba(10,110,224,.06);color:#0a6ee0}
.link-nav{color:#424245}
.link-nav:hover{color:#0a6ee0}
.link-light{color:#4da3ff;font-weight:600}
.link-light:hover{color:#7db8ff}
.link-muted{color:#a1a1a6}
.link-muted:hover{color:#f5f5f7}
.link-muted-u{color:#a1a1a6;text-decoration:underline}
.link-muted-u:hover{color:#f5f5f7}
button.btn-primary{border:none;cursor:pointer;font-family:inherit}

/* Taalkiezer */
.lang-switch{display:flex;gap:6px;align-items:center;font-size:12px;color:#9d9da3}
.lang-switch a{color:#9d9da3;padding:2px 4px;border-radius:6px}
.lang-switch a:hover{color:#0a6ee0}
.lang-switch a.active{color:#1d1d1f;font-weight:600}
.lang-switch .sep{opacity:.5}

/* Share-knoppen */
.share-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.share-row a,.share-row button{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(0,0,0,.1);background:#fff;color:#1d1d1f;border-radius:980px;padding:8px 16px;font-size:13.5px;font-weight:600;cursor:pointer;font-family:inherit}
.share-row a:hover,.share-row button:hover{border-color:#0a6ee0;color:#0a6ee0}
.share-row svg{width:16px;height:16px;fill:currentColor}

/* Cookie-consent banner */
.consent-backdrop{position:fixed;left:0;right:0;bottom:0;z-index:200;padding:16px;display:flex;justify-content:center}
.consent-box{max-width:680px;width:100%;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:20px;box-shadow:0 12px 48px rgba(0,0,0,.18);padding:22px 24px;font-size:14px;line-height:1.5;color:#424245}
.consent-box h3{margin:0 0 6px;font-size:16px;color:#1d1d1f}
.consent-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.consent-actions .btn-primary{padding:9px 20px;font-size:14px;border:none;cursor:pointer;font-family:inherit}
.consent-actions .btn-ghost{background:none;border:1px solid rgba(0,0,0,.15);border-radius:980px;padding:9px 20px;font-size:14px;color:#424245;cursor:pointer;font-family:inherit}
.consent-actions .btn-ghost:hover{border-color:#0a6ee0;color:#0a6ee0}
.consent-box a{font-weight:600}

/* Formulier-feedback */
.form-error{background:#fdecea;color:#b3261e;border-radius:12px;padding:12px 16px;font-size:14px;margin:0}

/* Mobiel (zoals in het ontwerp) */
@media (max-width:735px){
[data-m~="hide"]{display:none !important}
[data-m~="col"]{grid-template-columns:1fr !important}
[data-m~="col2"]{grid-template-columns:1fr 1fr !important}
[data-m~="chips"]{grid-template-columns:repeat(2,auto) !important}
[data-m~="h1"]{font-size:48px !important}
[data-m~="h2"]{font-size:36px !important}
[data-m~="stat"]{font-size:36px !important}
[data-m~="wrap"]{flex-wrap:wrap !important}
[data-m~="stack"]{flex-direction:column !important;align-items:flex-start !important}
[data-m~="center"]{justify-self:center !important}
[data-m~="pad"]{padding:64px 20px !important}
[data-m~="padb"]{padding:0 20px 64px !important}
[data-m~="hero"]{padding:110px 20px 40px !important}
[data-m~="stage"]{padding:28px 14px 0 !important}
[data-m~="cardpad"]{padding:32px 24px !important}
[data-m~="img"]{min-height:260px !important}
[data-m~="map"]{height:320px !important}
[data-m~="artikel-h1"]{font-size:36px !important}
}