.tag { margin-bottom: 18px !important; }
.offer-note { width: min(470px,100%); margin-top: 11px; color: rgba(255,255,255,.38); font-size: 9px; line-height: 1.45; }
@media (max-width: 860px) { .offer-note { margin-left: auto; margin-right: auto; } }

.bonus-blast { width: max-content; display: block; margin: 0 0 24px; padding: 13px 20px; border: 2px solid #fff; border-radius: 8px; color: #25051f; background: linear-gradient(90deg, #ffec45, #ff7a1a, #ff3bad); box-shadow: 0 0 0 7px rgba(255,59,173,.13), 0 15px 45px rgba(255,59,173,.3); font-size: clamp(17px,1.5vw,23px); font-weight: 900; letter-spacing: .02em; transform: rotate(-1deg); animation: bonus-pop 1.4s ease-in-out infinite alternate; cursor: pointer; }
.bonus-blast span { color: white; text-shadow: 0 1px 5px rgba(0,0,0,.35); }
.copy h1 { line-height: .84; }
.copy h1 small { display: block; margin-bottom: 10px; color: white; font-size: clamp(18px,1.7vw,25px); letter-spacing: .12em; }
.copy h1 span { display: block; font-size: clamp(72px,8.4vw,124px); white-space: nowrap; filter: drop-shadow(0 8px 25px rgba(255,59,173,.24)); }
.copy h1 em { display: block; margin-top: 12px; color: white; font-size: clamp(28px,3.5vw,50px); font-style: normal; letter-spacing: .08em; }
.copy .bet-cta { width: min(520px,100%); min-height: 92px; border-width: 3px; box-shadow: 0 0 0 9px rgba(187,255,60,.12), 0 22px 65px rgba(187,255,60,.3); }
.copy .bet-cta strong { font-size: 21px; }
@keyframes bonus-pop { from { transform: rotate(-1deg) scale(1); } to { transform: rotate(1deg) scale(1.035); } }
.bonus-blast:focus-visible, .burst:focus-visible { outline: 4px solid white; outline-offset: 5px; }
.bonus-blast:hover { filter: brightness(1.08); }
@media (max-width:860px) { .bonus-blast { margin-left:auto; margin-right:auto; } }
@media (max-width:520px) { .bonus-blast { padding:11px 12px; font-size:14px; } .copy h1 span { font-size:clamp(58px,19vw,86px); } .copy h1 em { font-size:25px; } .copy .bet-cta strong { font-size:16px; } }

/* Mobile conversion layout */
.copy, .visual { min-width: 0; }
@media (max-width: 520px) {
  .ad { min-height: 100svh; }
  .copy { padding: 34px 0 12px; }
  .tag { max-width: 100%; margin-bottom: 16px; padding: 8px 11px; font-size: 10px; white-space: normal; }
  .bonus-blast { width: 100%; max-width: 340px; margin-bottom: 22px; text-align: center; transform: none; }
  .copy h1 { width: 100%; line-height: .88; }
  .copy h1 small { margin-bottom: 8px; font-size: 15px; letter-spacing: .1em; }
  .copy h1 span { font-size: clamp(48px, 16vw, 70px); letter-spacing: -.075em; white-space: nowrap; }
  .copy h1 em { margin-top: 10px; font-size: clamp(22px, 7.5vw, 30px); letter-spacing: .06em; }
  .copy > p { max-width: 300px; margin: 20px auto 24px; font-size: 15px; line-height: 1.45; }
  .copy .bet-cta { width: 100%; min-height: 82px; padding: 13px 13px 13px 17px; border-radius: 11px; }
  .copy .bet-cta span { min-width: 0; }
  .copy .bet-cta strong { font-size: clamp(14px, 4.4vw, 17px); white-space: nowrap; }
  .copy .bet-cta small { font-size: 9px; line-height: 1.3; }
  .copy .bet-cta b { width: 46px; height: 46px; flex-basis: 46px; }
  .trust-row { flex-wrap: wrap; row-gap: 6px; margin-top: 18px; }
  .offer-note { max-width: 310px; margin-top: 10px; padding: 0 4px; }
  .visual { min-height: 420px; }
  .ad-footer { min-height: 0; padding: 18px 0 22px; line-height: 1.45; }
}
@media (max-width: 360px) {
  .ad-header, .ad-content, .ad-footer { width: calc(100% - 24px); }
  .live-label { font-size: 10px; }
  .age-label { width: 38px; height: 38px; }
  .bonus-blast { font-size: 12px; }
  .copy h1 span { font-size: 49px; }
  .copy .bet-cta strong { font-size: 13px; }
  .copy .bet-cta b { width: 40px; height: 40px; flex-basis: 40px; }
  .trust-row { gap: 8px; font-size: 7px; }
  .slot-card { max-width: 96%; }
}
