/* Corpus Farben – Gefahrstoff & Verfügbarkeit (CSP-clean, no inline) */
.avail-dot{display:inline-flex;align-items:center;gap:8px;font-size:.92rem;line-height:1.3}
.avail-dot__light{width:10px;height:10px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 0 2px rgba(15,12,36,.08)}
.avail-dot__light--green{background:#1f9d55}
.avail-dot__light--yellow{background:#d4a017}
.avail-dot__light--red{background:#c0392b}
.avail-dot__light--unknown{background:#9aa0a6}
.avail-dot__meta{color:var(--muted,#6b6e76);font-size:.85rem}

.hz{margin-top:28px;padding:20px 18px;border:1px solid rgba(15,12,36,.12);border-radius:12px;background:#faf9f7}
.hz__title{margin:0 0 6px;font-size:1.15rem}
.hz__lead{margin:0 0 14px;color:var(--muted,#6b6e76);font-size:.92rem}
.hz__signal{display:inline-block;margin:0 0 12px;padding:4px 10px;border-radius:999px;font-weight:700;font-size:.85rem;letter-spacing:.02em}
.hz__signal--achtung{background:#fff3cd;color:#7a5b00}
.hz__signal--gefahr{background:#f8d7da;color:#7a1219}
.hz__pics{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px}
.hz__pics img{width:64px;height:64px;display:block}
.hz__h{margin:14px 0 6px;font-size:.95rem}
.hz__list{margin:0;padding-left:1.1rem}
.hz__list li{margin:4px 0}
.hz__code{font-weight:700;font-variant-numeric:tabular-nums}
.hz__meta{margin-top:14px;font-size:.9rem}
.hz__meta a{text-decoration:underline}
.hz__note{margin-top:12px;padding:10px 12px;border-left:3px solid #c0392b;background:#fff5f5;font-size:.9rem}
.hz__missing{margin-top:18px;padding:12px 14px;border:1px dashed rgba(15,12,36,.25);border-radius:10px;background:#fff8e8;font-size:.92rem}

.card__badges{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0 4px;min-height:22px}
.card__ghs{display:inline-flex;gap:3px;align-items:center}
.card__ghs img{width:22px;height:22px;display:block}
.card__avail{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:var(--muted,#6b6e76)}
.card__avail .avail-dot__light{width:8px;height:8px}

.cart-hz{margin:16px 0;padding:12px 14px;border-radius:10px;border:1px solid rgba(192,57,43,.25);background:#fff7f5;font-size:.92rem}
.cart-hz strong{display:block;margin-bottom:4px}

.hz-page__grid{display:grid;gap:18px}
@media(min-width:800px){.hz-page__grid{grid-template-columns:1fr 1fr}}
.hz-page__box{padding:16px;border:1px solid rgba(15,12,36,.1);border-radius:12px;background:#fff}
