/* =====================================================================
   StrongSnow — "Maximum power" facelift  (LOCAL REDESIGN COPY ONLY)
   Redefines design tokens (cascade into inline var() styles) + premium
   components: bolder palette, redesigned hero, rebuilt offer cards.
   Does not touch the live site or the original theme.
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap');

:root{
  --casino-dark:#070b14 !important;
  --navy:#0a0f1c !important;
  --panel-dark:#0e1626 !important;
  --card-dark:#16223c !important;
  --gold:#ffd166 !important;
  --gold-soft:#f5b73c !important;
  --win-green:#3ce8a6 !important;
  --danger-red:#ff6079 !important;
  --text-main:#f0f4fc !important;
  --text-muted:#94a1bf !important;
  --border-subtle:rgba(255,255,255,.09) !important;
  --border-color:rgba(255,255,255,.09) !important;
  --card-shadow:0 20px 48px -24px rgba(0,0,0,.75) !important;
  --card-hover-shadow:0 34px 70px -24px rgba(0,0,0,.9) !important;
  --r:18px !important;
  --sg:linear-gradient(135deg,#ffe6a3 0%,#ffd166 45%,#f0a92e 100%);
  --goldGlow:0 0 0 1px rgba(255,209,102,.4), 0 24px 60px -22px rgba(240,169,46,.5);
}

/* ---------- base ---------- */
body{
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif !important;
  background:
    radial-gradient(1200px 640px at 86% -10%, rgba(109,139,255,.14), transparent 60%),
    radial-gradient(900px 560px at -2% 0%, rgba(245,176,74,.11), transparent 55%),
    var(--casino-dark) !important;
  color:var(--text-main);
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,.h1,.h2,.brand div{font-family:'Plus Jakarta Sans','Inter',sans-serif !important;letter-spacing:-.025em !important;}

/* ---------- header / nav ---------- */
.topbar{backdrop-filter:blur(14px) saturate(1.1);}
.brand .logo{filter:drop-shadow(0 6px 16px rgba(0,0,0,.45));}
.pill,.navlink{border-radius:11px !important;transition:.16s ease !important;font-weight:600 !important;}
.pill:hover,.navlink:hover{background:rgba(255,255,255,.06) !important;color:var(--text-main) !important;}
.navlink.active,.pill.active{color:var(--gold) !important;background:rgba(255,209,102,.10) !important;border-color:rgba(255,209,102,.38) !important;box-shadow:0 6px 18px -10px rgba(240,169,46,.45), inset 0 0 0 1px rgba(255,209,102,.10) !important;font-weight:700 !important;}
.navlink.active .bi,.pill.active .bi,.navlink.active i,.pill.active i{color:var(--gold) !important;}

/* ---------- buttons ---------- */
.btn{border-radius:12px !important;font-weight:700 !important;transition:.18s ease !important;letter-spacing:.01em;}
.btn.primary{background:var(--sg) !important;color:#2a1d02 !important;border:none !important;box-shadow:0 12px 28px -12px rgba(240,169,46,.7) !important;}
.btn.primary:hover{transform:translateY(-2px);box-shadow:0 18px 40px -12px rgba(240,169,46,.9) !important;}
.btn:not(.primary){background:rgba(255,255,255,.05) !important;border:1px solid var(--border-subtle) !important;color:var(--text-main) !important;}
.btn:not(.primary):hover{background:rgba(255,255,255,.1) !important;border-color:rgba(255,255,255,.3) !important;}

/* ---------- chips / badges ---------- */
.chip{border-radius:8px !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:.04em !important;font-size:10.5px !important;
  color:var(--win-green) !important;background:rgba(60,232,166,.10) !important;border:1px solid rgba(60,232,166,.24) !important;}
footer .chip{color:var(--text-muted) !important;background:rgba(255,255,255,.04) !important;border-color:var(--border-subtle) !important;text-transform:none !important;letter-spacing:0 !important;}

/* ---------- section titles ---------- */
.sectionTitle .h2,.sectionTitle h2{font-size:clamp(24px,2.7vw,32px) !important;font-weight:800 !important;}
.sectionTitle{align-items:center !important;}

/* ===================== HERO ===================== */
.heroBanner{position:relative !important;border-radius:24px !important;overflow:hidden !important;border:1px solid var(--border-subtle) !important;box-shadow:var(--card-shadow) !important;}
.heroBannerImg{filter:saturate(1.05) brightness(.62) !important;transform:scale(1.03);}
.heroBanner::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(7,11,20,.92) 0%,rgba(7,11,20,.7) 42%,rgba(7,11,20,.25) 100%),radial-gradient(700px 300px at 90% -10%,rgba(255,209,102,.18),transparent 60%);pointer-events:none;}
.heroText{position:relative;z-index:2;}
.heroTrustBar span{background:rgba(255,255,255,.06) !important;border:1px solid var(--border-subtle) !important;border-radius:999px !important;padding:7px 13px !important;font-size:12px !important;font-weight:600 !important;color:var(--text-main) !important;}
.heroTrustBar span .bi{color:var(--gold) !important;}
.h1{font-size:clamp(30px,4vw,50px) !important;font-weight:800 !important;line-height:1.06 !important;}
.heroSubtext{color:var(--text-muted) !important;font-size:16px !important;max-width:560px;}
.heroStats{gap:14px !important;}
.heroStat{background:rgba(255,255,255,.045) !important;border:1px solid var(--border-subtle) !important;border-radius:14px !important;padding:14px 18px !important;backdrop-filter:blur(6px);}
.heroStatValue{font-family:'Plus Jakarta Sans' !important;font-weight:800 !important;font-size:26px !important;background:var(--sg);-webkit-background-clip:text;background-clip:text;color:transparent !important;}
.heroStatLabel{color:var(--text-muted) !important;font-size:12px !important;}
.heroCtaPrimary{box-shadow:0 14px 32px -12px rgba(240,169,46,.75) !important;}
.heroSide .offerCard{border:1px solid rgba(255,209,102,.32) !important;box-shadow:var(--goldGlow) !important;}
.heroSide .offerCard .muted[style*="font-weight:800"]{color:var(--gold) !important;letter-spacing:.12em !important;}

