/* ============================================================
   Offers popup — BEST-EFFORT (no design export yet).
   Built from the base.css design system (.offer-card tokens).
   Two betting offers, exit-intent / delayed trigger. Replace when a real design lands.
   ============================================================ */
.lt-pop{position:fixed;inset:0;z-index:2147483000;display:none;align-items:center;justify-content:center;
  background:rgba(7,28,20,.62);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);padding:20px}
.lt-pop.open{display:flex;animation:lt-pop-fade .2s ease}
@keyframes lt-pop-fade{from{opacity:0}to{opacity:1}}
.lt-pop-box{background:var(--paper);border-radius:18px;max-width:640px;width:100%;overflow:hidden;
  box-shadow:0 40px 80px -30px rgba(0,0,0,.6);transform:translateY(8px);animation:lt-pop-rise .24s ease forwards}
@keyframes lt-pop-rise{to{transform:none}}
.lt-pop-head{background:linear-gradient(135deg,var(--green-800),var(--green-900));color:#fff;
  padding:20px 22px;position:relative}
.lt-pop-head .eyebrow{color:var(--orange-400);margin-bottom:6px}
.lt-pop-head h3{font-family:var(--display);font-weight:900;text-transform:uppercase;letter-spacing:-.01em;font-size:22px;line-height:1.05}
.lt-pop-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:9px;border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);color:#fff;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.lt-pop-close:hover{background:rgba(255,255,255,.18)}
.lt-pop-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:22px}
.lt-pop-foot{padding:0 22px 18px;font-size:10.5px;color:var(--muted-2);line-height:1.4;text-align:center}
.lt-pop .offer-card{box-shadow:0 10px 24px -18px rgba(12,45,32,.4)}
/* top-pack content so CTAs align across cards regardless of T&Cs length (terms vary per offer) */
.lt-pop .offer-card .o-mid{flex:0 0 auto}
.lt-pop .offer-card .o-cta{margin-top:6px}
/* Ported pros list (from v-catena-exitpopup advantages) — green check bullets */
.lt-pop .o-plus{list-style:none;margin:14px 0 2px;padding:0;display:flex;flex-direction:column;gap:9px}
.lt-pop .o-plus li{position:relative;padding-left:26px;font-size:13px;line-height:1.4;color:var(--ink)}
.lt-pop .o-plus li::before{content:"";position:absolute;left:0;top:1px;width:17px;height:17px;border-radius:50%;
  background:var(--green-700) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E") center/11px no-repeat}
@media(max-width:560px){.lt-pop-grid{grid-template-columns:1fr}.lt-pop-box{max-width:420px}}