/* Подарок новичку: одинаковый блок на гостевых витринах и в окне регистрации.
   Перечень трат не разворачиваем в текст — он висит подсказкой на таблетке. */
.bonus-offer-h { font-size: 13px; font-weight: 700; color: #14351d; text-align: center; }
.bonus-offer-h b { font-size: 15px; color: #1e9e38; }
.bonus-pill-row { display: flex; justify-content: center; margin-top: 7px; }
.bonus-pill { display: inline-flex; align-items: center; gap: 5px; padding: 4px 11px; border-radius: 999px; cursor: help;
    border: 1px solid #cfe4d5; background: #fff; color: #2f4a37; font-size: 11.5px; font-weight: 700; line-height: 1.25;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.7), 0 1px 2px rgba(24,28,33,.10); transition: border-color .15s, box-shadow .15s; }
.bonus-pill:hover { border-color: #6fc287; box-shadow: inset 0 1px 0 rgba(255,255,255,.7), 0 2px 7px rgba(24,28,33,.16); }
.bonus-pill i { font-style: normal; font-size: 12px; color: #6fc287; }
/* hot в подсказке — свежий раздел: единственная цветная метка в списке, взгляд цепляется за неё */
.tip-hot { padding: 1px 6px; margin-left: 3px; border-radius: 999px; font-size: 9px; font-weight: 850; font-style: normal;
    letter-spacing: .06em; text-transform: uppercase; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.22);
    background: linear-gradient(180deg, #ffb347 0%, #f09030 55%, #d07020 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.35); }

/* Тёмная витрина входа: те же пилюли на ночном фоне карточки */
.bonus-offer.dark .bonus-offer-h { color: #c9d6f0; }
.bonus-offer.dark .bonus-offer-h b { color: #8fe8a0; }
.bonus-offer.dark .bonus-pill, .gm-modal .bonus-pill { border-color: rgba(143,232,160,.30); background: rgba(255,255,255,.05); color: #c9d6f0; box-shadow: none; }
.bonus-offer.dark .bonus-pill:hover, .gm-modal .bonus-pill:hover { border-color: rgba(143,232,160,.6); box-shadow: none; }

/* Таблетка внутри эталонного диалога: подложка там тёмная, поэтому берёт ночной вариант */
.gm-modal .bonus-pill-row { margin-top: 10px; }