/* Package offers share the newsletter card's spacing and typography. */
.panel.package-offer{padding:24px;margin-bottom:20px;min-width:0;color:#173d32}
.package-offer h2{margin:0 0 16px;padding:0;border:0;font-size:20px;line-height:1.3}
.package-offer h3{margin:20px 0 12px;padding:0;font-size:17px}
.package-offer p,.package-offer .uitleg,.package-offer .hulp{margin:8px 0;padding:0;line-height:1.55}
.package-offer .hulp{font-size:13px;color:var(--stil,#6a736e)}
.package-offer .aanbod-kolommen{margin:16px 0;gap:24px}
.package-offer h4{padding:0;margin:16px 0 8px}
.package-offer ul{padding-left:20px!important;margin:8px 0 16px!important;list-style:disc}
.package-offer li{list-style:disc;margin-bottom:8px;line-height:1.55}
.package-offer .aanbod-acties,.package-offer .aanbod-voet{padding:0;margin:16px 0 0;flex-wrap:wrap}
.package-offer .aanbod-vw{margin:12px 0}
.package-offer .aanbod-akkoord{padding:0;margin:16px 0;gap:10px;line-height:1.55;font-weight:400}
.package-offer .aanbod-akkoord input{width:18px;height:18px;flex:0 0 auto;margin-top:3px}
.package-offer .aanbod-fout:empty{display:none}
/* SEO: a short, self-contained explanation before the detailed benefits. */
.package-offer .seo-stappen{margin:24px 0 28px;padding:20px 0 24px;border-top:1px solid #e4ece6;border-bottom:1px solid #e4ece6}
.package-offer .seo-stappen h3{margin:0 0 6px}
.package-offer .seo-stappen-intro{font-size:14px;color:#53685d;margin:0 0 20px}
.package-offer .seo-stappen-lijst{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:0}
.package-offer .seo-stap{position:relative;list-style:none;margin:0;min-width:0}
.package-offer .seo-stap:not(:last-child)::after{content:'→';position:absolute;right:-19px;top:40px;color:#799b86;font-size:20px}
.package-offer .seo-stap-beeld{position:relative;background:#edf6ef;border-radius:12px;height:104px;display:flex;align-items:center;justify-content:center;color:#285d42}
.package-offer .seo-stap-beeld svg{width:120px;height:80px;max-width:100%;overflow:visible}
.package-offer .seo-stap-nummer{position:absolute;top:9px;left:10px;border-radius:50%;background:#fff;color:#285d42;width:22px;height:22px;display:grid;place-items:center;font-size:12px;font-weight:700}
.package-offer .seo-stap h4{margin:12px 0 5px;font-size:15px;line-height:1.4;text-transform:none;letter-spacing:normal;color:#173d32}
.package-offer .seo-stap p{margin:0;font-size:14px;line-height:1.5;color:#53685d}
.seo-stappen .seo-scan{animation:seo-scan 3.2s ease-in-out both}
.seo-stappen .seo-potlood{animation:seo-edit 2.8s .4s ease-in-out both}
.seo-stappen .seo-regels{animation:seo-lines 2.8s .4s ease both}
.seo-stappen .seo-grafiek{stroke-dasharray:100;stroke-dashoffset:0;animation:seo-chart 3s .8s ease both}
.seo-stappen .seo-rapport{animation:seo-report 3s .8s ease both;transform-origin:96px 63px}
@keyframes seo-scan{0%,100%{transform:translateX(0)}35%{transform:translateX(-18px)}70%{transform:translateX(3px)}}
@keyframes seo-edit{0%,100%{transform:translate(0,0)}35%{transform:translate(-7px,5px)}70%{transform:translate(3px,-2px)}}
@keyframes seo-lines{0%{opacity:.3}65%,100%{opacity:1}}
@keyframes seo-chart{0%{stroke-dashoffset:100}80%,100%{stroke-dashoffset:0}}
@keyframes seo-report{0%,65%{transform:scale(.8);opacity:.3}90%,100%{transform:scale(1);opacity:1}}
@media(prefers-reduced-motion:reduce){.seo-stappen svg *{animation:none!important}}
@media(max-width:600px){.panel.package-offer{padding:16px}}
@media(max-width:900px){.package-offer .seo-stappen-lijst{grid-template-columns:minmax(0,1fr);gap:20px}.package-offer .seo-stap{display:grid;grid-template-columns:104px minmax(0,1fr);column-gap:14px;align-content:center}.package-offer .seo-stap-beeld{grid-row:1/3}.package-offer .seo-stap h4{align-self:end;margin:4px 0 5px}.package-offer .seo-stap p{align-self:start}.package-offer .seo-stap:not(:last-child)::after{content:'↓';left:44px;right:auto;top:102px;font-size:16px}.package-offer .seo-stappen-intro{margin-bottom:16px}}

@media(max-width:360px){.package-offer .seo-stap{display:block}.package-offer .seo-stap h4{margin-top:10px}.package-offer .seo-stap:not(:last-child)::after{display:none}}
@media(max-width:640px){.package-offer .btn{max-width:100%;white-space:normal}.package-offer .aanbod-kolommen{grid-template-columns:minmax(0,1fr)}}