.discount-info { display: none; align-items: center; gap: 8px; width: 100%; min-height: 36px; color: var(--muted); }
.discount-info.visible { display: flex; }
.discount-info__icon { flex: 0 0 20px; width: 20px; height: 20px; background: url("../images/figma/icon-info-mark.svg") center / 2px 10px no-repeat, url("../images/figma/icon-info-ring.svg") center / 16px 16px no-repeat; }
.discount-info__text { flex: 1; font-size: 10px; font-weight: 400; line-height: 12px; }