/* Retourbeleid in Kwispel-stijl (kwispel-retourbeleid.html). Bouwt op
   kwispel.css en pootret-ketting.css: dezelfde hero, gele strook en stappen.
   Hier alleen wat een tekstpagina nodig heeft. */

/* Hero zonder foto's: links de tekst, rechts de belofte als stempel. */
.kr-hero{min-height:0;grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);align-items:center}
.kr-hero h1{max-width:11ch}
.kr-stempel{justify-self:center;display:grid;place-items:center;gap:.4rem;width:min(300px,70vw);aspect-ratio:1;padding:2.2rem;border-radius:50%;background:var(--pkw-yellow);color:var(--pkw-wine);text-align:center;transform:rotate(-6deg);box-shadow:12px 14px 0 rgb(0 0 0 / 22%)}
.kr-stempel strong{font-family:var(--kw-display);font-size:clamp(1.7rem,3vw,2.3rem);font-weight:400;line-height:1}
.kr-stempel span{max-width:18ch;font-size:.88rem;font-weight:800;line-height:1.35}
.kr-versie{margin:0;color:#f4dfe7;font-size:.82rem;font-weight:700}
.kr-versie a{color:var(--pkw-yellow)}

/* Het volledige beleid: één leesbare kolom op crème, elk punt een kaart. */
.kr-beleid{padding:clamp(4rem,7vw,6.5rem) max(1.25rem,calc((100% - 860px)/2));background:var(--pkw-cream)}
.kr-beleid__kop{margin-bottom:2rem}
.kr-beleid__kop h2{margin:.3rem 0 .8rem;color:var(--pkw-wine-deep);font-family:var(--kw-display);font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:400;line-height:1}
.kr-beleid__kop p{max-width:62ch;margin:0;color:#604935}
.kr-beleid .cf-kicker{color:var(--pkw-wine)}
.kr-punt{margin:0 0 1rem;padding:clamp(1.25rem,3vw,1.9rem);border:1.5px solid rgb(74 0 31 / 14%);border-radius:18px;background:var(--pkw-paper);scroll-margin-top:100px}
.kr-punt h3{display:flex;gap:.7rem;align-items:baseline;margin:0 0 .8rem;color:var(--pkw-wine-deep);font-family:var(--kw-display);font-size:clamp(1.35rem,2.4vw,1.7rem);font-weight:400;line-height:1.1}
.kr-punt h3 span{flex:none;display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--pkw-yellow);color:var(--pkw-wine);font-family:var(--kw-body);font-size:.9rem;font-weight:900}
.kr-punt h4{margin:1.2rem 0 .4rem;color:var(--pkw-wine);font-size:1rem;font-weight:900}
.kr-punt p,.kr-punt li{color:var(--pkw-ink);line-height:1.65}
.kr-punt p{max-width:none;margin:0 0 .8rem}
.kr-punt p:last-child,.kr-punt ul:last-child{margin-bottom:0}
.kr-punt ul{margin:0 0 .8rem;padding-left:1.2rem}
.kr-punt li{margin-bottom:.25rem}
.kr-punt li::marker{color:var(--pkw-wine)}
.kr-punt a{color:var(--pkw-wine);font-weight:800;text-underline-offset:3px}
.kr-punt--uitgelicht{border-color:var(--pkw-wine);box-shadow:8px 9px 0 var(--pkw-rose)}
.kr-adres{margin:.4rem 0 0;padding:1rem 1.2rem;border-left:4px solid var(--pkw-yellow);border-radius:0 12px 12px 0;background:#fff;font-style:normal;line-height:1.6}
.kr-formulier{padding:1rem 1.2rem;border:1.5px dashed rgb(74 0 31 / 30%);border-radius:12px;background:#fff}
.kr-formulier p{margin-bottom:.55rem}
.kr-klein{color:#604935 !important;font-size:.9rem}

/* Onderaan: vragen? */
.kr-vraag{display:grid;justify-items:center;gap:1rem;padding:clamp(3.5rem,6vw,5rem) 1.25rem;background:var(--pkw-wine);color:var(--pkw-cream);text-align:center}
.kr-vraag h2{margin:0;font-family:var(--kw-display);font-size:clamp(2rem,4vw,3rem);font-weight:400;line-height:1}
.kr-vraag p{max-width:52ch;margin:0;color:#f4dfe7}
.kr-vraag .pkw-secundair{color:var(--pkw-cream)}

@media (max-width:980px){
  .kr-hero{grid-template-columns:minmax(0,1fr)}
  .kr-stempel{justify-self:start;width:min(230px,60vw);padding:1.6rem;margin-top:1rem}
}