
:root{--dfap-blue:#0F66D2;--dfap-dark:#101828;--dfap-muted:#667085;--dfap-line:#E4EAF1;--dfap-soft:#F5F7FA}
.dfap-pricing,.dfap-pricing *{box-sizing:border-box}
.dfap-pricing{font-family:"Manrope",Arial,sans-serif;color:var(--dfap-dark);width:100%;padding:78px 0}
.dfap-pricing__head{text-align:center;max-width:820px;margin:0 auto 42px}
.dfap-kicker{font-size:13px;font-weight:800;letter-spacing:.07em;line-height:1.2;color:var(--dfap-blue);text-transform:uppercase}
.dfap-pricing__head h2,.dfap-modal__intro h2{font-family:"Manrope",Sans-serif;font-size:32px;font-weight:800;line-height:1.15em;color:#101828;margin:10px 0 16px}
.dfap-pricing__head>p{font-size:17px;line-height:1.7;color:#667085;margin:0}
.dfap-pricing__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.dfap-card{position:relative;display:flex;flex-direction:column;padding:34px;border:1px solid var(--dfap-line);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(16,24,40,.035);transition:.22s ease;overflow:hidden}
.dfap-card:hover{transform:translateY(-5px);box-shadow:0 20px 52px rgba(16,24,40,.08);border-color:#C8D8EB}
.dfap-card--featured{border:2px solid var(--dfap-blue);box-shadow:0 20px 55px rgba(15,102,210,.12)}
.dfap-card__badge{position:absolute;right:22px;top:22px;padding:7px 10px;border-radius:999px;background:#EAF3FF;color:var(--dfap-blue);font-size:10px;font-weight:800;letter-spacing:.05em}
.dfap-card__top h3{font-size:22px;line-height:1.2;font-weight:800;color:#101828;margin:0 0 22px}
.dfap-price{display:flex;align-items:flex-end;gap:5px;margin-bottom:20px}
.dfap-price__currency{font-size:24px;font-weight:800;line-height:1.25;color:#101828}
.dfap-price strong{font-size:54px;line-height:.95;letter-spacing:-.055em;color:#101828}
.dfap-price__suffix{font-size:14px;color:#667085;font-weight:700;margin-bottom:5px}
.dfap-card__top p{font-size:16px;line-height:1.65;color:#667085;margin:0 0 26px;min-height:80px}
.dfap-features{list-style:none!important;margin:0 0 30px!important;padding:25px 0 0!important;border-top:1px solid var(--dfap-line);display:flex;flex-direction:column;gap:13px;flex:1}
.dfap-features li{display:flex;gap:11px;align-items:flex-start;font-size:15px;line-height:1.5;color:#101828}
.dfap-features li span{display:grid;place-items:center;flex:0 0 23px;width:23px;height:23px;border-radius:50%;background:#EAF3FF;color:var(--dfap-blue);font-size:12px;font-weight:900}
.dfap-order-button,.dfap-submit{appearance:none;border:1px solid var(--dfap-blue);border-radius:9px;background:var(--dfap-blue);color:#fff;min-height:50px;padding:13px 20px;font-family:inherit;font-size:14px;font-weight:800;cursor:pointer;transition:.18s ease}
.dfap-order-button:hover,.dfap-submit:hover{background:#fff;color:var(--dfap-blue)}
.dfap-card--featured .dfap-order-button{box-shadow:0 9px 24px rgba(15,102,210,.18)}
.dfap-note{display:flex;justify-content:center;align-items:center;gap:9px;margin-top:26px;font-size:14px;color:#667085}.dfap-note strong{color:#101828}

/* modal */
.dfap-modal{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:22px}
.dfap-modal.is-open{display:flex}
.dfap-modal__overlay{position:absolute;inset:0;background:rgba(10,20,32,.60);backdrop-filter:blur(5px)}
.dfap-modal__dialog{position:relative;z-index:2;width:min(920px,100%);max-height:calc(100vh - 44px);overflow:auto;background:#fff;border-radius:20px;box-shadow:0 35px 100px rgba(0,0,0,.25);display:grid;grid-template-columns:320px minmax(0,1fr)}
.dfap-modal__close{position:absolute;right:16px;top:16px;z-index:5;width:40px;height:40px;border:0;border-radius:50%;background:#F3F5F7;color:#101828;font-size:25px;cursor:pointer}
.dfap-modal__close:hover{background:var(--dfap-blue);color:#fff}
.dfap-modal__intro{padding:40px 34px;background:#F4F7FB;border-radius:20px 0 0 20px}
.dfap-modal__intro h2{font-size:29px}
.dfap-modal__intro>p{font-size:15px;line-height:1.65;color:#667085}
.dfap-selected-plan{margin-top:30px;padding:20px;border:1px solid #D8E4F2;border-radius:13px;background:#fff;display:flex;flex-direction:column;gap:4px}
.dfap-selected-plan span{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#667085;font-weight:800}
.dfap-selected-plan strong{font-size:18px;color:#101828}.dfap-selected-plan b{font-size:14px;color:var(--dfap-blue)}
.dfap-form{padding:40px 40px 42px}
.dfap-form__section{padding-bottom:27px;margin-bottom:26px;border-bottom:1px solid var(--dfap-line)}
.dfap-form__section h3{font-size:17px;font-weight:800;color:#101828;margin:0 0 17px}
.dfap-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.dfap-form label{display:flex;flex-direction:column;gap:7px}
.dfap-form label>span{font-size:12px;font-weight:800;color:#344054}
.dfap-form input,.dfap-form select,.dfap-form textarea{width:100%;border:1px solid #D0D5DD;border-radius:8px;background:#fff;padding:12px 13px;color:#101828;font-family:inherit;font-size:14px;outline:none}
.dfap-form input:focus,.dfap-form select:focus,.dfap-form textarea:focus{border-color:var(--dfap-blue);box-shadow:0 0 0 3px rgba(15,102,210,.08)}
.dfap-form__full{margin-top:17px}
.dfap-consent{flex-direction:row!important;align-items:flex-start!important;gap:10px!important;margin:0 0 18px}.dfap-consent input{width:auto;margin-top:3px}.dfap-consent span{font-weight:500!important;line-height:1.5!important;color:#667085!important}
.dfap-form__status{min-height:0;margin-bottom:12px;font-size:13px;font-weight:700}.dfap-form__status.is-error{color:#B42318}.dfap-form__status.is-success{color:#067647;padding:13px 15px;background:#ECFDF3;border-radius:8px}
.dfap-submit{width:100%}
.dfap-submit[disabled]{opacity:.55;cursor:wait}
.dfap-hp{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;opacity:0!important}
body.dfap-modal-open{overflow:hidden}

@media(max-width:1024px){.dfap-pricing__grid{grid-template-columns:1fr}.dfap-card__top p{min-height:0}.dfap-modal__dialog{grid-template-columns:1fr}.dfap-modal__intro{border-radius:20px 20px 0 0;padding:30px}.dfap-modal__intro>p{max-width:700px}.dfap-selected-plan{margin-top:20px}}
@media(max-width:600px){.dfap-pricing{padding:55px 0}.dfap-pricing__head h2,.dfap-modal__intro h2{font-size:28px}.dfap-card{padding:27px 23px}.dfap-price strong{font-size:47px}.dfap-modal{padding:10px;align-items:flex-end}.dfap-modal__dialog{max-height:calc(100vh - 20px);border-radius:17px}.dfap-modal__intro{padding:26px 22px}.dfap-form{padding:28px 22px 30px}.dfap-form__grid{grid-template-columns:1fr}.dfap-note{align-items:flex-start;flex-direction:column}}


/* v1.1 abonnementen */
.dfap-card__actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-top:auto;
}
.dfap-info-button{
    appearance:none;
    min-height:50px;
    padding:13px 20px;
    border:1px solid #D0D5DD;
    border-radius:9px;
    background:#fff;
    color:#101828;
    font-family:inherit;
    font-size:14px;
    font-weight:800;
    cursor:pointer;
    transition:.18s ease;
}
.dfap-info-button:hover{
    border-color:#0F66D2;
    color:#0F66D2;
}
.dfap-order-button{
    width:100%;
}
.dfap-subscription-note{
    max-width:1200px;
    margin:26px auto 0;
    display:flex;
    align-items:flex-start;
    gap:8px;
    padding:16px 18px;
    border:1px solid #E4EAF1;
    border-radius:10px;
    background:#F7F9FC;
    color:#475467;
    font-size:13px;
    line-height:1.6;
}
.dfap-subscription-note strong{
    color:#0F66D2;
}
.dfap-info-modal__dialog{
    display:block!important;
    width:min(720px,100%)!important;
}
.dfap-info-modal__content{
    padding:40px;
}
.dfap-info-modal__content h2{
    font-family:"Manrope",Sans-serif;
    font-size:32px;
    font-weight:800;
    line-height:1.15em;
    color:#101828;
    margin:10px 0 6px;
}
.dfap-info-modal__price{
    font-size:22px;
    font-weight:800;
    color:#0F66D2;
    margin-bottom:16px;
}
.dfap-info-modal__intro{
    font-size:17px;
    line-height:1.7;
    color:#000;
    margin:0 0 24px;
}
.dfap-info-modal__features{
    list-style:none;
    padding:22px 0 0;
    margin:0;
    border-top:1px solid #E4EAF1;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px 18px;
}
.dfap-info-modal__features li{
    display:flex;
    gap:10px;
    align-items:flex-start;
    font-size:14px;
    line-height:1.5;
    color:#101828;
}
.dfap-info-modal__features li:before{
    content:"✓";
    flex:0 0 23px;
    width:23px;
    height:23px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#EAF3FF;
    color:#0F66D2;
    font-size:12px;
    font-weight:900;
}
.dfap-subscription-note--modal{
    margin-top:26px;
}
@media(max-width:600px){
    .dfap-card__actions{grid-template-columns:1fr}
    .dfap-info-modal__content{padding:30px 22px}
    .dfap-info-modal__features{grid-template-columns:1fr}
}

/* v1.2 — inbegrepen/niet inbegrepen + DIGIFRESH buttons + informatieformulier */
.dfap-pricing .dfap-features li em,
.dfap-info-modal__features li em{font-style:normal}
.dfap-pricing .dfap-features li.is-excluded{color:#98A2B3}
.dfap-pricing .dfap-features li.is-excluded span{background:#F2F4F7;color:#98A2B3}
.dfap-info-modal__features li{display:flex;gap:10px;align-items:flex-start}
.dfap-info-modal__features li span{flex:0 0 23px;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;font-size:12px;font-weight:900}
.dfap-info-modal__features li.is-included span{background:#EAF3FF;color:#0F66D2}
.dfap-info-modal__features li.is-excluded{color:#98A2B3}
.dfap-info-modal__features li.is-excluded span{background:#F2F4F7;color:#98A2B3}
.dfap-info-modal__features li:before{display:none!important;content:none!important}

.dfap-pricing .dfap-card .dfap-info-button{
    background:#FFFFFF!important;
    border:1px solid #101828!important;
    color:#101828!important;
    border-radius:8px!important;
    box-shadow:none!important;
    text-transform:none!important;
}
.dfap-pricing .dfap-card .dfap-info-button:hover{
    background:#101828!important;
    border-color:#101828!important;
    color:#FFFFFF!important;
}
.dfap-pricing .dfap-card .dfap-order-button,
.dfap-pricing .dfap-submit{
    background:#0F66D2!important;
    border:1px solid #0F66D2!important;
    color:#FFFFFF!important;
    border-radius:8px!important;
    box-shadow:none!important;
    text-transform:none!important;
}
.dfap-pricing .dfap-card .dfap-order-button:hover,
.dfap-pricing .dfap-submit:hover{
    background:#0B57B7!important;
    border-color:#0B57B7!important;
    color:#FFFFFF!important;
}

.dfap-info-modal__dialog{width:min(820px,100%)!important}
.dfap-info-request{margin-top:34px;padding-top:32px;border-top:1px solid #E4EAF1}
.dfap-info-request__head{margin-bottom:20px}
.dfap-info-request__head h3{margin:7px 0 8px;font-size:22px;line-height:1.25;color:#101828}
.dfap-info-request__head p{margin:0;color:#667085;font-size:14px;line-height:1.65}
.dfap-info-form{padding:0!important}
.dfap-info-form .dfap-form__full{margin-top:17px}
.dfap-info-form .dfap-consent{margin-top:18px}

@media(max-width:600px){
    .dfap-info-request{margin-top:26px;padding-top:26px}
}
