.youman-offer-banner { background:#e7f55a; color:#20211e; border-bottom:1px solid #c3cc71; font:13px/1.4 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }
.youman-offer-banner[hidden] { display:none !important; }
.youman-offer-inner { display:flex; align-items:center; justify-content:center; gap:18px; max-width:1440px; margin:0 auto; padding:8px 20px; box-sizing:border-box; min-width:0; }
.youman-offer-copy { min-width:0; }
.youman-offer-copy b { margin-right:5px; font-weight:800; }
.youman-offer-clock { display:flex; gap:6px; white-space:nowrap; }
.youman-offer-clock time { font-variant-numeric:tabular-nums; font-weight:750; min-width:8ch; }
.youman-offer-banner button { flex:none; margin:0; border:0; cursor:pointer; font:650 12px/1.2 system-ui,sans-serif; }
.youman-offer-plans { min-height:32px; padding:7px 13px; border-radius:999px; background:#20211e; color:#fff; white-space:nowrap; }
.youman-offer-dismiss { display:grid; place-items:center; width:32px; height:32px; padding:0; border-radius:50%; background:transparent; color:#20211e; font-size:22px !important; }
.youman-offer-banner button:focus-visible { outline:2px solid #20211e; outline-offset:3px; }
:root[data-theme=dark] .youman-offer-banner, #youman-recharge[data-theme=dark] .youman-offer-banner { background:#e7f55a; color:#20211e; }
.recharge-embedded .youman-offer-inner { gap:12px; padding:8px 20px; }
.plan-original { color:var(--rc-muted,#5f6752); font:500 14px/1.4 system-ui,sans-serif; margin-right:4px; }
.plan-welcome-label { display:inline-block; margin:0 0 7px; color:var(--rc-olive,#55611b); font-size:11px; font-weight:750; }
.plan-first-month { color:var(--rc-muted,#5f6752); font-size:12px; }
body.ym-app .ym-shell { height:calc(100dvh - var(--youman-offer-height,0px)); }
@media (max-width:620px) {
  .youman-offer-inner { position:relative; justify-content:flex-start; flex-wrap:wrap; gap:6px 12px; padding:8px 46px 8px 14px; }
  .youman-offer-copy { flex-basis:100%; font-size:12px; }
  .youman-offer-clock { font-size:11px; }
  .youman-offer-plans { min-height:30px; padding:6px 11px; font-size:11px !important; }
  .youman-offer-dismiss { position:absolute; top:8px; right:7px; }
  .recharge-embedded .youman-offer-inner { padding:8px 46px 8px 14px; gap:6px 12px; }
}
@media (prefers-reduced-motion:reduce) { .youman-offer-banner *, .youman-offer-banner { animation:none !important; transition:none !important; } }