/* ============================================================
   Страница: /promotions-and-bonuses/  (локальные стили)
   ============================================================ */

/* Welcome-бонус — выделенный блок */
.bonus-hl{
  display:grid;grid-template-columns:auto 1fr;gap:clamp(22px,4vw,40px);align-items:center;
  background:linear-gradient(135deg,rgba(248,224,0,.10),rgba(248,224,0,.02));
  border:1px solid rgba(248,224,0,.35);border-radius:var(--radius-lg);
  padding:clamp(24px,4vw,42px);
}
.bonus-hl__figure{display:grid;justify-items:center;gap:6px;padding-right:clamp(22px,4vw,40px);border-right:1px solid var(--border);}
.bonus-hl__pct{font-size:clamp(2.8rem,7vw,4.4rem);font-weight:800;color:var(--accent);line-height:1;letter-spacing:-.02em;}
.bonus-hl__cap{font-size:.98rem;color:var(--muted);font-weight:600;text-align:center;}
.bonus-hl__body h3{font-size:clamp(1.2rem,2.4vw,1.45rem);margin-bottom:.5em;}
.bonus-hl__body p{color:var(--muted);margin-bottom:16px;}

/* Примеры расчёта (300/500/800) */
.bonus-eg{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:4px;}
.bonus-eg li{
  list-style:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);
  padding:14px 16px;color:var(--muted);font-size:.95rem;
}
.bonus-eg b{color:var(--accent);font-weight:700;}

/* Карточки кэшбэка — крупный процент */
.cb-card{display:grid;gap:4px;align-content:start;}
.cb-amount{font-size:clamp(2rem,4.4vw,2.9rem);font-weight:800;color:var(--accent);line-height:1;letter-spacing:-.02em;}
.cb-card h3{font-size:1.1rem;margin:.35em 0 .25em;}
.cb-meta{
  justify-self:start;margin-top:12px;font-size:.83rem;font-weight:600;color:var(--accent);
  background:rgba(248,224,0,.12);padding:5px 13px;border-radius:var(--radius-pill);
}

@media (max-width:600px){
  .bonus-hl{grid-template-columns:1fr;gap:18px;text-align:center;}
  .bonus-hl__figure{padding:0 0 18px;border-right:0;border-bottom:1px solid var(--border);}
  .bonus-hl__body{text-align:left;}
}