/* ===================== OFFER CARDS ===================== */
.offerCard{
  background:linear-gradient(168deg,var(--panel-dark),var(--card-dark)) !important;
  border:1px solid var(--border-subtle) !important;border-radius:var(--r) !important;
  box-shadow:var(--card-shadow) !important;
  transition:transform .24s cubic-bezier(.2,.7,.3,1),box-shadow .24s ease,border-color .24s ease !important;
}
.offerCard:hover{transform:translateY(-7px);box-shadow:var(--card-hover-shadow) !important;border-color:rgba(255,209,102,.4) !important;}
.offerCard > div{padding:20px !important;}
.offerCardImgWrap{border-bottom:1px solid var(--border-subtle);}
.offerCardLogo{border-radius:14px !important;box-shadow:0 8px 18px -8px rgba(0,0,0,.55);}

/* premium ribbons (the inline-absolute EXCLUSIVE / NEW DEAL badges use z-index:10) */
.offerCard [style*="z-index:10"]{
  border-radius:9px !important;font-size:10px !important;font-weight:800 !important;letter-spacing:.06em !important;
  padding:6px 11px !important;box-shadow:0 8px 18px -8px rgba(0,0,0,.6) !important;transform:none !important;backdrop-filter:blur(4px);
}

/* headline bonus figure (new markup) */
.rxBonusBlock{margin:8px 0 16px !important;padding:16px 0 !important;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);}
.rxBonusHead{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;}
.rxPct{font-family:'Plus Jakarta Sans';font-weight:800;font-size:clamp(30px,3vw,40px);line-height:1;background:var(--sg);-webkit-background-clip:text;background-clip:text;color:transparent;}
.rxUpto{font-size:13px;color:var(--text-muted);font-weight:600;}
.rxMax{font-family:'Plus Jakarta Sans';font-weight:800;font-size:23px;color:var(--text-main);}
.rxSpecRow{display:flex;gap:8px;margin-top:14px;}
.rxSpec{flex:1;display:flex;flex-direction:column;gap:3px;padding:10px 12px;background:rgba(255,255,255,.025);border:1px solid var(--border-subtle);border-radius:12px;}
.rxSpecV{font-family:'Plus Jakarta Sans';font-weight:700;font-size:15px;color:var(--text-main);}
.rxSpecK{font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);}

/* "Editor's Choice" standout — HOMEPAGE trending grid ONLY.
   Scoped to #page-home so it can't leak onto Similar Offers / archive grids,
   and position:relative keeps the ribbon contained to its own card. */
#page-home .cards3 .offerCard:first-child{position:relative !important;border-color:rgba(255,209,102,.5) !important;box-shadow:var(--goldGlow) !important;}
#page-home .cards3 .offerCard:first-child::before{
  content:"\2605  EDITOR'S CHOICE";position:absolute;z-index:11;top:0;left:0;right:0;height:26px;
  display:flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans';font-weight:800;
  font-size:10.5px;letter-spacing:.12em;color:#2a1d02;background:var(--sg);box-shadow:0 6px 16px -6px rgba(240,169,46,.7);
}
#page-home .cards3 .offerCard:first-child .offerCardImgWrap{margin-top:26px;}

