/* cardbadges: «+N бонусів» і «купили N×» у картці, «Купили N разів» у блоці покупки */
.cb-line { display: flex; align-items: center; min-width: 0; font-size: .78rem; font-weight: 600; line-height: 1.3; color: var(--cta-deep, #008751); white-space: nowrap; overflow: hidden; }
.cb-b { display: inline-flex; align-items: center; gap: 5px; min-width: 0; flex: 0 1 auto; overflow: hidden; }
.cb-b > span, .cb-s { overflow: hidden; text-overflow: ellipsis; }
.cb-coin { flex: 0 0 auto; color: var(--cta-deep, #008751); }
.cb-s { min-width: 0; flex: 0 1 auto; font-weight: 500; color: var(--muted); }
.cb-line--both .cb-s::before { content: "\00b7"; margin: 0 5px; color: var(--muted); }
.cb-line--both .cb-long, .cb-line:not(.cb-line--both) .cb-x { display: none; }

/* Мобільна сітка 2 колонки: не додаємо рядок у картку — плашки поверх фото, праворуч угорі */
@media (max-width: 599px) {
  .card > .card__body > .cb-line { position: absolute; top: 8px; right: 8px; z-index: 1; max-width: calc(100% - 72px); flex-direction: column; align-items: flex-end; gap: 4px; overflow: visible; font-size: .69rem; }
  .card > .card__body > .cb-line > span { max-width: 100%; gap: 4px; padding: 2px 5px; background: rgba(255, 255, 255, .94); border: 1px solid var(--line); border-radius: 2px; }
  .card > .card__body > .cb-line .cb-s { color: var(--ink); }
  .card > .card__body > .cb-line .cb-long { display: none; }
  .card > .card__body > .cb-line .cb-x { display: inline; }
  .card > .card__body > .cb-line--both .cb-s::before { content: none; }
  .card > .card__body > .cb-line .cb-coin { width: 11px; height: 11px; }
}

.cb-proof { display: flex; align-items: center; gap: 8px; margin: 10px 0 2px; font-size: .9rem; color: var(--ink); }
.cb-proof svg { flex: 0 0 auto; color: var(--cta-deep, #008751); }
.cb-proof b { font-weight: 600; }
@media (max-width: 599px) { .card > .card__body > .cb-line .cb-w { display: none; } }