/* Reseller-Bereich: wenige Ergänzungen zum Basis-Stil (alle Farben über die vorhandenen Variablen, hell/dunkel automatisch) */
.rs-sub { align-self: flex-start; max-width: 100%; overflow-x: auto; }
.rs-price-in { width: 7.5rem; min-height: 38px; text-align: right; padding: 0 10px; }
.rs-price-in.dirty { box-shadow: 0 0 0 2px var(--orange); }
.rs-price-in.saved { box-shadow: 0 0 0 2px var(--green); }
.rs-logo-prev { display: flex; align-items: center; gap: var(--s4); padding: var(--s4); border-radius: var(--r-card); background: var(--grouped2); }
.rs-logo-prev img { height: 48px; width: auto; max-width: 220px; object-fit: contain; }
.rs-logo-prev .rs-swatch { width: 28px; height: 28px; border-radius: 8px; background: var(--accent); flex: none; }
.rs-mono-wrap { word-break: break-all; font-family: var(--mono); font-size: var(--fs-foot); }
.rs-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--s4); }
.brand-text-img { height: 28px; width: auto; max-width: 160px; object-fit: contain; display: block; }
@media (max-width: 600px) { .rs-price-in { width: 6rem; } .rs-hide-sm { display: none; } }