.secures-herroep{
  /* Hangt op de sitebrede design-tokens (zelfde aanpak als EPO); fallbacks voor standalone. */
  --hrp-red:var(--color-primary,#d0112b);
  --hrp-red-dark:var(--color-primary-strong,#a50e22);
  --hrp-tint:var(--surface-tint,#fbe9ec);
  --hrp-border:var(--border,#e4e4e4);
  --hrp-surface-alt:var(--surface-alt,#f8f8f8);
  --hrp-ink:var(--color-heading,#26221f);
  --hrp-text:var(--color-text,#323232);
  --hrp-muted:var(--color-muted,#6c645e);
  --hrp-rad:var(--radius-md,12px);
  --hrp-rad-sm:var(--radius-sm,8px);
  --hrp-rad-lg:var(--radius-lg,16px);
  max-width:640px;margin:0 auto;color:var(--hrp-text);
  font-size:16px;line-height:1.6;
}
.secures-herroep *{box-sizing:border-box}

.secures-herroep .hrp-eyebrow{
  display:inline-flex;align-items:center;gap:.5em;
  font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--hrp-red);margin:0 0 .5em;
}
.secures-herroep .hrp-eyebrow::before{content:"";width:1.6em;height:2px;background:var(--hrp-red);border-radius:2px}
.secures-herroep h2{font-size:1.6rem;line-height:1.2;margin:0 0 .3em;letter-spacing:-.01em;color:var(--hrp-ink)}
.secures-herroep .hrp-h3{font-size:1.05rem;margin:1.4em 0 .6em}
.secures-herroep .hrp-sub{color:var(--hrp-muted);margin:0 0 1.4em}

.secures-herroep label{display:block;margin:0 0 1em;font-weight:600}
.secures-herroep input[type=text],
.secures-herroep input[type=email],
.secures-herroep input[type=number],
.secures-herroep input[type=date],
.secures-herroep textarea{
  width:100%;margin-top:.35em;padding:.7em .9em;
  border:1px solid var(--hrp-border);border-radius:var(--hrp-rad-sm);font:inherit;font-weight:400;
  background:#fff;transition:border-color .15s,box-shadow .15s;
}
.secures-herroep input:focus,
.secures-herroep textarea:focus{
  outline:none;border-color:var(--hrp-red);
  box-shadow:0 0 0 3px var(--hrp-tint);
}

/* type-keuze als kaarten */
.secures-herroep fieldset{border:0;margin:0 0 1.2em;padding:0}
.secures-herroep legend{font-weight:700;padding:0;margin:0 0 .6em;font-size:1rem}
.secures-herroep .hrp-intent{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.secures-herroep .hrp-opt{
  display:flex;align-items:flex-start;gap:.55em;margin:0;font-weight:400;
  border:1px solid var(--hrp-border);border-radius:var(--hrp-rad);padding:.8em .9em;cursor:pointer;
  transition:border-color .15s,background .15s;
}
.secures-herroep .hrp-opt:hover{border-color:var(--hrp-red)}
.secures-herroep .hrp-opt:has(input:checked){border-color:var(--hrp-red);background:var(--hrp-tint)}
.secures-herroep .hrp-opt input{margin-top:.25em;accent-color:var(--hrp-red)}
.secures-herroep .hrp-opt-txt{display:flex;flex-direction:column;line-height:1.25}
.secures-herroep .hrp-opt-txt b{font-weight:700}
.secures-herroep .hrp-opt-txt small{color:var(--hrp-muted);font-size:.78rem}
/* ontvangstdatum: in een omrande kaart, zodat 't aansluit op de intent-/producten-/redenen-blokken */
.secures-herroep .hrp-date-field{
  border:1px solid var(--hrp-border);border-radius:var(--hrp-rad);
  padding:.8em .9em;margin:0 0 1.2em;font-weight:700;
}
.secures-herroep .hrp-date-field small{display:block;font-weight:400;font-size:.85rem;color:var(--hrp-muted);margin-top:.35em}

/* productenlijst: bordered keuze-rijen (zelfde chip-stijl als de redenen) */
.secures-herroep .hrp-items{list-style:none;padding:0;margin:0 0 .4em;display:grid;gap:.5em}
.secures-herroep .hrp-items li{display:flex;align-items:center;gap:1em;padding:.7em .85em;border:1px solid var(--hrp-border);border-radius:var(--hrp-rad);transition:border-color .15s,background .15s}
.secures-herroep .hrp-items li:hover{border-color:var(--hrp-red)}
.secures-herroep .hrp-items li:has(input:checked){border-color:var(--hrp-red);background:var(--hrp-tint)}
.secures-herroep .hrp-item-name{display:flex;align-items:center;gap:.6em;margin:0;flex:1;font-weight:500;font-size:.95rem}
.secures-herroep .hrp-item-name input{accent-color:var(--hrp-red);flex:none}
.secures-herroep .hrp-qty{display:flex;align-items:center;gap:.4em;color:var(--hrp-muted);font-size:.9rem;white-space:nowrap}
.secures-herroep .hrp-qty input{width:4.5em;margin:0}

/* redenen: bordered keuze-rijen (EPO-stijl), rode rand + tint bij aanvinken */
.secures-herroep .hrp-reasons-grid{display:grid;grid-template-columns:1fr;gap:.5em}
.secures-herroep .hrp-reasons-grid label{
  display:flex;align-items:flex-start;gap:.6em;margin:0;font-weight:500;font-size:.95rem;line-height:1.35;
  border:1px solid var(--hrp-border);border-radius:var(--hrp-rad);padding:.7em .85em;cursor:pointer;
  transition:border-color .15s,background .15s;
}
.secures-herroep .hrp-reasons-grid label:hover{border-color:var(--hrp-red)}
.secures-herroep .hrp-reasons-grid label:has(input:checked){border-color:var(--hrp-red);background:var(--hrp-tint)}
.secures-herroep .hrp-reasons-grid input{accent-color:var(--hrp-red);flex:none;margin-top:.15em}
.secures-herroep .hrp-note-field{font-weight:700}

/* meldingen */
.secures-herroep .hrp-error{color:#b00020;font-weight:600;background:var(--hrp-tint);border:1px solid #f0caca;padding:.8em 1em;border-radius:var(--hrp-rad-sm)}
.secures-herroep .hrp-note{background:#fff7e6;border:1px solid #f0dcae;padding:.8em 1em;border-radius:var(--hrp-rad-sm);color:#6b5512}

/* knop */
.secures-herroep button{
  background:var(--hrp-red);color:#fff;border:0;border-radius:999px;
  padding:.8em 1.8em;font-weight:700;font-size:1rem;cursor:pointer;transition:background .15s;
}
.secures-herroep button:hover{background:var(--hrp-red-dark)}

/* succesbericht: prominente groene kaart met vinkje */
.secures-herroep.hrp-done{max-width:580px}
.secures-herroep .hrp-done-card{
  text-align:center;background:#effaf3;border:1px solid #bfe6cd;border-radius:var(--hrp-rad-lg);
  padding:2.4em 1.6em;box-shadow:0 12px 34px rgba(0,0,0,.07);
}
.secures-herroep .hrp-done-ic{
  display:inline-flex;align-items:center;justify-content:center;
  width:64px;height:64px;border-radius:50%;background:#1d9e75;color:#fff;margin:0 0 .65em;
  box-shadow:0 6px 18px rgba(29,158,117,.35);
}
.secures-herroep .hrp-done-ic svg{width:32px;height:32px}
.secures-herroep.hrp-done h2{font-size:1.7rem;margin:0 0 .3em;color:var(--hrp-ink)}
.secures-herroep .hrp-done-card .hrp-sub{margin:0 auto;max-width:44ch}
.secures-herroep .hrp-ref{
  display:inline-flex;flex-direction:column;gap:.15em;margin:1.4em 0 0;
  background:#fff;border:1px solid #bfe6cd;border-radius:var(--hrp-rad);padding:.7em 1.5em;
}
.secures-herroep .hrp-ref span{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--hrp-muted)}
.secures-herroep .hrp-ref strong{font-size:1.35rem;color:var(--hrp-red);font-weight:800}

@media(max-width:520px){
  .secures-herroep .hrp-intent{grid-template-columns:1fr}
  .secures-herroep .hrp-reasons-grid{grid-template-columns:1fr}
  .secures-herroep h2{font-size:1.35rem}
}

/* downloadknop retourformulier op de bedanktpagina */
.secures-herroep .hrp-doc{margin:18px 0 6px}
.secures-herroep .hrp-doc-btn{display:inline-block;background:var(--hrp-red);color:#fff;text-decoration:none;padding:12px 22px;border-radius:var(--hrp-rad-sm);font-weight:600}
.secures-herroep .hrp-doc-btn:hover,.secures-herroep .hrp-doc-btn:focus{background:var(--hrp-red-dark);color:#fff}
.secures-herroep .hrp-doc-note{font-size:.9em;color:var(--hrp-muted);margin:0}