/* === Строка «Сейчас этот товар смотрят N человек» ============================
   Вставляется JS-ом (viewers_now.js) в .catalog-detail__cell-block между строкой
   наличия и «Намекнуть о подарке». Стиль — под мелко-иконочные ряды этого блока
   (как .status-container), НЕ под крупные кружки product_perks (другой блок).
   Вертикальные отступы даёт gap родительской grid-list — свои margin не нужны. */

.viewers-now {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 400; /* как соседние строки (наличие/подарок) — не жирнее */
    color: #222;
}

.viewers-now__icon {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    color: var(--theme-base-color, #e8a2e1); /* фирменный розовый «глаз» */
}
.viewers-now__icon svg {
    display: block;
}

.viewers-now__text {
    flex: 1;
    min-width: 0;
}

/* На мобиле НЕ уменьшаем шрифт: соседние строки (наличие/подарок) остаются 14px,
   меньший размер сразу бросается в глаза как «другой» текст. */