.bonus-banner{--bonus-accent: var(--bc-purple);--bonus-accent-soft: rgba(123, 92, 255, .15);--bonus-accent-glow: rgba(123, 92, 255, .2);position:relative;overflow:hidden;box-sizing:border-box;width:100%;height:100%;min-height:240px;display:flex;flex-direction:column;padding:var(--bc-s4);border-radius:var(--bc-r-l);background:linear-gradient(155deg,var(--bonus-accent-soft) 0%,rgba(255,255,255,.018) 52%),linear-gradient(180deg,rgba(255,255,255,.045) 0%,rgba(255,255,255,.015) 100%),var(--bc-panel);border:1px solid var(--bc-hair);box-shadow:var(--bc-e2);color:var(--bc-text);transition:border-color .15s ease}.bonus-banner:hover{border-color:var(--bc-hair-2)}@media (min-width: 1200px){.bonus-banner{min-height:264px;padding:var(--bc-s5)}}.bonus-banner.is-sky{--bonus-accent: var(--bc-sky);--bonus-accent-soft: rgba(108, 196, 255, .15);--bonus-accent-glow: rgba(108, 196, 255, .2)}.bonus-banner.is-green{--bonus-accent: var(--bc-green);--bonus-accent-soft: rgba(50, 213, 131, .15);--bonus-accent-glow: rgba(50, 213, 131, .2)}.bonus-banner.is-gold{--bonus-accent: var(--bc-gold);--bonus-accent-soft: rgba(246, 181, 68, .15);--bonus-accent-glow: rgba(246, 181, 68, .2)}.bonus-banner.is-blue{--bonus-accent: var(--bc-blue);--bonus-accent-soft: rgba(59, 125, 255, .15);--bonus-accent-glow: rgba(59, 125, 255, .2)}.bonus-banner.state-expired .bonus-image{filter:grayscale(.7);opacity:.6}.bonus-banner .bonus-overlay{position:absolute;right:-60px;top:-70px;width:240px;height:240px;border-radius:999px;background:radial-gradient(circle,var(--bonus-accent-glow) 0%,rgba(0,0,0,0) 68%);pointer-events:none}.bonus-banner .bonus-main{display:flex;align-items:flex-start;gap:var(--bc-s3);min-width:0}.bonus-banner .bonus-copy{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:var(--bc-s2)}.bonus-banner .bonus-image{flex:0 0 auto;width:72px;height:72px;margin-top:-4px;object-fit:contain;filter:drop-shadow(0 12px 20px rgba(0,0,0,.45));pointer-events:none}@media (min-width: 1200px){.bonus-banner .bonus-image{width:80px;height:80px}}.bonus-banner .bonus-status{margin-left:auto}.bonus-banner .bonus-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:var(--bc-s2);flex:1 1 auto;min-width:0}.bonus-banner .bonus-pills{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:24px}.bonus-banner .bonus-value{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;background:rgba(246,181,68,.14);border:1px solid rgba(246,181,68,.36);color:var(--bc-gold);font-size:var(--bc-t-caption);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.bonus-banner .bonus-label{margin:var(--bc-s1) 0 0;padding:0;background:none;border-radius:0}.bonus-banner .bonus-label-text{display:inline-flex;align-items:center;gap:6px;font-size:var(--bc-t-eyebrow);font-weight:700;letter-spacing:.14em;text-transform:uppercase;line-height:1.2;color:var(--bc-muted)}.bonus-banner .bonus-svg{position:relative;top:0;width:14px;height:14px;flex-shrink:0}.bonus-banner .bonus-svg:not(.stroke-fill) path{fill:var(--bonus-accent)!important}.bonus-banner .bonus-svg.stroke-fill path{fill:none;stroke:var(--bonus-accent)!important}.bonus-banner .title{margin:0;font-size:var(--bc-t-h3);font-weight:700;line-height:1.3;letter-spacing:-.01em;color:var(--bc-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}.bonus-banner .bonus-req{margin:0;font-size:var(--bc-t-meta);line-height:1.4;color:var(--bc-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bonus-banner .bonus-bar{margin-top:2px}.bonus-banner .bonus-actions{margin-top:auto;padding-top:var(--bc-s3);display:flex;align-items:center;gap:var(--bc-s3)}.bonus-banner .bonus-cta{flex:1 1 auto;max-width:220px;min-height:44px;padding:0 var(--bc-s5);border-radius:var(--bc-r-m)!important;font-size:var(--bc-t-body);font-weight:700;letter-spacing:-.005em;white-space:nowrap}.bonus-banner .bonus-cta:focus{outline:none}.bonus-banner .bonus-cta:focus-visible{outline:none;box-shadow:var(--bc-focus)!important}.bonus-banner .bonus-terms{margin-left:auto;min-height:44px;padding:0 var(--bc-s2);border:0;border-radius:var(--bc-r-s);background:transparent;color:var(--bc-sky);font-family:inherit;font-size:var(--bc-t-meta);font-weight:600;cursor:pointer;transition:color .15s ease,background-color .15s ease}.bonus-banner .bonus-terms:hover{text-decoration:underline}.bonus-banner .bonus-terms:active{background:var(--bc-fill-1)}.bonus-banner .bonus-terms:focus{outline:none}.bonus-banner .bonus-terms:focus-visible{outline:none;box-shadow:var(--bc-focus)}@media (prefers-reduced-motion: reduce){.bonus-banner,.bonus-banner .bonus-terms{transition:none}}