/* PP-INTEREST-CSS v18 — hero lager, copy omhoog (2026-08-24T20:44) */

@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@400;500;600;700;800;900&display=swap');

.pp-campaign-container{--font-headline:'Red Hat Display','Arial',sans-serif !important;--font-label:'Red Hat Display','Arial',sans-serif !important;--color-primary:#005342 !important;--color-on-surface:#181c1c !important;--color-on-surface-variant:#3f4945 !important;--color-background:#EEFFFC !important;--pp-hero-h:78vh !important;--pp-hero-h-m:68svh !important;--pp-hero-pad:5.5rem !important;--pp-hero-pad-m:48px !important;font-synthesis:none !important;width:100% !important;max-width:100% !important;overflow-x:hidden !important;font-family:'Red Hat Display',system-ui,sans-serif !important;color:#181c1c !important;background:#fff !important}
.pp-campaign-container .font-headline,.pp-campaign-container h1,.pp-campaign-container h2,.pp-campaign-container h3,.pp-campaign-container h4,.pp-campaign-container .font-headline *{font-family:'Red Hat Display',system-ui,sans-serif !important}
.pp-campaign-container #pp-hero h1,.pp-campaign-container .pp-int-hero h1,.pp-campaign-container #pp-hero h1.font-headline,.pp-campaign-container .pp-int-hero h1.font-headline{font-family:'Red Hat Display',system-ui,sans-serif !important}
.pp-campaign-container h2.pp-sec-title{font-family:'Red Hat Display',system-ui,sans-serif !important;font-weight:700 !important;font-size:clamp(1.75rem,1.2rem + 2.5vw,2.5rem) !important;line-height:1.1 !important;letter-spacing:-.01em !important;color:var(--color-on-surface) !important;margin:0 0 10px !important}
.pp-campaign-container .pp-int-mcard h3,.pp-campaign-container .pp-int-hcard h3{font-family:'Red Hat Display',system-ui,sans-serif !important;font-weight:800 !important;letter-spacing:-.01em !important;color:#005342 !important;font-size:1.12rem !important;line-height:1.15 !important;margin:0 0 6px !important}
.pp-campaign-container .pp-eyebrow{display:block !important;text-transform:uppercase !important;letter-spacing:.1em !important;font-size:.75rem !important;font-weight:600 !important;color:#00534299 !important;margin-bottom:10px !important;font-family:'Red Hat Display',system-ui,sans-serif !important}
.pp-campaign-container .pp-int-wrap{max-width:80rem !important;margin:0 auto !important;padding:0 22px !important}
.pp-campaign-container .pp-int-sec{padding:56px 0 !important}
.pp-campaign-container .pp-int-sec-white{background:#fff !important}
.pp-campaign-container .pp-int-sec-pale{background:#EEFFFC !important}
.pp-campaign-container .pp-int-head{margin:0 auto 28px !important;max-width:40rem !important}
.pp-campaign-container .pp-int-head-center{text-align:center !important}
.pp-campaign-container .pp-int-head-center .pp-sec-title{margin-left:auto !important;margin-right:auto !important}
.pp-campaign-container .pp-int-lead{font-size:1rem !important;line-height:1.6 !important;color:var(--color-on-surface-variant) !important;max-width:40rem !important;font-weight:400 !important;font-family:'Red Hat Display',system-ui,sans-serif !important;margin:8px 0 0 !important}
.pp-campaign-container .pp-int-mcard p,.pp-campaign-container .pp-int-hcard p{color:#3f4945 !important;font-size:.88rem !important;line-height:1.45 !important;font-weight:400 !important;font-family:'Red Hat Display',system-ui,sans-serif !important;margin:0 !important}
.pp-campaign-container .pp-int-btn{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;font-weight:800 !important;text-decoration:none !important;border-radius:0 1.5rem 0 1.5rem !important;padding:15px 26px !important;font-size:1.0625rem !important;line-height:1.1 !important;min-height:52px !important;font-family:'Red Hat Display',system-ui,sans-serif !important;border:0 !important;box-sizing:border-box !important;transition:opacity .2s ease !important}
.pp-campaign-container .pp-int-btn:hover{opacity:.95 !important}
.pp-campaign-container .pp-int-btn-pri{background:#f65704 !important;color:#fff !important}
.pp-campaign-container .pp-int-btn-dark{background:#005342 !important;color:#fff !important}
.pp-campaign-container .pp-int-cta-row{display:flex !important;justify-content:flex-start !important;margin-top:28px !important}
.pp-campaign-container svg{max-width:100% !important}
.pp-campaign-container .pp-int-ic,.pp-campaign-container svg.pp-int-ic{width:64px !important;height:64px !important;max-width:64px !important;flex:0 0 64px !important}
.pp-campaign-container .pp-int-mic,.pp-campaign-container svg.pp-int-mic{display:block !important;width:100% !important;height:100% !important;max-width:168px !important}
.pp-campaign-container .pp-hero-btn svg,.pp-campaign-container .pp-int-btn svg,.pp-campaign-container .pp-int-hero-badge svg,.pp-campaign-container .pp-hero-usps svg,.pp-campaign-container .pp-int-checks svg{width:22px !important;height:22px !important;max-width:22px !important;flex:0 0 auto !important}
.pp-campaign-container .pp-int-checks svg{width:18px !important;height:18px !important;max-width:18px !important}

/* ===== Besparen: sliders (uit ?page=iedereen-kan-dynamisch) ===== */
.pp-campaign-container .pp-cs-only-d{display:none !important}
.pp-campaign-container .pp-cs-only-m{display:inline !important}
@media(min-width:1024px){
.pp-campaign-container .pp-cs-only-d{display:inline !important}
.pp-campaign-container .pp-cs-only-m{display:none !important}
}
.pp-campaign-container .pp-i3-wrap{max-width:80rem !important;margin:0 auto !important;padding:0 24px !important}
.pp-campaign-container .pp-i3-sec{padding:36px 0 32px !important}
@media(min-width:768px){.pp-campaign-container .pp-i3-sec{padding:48px 0 56px !important}}
.pp-campaign-container .pp-i3-pale{background:#EEFFFC !important}
.pp-campaign-container .pp-cs-save-lead{font-size:1rem !important;line-height:1.5 !important;color:var(--color-on-surface-variant) !important;margin:0 auto 8px !important;max-width:36rem !important;font-weight:400 !important;font-family:'Red Hat Display',system-ui,sans-serif !important}
.pp-campaign-container .pp-cs-save-lead.pp-cs-only-m{display:block !important}
.pp-campaign-container .pp-cs-save-lead.pp-cs-only-d{display:none !important}
@media(min-width:1100px){
.pp-campaign-container .pp-cs-save-lead.pp-cs-only-m{display:none !important}
.pp-campaign-container .pp-cs-save-lead.pp-cs-only-d{display:block !important;margin:4px auto 0 !important;text-align:center !important}
}
.pp-campaign-container .pp-i3-euro{font-family:'Red Hat Display',sans-serif !important;font-weight:800 !important;font-size:clamp(2.4rem,10vw,3.1rem) !important;line-height:.9 !important;color:#005342 !important;font-variant-numeric:tabular-nums !important}
.pp-campaign-container .pp-i3-euro-u{display:inline !important;font-size:1rem !important;font-weight:800 !important;color:#00534299 !important;margin:0 !important;line-height:1 !important}
.pp-campaign-container .pp-i3-cap{font-size:.88rem !important;color:#3f4945 !important;margin:6px 0 0 !important}
.pp-campaign-container .pp-cs-euro-row{display:flex !important;align-items:baseline !important;justify-content:center !important;gap:8px !important;margin:10px 0 0 !important}
.pp-campaign-container .pp-i3-apps{display:grid !important;grid-template-columns:1fr !important;gap:12px !important;max-width:36rem !important;margin:0 auto !important}
.pp-campaign-container .pp-i3-app{background:#fff !important;border-radius:0 1.2rem 0 1.2rem !important;padding:16px 14px 14px !important;box-shadow:0 10px 24px -16px #00342b33 !important}
.pp-campaign-container .pp-i3-app.is-off{opacity:.42 !important}
.pp-campaign-container .pp-i3-app-top{display:flex !important;align-items:center !important;gap:8px !important;margin-bottom:12px !important}
.pp-campaign-container .pp-i3-app-top strong{display:block !important;font-size:.9rem !important;color:#005342 !important}
.pp-campaign-container .pp-i3-app-top em{display:block !important;font-style:normal !important;font-size:.75rem !important;color:#3f4945 !important;font-weight:600 !important}
.pp-campaign-container .pp-i3-step{display:flex !important;align-items:center !important;gap:8px !important;position:relative !important;z-index:2 !important;pointer-events:auto !important}
.pp-campaign-container .pp-i3-step button{width:40px !important;height:40px !important;border:0 !important;border-radius:50% !important;background:#005342 !important;color:#fff !important;font-size:1.25rem !important;font-weight:700 !important;cursor:pointer !important;pointer-events:auto !important;flex:0 0 auto !important}
.pp-campaign-container .pp-i3-step input[type=range]{-webkit-appearance:none !important;appearance:none !important;display:block !important;flex:1 1 auto !important;width:auto !important;min-width:5rem !important;height:28px !important;margin:0 !important;padding:0 !important;background:transparent !important;accent-color:#008569 !important;cursor:pointer !important;pointer-events:auto !important;touch-action:pan-x !important}
.pp-campaign-container .pp-i3-step input[type=range]::-webkit-slider-runnable-track{height:6px !important;background:#00534222 !important;border-radius:999px !important;border:0 !important}
.pp-campaign-container .pp-i3-step input[type=range]::-webkit-slider-thumb{-webkit-appearance:none !important;appearance:none !important;width:22px !important;height:22px !important;margin-top:-8px !important;border-radius:50% !important;background:#008569 !important;border:0 !important;cursor:grab !important;box-shadow:0 2px 6px rgba(0,60,48,.25) !important}
.pp-campaign-container .pp-i3-step input[type=range]::-moz-range-track{height:6px !important;background:#00534222 !important;border-radius:999px !important;border:0 !important}
.pp-campaign-container .pp-i3-step input[type=range]::-moz-range-thumb{width:22px !important;height:22px !important;border-radius:50% !important;background:#008569 !important;border:0 !important;cursor:grab !important}
.pp-campaign-container #besparen{scroll-margin-top:108px !important}
.pp-campaign-container .pp-cs-offer{margin-top:18px !important}
.pp-campaign-container .pp-cs-save-lead a{color:#f65704 !important;font-weight:700 !important;text-decoration:underline !important}
.pp-campaign-container .pp-cs-save-desk{display:flex !important;flex-direction:column !important;align-items:center !important;width:100% !important;max-width:36rem !important;margin-left:auto !important;margin-right:auto !important;text-align:center !important}
.pp-campaign-container .pp-cs-save-copy{text-align:center !important;width:100% !important}
.pp-campaign-container .pp-cs-save-intro{text-align:center !important;width:100% !important}
.pp-campaign-container .pp-cs-save-intro .pp-eyebrow,.pp-campaign-container .pp-cs-save-intro .pp-sec-title,.pp-campaign-container .pp-cs-save-lead{margin-left:auto !important;margin-right:auto !important;text-align:center !important}
.pp-campaign-container .pp-cs-save-result{display:flex !important;flex-direction:column !important;align-items:center !important;width:100% !important}
.pp-campaign-container .pp-cs-save-toys{margin-top:24px !important;width:100% !important}
.pp-campaign-container .pp-cs-save-toys .pp-i3-apps{max-width:none !important;margin:0 auto !important}
.pp-campaign-container .pp-cs-offer-save{display:flex !important;justify-content:center !important;width:100% !important}
.pp-campaign-container .pp-cs-offer-save .pp-int-btn{width:100% !important}
@media(min-width:1100px){
.pp-campaign-container .pp-cs-save-desk{max-width:40rem !important}
.pp-campaign-container .pp-cs-save-toys .pp-i3-apps{gap:12px !important}
.pp-campaign-container .pp-cs-save-toys .pp-i3-app{display:grid !important;grid-template-columns:minmax(11rem,14rem) minmax(8rem,1fr) !important;align-items:center !important;gap:8px 20px !important;padding:14px 18px !important;min-height:0 !important}
.pp-campaign-container .pp-cs-save-toys .pp-i3-app-top{margin-bottom:0 !important;gap:12px !important}
.pp-campaign-container .pp-cs-save-toys .pp-i3-app-top svg{width:32px !important;height:32px !important}
.pp-campaign-container .pp-cs-save-toys .pp-i3-app-top strong{font-size:1rem !important}
.pp-campaign-container .pp-cs-save-toys .pp-i3-step{margin-top:0 !important}
.pp-campaign-container .pp-cs-offer-save .pp-int-btn{width:auto !important;min-width:16rem !important}
}

/* ===== Postcode-check sectie (uit ?page=iedereen-kan-dynamisch2) ===== */
.pp-campaign-container .pp-hero-form{position:relative !important;background:var(--color-background) !important;padding:1.75rem 0 2rem !important}
@media(min-width:768px){.pp-campaign-container .pp-hero-form{padding:2.5rem 0 2.5rem !important}}
.pp-campaign-container .pp-hero-form .pp-container{max-width:48rem !important;margin:0 auto !important;padding:0 1rem !important}
@media(min-width:768px){.pp-campaign-container .pp-hero-form .pp-container{padding:0 2rem !important}}
.pp-campaign-container .pp-hero-form__intro{text-align:center !important;margin-bottom:2rem !important}
.pp-campaign-container .pp-hero-form__intro h2{font-family:'Red Hat Display',system-ui,sans-serif !important;font-weight:600 !important;font-size:1.875rem !important;letter-spacing:-.01em !important;margin-bottom:.75rem !important;color:var(--color-on-surface) !important}
@media(min-width:768px){.pp-campaign-container .pp-hero-form__intro h2{font-size:2.25rem !important}}
.pp-campaign-container .pp-hero-form__intro p{color:var(--color-on-surface-variant) !important;max-width:28rem !important;margin:0 auto !important;font-family:'Red Hat Display',system-ui,sans-serif !important}
.pp-campaign-container .pp-hero__form-card{background:#fff !important;border-radius:0 2.5rem 0 2.5rem !important;padding:1.5rem !important;box-shadow:0 16px 32px -8px rgba(0,83,66,.08) !important;border:1px solid rgba(191,201,196,.2) !important;max-width:32rem !important;width:100% !important;text-align:left !important;margin:0 auto !important;box-sizing:border-box !important}
@media(min-width:768px){.pp-campaign-container .pp-hero__form-card{padding:2rem !important}}
.pp-campaign-container .pp-hero-form__trust{display:flex !important;justify-content:center !important;align-items:center !important;gap:.5rem !important;margin-top:1.5rem !important;font-size:.875rem !important;color:var(--color-on-surface) !important;font-family:'Red Hat Display',system-ui,sans-serif !important}
.pp-campaign-container .pp-hero-form__trust svg{color:#f65704 !important;flex-shrink:0 !important}
.pp-campaign-container .pp-postcode-form__row{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:.75rem !important;margin-bottom:1rem !important}
.pp-campaign-container .pp-postcode-form__field--postcode{grid-column:span 3 !important}
.pp-campaign-container .pp-postcode-form__field--huisnummer{grid-column:span 2 !important}
.pp-campaign-container .pp-postcode-form__field--toevoeging{grid-column:span 1 !important}
@media(min-width:640px){
.pp-campaign-container .pp-postcode-form__field--postcode,
.pp-campaign-container .pp-postcode-form__field--huisnummer{grid-column:span 1 !important}
}
.pp-campaign-container .pp-postcode-form label{display:block !important;font-size:.75rem !important;font-weight:500 !important;margin-bottom:.375rem !important;color:var(--color-on-surface-variant) !important;font-family:'Red Hat Display',system-ui,sans-serif !important}
.pp-campaign-container .pp-postcode-form input[type='text']{width:100% !important;border-radius:0 .75rem 0 .75rem !important;padding:.75rem 1rem !important;font-size:.875rem !important;border:1px solid rgba(191,201,196,.3) !important;background:rgba(255,255,255,.6) !important;color:var(--color-on-surface) !important;transition:box-shadow .15s ease !important;font-family:'Red Hat Display',system-ui,sans-serif !important;box-sizing:border-box !important}
.pp-campaign-container .pp-postcode-form input[type='text']::placeholder{color:#707975 !important;opacity:.5 !important}
.pp-campaign-container .pp-postcode-form input[type='text']:focus{outline:none !important;box-shadow:0 0 0 2px var(--color-primary) !important}
.pp-campaign-container .pp-postcode-form__checkbox{display:flex !important;align-items:center !important;gap:.5rem !important;margin-bottom:1.25rem !important;cursor:pointer !important;font-size:.875rem !important;color:var(--color-on-surface-variant) !important;font-family:'Red Hat Display',system-ui,sans-serif !important}
.pp-campaign-container .pp-postcode-form__checkbox input{width:1.25rem !important;height:1.25rem !important;accent-color:var(--color-primary) !important}
.pp-campaign-container .pp-postcode-form button[type='submit']{width:100% !important;background:#f65704 !important;color:#fff !important;border:0 !important;border-radius:0 1.5rem 0 1.5rem !important;font-weight:600 !important;padding:.875rem 1.5rem !important;font-size:1rem !important;box-shadow:0 10px 20px rgba(0,0,0,.12) !important;transition:opacity .15s ease,transform .1s ease !important;font-family:'Red Hat Display',system-ui,sans-serif !important;cursor:pointer !important;-webkit-appearance:none !important;appearance:none !important}
.pp-campaign-container .pp-postcode-form button[type='submit']:hover{opacity:.9 !important}
.pp-campaign-container .pp-postcode-form button[type='submit']:active{transform:scale(.99) !important}

/* Hero — eigen classes, niet #hero (WP-thema splitst die in twee kolommen) */
.pp-campaign-container .pp-int-hero,
.pp-campaign-container #pp-hero{display:block !important;position:relative !important;width:100% !important;max-width:100% !important;overflow:hidden !important;isolation:isolate !important;contain:paint !important;float:none !important;grid-column:1 / -1 !important}
.pp-campaign-container .pp-int-hero-frame{position:relative !important;display:block !important;width:100% !important;max-width:100% !important;overflow:hidden !important;height:var(--pp-hero-h) !important;min-height:480px !important;max-height:720px !important}
@media(max-width:767px){
.pp-campaign-container .pp-int-hero-frame{height:var(--pp-hero-h-m) !important;min-height:400px !important;max-height:none !important}
}
.pp-campaign-container .pp-int-hero-pic{position:absolute !important;inset:0 !important;display:block !important;width:100% !important;height:100% !important;margin:0 !important}
.pp-campaign-container .pp-int-hero-img{position:absolute !important;inset:0 !important;display:block !important;width:100% !important;height:100% !important;max-width:none !important;max-height:none !important;min-width:0 !important;min-height:0 !important;object-fit:cover !important;object-position:56% 28% !important}
@media(min-width:768px){
.pp-campaign-container .pp-int-hero-img{object-position:62% 34% !important}
}
.pp-campaign-container .pp-int-hero-ov{position:absolute !important;inset:auto 0 0 0 !important;height:75% !important;background:linear-gradient(to top,rgba(0,0,0,.78),rgba(0,0,0,.36) 55%,transparent) !important;pointer-events:none !important}
.pp-campaign-container .pp-int-hero-copy{position:absolute !important;inset:0 !important;display:flex !important;flex-direction:column !important;justify-content:flex-end !important}
.pp-campaign-container .pp-int-hero-in{width:100% !important;max-width:80rem !important;margin:0 auto !important;padding:0 20px var(--pp-hero-pad-m) !important;padding-bottom:calc(var(--pp-hero-pad-m) + env(safe-area-inset-bottom,0px)) !important;text-align:center !important;box-sizing:border-box !important}
@media(min-width:768px){.pp-campaign-container .pp-int-hero-in{padding:0 48px var(--pp-hero-pad) !important;text-align:left !important}}
.pp-campaign-container .pp-int-hero-badge{display:inline-flex !important;align-items:center !important;gap:8px !important;background:#afefdd !important;color:#005342 !important;border-radius:999px !important;padding:6px 16px !important;font-family:'Red Hat Display',system-ui,sans-serif !important;font-weight:700 !important;font-size:.9rem !important;margin-bottom:12px !important;box-shadow:0 8px 20px rgba(0,0,0,.25) !important}
.pp-campaign-container .pp-int-hero h1{color:#fff !important;font-size:clamp(2.4rem,1.2rem + 4.4vw,4.75rem) !important;line-height:.95 !important;letter-spacing:-.02em !important;font-weight:800 !important;max-width:20ch !important;margin:0 auto 18px !important;text-shadow:0 2px 12px rgba(0,0,0,.35) !important}
@media(min-width:768px){.pp-campaign-container .pp-int-hero h1{margin-left:0 !important;margin-right:0 !important;margin-bottom:24px !important}}
.pp-campaign-container .pp-int-hero .pp-hero-actions{display:flex !important;flex-direction:column !important;gap:12px !important;margin:0 auto 18px !important;max-width:28rem !important}
@media(min-width:768px){.pp-campaign-container .pp-int-hero .pp-hero-actions{flex-direction:row !important;flex-wrap:wrap !important;max-width:none !important;margin-left:0 !important;margin-right:0 !important}}
.pp-campaign-container .pp-int-hero .pp-hero-btn{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;width:100% !important;font-family:'Red Hat Display',system-ui,sans-serif !important;font-weight:800 !important;font-size:1.0625rem !important;line-height:1.1 !important;padding:15px 26px !important;border-radius:0 1.5rem 0 1.5rem !important;text-decoration:none !important;transition:opacity .2s ease,background .2s ease !important}
@media(min-width:768px){.pp-campaign-container .pp-int-hero .pp-hero-btn{width:auto !important}}
.pp-campaign-container .pp-int-hero .pp-hero-btn svg{flex:0 0 auto !important}
.pp-campaign-container .pp-int-hero .pp-hero-btn-primary{background:#f65704 !important;color:#fff !important;box-shadow:0 12px 28px -8px rgba(0,0,0,.45) !important}
.pp-campaign-container .pp-int-hero .pp-hero-btn-primary:hover{opacity:.95 !important}
.pp-campaign-container .pp-int-hero .pp-hero-btn-ghost{background:rgba(255,255,255,.10) !important;color:#fff !important;border:2px solid rgba(255,255,255,.6) !important}
.pp-campaign-container .pp-int-hero .pp-hero-btn-ghost:hover{background:rgba(255,255,255,.18) !important}
.pp-campaign-container .pp-int-hero .pp-hero-usps{display:flex !important;align-items:center !important;gap:9px !important;justify-content:center !important;color:#fff !important;font-family:'Red Hat Display',system-ui,sans-serif !important;font-weight:600 !important;font-size:.9rem !important;white-space:nowrap !important;text-shadow:0 1px 8px rgba(0,0,0,.5) !important}
@media(min-width:768px){.pp-campaign-container .pp-int-hero .pp-hero-usps{justify-content:flex-start !important}}
.pp-campaign-container .pp-int-hero .pp-hero-usps span{display:inline-flex !important;align-items:center !important;gap:6px !important}
.pp-campaign-container .pp-int-hero .pp-hero-usps .ic-star{color:#ffc12b !important}
.pp-campaign-container .pp-int-hero .pp-hero-usps .ic-seal{color:#CAFFF5 !important}
.pp-campaign-container .pp-int-hero .pp-hero-dot{width:4px !important;height:4px !important;border-radius:50% !important;background:rgba(255,255,255,.5) !important}
.pp-campaign-container #hoe-werkt,.pp-campaign-container #momenten{scroll-margin-top:84px !important}
@media(max-width:767px){
.pp-campaign-container .pp-int-hero-badge{margin-bottom:8px !important}
.pp-campaign-container .pp-int-hero h1{font-size:2.15rem !important;line-height:1.02 !important;margin-bottom:12px !important}
.pp-campaign-container .pp-int-hero .pp-hero-actions{gap:8px !important;margin-bottom:12px !important}
.pp-campaign-container .pp-int-hero .pp-hero-btn{font-size:.95rem !important;padding:12px 20px !important}
.pp-campaign-container .pp-int-hero .pp-hero-usps{white-space:normal !important;flex-wrap:wrap !important;justify-content:center !important;font-size:.82rem !important}
}
@media(max-width:767px) and (max-height:700px){
.pp-campaign-container .pp-int-hero h1{font-size:1.95rem !important;margin-bottom:10px !important}
.pp-campaign-container .pp-int-hero .pp-hero-btn{font-size:.9rem !important;padding:11px 18px !important}
}

/* Hoe werkt — exact het sales-blok (cc-hoop) */
.pp-campaign-container .pp-steps-section{position:relative !important;background:#fff !important;padding:64px 0 !important;overflow:hidden !important}
@media(max-width:768px){.pp-campaign-container .pp-steps-section{padding:48px 0 !important}}
.pp-campaign-container .pp-steps-inner{max-width:80rem !important;margin:0 auto !important;padding:0 18px !important;position:relative !important;z-index:2 !important;text-align:center !important}
@media(min-width:768px){.pp-campaign-container .pp-steps-inner{padding:0 32px !important}}
.pp-campaign-container .pp-steps-eyebrow{display:block !important;font-family:var(--font-label) !important;text-transform:uppercase !important;letter-spacing:.1em !important;font-size:.75rem !important;font-weight:600 !important;color:#00534299 !important;margin:0 0 10px !important}
.pp-campaign-container .pp-steps-h2{color:var(--color-on-surface) !important;font-size:clamp(1.75rem,1.2rem + 3vw,2.75rem) !important;line-height:1.05 !important;font-weight:700 !important;margin:0 0 10px !important}
.pp-campaign-container .pp-steps-intro{color:var(--color-on-surface-variant) !important;max-width:40rem !important;margin:0 auto 24px !important;font-size:1rem !important;line-height:1.6 !important}
.pp-campaign-container .cc-hoop .pp-steps-frame{max-width:80rem !important;margin:0 auto !important;padding:0 18px !important;position:relative !important;z-index:2 !important}
@media(min-width:768px){.pp-campaign-container .cc-hoop .pp-steps-frame{padding:0 32px !important}}
.pp-campaign-container .cc-hoop .track{display:flex !important;gap:18px !important;overflow-x:auto !important;scroll-snap-type:x mandatory !important;-webkit-overflow-scrolling:touch !important;padding:22px 0 26px !important;position:relative !important;z-index:2 !important;scrollbar-width:none !important;-ms-overflow-style:none !important}
.pp-campaign-container .cc-hoop .track::-webkit-scrollbar{display:none !important}
.pp-campaign-container .cc-hoop .ca{position:relative !important;flex:0 0 90% !important;max-width:380px !important;scroll-snap-align:center !important;scroll-snap-stop:always !important;background:#fff !important;border:1px solid rgba(0,84,66,.12) !important;border-radius:0 1.75rem 0 1.75rem !important;overflow:hidden !important;display:flex !important;flex-direction:column !important;transition:transform .35s ease !important;box-shadow:0 10px 30px -16px rgba(0,60,48,.14) !important;box-sizing:border-box !important}
@media(min-width:768px){.pp-campaign-container .cc-hoop .ca{flex:0 0 calc(50% - 9px) !important;max-width:none !important;scroll-snap-align:start !important}}
@media(max-width:767px){
.pp-campaign-container .cc-hoop .track::before,
.pp-campaign-container .cc-hoop .track::after{content:'' !important;flex:0 0 6% !important}
.pp-campaign-container .cc-hoop .ca{flex:0 0 84% !important}
}
@media(min-width:1200px){.pp-campaign-container .cc-hoop .ca{flex:0 0 calc(33.333% - 12px) !important}}
@media(max-width:767px){.pp-campaign-container .cc-hoop .ca.on{transform:translateY(-4px) !important}}
.pp-campaign-container .cc-hoop .ca .vis{position:relative !important;height:150px !important;background:linear-gradient(165deg,#CAFFF5 0%,#eafff9 100%) !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:16px 18px !important;overflow:visible !important}
.pp-campaign-container .cc-hoop .ca .vis svg{width:100% !important;height:100% !important;max-width:230px !important}
.pp-campaign-container .cc-hoop .ca .num{position:absolute !important;top:12px !important;left:14px !important;width:34px !important;height:34px !important;border-radius:50% !important;background:var(--color-primary) !important;color:#fff !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;font-weight:800 !important;font-size:16px !important;font-family:'Red Hat Display',sans-serif !important;box-shadow:0 4px 10px rgba(0,52,43,.22) !important}
.pp-campaign-container .cc-hoop .ca .bd{padding:20px 22px 26px !important}
.pp-campaign-container .cc-hoop .ca .bd h3{font-family:'Red Hat Display',sans-serif !important;color:#005342 !important;font-weight:800 !important;font-size:1.2rem !important;letter-spacing:-.01em !important;margin:0 0 8px !important;line-height:1.12 !important}
.pp-campaign-container .cc-hoop .ca .bd p{font-family:'Red Hat Display',sans-serif !important;color:#3f4945 !important;font-weight:500 !important;font-size:.92rem !important;line-height:1.55 !important;margin:0 !important}
.pp-campaign-container .cc-hoop .ca-drop,.pp-campaign-container .cc-hoop .ca-halo,.pp-campaign-container .cc-hoop .ca-coin,.pp-campaign-container .cc-hoop .ca-bar{transform-box:fill-box;transform-origin:center}
.pp-campaign-container .cc-hoop .ca-drop{animation:caDrop 2.2s ease-in infinite}
.pp-campaign-container .cc-hoop .ca-halo{animation:caHalo 2.4s ease-in-out infinite}
.pp-campaign-container .cc-hoop .ca-ping{animation:caPing 2s ease-in-out infinite}
.pp-campaign-container .cc-hoop .ca-coin{animation:caCoin 2.6s ease-in-out infinite}
.pp-campaign-container .cc-hoop .ca-bar{transform-origin:center bottom;animation:caBar 2.4s ease-in-out infinite}
.pp-campaign-container .cc-hoop .ca-bar.bB{animation-delay:.12s}
.pp-campaign-container .cc-hoop .ca-bar.bC{animation-delay:.24s}
.pp-campaign-container .cc-hoop .ca-bar.bD{animation-delay:.36s}
.pp-campaign-container .cc-hoop .ca-bar.bE{animation-delay:.48s}
.pp-campaign-container .cc-hoop .ca-bar.bF{animation-delay:.6s}
.pp-campaign-container .cc-hoop .ca-bar.bG{animation-delay:.72s}
.pp-campaign-container .cc-hoop .ca-cart{transform-box:fill-box;transform-origin:center;animation:caCart 2.4s ease-in-out infinite}
.pp-campaign-container .cc-hoop .ca-buy{transform-box:fill-box;transform-origin:center;animation:caBuy 2.1s ease-in infinite}
.pp-campaign-container .cc-hoop .ca-buy2{animation-delay:.7s}
.pp-campaign-container .cc-hoop .ca-buy3{animation-delay:1.4s}
@keyframes caCart{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes caBuy{0%{transform:translate(-104px,18px) scale(.5);opacity:0}12%{opacity:1}55%{transform:translate(0,0) scale(1);opacity:1}75%{transform:translate(2px,20px) scale(.65);opacity:.25}100%{transform:translate(2px,20px) scale(.65);opacity:0}}
@keyframes caDrop{0%{transform:translateY(-14px);opacity:0}22%{opacity:1}62%{transform:translateY(36px);opacity:1}80%,100%{transform:translateY(36px);opacity:0}}
@keyframes caHalo{0%,100%{transform:scale(.8);opacity:.45}50%{transform:scale(1.06);opacity:.8}}
@keyframes caPing{0%,100%{opacity:.3}50%{opacity:1}}
@keyframes caCoin{0%{transform:translateY(-7px);opacity:0}30%{opacity:1}60%,100%{transform:translateY(0);opacity:1}}
@keyframes caBar{0%,100%{transform:scaleY(.78)}50%{transform:scaleY(1)}}
@media (prefers-reduced-motion: reduce){.pp-campaign-container .cc-hoop .ca-drop,.pp-campaign-container .cc-hoop .ca-halo,.pp-campaign-container .cc-hoop .ca-ping,.pp-campaign-container .cc-hoop .ca-coin,.pp-campaign-container .cc-hoop .ca-bar,.pp-campaign-container .cc-hoop .ca-cart,.pp-campaign-container .cc-hoop .ca-buy{animation:none !important}}
.pp-campaign-container .pp-steps-foot{display:flex !important;flex-wrap:wrap !important;align-items:center !important;justify-content:center !important;gap:14px !important;margin-top:6px !important;position:relative !important;z-index:2 !important}
.pp-campaign-container .pp-steps-dots{display:flex !important;justify-content:center !important;gap:8px !important}
.pp-campaign-container .pp-steps-dot{width:8px !important;height:8px !important;border-radius:999px !important;background:#00534233 !important;transition:all .3s ease !important}
.pp-campaign-container .pp-steps-dot.is-active{width:26px !important;background:var(--color-primary) !important}
.pp-campaign-container .pp-steps-arrow{display:none !important;width:44px !important;height:44px !important;border-radius:50% !important;border:1.5px solid #00534233 !important;background:#fff !important;color:var(--color-primary) !important;align-items:center !important;justify-content:center !important;cursor:pointer !important;padding:0 !important;-webkit-appearance:none !important;appearance:none !important;transition:background .2s ease,border-color .2s ease,opacity .2s ease !important}
.pp-campaign-container .pp-steps-arrow svg{display:block !important}
.pp-campaign-container .pp-steps-arrow:hover{background:#f0faf7 !important;border-color:var(--color-primary) !important}
.pp-campaign-container .pp-steps-arrow:disabled{opacity:.3 !important;cursor:default !important}
@media(min-width:768px){.pp-campaign-container .pp-steps-arrow{display:inline-flex !important}}
.pp-campaign-container .pp-swipe{flex-basis:100% !important;justify-content:center !important;display:inline-flex !important;align-items:center !important;gap:6px !important;color:#00534299 !important;font-size:.8125rem !important;font-weight:600 !important;font-family:'Red Hat Display',sans-serif !important}
.pp-campaign-container .pp-swipe svg{animation:hicSwipe 1.6s ease-in-out infinite}
@keyframes hicSwipe{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
@media(min-width:768px){.pp-campaign-container .pp-swipe{display:none !important}}
@media (prefers-reduced-motion: reduce){.pp-campaign-container .pp-swipe svg{animation:none !important}}

/* Vier momenten — mobiel 2x2 met korte copy, desktop tekst links / 4 blokjes rechts */
.pp-campaign-container .pp-int-lead-d,.pp-campaign-container .pp-int-m-long{display:none !important}
.pp-campaign-container .pp-int-lead-m,.pp-campaign-container .pp-int-m-short{display:inline !important}
.pp-campaign-container .pp-int-mom-split{display:flex !important;flex-direction:column !important}
.pp-campaign-container .pp-int-moments{display:grid !important;grid-template-columns:1fr 1fr !important;gap:10px !important}
@media(min-width:900px){
.pp-campaign-container .pp-int-lead-m,.pp-campaign-container .pp-int-m-short{display:none !important}
.pp-campaign-container .pp-int-lead-d,.pp-campaign-container .pp-int-m-long{display:inline !important}
.pp-campaign-container .pp-int-mom-split{display:grid !important;grid-template-columns:1fr 1fr !important;grid-template-rows:auto auto !important;column-gap:56px !important;row-gap:28px !important;align-items:center !important}
.pp-campaign-container .pp-int-mom-copy{grid-column:1 !important;grid-row:1 !important}
.pp-campaign-container #momenten .pp-int-head{margin:0 !important;max-width:none !important;text-align:left !important}
.pp-campaign-container #momenten .pp-int-lead{margin-left:0 !important;max-width:36rem !important}
.pp-campaign-container .pp-int-moments{grid-column:2 !important;grid-row:1 / span 2 !important;grid-template-columns:1fr 1fr !important;gap:16px !important}
.pp-campaign-container #momenten .pp-int-cta-row{grid-column:1 !important;grid-row:2 !important;margin-top:0 !important}
}
.pp-campaign-container .pp-int-mcard{appearance:none !important;-webkit-appearance:none !important;position:relative !important;display:flex !important;flex-direction:column !important;align-items:stretch !important;text-align:left !important;width:100% !important;margin:0 !important;padding:0 !important;background:#fff !important;border:2px solid rgba(0,84,66,.12) !important;border-radius:0 1.4rem 0 1.4rem !important;cursor:pointer !important;color:inherit !important;font:inherit !important;box-shadow:0 10px 30px -16px rgba(0,60,48,.14) !important;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease !important;overflow:hidden !important}
.pp-campaign-container .pp-int-mcard:hover{transform:translateY(-2px) !important;box-shadow:0 14px 32px -14px rgba(0,60,48,.18) !important}
.pp-campaign-container .pp-int-mcard::after{content:'' !important;position:absolute !important;width:140px !important;height:140px !important;top:-36px !important;left:-28px !important;border-radius:50% !important;background:#ffffffa6 !important;opacity:0 !important;pointer-events:none !important;z-index:0 !important}
.pp-campaign-container .pp-int-mcard.is-pop::after{animation:ppMomBloom .7s ease-out !important}
.pp-campaign-container .pp-int-mcard > *{position:relative !important;z-index:1 !important}
.pp-campaign-container .pp-int-mvis{width:100% !important;height:88px !important;border-radius:0 !important;background:linear-gradient(165deg,#CAFFF5 0%,#eafff9 100%) !important;display:flex !important;align-items:center !important;justify-content:center !important;margin:0 !important;padding:8px 10px 0 !important;transition:background .25s ease !important}
@media(min-width:900px){.pp-campaign-container .pp-int-mvis{height:108px !important;padding:10px 12px 0 !important}}
.pp-campaign-container .pp-int-mvis svg{width:100% !important;height:100% !important;max-width:168px !important}
.pp-campaign-container .pp-int-mbd{padding:10px 12px 12px !important}
@media(min-width:900px){.pp-campaign-container .pp-int-mbd{padding:14px 16px 16px !important}}
.pp-campaign-container .pp-int-mcard h3{color:#00534299 !important;font-size:.95rem !important;margin:0 0 4px !important;transition:color .2s ease !important}
@media(min-width:900px){.pp-campaign-container .pp-int-mcard h3{font-size:1.12rem !important;margin:0 0 6px !important}}
.pp-campaign-container .pp-int-mcard p{opacity:.78 !important;font-size:.78rem !important;line-height:1.35 !important;transition:opacity .2s ease,color .2s ease !important}
@media(min-width:900px){.pp-campaign-container .pp-int-mcard p{font-size:.88rem !important;line-height:1.45 !important}}
.pp-campaign-container .pp-int-mcard.is-on{background:#CAFFF5 !important;border-color:#005342 !important;box-shadow:0 14px 32px rgba(0,84,66,.2) !important}
.pp-campaign-container .pp-int-mcard.is-on .pp-int-mvis{background:linear-gradient(165deg,#fff 0%,#EEFFFC 100%) !important}
.pp-campaign-container .pp-int-mcard.is-on h3{color:#005342 !important}
.pp-campaign-container .pp-int-mcard.is-on p{opacity:1 !important;color:#003c30 !important}
.pp-campaign-container .pp-int-mcard-noon{background:#CAFFF5 !important}
.pp-campaign-container .pp-int-mcard-noon .pp-int-mvis{background:#fff !important}
.pp-campaign-container .pp-int-mcard-noon.is-on{background:#CAFFF5 !important}
.pp-campaign-container .pp-int-mcard-noon.is-on .pp-int-mvis{background:#fff !important}
.pp-campaign-container .pp-int-mcard:focus-visible{outline:3px solid #f65704 !important;outline-offset:3px !important}
.pp-campaign-container .pp-int-mcard .pp-mic-sun,.pp-campaign-container .pp-int-mcard .pp-mic-hand,.pp-campaign-container .pp-int-mcard .pp-mic-star,.pp-campaign-container .pp-int-mcard .pp-mic-mark,.pp-campaign-container .pp-int-mcard .pp-mic-wind{transform-box:fill-box;transform-origin:center}
.pp-campaign-container .pp-int-mcard.is-on .pp-mic-sun{animation:ppMicSpin 7s linear infinite}
.pp-campaign-container .pp-int-mcard.is-on .pp-mic-wind{animation:ppMicWind 2.2s ease-in-out infinite}
.pp-campaign-container .pp-int-mcard.is-on .pp-mic-hand{animation:ppMicTick 1.3s ease-in-out infinite}
.pp-campaign-container .pp-int-mcard.is-on .pp-mic-star{animation:ppMicTwinkle 1.5s ease-in-out infinite}
.pp-campaign-container .pp-int-mcard.is-on .pp-mic-star-2{animation-delay:.35s}
.pp-campaign-container .pp-int-mcard.is-on .pp-mic-mark{animation:ppMicPop .55s ease}
@keyframes ppMomBloom{0%{opacity:.0;transform:scale(.55)}35%{opacity:.85}100%{opacity:0;transform:scale(1.35)}}
@keyframes ppMicSpin{to{transform:rotate(360deg)}}
@keyframes ppMicWind{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}
@keyframes ppMicTick{0%,100%{transform:rotate(0)}50%{transform:rotate(12deg)}}
@keyframes ppMicTwinkle{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes ppMicPop{0%{transform:scale(.7)}60%{transform:scale(1.18)}100%{transform:scale(1)}}

/* App-split — desktop zigzag: telefoon links, tekst rechts */
.pp-campaign-container #app{background:#fff !important}
.pp-campaign-container .pp-int-app{display:grid !important;grid-template-columns:1fr !important;gap:32px !important;align-items:center !important}
@media(min-width:900px){
.pp-campaign-container .pp-int-app{grid-template-columns:1fr 1fr !important;gap:56px !important}
.pp-campaign-container .pp-int-app-vis{order:-1 !important;justify-content:flex-start !important}
.pp-campaign-container .pp-int-app-copy{text-align:left !important}
}
.pp-campaign-container .pp-int-app-copy .pp-int-lead{margin-bottom:18px !important}
.pp-campaign-container .pp-int-app-copy .pp-int-btn{margin-top:8px !important}
.pp-campaign-container .pp-int-checks{list-style:none !important;margin:0 0 22px !important;padding:0 !important;display:flex !important;flex-direction:column !important;gap:12px !important}
.pp-campaign-container .pp-int-checks li{display:flex !important;gap:10px !important;align-items:flex-start !important;font-size:.95rem !important;line-height:1.5 !important;color:#3f4945 !important;font-weight:500 !important;font-family:'Red Hat Display',system-ui,sans-serif !important}
.pp-campaign-container .pp-int-app-vis{position:relative !important;display:flex !important;justify-content:center !important}
.pp-campaign-container .pp-int-app-vis::before{content:'' !important;position:absolute !important;inset:16% 10% !important;border-radius:50% !important;background:#CAFFF5 !important;box-shadow:0 0 70px 36px #CAFFF5 !important;opacity:.7 !important;z-index:0 !important}
.pp-campaign-container .pp-int-phone{position:relative !important;z-index:1 !important;width:min(420px,92%) !important;background:transparent !important;border:0 !important;box-shadow:none !important;overflow:visible !important}
.pp-campaign-container .pp-int-phone img{display:block !important;width:100% !important;height:auto !important;max-width:none !important;background:transparent !important}

/* Ingewikkeld — wit, zodat het niet in de footer-mint loopt */
.pp-campaign-container .pp-int-hard-sec{padding-bottom:72px !important}
.pp-campaign-container .pp-int-hard{display:grid !important;grid-template-columns:1fr !important;gap:12px !important}
@media(min-width:860px){.pp-campaign-container .pp-int-hard{grid-template-columns:repeat(3,minmax(0,1fr)) !important}}
.pp-campaign-container .pp-int-hcard{background:#fff !important;border-radius:0 1.3rem 0 1.3rem !important;border:1px solid #00342b12 !important;padding:8px 20px 24px !important;text-align:center !important}
.pp-campaign-container .pp-int-hvis{height:88px !important;display:flex !important;align-items:center !important;justify-content:center !important}
.pp-campaign-container .pp-int-hcard h3{margin-bottom:6px !important}
.pp-campaign-container .pp-int-ic-bell .bell{transform-origin:top center !important;animation:ppIntBell 2.6s ease-in-out infinite !important}
.pp-campaign-container .pp-int-ic-bell .ping{transform-origin:center !important;animation:ppIntPing 2s ease-out infinite !important}
@keyframes ppIntBell{0%,55%,100%{transform:rotate(0)}8%{transform:rotate(12deg)}20%{transform:rotate(-10deg)}32%{transform:rotate(6deg)}44%{transform:rotate(-3deg)}}
@keyframes ppIntPing{0%{transform:scale(.5);opacity:1}75%,100%{transform:scale(1.7);opacity:0}}

@media(prefers-reduced-motion:reduce){
.pp-campaign-container .pp-int-ic-bell .bell,.pp-campaign-container .pp-int-ic-bell .ping{animation:none !important}
.pp-campaign-container .pp-int-mcard{transition:none !important}
.pp-campaign-container .pp-int-mcard.is-pop::after,.pp-campaign-container .pp-int-mcard.is-on .pp-mic-sun,.pp-campaign-container .pp-int-mcard.is-on .pp-mic-wind,.pp-campaign-container .pp-int-mcard.is-on .pp-mic-hand,.pp-campaign-container .pp-int-mcard.is-on .pp-mic-star,.pp-campaign-container .pp-int-mcard.is-on .pp-mic-mark{animation:none !important}
}