/* Autolasten.nl Affiliate Components */
:root {
  --al-blue:#0b5fff;
  --al-dark:#111;
  --al-muted:#555;
  --al-border:#e6e6e6;
  --al-radius:14px;
}
.al-wrap{max-width:1100px;margin:0 auto;padding:16px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
.al-wrap h2{font-size:1.7rem;margin:8px 0 16px}
.al-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.al-card{border:1px solid var(--al-border);border-radius:var(--al-radius);padding:16px;background:#fff}
.al-card img{width:140px;height:auto;margin-bottom:8px}
.al-card h3{margin:6px 0 8px;font-size:1.12rem}
.al-card p{margin:0 0 12px;color:var(--al-muted);line-height:1.45}
.al-btn{display:inline-block;padding:10px 14px;border-radius:10px;text-decoration:none;background:var(--al-blue);color:#fff;font-weight:700}
.al-btn:hover{filter:brightness(0.95)}
.al-note{font-size:.9rem;color:var(--al-muted);margin-top:8px}
.al-kickers{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 12px}
.al-k{padding:4px 8px;border:1px solid var(--al-border);border-radius:999px;font-size:.85rem;color:var(--al-muted)}
.al-hero{display:flex;align-items:center;gap:14px;border:1px dashed var(--al-border);padding:12px;border-radius:var(--al-radius);margin-bottom:12px;background:#fafbff}
.al-hero svg{flex:0 0 36px}