/* Casino hero exact: consolidated current styles */

.rrcX-hero{
  --ink:#0b1e2d;
  --muted:#5b6b78;
  --body:#2d3f4f;
  --cta:#15803d;
  --cta-ink:#fff;
  --bg-top:#f7fafc;
  --bg-btm:#f2f7fb;
  --shadow:0 6px 18px rgba(10,42,70,.08);
  background:linear-gradient(180deg,var(--bg-top),var(--bg-btm));
  border-radius:14px;
  box-shadow:var(--shadow);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:
    "left right"
    "desc desc";
  gap:18px 24px;
  padding:22px 24px;
  align-items:start;
}

.rrcX-left{
  grid-area:left;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:18px;
  align-items:flex-start;
}

.rrcX-media{
  position:relative;
  width:132px;
  height:132px;
}

.rrcX-logo{
  width:132px;
  height:132px;
  border-radius:12px;
  object-fit:cover;
  background:#fff;
  box-shadow:0 1px 4px rgba(0,0,0,.06);
}

.rrcX-pill{
  position:absolute;
  top:-12px;
  left:-10px;
  display:inline-flex;
  align-items:center;
  gap:4px;
  background:#fff;
  color:var(--ink);
  border-radius:999px;
  padding:6px 10px;
  font-weight:800;
  font-size:14px;
  box-shadow:0 2px 6px rgba(0,0,0,.12);
}

.rrcX-num{color:var(--ink);font-weight:800}
.rrcX-star{color:#ff9800;font-weight:900}

.rrcX-text{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.rrcX-title{
  margin:0;
  font-size:clamp(28px,3.2vw,44px);
  line-height:1.1;
  letter-spacing:-.01em;
  color:#111;
  word-wrap:break-word;
}

.rrcX-offer{
  font-size:clamp(18px,2.1vw,22px);
  font-weight:800;
  color:#113549;
  word-wrap:break-word;
}

.rrcX-right{
  grid-area:right;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
}

.rrcX-ctaWrap{
  display:inline-flex;
  flex-direction:column;
  align-items:stretch;
  gap:8px;
  min-width:0;
  width:min(100%, 260px);
}

.rrcX-hero .rrcX-cta{
  display:inline-flex;
  align-items:flex-start;
  justify-content:center;
  min-width:0;
  width:100%;
  padding:16px 34px;
  background:var(--cta);
  color:var(--cta-ink);
  border-radius:12px;
  text-decoration:none;
  font-weight:800;
  box-shadow:0 10px 22px rgba(21,128,61,.25);
}

.rrcX-hero .rrcX-cta:hover{filter:brightness(.96);color:var(--cta-ink)}
.rrcX-hero .rrcX-cta:visited{color:var(--cta-ink)}
.rrcX-ctaIcon{margin-left:10px}

.rrcX-terms{
  font-size:12px;
  color:var(--muted);
  text-align:center;
}

.rrcX-descwrap{
  grid-area:desc;
}

.rrcX-excerpt{
  margin:0 0 10px;
  color:var(--body);
}

.rrcX-bottom{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  margin-top:10px;
}

.rrcX-stats{
  display:flex;
  flex-wrap:wrap;
  gap:22px;
  align-items:center;
  margin:0;
  padding:0;
  border:0;
  font-size:14px;
  color:#113549;
}

.rrcX-stat{
  display:inline-flex;
  gap:8px;
  align-items:center;
  line-height:1.2;
  color:#5a6e7a;
}

.rrcX-stat .rrcX-v{
  font-weight:800;
  color:#113549;
}

.rrcX-stat .rrcX-ico{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.rrt-ico-svg{
  width:16px;
  height:16px;
  display:inline-block;
  vertical-align:-2px;
}

.rrt-ico-svg--timer{color:#64748b}
.rrt-ico-svg--bolt{color:#f59e0b}

.rrcX-meta{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0;
  color:#6c7c88;
  font-size:12px;
  line-height:1.2;
  white-space:normal;
  overflow-wrap:anywhere;
}

.rrcX-check{
  position:relative;
  top:1px;
  width:14px;
  height:14px;
  background:#1a7f37;
  border-radius:50%;
  display:inline-block;
  flex:0 0 14px;
}

.rrcX-check > svg{display:none !important}

.rrcX-check::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:6px;
  height:10px;
  border:2px solid #fff;
  border-top:0;
  border-left:0;
  transform:translate(-50%, -58%) rotate(45deg);
  border-radius:1px;
}

.rrcX-rate--great{color:#1a7f37}
.rrcX-rate--solid{color:#2e7d32}
.rrcX-rate--weak{color:#b36b00}
.rrcX-rate--avoid{color:#d32f2f}

@media (max-width:1100px){
  .rrcX-hero{
    grid-template-columns:1fr;
    grid-template-areas:
      "left"
      "right"
      "desc";
  }

  .rrcX-left{
    justify-items:center;
    grid-template-columns:1fr;
    text-align:center;
  }

  .rrcX-media{
    width:104px;
    height:104px;
    margin:0 auto;
  }

  .rrcX-logo{
    width:104px;
    height:104px;
    border-radius:10px;
  }

  .rrcX-text,
  .rrcX-title,
  .rrcX-offer,
  .rrcX-excerpt{
    text-align:center;
  }

  .rrcX-right{
    align-items:center;
    width:100%;
  }

  .rrcX-ctaWrap{
    min-width:0;
    width:100%;
    max-width:100%;
  }

  .rrcX-cta,
  .rrcX-terms{
    width:100%;
  }

  .rrcX-bottom{
    flex-direction:column;
    align-items:center;
    gap:10px;
  }

  .rrcX-meta{
    white-space:normal;
    text-align:center;
    justify-content:center;
  }
}

@media (min-width:981px) and (max-width:1100px){
  .rrcX-hero{
    gap:18px 20px;
    padding:20px 22px;
  }

  .rrcX-title{
    font-size:clamp(32px,3vw,40px);
  }
}