Код:
<!--HTML-->
<div style="max-width:860px;margin:0 auto;position:relative;background:
radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--accent) 35%, transparent), transparent 45%),
radial-gradient(circle at 95% 15%, color-mix(in srgb, var(--accent2) 55%, transparent), transparent 40%),
radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--accent2) 50%, var(--base-bg2)), var(--base-bg2) 60%);
border-radius:var(--b-radius);padding:4px;overflow:hidden;">
<div style="position:absolute;top:-30px;right:-30px;width:110px;height:110px;border-radius:50%;background:color-mix(in srgb, var(--accent2) 40%, transparent);"></div>
<div style="position:absolute;bottom:-40px;left:-20px;width:130px;height:130px;border-radius:50%;background:color-mix(in srgb, var(--accent) 20%, transparent);"></div>
<div style="position:relative;padding:26px 24px 22px;">
<div style="display:flex;justify-content:center;margin-bottom:10px;">
<div style="background:var(--dark-bord);color:var(--light-text);font-size:10px;font-weight:700;letter-spacing:2px;padding:5px 14px;border-radius:var(--b-radius, 20px);text-transform:uppercase;">Оплатить счёт</div>
</div>
<div style="text-align:center;">
<div style="font-size:26px;font-weight:700;color:var(--text);letter-spacing:1px;">ФАНКО-БАР</div>
<div style="display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px;">
<div style="width:16px;height:1.5px;background:var(--link-acc);"></div>
<div style="font-size:11.5px;color:var(--link-acc);letter-spacing:0.5px;">заявки на фигурки — сюда</div>
<div style="width:16px;height:1.5px;background:var(--link-acc);"></div>
</div>
</div>
<!-- Плашка ареста за спекуляции (2026-09-05) — display:none по умолчанию,
showcase_widget.js сам покажет, если у зрителя сейчас активен бан на
Витрину (funko_speculation_status), и оставит скрытой иначе. -->
<div class="fk-ban-badge-anchor" style="display:none;margin-bottom:16px;"></div>
<div style="display:flex;flex-direction:column;gap:8px;margin:20px 0;">
<div style="display:flex;align-items:flex-start;gap:10px;background:var(--base-bg2);border-radius:var(--b-radius, 14px);padding:10px 14px;box-shadow:0 4px 10px rgba(0,0,0,0.08);">
<div style="width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--light-text);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;">1</div>
<div style="font-size:12.5px;color:var(--text);line-height:1.5;text-align:left;">Выбираешь фигурку на <a href="https://barcross.ru/pages/vitrina" style="color:var(--link-acc);font-weight:700;">Витрине</a> и заполняешь форму заявки — она уходит сюда черновиком.</div>
</div>
<div style="display:flex;align-items:flex-start;gap:10px;background:var(--base-bg2);border-radius:var(--b-radius, 14px);padding:10px 14px;box-shadow:0 4px 10px rgba(0,0,0,0.08);">
<div style="width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--light-text);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;">2</div>
<div style="font-size:12.5px;color:var(--text);line-height:1.5;text-align:left;">Ниже, под этим текстом, появится карточка твоего черновика — нажми на неё, чтобы вставить готовый код в форму ответа, и просто отправь сообщение.</div>
</div>
<div style="display:flex;align-items:flex-start;gap:10px;background:var(--base-bg2);border-radius:var(--b-radius, 14px);padding:10px 14px;box-shadow:0 4px 10px rgba(0,0,0,0.08);">
<div style="width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--light-text);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;">3</div>
<div style="font-size:12.5px;color:var(--text);line-height:1.5;text-align:left;">Уже отправленная заявка сама покажет статус и обновится, когда админ подтвердит или отклонит.</div>
</div>
</div>
<!-- Черновики заказа (2026-09-04) — компактные кликабельные карточки,
подтягиваются из localStorage тем же showcase_widget.js ниже.
display:none по умолчанию — сам скрипт снимет, если черновики есть. -->
<div class="fk-pending-drafts-anchor" style="display:none;background:var(--base-bg2);border-radius:var(--b-radius, 14px);padding:14px 16px;margin-bottom:16px;"></div>
<details style="margin-bottom:14px;">
<summary style="cursor:pointer;font-family:var(--main-font);font-weight:400;text-transform:uppercase;letter-spacing:1px;font-size:12px;color:var(--text);background:var(--base-bg2);border:1px solid var(--dark-bord);padding:10px 16px;list-style:none;">💰 Прайс — цены по категориям</summary>
<div style="background:var(--base-bg2);border:1px solid var(--dark-bord);border-top:none;padding:14px 16px;overflow-x:auto;">
<div style="min-width:600px;">
<div style="display:flex;gap:4px;padding:0 8px 6px;">
<div style="flex:1.3;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--text);opacity:.55;">Категория</div>
<div style="flex:1;text-align:right;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--accent2);">Шоты</div>
<div style="flex:1;text-align:right;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--text);opacity:.55;">Пост</div>
<div style="flex:1;text-align:right;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--text);opacity:.55;">Сообщ.</div>
<div style="flex:1.2;text-align:right;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--text);opacity:.55;">Налили</div>
<div style="flex:1.2;text-align:right;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--text);opacity:.55;">Угостил</div>
<div style="flex:1;text-align:right;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--text);opacity:.55;">Реклама</div>
</div>
<div style="display:flex;gap:4px;padding:6px 8px;border-top:1px solid var(--dark-bord);font-size:11.5px;color:var(--text);">
<div style="flex:1.3;font-family:var(--main-font);">Обычная</div><div style="flex:1;text-align:right;font-family:var(--main-font);color:var(--accent2);">3 000</div><div style="flex:1;text-align:right;">2 000</div><div style="flex:1;text-align:right;">100</div><div style="flex:1.2;text-align:right;">500</div><div style="flex:1.2;text-align:right;">300</div><div style="flex:1;text-align:right;">50</div>
</div>
<div style="display:flex;gap:4px;padding:6px 8px;border-top:1px solid var(--dark-bord);font-size:11.5px;color:var(--text);">
<div style="flex:1.3;font-family:var(--main-font);">Чейз</div><div style="flex:1;text-align:right;font-family:var(--main-font);color:var(--accent2);">6 000</div><div style="flex:1;text-align:right;">4 000</div><div style="flex:1;text-align:right;">200</div><div style="flex:1.2;text-align:right;">1 000</div><div style="flex:1.2;text-align:right;">600</div><div style="flex:1;text-align:right;">100</div>
</div>
<div style="display:flex;gap:4px;padding:6px 8px;border-top:1px solid var(--dark-bord);font-size:11.5px;color:var(--text);">
<div style="flex:1.3;font-family:var(--main-font);">Кастомная</div><div style="flex:1;text-align:right;font-family:var(--main-font);color:var(--accent2);">2 000</div><div style="flex:1;text-align:right;">2 000</div><div style="flex:1;text-align:right;">100</div><div style="flex:1.2;text-align:right;">500</div><div style="flex:1.2;text-align:right;">300</div><div style="flex:1;text-align:right;">50</div>
</div>
<div style="display:flex;gap:4px;padding:6px 8px;border-top:1px solid var(--dark-bord);font-size:11.5px;color:var(--text);">
<div style="flex:1.3;font-family:var(--main-font);">Рандомная</div><div style="flex:1;text-align:right;font-family:var(--main-font);color:var(--accent2);">2 000</div><div style="flex:1;text-align:right;">1 000</div><div style="flex:1;text-align:right;">50</div><div style="flex:1.2;text-align:right;">300</div><div style="flex:1.2;text-align:right;">200</div><div style="flex:1;text-align:right;">30</div>
</div>
<div style="display:flex;gap:4px;padding:6px 8px;border-top:1px solid var(--dark-bord);font-size:11.5px;color:var(--text);">
<div style="flex:1.3;font-family:var(--main-font);">Брак</div><div style="flex:1;text-align:right;font-family:var(--main-font);color:var(--accent2);">1 000</div><div style="flex:1;text-align:right;">1 000</div><div style="flex:1;text-align:right;">50</div><div style="flex:1.2;text-align:right;">300</div><div style="flex:1.2;text-align:right;">200</div><div style="flex:1;text-align:right;">30</div>
</div>
<div style="display:flex;gap:4px;padding:6px 8px;border-top:1px solid var(--dark-bord);font-size:11.5px;color:var(--text);">
<div style="flex:1.3;font-family:var(--main-font);">Народная</div><div style="flex:1;text-align:right;font-family:var(--main-font);color:var(--accent2);">3 000</div><div style="flex:1;text-align:right;">2 000</div><div style="flex:1;text-align:right;">100</div><div style="flex:1.2;text-align:right;">500</div><div style="flex:1.2;text-align:right;">300</div><div style="flex:1;text-align:right;">50</div>
</div>
<div style="display:flex;gap:4px;padding:6px 8px;border-top:1px solid var(--dark-bord);font-size:11.5px;color:var(--text);">
<div style="flex:1.3;font-family:var(--main-font);">Эксклюзив</div><div style="flex:1;text-align:right;font-family:var(--main-font);color:var(--accent2);">8 000</div><div style="flex:1;text-align:right;opacity:.4;">—</div><div style="flex:1;text-align:right;opacity:.4;">—</div><div style="flex:1.2;text-align:right;opacity:.4;">—</div><div style="flex:1.2;text-align:right;opacity:.4;">—</div><div style="flex:1;text-align:right;opacity:.4;">—</div>
</div>
</div>
<div style="font-size:10px;color:var(--link-acc);margin-top:8px;">«Пост»/«Сообщения»/«Налили»/«Угостил» — сколько нужно накопить в <a href="https://barcross.ru/pages/otchetnost" style="color:var(--link-acc);font-weight:700;">Отчётности</a>, чтобы получить фигурку способом оплаты «Сдам отчёт», без верхнего предела списывается автоматически. Эксклюзив — только за шоты. Новые бейджи (сверх этих шести) и их цены — смотри прямо в форме оплаты на карточке дизайна, тут не перечислены. На самой Витрине можно переключить, в чём показывать цену на карточках — фильтр «Показывать цену в» в сайдбаре.</div>
</div>
</details>
<!-- Админский спойлер (2026-09-15) — ещё не подтверждённые заявки/заказы
Витрины, видно только Мастеру/доверенным админам. showcase_widget.js
сам скрывает якорь для всех остальных. -->
<div class="fk-admin-pending-anchor"></div>
</div>
</div>
<script src="https://barfiles.ru/js/funko/showcase_widget.js?v=65"></script>







































![de other side [crossover]](https://i.imgur.com/BQboz9c.png)











