/* Shared visual system. Explicit selectors prevent collisions with legacy layouts. */
:root{--ink:#203c34;--muted:#52645b;--line:#dce3d8;--wash:#eef3e8;--paper:#fcfcf8}
body{color:var(--ink);font-size:16px;line-height:1.75}
main h1,main h2,main h3{hyphens:none;word-break:normal;overflow-wrap:normal;text-wrap:balance}
main p{line-height:1.8}a{ text-underline-offset:4px }
.wrap.article-header{padding-top:40px;padding-bottom:42px;border-bottom:1px solid var(--line)}
.article-header h1{font-size:clamp(2.3rem,4.1vw,3.65rem);line-height:1.12;max-width:25ch;letter-spacing:-.035em}
.article-header p.intro{display:block;max-width:68ch;font-size:1.1rem;margin-top:22px}
.article-meta{color:#637468;margin-top:22px}.breadcrumbs{margin-bottom:32px}
.wrap.article-layout{grid-template-columns:220px minmax(0,1fr);gap:52px;padding-top:42px;padding-bottom:72px;align-items:start}
.article-body{max-width:none;min-width:0}.article-body>section{max-width:none}
.article-body h2{font-size:clamp(1.7rem,2.4vw,2.25rem);line-height:1.22;letter-spacing:-.025em;margin-bottom:20px}
.article-body p,.article-body li{font-size:1rem}.article-body p{max-width:73ch}
.toc{padding:24px 20px;border:1px solid var(--line);background:#f5f6f0;top:28px}
.toc nav a{line-height:1.5;padding:9px 0;font-size:.9rem}.toc-related{line-height:1.6}
main .answer{display:block;grid-template-columns:none;padding:32px 36px;margin:0 0 36px;background:linear-gradient(115deg,#eaf0df,#f4f6ed);border:1px solid #d5dfcb;border-left:5px solid #709057;border-radius:0 24px 24px 0;box-shadow:none}
main .answer h2{grid-area:auto;grid-row:auto;grid-column:auto;display:block;max-width:none;font-size:clamp(1.7rem,2.3vw,2.15rem);line-height:1.2;margin:0 0 18px}
main .answer p{grid-area:auto;grid-column:auto;max-width:75ch;margin:0;font-size:1rem;line-height:1.8}
.home-content>.answer{margin-top:22px;margin-bottom:42px}.home-content>section#eigen-producten{padding:38px;border:1px solid #e0e4d7;border-radius:28px;background:#f5f5ed}
.bottle-grid{gap:24px}.bottle-card{background:#fff;border:1px solid #dfe3d9;box-shadow:0 12px 30px #233c3410}.bottle-card img{height:310px}.bottle-card figcaption strong{font-size:1.2rem;color:#203c34}
.visual-guide .vg-shell{background:#eff3e7;border-radius:24px;padding:30px}.vg-node{box-shadow:0 4px 14px #203c3405}.vg-node p{line-height:1.65}.vg-grid{gap:16px}
.related{padding:28px 30px;background:#edf2e6;border:1px solid #dbe3d2}.related h2{font-size:1.45rem}.related a{line-height:1.7}
.table-scroll{border:1px solid #dde4d7;border-radius:18px;background:white}.table-scroll caption{padding:18px;font-size:.95rem}.table-scroll tbody tr:last-child>*{border-bottom:0}.table-scroll th{color:#244537}
/* Corporate text stays intact; typography and layout follow the rabbit site. */
main.company-service.company-service{--ink:#203c34;--forest:#203f35;--forest-dark:#18352c;--muted:#52645b;--sage:#edf2df;--cream:#fcfcf8;--copper:#607e41;background:#fcfcf8}
main.company-service .wrap{width:min(1120px,calc(100% - 64px));padding-left:0;padding-right:0}
main.company-service .page-hero{padding:62px 0 54px;background:linear-gradient(115deg,#e9efdd,#f4f5e9);border-bottom:1px solid #dce3d3}
main.company-service .page-hero .wrap{max-width:1120px}
main.company-service .page-hero h1{font-size:clamp(2.5rem,4.5vw,4.05rem);max-width:23ch;line-height:1.12;letter-spacing:-.035em;margin:0 0 24px}
main.company-service .page-hero p:not(.eyebrow){max-width:68ch;line-height:1.8;font-size:1.1rem}
main.company-service .eyebrow{color:#607e41;letter-spacing:.13em;font-size:.77rem;font-weight:800}
main.company-service .section{padding:56px 0}
main.company-service .intro{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:64px;align-items:start;max-width:1120px;margin:0 auto;font-size:1rem}
main.company-service h2{font-size:clamp(1.9rem,3vw,2.6rem);line-height:1.2;letter-spacing:-.025em;max-width:26ch;margin-bottom:22px}
main.company-service h3{font-size:1.45rem;line-height:1.3}
main.company-service p{font-size:1rem;line-height:1.8}
main.company-service .lead{font-size:1.08rem;max-width:none;line-height:1.8}
main.company-service .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}
main.company-service .card{padding:28px;border:1px solid #dbe2d3;border-radius:22px;box-shadow:0 7px 18px #203c3405;min-height:0}
main.company-service .card h3{max-width:none}.company-service .card p{margin-top:15px}
main.company-service .quote{max-width:840px}.company-service .quote h2{max-width:none}
main.company-service .gold-band{background:#edf2e2}
main.company-service .legal-content{max-width:840px}.company-service .legal-content h2{font-family:inherit;font-size:1.2rem;line-height:1.5;font-weight:750;max-width:none;margin-top:34px;margin-bottom:12px;padding-top:26px;border-top:1px solid #dfe4d8}
main.company-service .legal-content h2:first-child{margin-top:0;padding-top:0;border-top:0}
main.company-service .legal-content p{font-size:1rem;line-height:1.85}.company-service .legal-content li{line-height:1.8}
main.company-service .faq{max-width:900px}.company-service .faq h2{max-width:none}.company-service .faq details{padding:20px 24px;border-radius:16px}
main.company-service .fact-strip{background:#fff;border-bottom:1px solid #dce3d3;padding:26px 0}
main.company-service .fact-grid{gap:24px}.company-service .fact-item{padding:0}.company-service .fact-icon{background:#eaf0da;color:#456544}
/* The checkout list is a readable five-step infographic, with original wording. */
main.company-service .payment-flow{display:block;max-width:1120px}
main.company-service .payment-flow h2{max-width:none}
main.company-service ol.checkout-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:32px 0 26px;counter-reset:checkout}
main.company-service ol.checkout-steps li{position:relative;counter-increment:checkout;display:flex;flex-direction:column;align-items:flex-start;gap:18px;background:#f5f6f0;border:1px solid #dce4d3;border-radius:22px;padding:24px 20px;font-size:.94rem;line-height:1.7}
main.company-service ol.checkout-steps li:before{content:'0' counter(checkout);font-size:.72rem;font-weight:800;color:#6c805c;position:absolute;right:18px;top:22px}
.checkout-steps .step-icon{display:grid;place-items:center;width:48px;height:48px;background:#e4eccf;border-radius:50%;color:#496c40}.step-icon svg{width:25px;height:25px}
.payment-flow>div:last-child>p{max-width:75ch;font-size:.94rem;color:#52645b;padding-left:20px;border-left:3px solid #c7d5ae}
@media(max-width:1000px){.wrap.article-layout{grid-template-columns:185px minmax(0,1fr);gap:30px}main.company-service .intro{gap:36px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}main.company-service ol.checkout-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.wrap.article-layout{grid-template-columns:1fr;padding-top:25px;gap:28px}.wrap.article-header{padding-top:26px;padding-bottom:30px}.article-header h1{font-size:2.4rem;max-width:none}.toc{position:static;padding:20px}.toc nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}main .answer{padding:25px 23px;border-radius:0 20px 20px 0}main .answer h2{font-size:1.75rem}.home-content>section#eigen-producten{padding:24px 20px}.bottle-card img{height:225px}.visual-guide .vg-shell{padding:24px 18px}main.company-service .wrap{width:calc(100% - 42px)}main.company-service .page-hero{padding:36px 0}.company-service .page-hero h1{font-size:2.5rem;max-width:none}main.company-service .intro{display:block;max-width:none}.company-service .intro>div+div{margin-top:24px}main.company-service .section{padding:38px 0}main.company-service h2{font-size:1.9rem;max-width:none}main.company-service .cards{grid-template-columns:1fr;gap:16px}main.company-service ol.checkout-steps{grid-template-columns:1fr;gap:12px;margin-top:24px}main.company-service ol.checkout-steps li{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:18px;padding:20px 40px 20px 18px}.checkout-steps li:before{right:12px!important;top:12px!important}main.company-service .fact-grid{grid-template-columns:1fr;gap:20px}.company-service .legal-content h2{font-size:1.12rem}.company-footer.footer .footer-grid{gap:28px}}
@media(max-width:420px){.toc nav{grid-template-columns:1fr}.article-header h1{font-size:2.2rem}.bottle-grid{gap:12px}.bottle-card{padding:20px 10px}.bottle-card img{height:195px}main.company-service .page-hero h1{font-size:2.25rem}}
main.company-service .payment-options{background:#f7f8f2;padding-bottom:50px}.payment-options .payment-intro{max-width:70ch}.payment-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px}.payment-method{display:flex;flex-direction:column;border:1px solid #dbe3d3;border-radius:24px;padding:28px;background:#fff;box-shadow:0 10px 26px #203c3408}.payment-logo{height:115px;display:flex;align-items:center;justify-content:center;margin-bottom:26px;border-bottom:1px solid #eef0e8;padding-bottom:24px}.payment-logo img{display:block;max-width:200px;max-height:75px;width:auto;height:auto;object-fit:contain}.payment-method h3{margin-bottom:12px!important}.payment-method p{margin:0 0 24px!important}.method-caption{display:block;margin-top:auto;font-size:.79rem;line-height:1.6;font-weight:650;color:#667b56;border-top:1px solid #e4e9dd;padding-top:15px}.bank-symbol{gap:14px;color:#273f65}.bank-symbol svg{width:54px;height:54px}.bank-symbol strong{font:750 1.7rem system-ui;letter-spacing:.04em}@media(max-width:760px){.payment-methods{grid-template-columns:1fr;gap:18px}.payment-method{padding:24px}.payment-logo{height:100px;margin-bottom:20px}}