.bet-showcase,.bet-showcase *{box-sizing:border-box;letter-spacing:0}
.bet-showcase{position:relative;isolation:isolate;display:grid;grid-template-columns:104px minmax(0,1fr) 136px;gap:9px 14px;align-items:center;width:100%;min-width:0;margin:20px 0;padding:28px 16px 0;border:1px solid var(--bet-line,#d9e4de);border-radius:8px;background:var(--bet-bg,#fff);color:var(--bet-ink,#18332c);font-family:inherit;line-height:1.25;text-align:left;overflow:hidden}
.bet-showcase::before{content:'';position:absolute;z-index:-1;inset:0 0 0 45%;background:url('/partner-22bet/offer-slots-v2.webp') right center/cover no-repeat;opacity:.2;mask-image:linear-gradient(90deg,transparent,#000 70%);pointer-events:none}
.bet-showcase .bet-rank,.bet-showcase .bet-label{position:absolute;top:7px;font-weight:800;line-height:1.2}.bet-showcase .bet-rank{left:16px;padding:3px 7px;color:#fff;background:var(--bet-accent,#157a60);border-radius:4px;font-size:10px}.bet-showcase .bet-label{right:16px;max-width:calc(100% - 78px);font-size:9px;color:var(--bet-accent,#157a60)}
.bet-showcase .bet-logo{display:block;width:104px;height:60px;padding:9px 12px;border-radius:7px;object-fit:contain;background:#10272c;border:0;margin:0}.bet-showcase .bet-copy{display:grid;gap:2px;min-width:0}.bet-showcase .bet-copy strong{font-size:13px;color:var(--bet-accent,#157a60)}.bet-showcase .bet-copy b{font-size:20px;line-height:1.15;overflow-wrap:anywhere}.bet-showcase .bet-stars{font-size:14px;color:#b27712;letter-spacing:2px;white-space:nowrap}.bet-showcase .bet-copy small{font-size:10px;color:var(--bet-muted,#53675e)}.bet-showcase .bet-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:0;border:0;border-radius:6px;padding:9px 12px;background:var(--bet-accent,#157a60);color:var(--bet-button-ink,#fff);font-family:inherit;font-weight:750;font-size:14px;line-height:1.2;text-decoration:none;text-align:center}.bet-showcase .bet-action:disabled{opacity:.65}.bet-showcase .bet-action:focus-visible,.bet-showcase .bet-conditions summary:focus-visible{outline:3px solid #315ed0;outline-offset:2px}
.bet-showcase .bet-conditions{grid-column:1/-1;border:0;border-top:1px solid var(--bet-line,#d9e4de);border-radius:0;margin:0 -16px;padding:0;background:transparent}.bet-showcase .bet-conditions summary{position:relative;display:block;list-style:none;padding:7px 34px 7px 16px;font-size:10px;color:var(--bet-muted,#53675e);cursor:pointer}.bet-showcase .bet-conditions summary::-webkit-details-marker{display:none}.bet-showcase .bet-conditions summary::after{content:'+';position:absolute;right:16px;top:4px;font-size:15px}.bet-showcase .bet-conditions[open] summary::after{content:'−'}.bet-showcase .bet-conditions p{margin:0;padding:3px 16px 12px;font-size:12px;line-height:1.45}
@media(max-width:1000px){.bet-showcase{grid-template-columns:82px minmax(0,1fr) 100px;gap:8px;padding-inline:12px}.bet-showcase .bet-logo{width:82px;height:54px;padding:7px}.bet-showcase .bet-copy b{font-size:17px}.bet-showcase .bet-action{font-size:13px;padding-inline:8px}.bet-showcase .bet-conditions{margin-inline:-12px}}
@media(max-width:600px){.bet-showcase{grid-template-columns:72px minmax(0,1fr);gap:7px 12px;padding:29px 12px 0}.bet-showcase .bet-logo{grid-column:1;grid-row:1/3;width:72px}.bet-showcase .bet-copy{grid-column:2;grid-row:1}.bet-showcase .bet-copy b{font-size:16px}.bet-showcase .bet-action{grid-column:2;grid-row:2;min-height:40px}.bet-showcase .bet-conditions{grid-row:3}.bet-showcase .bet-label{right:12px;font-size:8px}.bet-showcase .bet-rank{left:12px}.bet-showcase .bet-copy strong{font-size:12px}.bet-showcase .bet-stars{font-size:12px}.bet-showcase .bet-conditions summary{font-size:9px}}
@media print{.bet-showcase{display:none}}

.bet-showcase{--bet-accent:var(--pine);--bet-ink:var(--ink);--bet-bg:var(--snow);--bet-line:var(--line);--bet-muted:var(--muted)}
.bet-showcase{flex-shrink:0}.hero-copy>.bet-showcase{order:2}
@media(max-width:700px){.hero-copy>.bet-showcase{width:calc(100vw - 32px)}}

.bet-showcase .bet-action,.bet-showcase .bet-copy,.bet-showcase .bet-copy>*{margin:0}.bet-showcase .bet-copy,.bet-showcase .bet-copy>*{padding:0;max-width:none}
.hero-copy>h1{order:1}.hero-copy>.bet-showcase{order:2}.hero-copy>p{order:3}.hero-copy>.hero-actions{order:4}@media(max-width:700px){.hero-copy{z-index:10}}