/* generic cards/panels */
.card:not(.heroBanner):not(.offerCard){border-radius:var(--r) !important;border:1px solid var(--border-subtle) !important;}

/* ---------- footer ---------- */
footer{border-top:1px solid var(--border-subtle);}
.socialLink{transition:transform .15s ease;}
.socialLink:hover{transform:translateY(-2px);}

/* ===================== COMMUNITY WINS ENGAGEMENT ===================== */
.rxWins{margin:8px 0;padding:30px;border-radius:24px;border:1px solid var(--border-subtle);
  background:linear-gradient(165deg,rgba(255,209,102,.05),transparent 40%),linear-gradient(168deg,var(--panel-dark),var(--card-dark));
  box-shadow:var(--card-shadow);position:relative;overflow:hidden;}
.rxWins::before{content:"";position:absolute;top:-120px;right:-80px;width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,209,102,.14),transparent 70%);pointer-events:none;}
.rxWinsHead{position:relative;margin-bottom:22px;}
.rxKicker{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:var(--gold);background:rgba(255,209,102,.10);border:1px solid rgba(255,209,102,.28);padding:6px 13px;border-radius:999px;}
.rxWinsHead .h2{margin:12px 0 6px !important;font-size:clamp(22px,2.6vw,30px) !important;}
.rxWinsSub{color:var(--text-muted);font-size:14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.rxLive{display:inline-flex;align-items:center;gap:6px;color:var(--win-green);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.08em;}
.rxLiveDot{width:8px;height:8px;border-radius:50%;background:var(--win-green);animation:rxPulse 1.8s infinite;}
@keyframes rxPulse{0%{box-shadow:0 0 0 0 rgba(60,232,166,.55)}70%{box-shadow:0 0 0 8px rgba(60,232,166,0)}100%{box-shadow:0 0 0 0 rgba(60,232,166,0)}}
.rxWinsGrid{display:grid;grid-template-columns:1.55fr 1fr;gap:20px;position:relative;}
.rxStatRow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;}
.rxStat{background:rgba(255,255,255,.03);border:1px solid var(--border-subtle);border-radius:14px;padding:15px 16px;}
.rxStatV{font-family:'Plus Jakarta Sans';font-weight:800;font-size:23px;line-height:1.1;background:var(--sg);-webkit-background-clip:text;background-clip:text;color:transparent;}
.rxStat:nth-child(2) .rxStatV,.rxStat:nth-child(3) .rxStatV{background:none;-webkit-text-fill-color:var(--text-main);color:var(--text-main);}
.rxStatK{font-size:11px;color:var(--text-muted);margin-top:4px;}
.rxChartCard{background:rgba(255,255,255,.02);border:1px solid var(--border-subtle);border-radius:16px;padding:18px 18px 12px;}
.rxChartHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
.rxChartTitle{font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:8px;}
.rxChartTitle .bi{color:var(--gold);}
.rxChartTrend{font-size:12px;font-weight:700;color:var(--win-green);background:rgba(60,232,166,.10);border:1px solid rgba(60,232,166,.22);padding:4px 9px;border-radius:8px;}
.rxChart{width:100%;height:230px;display:block;}
.rxChartX{display:flex;justify-content:space-between;padding:6px 14px 0;}
.rxChartX span{font-size:10.5px;color:var(--text-muted);font-weight:600;}
.rxFeed{background:rgba(255,255,255,.02);border:1px solid var(--border-subtle);border-radius:16px;padding:16px;display:flex;flex-direction:column;}
.rxFeedHead{display:flex;align-items:center;gap:8px;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-main);margin-bottom:10px;}
.rxFeedItem{display:flex;align-items:center;gap:12px;padding:10px 6px;border-radius:11px;transition:background .15s ease;}
.rxFeedItem:hover{background:rgba(255,255,255,.03);}
.rxFeedItem+.rxFeedItem{border-top:1px solid var(--border-subtle);}
.rxFeedAvatar{width:38px;height:38px;flex:none;border-radius:11px;display:grid;place-items:center;font-family:'Plus Jakarta Sans';font-weight:800;font-size:15px;color:#2a1d02;background:var(--sg);}
.rxFeedBody{flex:1;min-width:0;}
.rxFeedTop{font-size:13.5px;}
.rxFeedName{font-weight:700;color:var(--text-main);}
.rxFeedWon{color:var(--text-muted);font-size:12.5px;}
.rxFeedAmt{font-family:'Plus Jakarta Sans';font-weight:800;color:var(--win-green);}
.rxFeedMeta{font-size:11.5px;color:var(--text-muted);margin-top:1px;}
.rxFeedMeta strong{color:var(--gold);font-weight:700;}
.rxFeedTrophy{color:var(--gold);opacity:.7;font-size:15px;}
.rxWinsFoot{margin-top:18px;padding-top:14px;border-top:1px solid var(--border-subtle);font-size:11.5px;color:var(--text-muted);text-align:center;}
@media(max-width:900px){.rxWinsGrid{grid-template-columns:1fr;}.rxStatRow{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.rxWins{padding:20px;}.rxStatRow{grid-template-columns:1fr 1fr;}}

/* ============== BANNER ALWAYS-ON + LOGO-BESIDE-TITLE ============== */
.offerCard .offerBanner{opacity:1 !important;transform:none !important;visibility:visible !important;pointer-events:auto !important;}
.rxCardHead{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.rxLogoSq{width:50px;height:50px;flex:none;border-radius:13px;background:rgba(255,255,255,.05);border:1px solid var(--border-subtle);display:grid;place-items:center;overflow:hidden;box-shadow:0 6px 16px -8px rgba(0,0,0,.5);}
.rxLogoSq img{width:100%;height:100%;object-fit:contain;padding:7px;}
.rxHeadText{min-width:0;}
.rxCasinoName{font-family:'Plus Jakarta Sans';font-weight:800;font-size:16px;color:var(--text-main);line-height:1.2;}
.rxCasinoSub{font-size:12.5px;color:var(--text-muted);font-weight:600;margin-top:2px;line-height:1.35;}

/* ====== community-wins: interactive chart + live feed ====== */
.rxPt{transition:r .15s ease;}
.rxChartTip{position:absolute;transform:translate(-50%,-100%);background:#0b1322;border:1px solid var(--border-subtle);color:var(--text-main);font-size:12px;font-weight:700;padding:6px 10px;border-radius:9px;white-space:nowrap;pointer-events:none;box-shadow:0 10px 24px -10px rgba(0,0,0,.7);z-index:5;}
.rxChartTip b{color:var(--gold);font-weight:800;margin-right:3px;}
.rxChartTip::after{content:"";position:absolute;left:50%;bottom:-5px;transform:translateX(-50%) rotate(45deg);width:9px;height:9px;background:#0b1322;border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);}
.rxFeedItem{transition:background .15s ease, opacity .38s ease, transform .38s ease;}
.rxFeedEnter{opacity:0;transform:translateY(-12px);}
.rxFeedLeave{opacity:0;transform:translateY(10px);}
.rxAnim .rxLine{stroke-dasharray:1400;stroke-dashoffset:1400;animation:rxDraw 1.5s ease forwards;}
@keyframes rxDraw{to{stroke-dashoffset:0;}}

/* ===== hero-side "Trusted & Verified" credibility panel ===== */
.rxTrust{position:relative;overflow:hidden;border-radius:20px;padding:24px;background:linear-gradient(165deg,rgba(255,209,102,.06),transparent 45%),linear-gradient(168deg,var(--panel-dark),var(--card-dark));border:1px solid var(--border-subtle);box-shadow:var(--card-shadow);}
.rxTrustGlow{position:absolute;top:-110px;right:-70px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,209,102,.16),transparent 70%);pointer-events:none;}
.rxTrust::after{content:"";position:absolute;top:0;left:-60%;width:38%;height:100%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent);animation:rxShine 6s ease-in-out infinite;pointer-events:none;}
@keyframes rxShine{0%,55%{left:-60%}100%{left:135%}}
.rxTrustTop{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;}
.rxTrustScore{display:flex;align-items:center;gap:13px;}
.rxTrustNum{font-family:'Plus Jakarta Sans';font-weight:800;font-size:44px;line-height:1;background:var(--sg);-webkit-background-clip:text;background-clip:text;color:transparent;}
.rxTrustStars{color:var(--gold);letter-spacing:2px;font-size:15px;}
.rxTrustRated{color:var(--text-muted);font-size:12px;margin-top:3px;}
.rxTrustSeal{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--win-green);background:rgba(60,232,166,.10);border:1px solid rgba(60,232,166,.28);padding:6px 11px;border-radius:999px;white-space:nowrap;}
.rxTrustList{list-style:none;margin:20px 0;padding:0;display:flex;flex-direction:column;gap:12px;position:relative;}
.rxTrustList li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-main);font-weight:500;}
.rxTrustList .bi{color:var(--gold);font-size:17px;flex:none;}
.rxTrustBadges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;position:relative;}
.rxTrustBadge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:var(--text-muted);background:rgba(255,255,255,.05);border:1px solid var(--border-subtle);padding:6px 11px;border-radius:8px;letter-spacing:.02em;}
.rxTrustBadge .bi{font-size:13px;}
.rxTrust18{color:var(--danger-red);border-color:rgba(255,96,121,.32);background:rgba(255,96,121,.09);}
.rxTrustCta{width:100%;text-align:center;justify-content:center;position:relative;}