/* FZ APK-/voertuigcheck — "voertuigpaspoort". Premium, herbruikbaar. Scoped onder .fz-apk. */
.fz-apk{--or:#C8102E;--ink:#12151a;--sub:#5b6168;--mut:#9aa0a6;--line:#edeef1;--bd:#e6e8ec;
  --disp:'Sora',ui-sans-serif,system-ui,'Segoe UI',Roboto,Arial,sans-serif;
  background:#fff;border:1px solid var(--bd);border-radius:22px;padding:30px 30px;max-width:720px;margin:0 auto;
  box-shadow:0 1px 2px rgba(16,24,40,.05),0 24px 50px -28px rgba(16,24,40,.40);
  font-family:inherit;color:var(--ink);box-sizing:border-box;}
.fz-apk *{box-sizing:border-box;}

/* ---- Invoer ---- */
.fz-apk .fz-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:var(--or);background:#fdeaec;padding:5px 11px;border-radius:999px;}
.fz-apk .fz-eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--or);display:inline-block;}
.fz-apk h3{font-family:var(--disp);font-size:27px;font-weight:800;letter-spacing:-.02em;margin:13px 0 6px;line-height:1.1;}
.fz-apk .fz-apk-lead{font-size:14.5px;color:var(--sub);margin:0 0 20px;line-height:1.5;max-width:52ch;}
.fz-apk .fz-row{display:flex;flex-direction:column;gap:12px;align-items:stretch;margin-top:6px;max-width:560px;}
.fz-apk .fz-plate{display:flex;align-items:stretch;border-radius:12px;overflow:hidden;border:2.5px solid #0c0e12;
  box-shadow:0 4px 14px rgba(0,0,0,.16);width:100%;max-width:420px;background:#FFCE00;height:62px;}
.fz-apk .fz-plate-band{background:#1b50c4;color:#fff;width:42px;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:3px;flex:0 0 42px;}
.fz-apk .fz-plate-band i{width:16px;height:16px;border-radius:50%;border:1.6px solid #ffd54a;display:block;}
.fz-apk .fz-plate-band b{font-size:12px;font-weight:800;letter-spacing:.5px;font-style:normal;}
.fz-apk .fz-plate input{flex:1;border:0;background:transparent;font-size:29px;font-weight:800;letter-spacing:2px;
  text-transform:uppercase;text-align:center;color:#111;font-family:'Arial Narrow',Arial,sans-serif;outline:none;width:100%;min-width:0;}
.fz-apk .fz-plate input::placeholder{color:rgba(40,30,0,.32);}
.fz-apk .fz-btn{appearance:none;-webkit-appearance:none;border:0;cursor:pointer;background:var(--or);color:#fff;font-weight:700;
  font-size:16px;font-family:inherit;width:100%;height:56px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;
  gap:10px;box-shadow:0 12px 26px -10px rgba(200,16,46,.6);transition:transform .15s,box-shadow .15s,filter .15s;}
.fz-apk .fz-btn:hover{filter:brightness(1.04);box-shadow:0 14px 30px -10px rgba(200,16,46,.7);transform:translateY(-1px);}
.fz-apk .fz-btn:active{transform:translateY(0);}
.fz-apk .fz-note{font-size:12.5px;color:var(--mut);margin:14px 0 0;display:flex;align-items:center;gap:7px;}
.fz-apk .fz-note svg{flex:0 0 auto;}

/* ---- Resultaat: voertuigpaspoort ---- */
.fz-apk .fz-res{margin-top:24px;}
.fz-apk .fz-pp-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}
.fz-apk .fz-pp-merk{font-family:var(--disp);font-weight:800;font-size:25px;letter-spacing:-.02em;line-height:1.05;}
.fz-apk .fz-pp-sub{font-size:13.5px;color:var(--sub);font-weight:600;margin-top:6px;}
.fz-apk .fz-pp-plate{flex:0 0 auto;font:800 15px 'Arial Narrow',Arial,sans-serif;letter-spacing:1.5px;background:#FFCE00;
  border:2px solid #0c0e12;border-radius:7px;padding:7px 12px;color:#111;white-space:nowrap;}
/* APK-status + tijdbalk */
.fz-apk .fz-apk-status{margin:22px 0 20px;}
.fz-apk .fz-st-head{display:flex;align-items:center;gap:10px;font-family:var(--disp);font-weight:700;font-size:16px;}
.fz-apk .fz-st-head .fz-st-ic{flex:0 0 auto;display:inline-flex;}
.fz-apk .fz-st-pill{margin-left:auto;font-size:12.5px;font-weight:700;padding:5px 12px;border-radius:999px;white-space:nowrap;}
.fz-apk .fz-st-sub{font-size:13.5px;color:var(--sub);margin:5px 0 11px;}
.fz-apk .fz-bar{height:8px;border-radius:999px;background:#edeef1;overflow:hidden;}
.fz-apk .fz-bar>i{display:block;height:100%;border-radius:999px;width:50%;}
.fz-apk .fz-apk-status.fz-ok{color:#137a45;}
.fz-apk .fz-apk-status.fz-ok .fz-st-pill{background:#e7f7ed;color:#137a45;}
.fz-apk .fz-apk-status.fz-ok .fz-bar>i{background:linear-gradient(90deg,#1fa363,#34c277);}
.fz-apk .fz-apk-status.fz-warn{color:#9a6112;}
.fz-apk .fz-apk-status.fz-warn .fz-st-pill{background:#fdf0d9;color:#9a6112;}
.fz-apk .fz-apk-status.fz-warn .fz-bar>i{background:linear-gradient(90deg,#e8920c,#f6b53e);}
.fz-apk .fz-apk-status.fz-bad{color:#b42318;}
.fz-apk .fz-apk-status.fz-bad .fz-st-pill{background:#fde8e8;color:#b42318;}
.fz-apk .fz-apk-status.fz-bad .fz-bar>i{background:linear-gradient(90deg,#d63a2e,#ef5b50);}
/* specs-strip */
.fz-apk .fz-specs{display:flex;border:1px solid var(--line);border-radius:13px;overflow:hidden;margin-bottom:22px;}
.fz-apk .fz-specs>div{flex:1;padding:13px 16px;border-right:1px solid var(--line);min-width:0;}
.fz-apk .fz-specs>div:last-child{border-right:0;}
.fz-apk .fz-specs .fz-k{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);}
.fz-apk .fz-specs .fz-v{font-family:var(--disp);font-weight:700;font-size:15px;margin-top:3px;word-wrap:break-word;}
@media(max-width:520px){.fz-apk .fz-specs{flex-direction:column;}.fz-apk .fz-specs>div{border-right:0;border-bottom:1px solid var(--line);}.fz-apk .fz-specs>div:last-child{border-bottom:0;}}

/* ---- CTA-knoppen (a + button) ---- */
.fz-apk .fz-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px;}
.fz-apk .fz-cta a, .fz-apk .fz-cta button{flex:1 1 200px;text-decoration:none;text-align:center;font-weight:700;
  font-size:15px;font-family:inherit;padding:15px 18px;border-radius:13px;cursor:pointer;-webkit-appearance:none;appearance:none;
  min-height:54px;transition:transform .15s,box-shadow .15s,filter .15s;display:inline-flex;align-items:center;justify-content:center;gap:9px;}
.fz-apk .fz-cta .fz-primary{background:var(--or);color:#fff;border:1.5px solid var(--or);box-shadow:0 8px 20px -8px rgba(200,16,46,.55);}
.fz-apk .fz-cta .fz-ghost{background:#12151a;color:#fff;border:1.5px solid #12151a;box-shadow:0 8px 20px -8px rgba(18,21,26,.5);}
.fz-apk .fz-cta .fz-ghost svg{color:#ff8f86;flex:0 0 auto;}
.fz-apk .fz-cta .fz-ghost:hover{background:#000;border-color:#000;}
.fz-apk .fz-cta a:hover, .fz-apk .fz-cta button:hover{transform:translateY(-1px);filter:brightness(1.04);}
.fz-apk .fz-err{margin-top:20px;padding:15px 18px;border-radius:12px;background:#fdf0d9;color:#9a6112;font-size:14.5px;font-weight:600;}
.fz-apk .fz-loading{margin-top:20px;color:var(--mut);font-weight:600;padding:6px 2px;}

/* ---- Taxatie-formulier ('Wat is mijn auto waard?') ---- */
.fz-apk .fz-tax{margin-top:18px;padding-top:20px;border-top:1px solid var(--line);}
.fz-apk .fz-tax-lead{font-size:14px;color:var(--sub);margin:0 0 14px;line-height:1.5;}
.fz-apk .fz-tax-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.fz-apk .fz-in{width:100%;min-height:48px;padding:12px 14px;border:1.5px solid var(--bd);border-radius:11px;
  font-size:15px;font-family:inherit;color:var(--ink);background:#fff;outline:none;box-sizing:border-box;
  transition:border-color .15s,box-shadow .15s;}
.fz-apk .fz-in::placeholder{color:#aab0b6;}
.fz-apk .fz-in:focus{border-color:var(--or);box-shadow:0 0 0 3px rgba(200,16,46,.16);}
.fz-apk .fz-tax-submit{width:100%;justify-content:center;margin-top:12px;}
.fz-apk .fz-tax-done{display:flex;align-items:center;gap:13px;padding:16px 18px;border-radius:14px;background:#e7f7ed;color:#137a45;margin-top:4px;}
.fz-apk .fz-tax-done .fz-ic-ok{flex:0 0 auto;width:40px;height:40px;border-radius:11px;background:#cdeed9;display:flex;align-items:center;justify-content:center;}
.fz-apk .fz-tax-done strong{font-size:15.5px;}
.fz-apk .fz-tax-done .fz-t2{font-size:13px;opacity:.9;}
@media(max-width:520px){.fz-apk .fz-tax-grid{grid-template-columns:1fr;}}
.fz-apk .fz-foto{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;padding:12px 14px;
  border:1.5px dashed var(--bd);border-radius:11px;cursor:pointer;transition:border-color .15s,background .15s;}
.fz-apk .fz-foto:hover{border-color:var(--or);background:#fff7f0;}
.fz-apk .fz-foto-btn{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--ink);}
.fz-apk .fz-foto-btn svg{color:var(--or);}
.fz-apk .fz-foto .fz-opt{color:var(--mut);font-weight:500;}
.fz-apk .fz-foto-name{font-size:13px;color:var(--or);font-weight:600;word-break:break-all;}

.fz-apk.fz-apk--wide{max-width:820px;}
@media(max-width:560px){.fz-apk{padding:24px 20px;}.fz-apk h3{font-size:24px;}.fz-apk .fz-pp-merk{font-size:22px;}}

/* Compacte strip (bv. homepage) — slank entry-blok i.p.v. een grote kaart. */
.fz-apk.fz-apk--compact{max-width:760px;padding:18px 20px;}
.fz-apk--compact .fz-eyebrow,.fz-apk--compact .fz-apk-lead,.fz-apk--compact .fz-note{display:none;}
.fz-apk--compact h3{font-size:18px;margin:0 0 12px;}
.fz-apk--compact form{margin:0;}
.fz-apk--compact .fz-row{flex-direction:row;align-items:center;flex-wrap:wrap;gap:10px;max-width:none;margin-top:0;}
.fz-apk--compact .fz-plate{height:52px;max-width:300px;flex:1 1 220px;}
.fz-apk--compact .fz-plate input{font-size:25px;}
.fz-apk--compact .fz-btn{width:auto;flex:0 0 auto;height:52px;padding:0 24px;}