:root{--pe-blue:#0b5ed7;--pe-dark:#14213d;--pe-orange:#ff7a00;--pe-soft:#f4f7fb;--pe-line:#d9e1ec}
.peoc-calculator{font-family:Arial,Helvetica,sans-serif;max-width:1220px;margin:24px auto;color:#101828;background:linear-gradient(135deg,#e8fbff,#fff7ed);padding:18px;border-radius:24px}
.peoc-hero,.peoc-card{background:#fff;border:1px solid var(--pe-line);border-radius:22px;padding:28px;box-shadow:0 16px 45px rgba(20,33,61,.08)}
.peoc-hero{background:linear-gradient(135deg,#f7fbff,#fffaf5);margin-bottom:22px;display:flex;align-items:center;gap:22px}
.peoc-hero img{max-width:190px;max-height:95px;object-fit:contain}.peoc-hero h2{font-size:34px;letter-spacing:.08em;margin:0;color:var(--pe-dark);text-transform:uppercase}.peoc-hero p{font-size:18px;color:#475467}
.peoc-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.peoc-result{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;background:linear-gradient(135deg,#fff,#f8fbff)}
.peoc-calculator h3{font-size:24px;letter-spacing:.06em;text-transform:uppercase;color:#101828;margin-top:0}.peoc-calculator label{display:block;font-weight:800;margin:0 0 16px;color:#98a2b3}
.peoc-calculator input,.peoc-calculator select,.peoc-calculator textarea{width:100%;border:1px solid #cfd7e3;border-radius:14px;padding:14px 16px;font-size:17px;background:#fff;min-height:52px}
.peoc-calculator input:focus,.peoc-calculator select:focus,.peoc-calculator textarea:focus{outline:3px solid rgba(11,94,215,.15);border-color:var(--pe-blue)}
.peoc-check{display:flex!important;justify-content:space-between;gap:16px;border:1px solid #e3e8ef;border-radius:16px;padding:18px 20px;margin-bottom:13px;background:#fff;transition:.15s}
.peoc-check:hover{border-color:var(--pe-blue);box-shadow:0 8px 22px rgba(11,94,215,.08)}.peoc-check input{width:auto;min-height:auto;transform:scale(1.15)}.peoc-check b{color:#344054}.peoc-check small{display:block;color:#667085;margin-top:8px}.peoc-check em{font-weight:900;color:#98a2b3;white-space:nowrap}
.peoc-price{font-size:54px;font-weight:950;color:#315bdc;line-height:1}.peoc-result p{font-size:18px}.peoc-calculator button{border:0;border-radius:14px;padding:16px 22px;font-weight:900;background:var(--pe-orange);color:#fff;margin:6px;cursor:pointer;font-size:16px}.peoc-calculator button+button{background:#315bdc}.peoc-calculator button:hover{filter:brightness(.96);transform:translateY(-1px)}
#peoc_status{margin-top:16px;font-weight:900;color:#14213d;background:#ecfdf3;border:1px solid #abefc6;padding:12px 14px;border-radius:12px;display:inline-block}.peoc-print{display:none}
@media(max-width:900px){.peoc-grid{grid-template-columns:1fr}.peoc-result{grid-template-columns:1fr}.peoc-hero{display:block}.peoc-hero h2{font-size:26px}.peoc-price{font-size:42px}}
@media(max-width:600px){.peoc-calculator{padding:10px;border-radius:16px}.peoc-card,.peoc-hero{padding:18px;border-radius:16px}.peoc-calculator h3{font-size:20px}.peoc-price{font-size:36px}.peoc-calculator button{width:100%;margin:6px 0}}
@media print{body *{visibility:hidden}.peoc-print,.peoc-print *{visibility:visible}.peoc-print{display:block;position:absolute;left:0;top:0;width:100%;padding:25px;font-family:Arial,sans-serif}.peoc-print-logo{max-width:190px;max-height:100px}.peoc-print-price{font-size:36px;font-weight:900;color:#0b5ed7}}
/* v6.2 responsive verbeteringen */
@media (max-width:768px){
.peoc-grid{grid-template-columns:1fr!important}
.peoc-result{grid-template-columns:1fr!important}
.peoc-price{font-size:32px!important}
.peoc-check{flex-direction:column}
.peoc-calculator input,.peoc-calculator select,.peoc-calculator textarea{font-size:16px}
}

/* v6.3 korting */
.peoc-discount-box{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0;max-width:540px}
.peoc-price-lines{font-size:15px;color:#475467;margin:8px 0 16px}
.peoc-price-lines div{margin:4px 0}
@media(max-width:600px){.peoc-discount-box{grid-template-columns:1fr}}

/* v7.1 optie A: vaste verkoopprijzen */
.peoc-result p{opacity:.75}
.peoc-check em{color:#0b5ed7!important;font-style:normal}

/* v7.3 vaste verkoopprijzen: overzicht */
.peoc-total-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0;max-width:560px}
.peoc-total-breakdown div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:14px 16px;color:#344054}
.peoc-total-breakdown b{color:#0b5ed7}
@media(max-width:600px){.peoc-total-breakdown{grid-template-columns:1fr}}