/* =====================================================================
   ВИДЖЕТЫ (демо 05.10.2026). Цвета — переменные ниже, под палитру сайта.
   ===================================================================== */
:root{
  --pbw-bg:#0f2219;          /* фон карточек */
  --pbw-bg-2:#14301f;        /* фон опций / полей */
  --pbw-line:rgba(232,184,74,.28);
  --pbw-accent:#E8B84A;      /* акцент = цвет основной кнопки */
  --pbw-accent-ink:#07140e;  /* текст на акценте */
  --pbw-text:#d8dde4;
  --pbw-muted:#9aa8a0;
  --pbw-glow:rgba(232,184,74,.15);  /* подсветка выбранной опции */
  --pbw-radius:18px;
}

/* общие */
.pbw{background:var(--pbw-bg);border:1px solid var(--pbw-line);border-radius:var(--pbw-radius);padding:22px 20px;margin:28px 0;color:var(--pbw-text);text-align:center}
.pbw p{margin:0}
.pbw__tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--pbw-accent);margin-bottom:6px !important}
.pbw__title{font-size:20px;font-weight:800;line-height:1.25;color:#fff;margin-bottom:16px !important}
.pbw__note{font-size:12px;line-height:1.45;color:var(--pbw-muted);margin-top:12px !important}
.pbw__btn{margin:16px auto 0 !important;display:inline-flex !important}
.pbw-x{position:absolute;top:6px;right:8px;width:32px;height:32px;border:0;background:transparent;color:var(--pbw-muted);font-size:24px;line-height:1;cursor:pointer;border-radius:50%}
.pbw-x:hover,.pbw-x:focus-visible{color:#fff;background:rgba(255,255,255,.08)}

/* 3. карточка бонуса */
.pbw-bonus__opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.pbw-bonus__opt{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 6px;background:var(--pbw-bg-2);border:2px solid transparent;border-radius:14px;color:var(--pbw-text);cursor:pointer;font:inherit;transition:border-color .2s,transform .2s}
.pbw-bonus__opt:hover{transform:translateY(-2px)}
.pbw-bonus__opt.is-active{border-color:var(--pbw-accent);box-shadow:0 0 0 3px var(--pbw-glow)}
.pbw-bonus__opt:focus-visible{outline:2px solid #fff;outline-offset:2px}
.pbw-bonus__pct{font-size:26px;font-weight:800;color:var(--pbw-accent);line-height:1}
.pbw-bonus__cap{font-size:13px;font-weight:600}
.pbw-bonus__spins{font-size:12px;color:var(--pbw-muted)}
.pbw-bonus__info{margin-top:14px !important;font-size:14px}
.pbw-bonus__info b{color:#fff}
.pbw-bonus__nocode{margin-top:10px !important;font-size:13px;color:var(--pbw-muted)}
.pbw-bonus__code{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:14px;padding:10px;border:1px dashed var(--pbw-accent);border-radius:12px}
.pbw-bonus__code-label{font-size:13px;color:var(--pbw-muted)}
.pbw-bonus__code-val{font-size:18px;font-weight:800;letter-spacing:.08em;color:#fff;background:none}
.pbw-bonus__copy{border:0;border-radius:10px;padding:8px 14px;background:var(--pbw-accent);color:var(--pbw-accent-ink);font:inherit;font-weight:700;cursor:pointer}
@media (max-width:560px){.pbw-bonus__opts{grid-template-columns:repeat(2,1fr)}}

/* 4. калькулятор */
.pbw-calc__label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}
.pbw-calc__row{display:flex;align-items:center;gap:12px}
.pbw-calc__range{flex:1;min-width:0;accent-color:var(--pbw-accent);height:28px}
.pbw-calc__num,.pbw-calc__x{width:130px;padding:10px 12px;background:var(--pbw-bg-2);border:1px solid var(--pbw-line);border-radius:10px;color:#fff;font:inherit;font-weight:700;text-align:right}
.pbw-calc__num:focus,.pbw-calc__x:focus{outline:2px solid var(--pbw-accent);outline-offset:1px}
.pbw-calc__presets{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0 4px}
.pbw-calc__presets button{border:1px solid var(--pbw-line);background:transparent;color:var(--pbw-text);border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;cursor:pointer}
.pbw-calc__presets button.is-active,.pbw-calc__presets button:hover{background:var(--pbw-accent);color:var(--pbw-accent-ink);border-color:var(--pbw-accent)}
.pbw .pbw-calc__table{display:table !important;width:100%;margin:14px 0 0;border-collapse:collapse;font-size:14px}
.pbw .pbw-calc__table th,.pbw .pbw-calc__table td{padding:9px 8px;border-bottom:1px solid rgba(255,255,255,.07);text-align:right;background:none !important;border-radius:0 !important}
.pbw .pbw-calc__table th:first-child,.pbw .pbw-calc__table td:first-child{text-align:left}
.pbw .pbw-calc__table th{font-size:12px;color:var(--pbw-muted);font-weight:600}
.pbw .pbw-calc__table tr.is-top td{color:var(--pbw-accent);font-weight:800}
.pbw-calc__tip{margin-top:12px !important;font-size:14px;color:#fff}
.pbw-calc__wager{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;font-size:13px}
.pbw-calc__x{width:80px;text-align:center}
.pbw-calc__turnover{flex-basis:100%;font-size:14px}
.pbw-calc__turnover b{color:var(--pbw-accent)}
@media (max-width:480px){.pbw-calc__num{width:110px}}

/* 1. липкая плашка (только мобильные) */
.pbw-sticky{display:none}
@media (max-width:768px){
  .pbw-sticky{position:fixed;left:0;right:0;bottom:0;z-index:90;display:flex;align-items:center;gap:10px;padding:10px 44px 10px 14px;padding-bottom:calc(10px + env(safe-area-inset-bottom));background:var(--pbw-bg);border-top:1px solid var(--pbw-line);box-shadow:0 -6px 24px rgba(0,0,0,.45);transform:translateY(110%);transition:transform .3s ease}
  .pbw-sticky.is-on{transform:none}
  .pbw-sticky__text{flex:1;min-width:0;margin:0;font-size:13px;font-weight:700;line-height:1.3;color:#fff}
  .pbw-sticky__btn{flex:none;white-space:nowrap}
  .pbw-sticky__x{top:50%;transform:translateY(-50%);right:4px}
  body.pbw-has-sticky .footer{padding-bottom:76px}
}

/* 2. карточка сбоку (только десктоп) */
.pbw-pop{display:none}
@media (min-width:769px){
  .pbw-pop{position:fixed;right:24px;bottom:24px;z-index:90;display:block;width:320px;padding:22px 20px 16px;background:var(--pbw-bg);border:1px solid var(--pbw-line);border-radius:var(--pbw-radius);box-shadow:0 18px 50px rgba(0,0,0,.55);color:var(--pbw-text);text-align:center;transform:translateX(calc(100% + 40px));transition:transform .45s cubic-bezier(.2,.8,.2,1);visibility:hidden}
  .pbw-pop.is-on{transform:none;visibility:visible}
  .pbw-pop p{margin:0}
  .pbw-pop__title{font-size:20px;font-weight:800;line-height:1.25;color:#fff;margin-bottom:8px !important}
  .pbw-pop__text{font-size:14px;line-height:1.45}
}
@media (prefers-reduced-motion:reduce){.pbw-sticky,.pbw-pop,.pbw-bonus__opt{transition:none}}