/* Scoped presentation for the two new pages; the combined page stays available. */
.service-packages-page #mail-faq>details>summary{display:grid;grid-template-columns:minmax(0,1fr) 30px;gap:22px;align-items:center;list-style:none}
.service-packages-page #mail-faq>details>summary::-webkit-details-marker{display:none}
.service-packages-page #mail-faq>details>summary::after{display:grid;width:28px;height:28px;place-items:center;border:1px solid rgba(11,29,54,.15);border-radius:50%;color:#1264dd;font-size:1.2rem;line-height:1;content:'+'}
.service-packages-page #mail-faq>details[open]>summary::after{content:'−'}
.service-packages-page #mail-faq>details>summary:focus-visible{outline:3px solid #1264dd;outline-offset:4px}
/* Keep section links and form-step scrolling clear of the floating navigation. */
.service-packages-page #inhoud [id],
.service-packages-page #inhoud [data-choice-step]{scroll-margin-top:160px}
.service-packages-page .service-packages-hero{padding:112px 0 42px}
.service-packages-page .technical-crumb{margin-bottom:24px}
.service-packages-page .service-packages-hero h1{font-size:clamp(2.4rem,4.6vw,4.1rem);margin:12px 0 18px}
.service-packages-page .service-packages-hero p{font-size:1.1rem;max-width:760px}
.service-packages-page .technical-actions{margin-top:22px;gap:18px 28px}
.service-packages-page .hosting-offer,.service-packages-page .mail-choice{padding:42px 0 64px}
.service-packages-page .mail-choice>.technical-shell{width:min(100% - 48px,1260px)}
.service-packages-page .hosting-offer-heading h2{font-size:clamp(1.7rem,3vw,2.5rem)}
.service-packages-page .hosting-offer-request{margin:36px 0 56px}
.service-packages-page .mail-choice-value{margin-top:64px;scroll-margin-top:120px}
.service-packages-page .mail-choice-value h2{font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.2;color:#091c36}
.service-packages-page .mail-choice-benefits{margin:26px 0}
.service-packages-page .mail-choice-system{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding:32px;border-radius:16px;background:#071b35;color:#fff;margin:26px 0;scroll-margin-top:120px}
.service-packages-page .mail-choice-system h3{font-size:1.6rem;line-height:1.3;margin:12px 0}
.service-packages-page .mail-choice-system h4{font-size:1.15rem;margin:0 0 12px}
.service-packages-page .mail-choice-system p{color:#d5e2f1;font-size:.95rem}
.service-packages-page .mail-choice-system a,.service-packages-page .mail-choice-system .mail-choice-kicker{color:#bfe33d}
.service-packages-page .mail-choice-flexibility{margin:26px 0}
.service-packages-page .mail-choice-package-included{font-size:.78rem}
.service-packages-page .mail-choice-package-included span{margin:3px 0}
.service-packages-page .mail-browse-grid{display:grid;grid-template-columns:minmax(270px,1fr) minmax(0,2fr);gap:28px;align-items:start}
.service-packages-page .mail-browse-catalog{min-width:0}
.service-packages-page [data-package-browse] [data-choice-step="package"]{border:0;background:transparent;padding:0;margin:0 0 48px}
.service-packages-page [data-package-browse] .mail-choice-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.service-packages-page [data-package-browse] .mail-choice-package-body{padding:20px 14px}
.service-packages-page [data-package-browse] .mail-choice-package input:checked+.mail-choice-package-body{padding:19px 13px}
.service-packages-page .mail-browse-price-note{font-size:.88rem;color:#115fbd;border-left:3px solid #115fbd;padding:10px 14px;background:#eaf3fb}
.service-packages-page .mail-browse-choose{display:block;margin-top:16px;border-radius:6px;border:1px solid #115fbd;color:#115fbd;text-align:center;padding:9px 5px;font-weight:700}
.service-packages-page .mail-choice-package input:checked+.mail-choice-package-body .mail-browse-choose{background:#115fbd;color:#fff}
.service-packages-page .mail-browse-more{display:block;width:100%;padding:13px 18px;background:#fff;border:1px solid #adc9e0;border-radius:9px;color:#115fbd;font-weight:700;cursor:pointer}
.service-packages-page .mail-browse-included{padding:26px;background:#fff;border:1px solid #c8dcee;border-top:4px solid #115fbd;border-radius:14px}
.service-packages-page .mail-browse-included h3{font-size:1.3rem;margin:10px 0 18px;line-height:1.3}
.service-packages-page .mail-browse-included ul{list-style:none;padding:0;margin:0}
.service-packages-page .mail-browse-included li{position:relative;padding:0 0 12px 22px;font-size:.88rem;line-height:1.5}
.service-packages-page .mail-browse-included li:before{content:'✓';position:absolute;left:0;color:#115fbd;font-weight:700}
.service-packages-page .mail-browse-included li.mail-browse-domain{font-weight:800;color:#091c36;background:#f1f7e5;border-radius:8px;padding:11px 10px 11px 32px;margin:2px -10px 12px}
.service-packages-page .mail-browse-included li.mail-browse-domain:before{left:10px;color:#528500}
.service-packages-page .mail-choice-systemmail{display:block;margin:10px 0;padding:8px 10px;border-left:3px solid #bfe33d;background:#f1f7e5;color:#315500;font-size:.78rem;font-weight:700;line-height:1.45}
.service-packages-page .mail-systemmail-info{display:inline-grid;place-items:center;width:1.45em;height:1.45em;margin-left:2px;padding:0;border:0;border-radius:50%;background:#dbe9c2;color:#315500;font:800 1em/1 Arial,Helvetica,sans-serif;vertical-align:middle;cursor:pointer}
.service-packages-page .mail-systemmail-info:hover,.service-packages-page .mail-systemmail-info:focus-visible{background:#315500;color:#fff;outline:0}
.service-packages-page .mail-systemmail-dialog{width:min(580px,calc(100% - 30px));padding:0;border:0;border-radius:20px;background:#fff;color:#091c36;box-shadow:0 28px 80px rgba(3,11,25,.42)}
.service-packages-page .mail-systemmail-dialog::backdrop{background:rgba(3,11,25,.68);backdrop-filter:blur(3px)}
.service-packages-page .mail-systemmail-dialog section{position:relative;padding:clamp(28px,5vw,46px)}
.service-packages-page .mail-systemmail-dialog h3{margin:12px 45px 16px 0;font-size:clamp(1.7rem,4vw,2.35rem);line-height:1.1}
.service-packages-page .mail-systemmail-dialog p{margin:0;color:#405c78;line-height:1.7}
.service-packages-page .mail-systemmail-dialog-close{position:absolute;top:18px;right:18px;width:40px;height:40px;padding:0;border:1px solid #c7d5e2;border-radius:50%;background:#fff;color:#091c36;font-size:25px;line-height:1;cursor:pointer}
.service-packages-page .mail-browse-included a{text-decoration:underline;text-decoration-color:#b7cbe1;text-underline-offset:3px}
.service-packages-page .mail-browse-included a.mail-info-icon{display:inline-flex;align-items:center;justify-content:center;width:1.35em;height:1.35em;margin-left:3px;border-radius:50%;background:#e5eff8;color:#115fbd;text-decoration:none;font-size:.8em;font-weight:800;vertical-align:middle}
.service-packages-page .mail-browse-included a.mail-info-icon:hover,.service-packages-page .mail-browse-included a.mail-info-icon:focus-visible{background:#115fbd;color:#fff}
.service-packages-page .mail-browse-included a.mail-info-icon--large{margin-top:8px;font-size:1rem}
.service-packages-page .mail-browse-website{border-top:1px solid #d4e4f1;margin-top:8px;padding-top:16px}
.service-packages-page .mail-browse-website h4{font-size:1rem;margin:0 0 8px}
.service-packages-page .mail-browse-website p,.service-packages-page .mail-browse-website>a{font-size:.82rem;line-height:1.55}
.service-packages-page .mail-browse-website.is-included{background:#f1f7e5;border-radius:8px;padding:16px;margin-inline:-12px}
.service-packages-page .mail-browse-labour{border-top:1px solid #d4e4f1;padding-top:12px;margin-top:14px}
.service-packages-page .mail-combi-toolbar{padding:24px 28px;margin:0 0 32px;background:#fff;border:1px solid #b9d4eb;border-radius:14px}
.service-packages-page .mail-combi-top{display:flex;align-items:center;justify-content:space-between;gap:20px}
.service-packages-page .mail-combi-top h2{font-size:clamp(1.25rem,2.3vw,1.7rem);line-height:1.3;margin:8px 0}
.service-packages-page .mail-combi-toolbar>p{font-size:.88rem;max-width:850px;color:#405c78;margin:10px 0}
.service-packages-page .mail-combi-toolbar .mail-combi-status{font-weight:700;color:#115fbd}
.service-packages-page .mail-combi-switch{display:flex;position:relative;align-items:center;gap:12px;cursor:pointer;font-size:.95rem;font-weight:700;flex-shrink:0}
.service-packages-page .mail-combi-switch input{position:absolute;opacity:0;width:1px;height:1px}
.service-packages-page .mail-combi-track{display:block;flex-shrink:0;width:52px;height:30px;border:2px solid #7890a5;border-radius:20px;background:#e0e9f0;transition:background .15s}
.service-packages-page .mail-combi-track:before{content:'';display:block;width:22px;height:22px;margin:2px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #526779;transition:transform .15s}
.service-packages-page .mail-combi-switch input:checked+.mail-combi-track{background:#115fbd;border-color:#115fbd}
.service-packages-page .mail-combi-switch input:checked+.mail-combi-track:before{transform:translateX(22px)}
.service-packages-page .mail-combi-switch input:focus-visible+.mail-combi-track{outline:3px solid #ff642e;outline-offset:4px}
.service-packages-page .mail-combi-details{margin-top:16px;border-top:1px solid #d4e4f1;padding-top:14px}
.service-packages-page .mail-combi-details>summary{font-size:.85rem;color:#115fbd;cursor:pointer;font-weight:600}
.service-packages-page .mail-combi-details .mail-choice-combination{border:0;padding:16px 0 0;margin:0}
.service-packages-page .mail-combi-details .mail-choice-combination legend{display:none}
.service-packages-page .mail-combi-toggle-panel{border:0;padding:0;margin:18px 0 0}
.service-packages-page .mail-combi-intro{margin:0 0 16px;color:#405c78}
.service-packages-page .mail-combi-toggle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.service-packages-page .mail-combi-choice{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:12px;min-height:126px;padding:17px;border:1px solid #c8d9ea;border-radius:12px;background:#f7fbff;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s,transform .15s}
.service-packages-page .mail-combi-choice--pure{grid-column:1/-1;min-height:0;flex-direction:row;align-items:center;background:#fffaf6;border-color:#edcdbd}
.service-packages-page .mail-combi-choice--pure.is-active{background:#fff0e8;border-color:#ff642e;box-shadow:0 4px 14px rgba(255,100,46,.16)}
.service-packages-page .mail-combi-choice--pure.is-active .mail-combi-discount{background:#d94f20}
.service-packages-page .mail-combi-choice input{position:absolute;opacity:0;width:1px;height:1px}
.service-packages-page .mail-combi-choice strong,.service-packages-page .mail-combi-choice small{display:block}
.service-packages-page .mail-combi-choice small{margin-top:3px;color:#526b82;font-size:.82rem}
.service-packages-page .mail-combi-choice.is-active{border-color:#1687d4;background:#ddecff;box-shadow:0 4px 14px rgba(22,135,212,.17);transform:translateY(-2px)}
.service-packages-page .mail-combi-discount{display:inline-block;padding:5px 9px;border-radius:999px;background:#e6edf4;color:#38536d;font-size:.8rem;font-weight:700}
.service-packages-page .mail-combi-choice.is-active .mail-combi-discount{background:#115fbd;color:#fff}
.service-packages-page .mail-combi-choice:focus-within{outline:3px solid #ff642e;outline-offset:2px}
.service-packages-page .mail-combi-hidden-fields{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.service-packages-page .mail-combi-benefit-note{margin:16px 0 8px;color:#115fbd;font-weight:600}
.service-packages-page .mail-combi-condition{margin:12px 2px 0;color:#60758a;font-size:.76rem;line-height:1.5}
.service-packages-page #mail-browse-request{scroll-margin-top:125px}
.service-packages-page #mail-browse-request h2{font-size:1.65rem}
@media(max-width:1100px){.service-packages-page .mail-browse-grid{grid-template-columns:1fr}.service-packages-page .mail-browse-catalog{order:-1}.service-packages-page .mail-browse-included{max-width:none}.service-packages-page .mail-browse-included>ul{columns:2;column-gap:28px}.service-packages-page .mail-browse-included li{break-inside:avoid}.service-packages-page .mail-combi-top{align-items:flex-start;flex-direction:column}}
@media(max-width:800px){.service-packages-page .mail-combi-toggle-grid{grid-template-columns:1fr}}
@media(max-width:620px){.service-packages-page .mail-combi-toggle-grid{grid-template-columns:1fr}}
@media(max-width:740px){
 .service-packages-page #inhoud [id],
 .service-packages-page #inhoud [data-choice-step]{scroll-margin-top:130px}
 .service-packages-page .service-packages-hero{padding:100px 0 32px}
 .service-packages-page .technical-actions{align-items:flex-start;gap:16px}
 .service-packages-page .mail-choice>.technical-shell{width:calc(100% - 32px)}
 .service-packages-page .mail-choice-system{grid-template-columns:1fr;gap:18px;padding:24px}
 .service-packages-page .mail-choice-value{margin-top:44px}
 .service-packages-page [data-package-browse] .mail-choice-picker{grid-template-columns:1fr}
 .service-packages-page .mail-browse-included{padding:22px}
 .service-packages-page .mail-browse-included>ul{columns:1}
 .service-packages-page .mail-combi-toolbar{padding:20px}
 .service-packages-page .mail-combi-choice--pure{align-items:flex-start;flex-direction:column}
 .service-packages-page .mail-combi-switch{font-size:.88rem;flex-shrink:1}
}