/* bundles.css — 5.5: наборы за зёрна (bundles.js) — карточки как «⭐ Предложение дня» (.sp-hero в shop.css), только своё:
   цвет — тема карточки th-* (shop.css), по умолчанию месячный (Стартерпак) — золото, «раз навсегда» (Набор основателя) — фиолетовый */

/* вкладка: точка «есть что купить», в ряду фильтров — одной иконкой */
#shop-store .mk-tab--bd{ position: relative; }
#shop-store .mk-tab--bd.has-dot::after{ content: ""; position: absolute; top: 4px; right: 3px; width: 8px; height: 8px; border-radius: 50%; background: #ef4444; box-shadow: 0 0 0 2px rgba(20,22,44,.9); }
/* 5.5: вкладка «Наборы» — словом, как остальные (без иконок) */
/* иконка — картинка подарка (эмодзи в ивент прячет event.css, а подписи у вкладки нет) */
#shop-store .mk-tab--bd .mk-gift{ width: 22px; height: 22px; object-fit: contain; display: block; margin: 0 auto; }

.bd-list{ display: flex; flex-direction: column; gap: 12px; }
.bd-hero{ align-items: flex-start; }
.bd-hero .sp-hero__art.bd-art{ width: 120px; height: 120px; font-size: 76px; line-height: 1; }
.bd-hero .bd-art img{ width: 100%; height: 100%; object-fit: contain; filter: none; /* 5.5: тень — пятном .sp-hero__shadow (shop.css), drop-shadow на iPhone давал тёмный квадрат */ }
.bd-hero .bd-art span{ filter: drop-shadow(0 8px 10px rgba(0,0,0,.35)); }
.bd-items{ margin: 6px 0 2px; }
.bd-items .rw-chips{ display: flex; flex-wrap: wrap; gap: 4px; }
.bd-items .rw-chip em, .bd-items .rw-chip em small{ color: inherit; }
.bd-hero .sp-hero__price b{ display: inline-flex; align-items: center; gap: 4px; }
.bd-hero .sp-hero__price b img{ width: 20px; height: 20px; }
.bd-btn.is-short{ opacity: .8; }
.bd-ask-sub{ margin-top: 8px; font-size: 12.5px; opacity: .8; }
/* подписи наград — цветом текста темы карточки (у плашек rewards.js свои цвета — тут перебиваем) */
.bd-hero .bd-items .rw-chip, .bd-hero .bd-items .rw-chip em, .bd-hero .bd-items .rw-chip em small{ color: var(--hi) !important; }
.bd-hero .bd-items .rw-chip{ background: var(--hchip) !important; }
/* наклейка набора («выгоднее, чем VIP») — на картинке слева: длинный текст (по-украински) не наезжает на плашку «1 раз в месяц» */
.bd-hero .sp-sale{ left: 10px; right: auto; transform: rotate(-6deg); max-width: 120px; font-size: 12.5px; }
/* картинка набора — по центру карточки по высоте (текст справа выше картинки) */
.bd-hero .sp-hero__art.bd-art{ align-self: center; }
/* 5.5: цена — на кнопке «Купить · 129 🌾» (bundles.js), отдельной строки цены нет */
.bd-btn{ display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
.bd-btn .bd-price{ display: inline-flex; align-items: center; gap: 4px; font-weight: 900; }
.bd-btn .bd-price img{ width: 18px; height: 18px; object-fit: contain; }