/* Zachte vlakken met vaste, contrasterende tekstkleuren in ieder winkelthema. */
.winkelbanner{--banner-vlak:#f5f1e9;--banner-rand:#ded5c6;--banner-inkt:#514839;--banner-accent:#78674e;--banner-knop:#e8dfd0;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:18px;padding:24px 28px;margin:0 0 30px;border:1px solid var(--banner-rand);border-left:4px solid var(--banner-accent);border-radius:18px;background:var(--banner-vlak);color:var(--banner-inkt);box-shadow:0 6px 22px rgba(35,45,37,.05)}
.winkelbanner--groen{--banner-vlak:#edf5ee;--banner-rand:#cbded0;--banner-inkt:#254d37;--banner-accent:#628b6c;--banner-knop:#d7e8db}
.winkelbanner--rood{--banner-vlak:#fbefed;--banner-rand:#ead0cb;--banner-inkt:#713e39;--banner-accent:#b5766d;--banner-knop:#f1dbd6}
.winkelbanner-icoon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--banner-knop);color:var(--banner-inkt)}
.winkelbanner-icoon svg{display:block;width:25px;height:25px}
.winkelbanner p{margin:0;min-width:0;font-size:17px;line-height:1.65;font-weight:600;color:var(--banner-inkt);overflow-wrap:anywhere}
.winkelbanner .winkelbanner-link{display:inline-flex;align-items:center;justify-content:center;gap:14px;max-width:280px;padding:12px 18px;border:1px solid var(--banner-rand);border-radius:11px;background:var(--banner-knop);color:var(--banner-inkt);font-weight:750;line-height:1.5;overflow-wrap:anywhere;transition:box-shadow .15s ease}
.winkelbanner-link span{flex:none}.winkelbanner-link:hover{text-decoration:underline;box-shadow:0 3px 10px rgba(35,45,37,.1)}.winkelbanner-link:focus-visible{outline:3px solid var(--banner-inkt);outline-offset:4px}
@media(max-width:700px){.winkelbanner{grid-template-columns:38px minmax(0,1fr);padding:19px;gap:12px 14px;border-radius:14px}.winkelbanner-icoon{width:38px;height:38px;border-radius:11px}.winkelbanner p{font-size:16px}.winkelbanner .winkelbanner-link{grid-column:2;justify-self:start;max-width:100%}}
@media(prefers-reduced-motion:reduce){.winkelbanner .winkelbanner-link{transition:none}}