.shop-bonus-preview{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:8px 11px;margin:6px 0 8px;border:1px solid #bbf7d0;border-radius:12px;background:#f0fdf4;color:#166534;animation:shop-reveal .25s ease-out}
.shop-bonus-preview>div{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;font-size:13px;font-weight:600}.shop-bonus-preview strong{font-size:23px;line-height:1.15;letter-spacing:-.7px;font-variant-numeric:tabular-nums}.shop-bonus-pill{background:#dcfce7;color:#166534;border:1px solid #bbf7d0;border-radius:99px;padding:3px 7px;font-size:10px;font-weight:700}.shop-bonus-preview small{font-size:10px;color:#356747}.shop-success-bonus{background:#e8ddff;padding:5px 10px;border-radius:99px;font-size:12px}
@media(max-width:600px){.shop-bonus-preview{padding:7px 10px;gap:4px 7px}.shop-bonus-preview strong{font-size:22px}.shop-bonus-preview>div{font-size:12px}}
@media(prefers-reduced-motion:reduce){.shop-bonus-preview{animation:none}}

.shop-bonus-pill{display:inline-flex;align-items:center;gap:5px}.shop-bonus-pill:before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:#22c55e}

.shop-passport-note{display:flex;flex-direction:column;gap:3px;margin:7px 0 10px;padding:8px 10px;border-left:3px solid #c4b5fd;border-radius:6px;background:#faf8ff;color:#65547b;font-size:11px;line-height:1.45;overflow-wrap:anywhere}.shop-passport-note strong{font-size:11px;color:#534068}.shop-passport-note small{font-size:10px}.shop-passport-note b{font-variant-numeric:tabular-nums}