/* v5.6.0 scoped */
/* Reviews Table v5.6.0 — exact card layout based on client's screenshot (no rating meter) */
/* Namespace: rrt-* (avoid collisions) */
.rrt{ --ink:#0f172a; --muted:#475569; --line:#e7edf5; --tile:#fff; --shadow:0 10px 24px rgba(15,23,42,.06);
      --green:#22c55e; --red:#ef4444; --gold:#f59e0b; --gray:#94a3b8; --cta:#24c06f; --cta-ink:#fff; }
.rrt *, .rrt *::before, .rrt *::after{ box-sizing:border-box }

/* One card per row */
.rrt-list{ display:block }
.rrt-card{ background:var(--tile); border:1px solid var(--line); border-radius:16px; box-shadow:var(--shadow);
          display:grid; grid-template-columns:minmax(96px,96px) minmax(340px,0.9fr) minmax(340px,1.1fr) minmax(320px,1.1fr) minmax(150px, 180px); gap:16px; align-items:center;
          padding:16px 18px; margin-bottom:16px; }

/* Logo column */
.rrt-col--logo{ position:relative; }
.rrt-logo{ width:96px; height:96px; border-radius:14px; object-fit:contain; background:#fff; border:1px solid var(--line); box-shadow:0 4px 10px rgba(0,0,0,.06); }
.rrt-rank{ position:absolute; top:-10px; left:-10px; background:var(--green); color:#fff; font-weight:900; font-size:13px;
          padding:4px 8px; border-radius:11px; box-shadow:0 2px 6px rgba(34,197,94,.35); }

/* Rating column */
.rrt-score{ font-weight:800; font-size:14px; margin-bottom:6px; }
.rrt-stars-row{ display:flex; align-items:center; gap:10px }
.rrt-stars{ color:var(--gold); font-size:16px; }
.rrt-chips{ display:flex; gap:10px; margin-top:10px; flex-wrap:wrap }
.rrt-chip{ display:inline-flex; align-items:center; gap:8px; padding:7px 12px; border-radius:12px; background:#f8fafc;
           border:1px solid #e2e8f0; font-size:12px; font-weight:700; color:#0f172a; }
.rrt-chip .ok{ color:#16a34a }
.rrt-chip .bad{ color:#d32f2f }

/* Offer (center text, no frame) */
.rrt-col--offer{ padding-left:6px; }
.rrt-offer{ font-weight:900; font-size:24px; letter-spacing:.3px; color:#113549; 
  text-align: center;}

/* Features (two columns) */
.rrt-col--features{ padding-left:4px; }
.rrt-features{ display:grid; grid-template-columns:repeat(2,minmax(180px,1fr)); gap:8px 22px; }
.rrt-feat{ display:flex; align-items:center; gap:8px; font-size:14px; }
.rrt-feat i.ok{ color:#16a34a; width:16px }
.rrt-feat i.bad{ color:#d32f2f; width:16px }

/* Divider between features and CTAs (and offer to features on wide screens) */
.rrt-divider{ width:1px; align-self:stretch; background:linear-gradient(180deg,transparent,#e5e7eb,transparent) }

/* CTA column */
.rrt-col--ctas{ display:flex; flex-direction:column; gap:10px; align-items:flex-end }
.rrt-btn{ display:flex; align-items:center; justify-content:center; gap:8px; width:170px; height:46px; border-radius:999px;
          text-decoration:none; font-weight:900; }
.rrt-btn--primary{ background:linear-gradient(180deg,#34d399,#16a34a); color:var(--cta-ink); box-shadow:0 10px 22px rgba(36,192,111,.25) }
.rrt-btn--secondary{ background:#94a3b8; color:#fff }

/* Win Rate color classes (mirrors hero block) */
.rrt-rate--great{ color:#1a7f37 }
.rrt-rate--solid{ color:#2e7d32 }
.rrt-rate--weak{ color:#b36b00 }
.rrt-rate--avoid{ color:#d32f2f }

/* Responsive */
@media (max-width:1300px){
  .rrt-card{ grid-template-columns:minmax(96px,96px) minmax(340px,0.9fr) minmax(340px,1.1fr) minmax(320px,1.1fr) minmax(150px, 180px); grid-auto-rows:auto }
}
@media (max-width:980px){
  .rrt-card{ grid-template-columns:minmax(96px,96px) minmax(340px,0.9fr) minmax(340px,1.1fr) minmax(320px,1.1fr) minmax(150px, 180px); grid-template-areas:
    'logo rating ctas' 'logo offer ctas' 'logo features ctas'; }
  .rrt-divider{ display:none }
  .rrt-col--ctas{ align-items:stretch }
}
.rrt-editor{ padding:12px; border:1px dashed #d8e1ee; background:#f8fbff }

/* v5.6.0 width/overflow fixes */
.rrt{ width:100%; max-width:100%; overflow:visible }
.rrt-list, .rrt-card{ width:100%; max-width:100% }
.rrt-card{ overflow:hidden } /* clip any accidental spill */
.rrt-offer{ word-break:break-word; overflow-wrap:break-word; max-width:100% }

/* Remove dedicated divider column; use border-left on CTAs */
.rrt-col--ctas{ padding-left:0 }

/* Theme-safe CTA buttons */
.mrt5 .rrt-col--ctas .rrt-btn{ 
  all: initial; /* reset theme button styles */
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  width:170px; height:46px; border-radius:999px;
  font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto;
  font-weight:900; font-size:15px; line-height:1; cursor:pointer;
  text-decoration:none; white-space:nowrap;
}
.mrt5 .rrt-col--ctas .rrt-btn:link,
.mrt5 .rrt-col--ctas .rrt-btn:visited{ color:#fff; text-decoration:none }
.mrt5 .rrt-col--ctas .rrt-btn--primary{ background:linear-gradient(180deg,#34d399,#16a34a); box-shadow:0 10px 22px rgba(36,192,111,.25) }
.mrt5 .rrt-col--ctas .rrt-btn--secondary{ background:#94a3b8 }

/* Inline icon circles (match screenshot) */
.mrt5 .rrt-col--ctas .rrt-btn::before{
  content:''; display:inline-block; width:22px; height:22px; border-radius:50%;
}
.mrt5 .rrt-col--ctas .rrt-btn--primary::before{
  background:linear-gradient(180deg,#2dd167,#1ea95b);
  -webkit-mask: none; mask: none;
  position:relative;
}
.mrt5 .rrt-col--ctas .rrt-btn--primary::after{
  content:'\2713'; /* check */
  color:#fff; font-weight:900; font-size:14px; margin-left:-28px;
}
.mrt5 .rrt-col--ctas .rrt-btn--secondary::before{
  background:#6b7280;
}
.mrt5 .rrt-col--ctas .rrt-btn--secondary::after{
  content:'\2139'; /* info symbol */
  color:#fff; font-weight:900; font-size:14px; margin-left:-28px;
}

/* Chips: neutral payout color; only Win Rate carries color class */
.rrt-chip b{ color:inherit }


@media (max-width: 1200px){
  .rrt-card{ grid-template-columns:minmax(96px,96px) minmax(340px,0.9fr) minmax(340px,1.1fr) minmax(320px,1.1fr) minmax(150px, 180px); }
}
@media (max-width: 992px){
  .rrt-card{
    grid-template-columns:minmax(96px,96px) minmax(340px,0.9fr) minmax(340px,1.1fr) minmax(320px,1.1fr) minmax(150px, 180px);
    grid-template-areas:
      'logo rating ctas'
      'logo offer  ctas'
      'logo features ctas';
  }
  .rrt-col--logo{ grid-area: logo }
  .rrt-col--rating{ grid-area: rating }
  .rrt-col--offer{ grid-area: offer }
  .rrt-col--features{ grid-area: features }
  .rrt-col--ctas{ grid-area: ctas; border-left: none; padding-left: 0; align-items: flex-end }
}
@media (max-width: 720px){
  .rrt-card{ grid-template-columns:minmax(96px,96px) minmax(340px,0.9fr) minmax(340px,1.1fr) minmax(320px,1.1fr) minmax(150px, 180px); grid-template-areas: 'rating' 'offer' 'features' 'ctas'; padding:14px 14px }
  .rrt-col--logo{ display:none }
  .rrt-col--ctas{ align-items: stretch }
  .mrt5 .rrt-col--ctas .rrt-btn{ width: 100% }
  .rrt-offer{ font-size: 20px }
  .rrt-features{ grid-template-columns: 1fr }
  .rrt-chips{ gap:8px }
}

/* Icon white circle */
.mrt5 .rrt-col--ctas .rrt-btn::before{
  content:""; position:absolute; left:16px; top:50%; transform:translateY(-50%);
  width:26px; height:26px; border-radius:50%; background:#fff;
  box-shadow: 0 0 0 2px rgba(255,255,255,.15) inset;
}

/* Check / Arrow inside the white circle using inline SVG data URIs */
.mrt5 .rrt-col--ctas .rrt-btn--primary::after{
  content:""; position:absolute; left:16px; top:50%; transform:translate(5px,-50%);
  width:18px; height:18px;
  background-repeat:no-repeat; background-position:center; background-size:contain;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M17.5 8.8l-6.0 6.0-3.0-3.0' fill='none' stroke='%2316a34a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}
.mrt5 .rrt-col--ctas .rrt-btn--secondary::after{
  content:""; position:absolute; left:16px; top:50%; transform:translate(5px,-50%);
  width:18px; height:18px;
  background-repeat:no-repeat; background-position:center; background-size:contain;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M10 7l5 5-5 5' fill='none' stroke='%234b5563' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}

/* Full-width on small screens still respected by existing media rules */

/* room for icon circle */
  border-radius:10px;
  font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto !important;
  font-weight: 800 !important; font-size: 16px; line-height: 1 !important;
  letter-spacing: .2px; color: #fff !important; text-decoration: none !important;
  white-space: nowrap; box-sizing: border-box; cursor: pointer; user-select: none;
  transition: filter .12s ease, transform .06s ease;
  box-shadow: 0 6px 16px rgba(0,0,0,.10);
}
.mrt5 .rrt-col--ctas .rrt-btn--primary{
  background: linear-gradient(180deg,#33d583 0%,#27c877 38%,#20b765 100%) !important;
}
.mrt5 .rrt-col--ctas .rrt-btn--secondary{
  background: linear-gradient(180deg,#8f9aa9 0%,#7e8998 100%) !important;
}
.mrt5 .rrt-col--ctas .rrt-btn:hover{ filter: brightness(.985) }
.mrt5 .rrt-col--ctas .rrt-btn:active{ transform: translateY(1px) }
.mrt5 .rrt-col--ctas .rrt-btn:focus-visible{ outline:2px solid rgba(36,192,111,.45); outline-offset:2px }

/* White icon circle (left) */
.mrt5 .rrt-col--ctas .rrt-btn::before{
  content:""; position:absolute; left:18px; top:50%; transform:translateY(-50%);
  width:24px; height:24px; border-radius:50%;
  background:#fff;
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.22), 0 1px 2px rgba(0,0,0,.08);
}

/* Check / Arrow inside the circle via SVG data URIs (centered) */
.mrt5 .rrt-col--ctas .rrt-btn--primary::after{
  content:""; position:absolute; left:18px; top:50%; transform:translate(5px,-50%);
  width:14px; height:14px; background-repeat:no-repeat; background-position:center; background-size:contain;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M17.5 8.8l-6.2 6.2-3.1-3.1' fill='none' stroke='%2316a34a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}
.mrt5 .rrt-col--ctas .rrt-btn--secondary::after{
  content:""; position:absolute; left:18px; top:50%; transform:translate(5px,-50%);
  width:14px; height:14px; background-repeat:no-repeat; background-position:center; background-size:contain;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M10 7l5 5-5 5' fill='none' stroke='%234b5563' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}

/* Make sure CTAs can go full-width on mobile (existing media uses width:100%) */

/* v5.6.0 — CTA exact replica, robust against theme styles */
.mrt5 .rrt-col--ctas{ padding-left:0 } /* no vertical divider near the buttons */

/* reset any theme button/link artifacts */
.mrt5 .rrt-col--ctas .rrt-btn{ all: unset; }
.mrt5 .rrt-col--ctas .rrt-btn::before,
.mrt5 .rrt-col--ctas .rrt-btn::after{ content:none !important; display:none !important; }

.mrt5 .rrt-col--ctas .rrt-btn{
  position: relative; display:inline-flex; align-items:center; justify-content:center;
  height:48px; min-width:196px; padding:0 22px 0 62px;
  border-radius:10px; box-sizing:border-box; white-space:nowrap;
  font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto !important;
  font-weight:800 !important; font-size:16px; line-height:1 !important; letter-spacing:.2px;
  color:#fff !important; text-decoration:none !important; cursor:pointer; user-select:none;
  box-shadow:0 6px 16px rgba(0,0,0,.10); transition:filter .12s ease, transform .06s ease;
}
.mrt5 .rrt-col--ctas .rrt-btn--primary{ background:linear-gradient(180deg,#33d583 0%,#27c877 38%,#20b765 100%) !important; }
.mrt5 .rrt-col--ctas .rrt-btn--secondary{ background:linear-gradient(180deg,#8f9aa9 0%,#7e8998 100%) !important; }
.mrt5 .rrt-col--ctas .rrt-btn:hover{ filter:brightness(.985) }
.mrt5 .rrt-col--ctas .rrt-btn:active{ transform:translateY(1px) }
.mrt5 .rrt-col--ctas .rrt-btn:focus-visible{ outline:2px solid rgba(36,192,111,.45); outline-offset:2px }

/* use the existing .rrt-btn-ico span as the white circle */
.mrt5 .rrt-col--ctas .rrt-btn-ico{
  position:absolute; left:18px; top:50%; transform:translateY(-50%);
  width:24px; height:24px; border-radius:50%; background:#fff;
  display:inline-block; box-shadow: inset 0 0 0 2px rgba(255,255,255,.22), 0 1px 2px rgba(0,0,0,.08);
}
/* hide any inline SVG that may exist inside the icon span from older builds */
.mrt5 .rrt-col--ctas .rrt-btn-ico > svg{ display:none !important; }

/* draw the glyph (check or arrow) inside the circle */
.mrt5 .rrt-col--ctas .rrt-btn-ico::after{
  content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:14px; height:14px; background-repeat:no-repeat; background-position:center; background-size:contain;
}
.mrt5 .rrt-col--ctas .rrt-btn--primary .rrt-btn-ico::after{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M17.5 8.8l-6.2 6.2-3.1-3.1' fill='none' stroke='%2316a34a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}
.mrt5 .rrt-col--ctas .rrt-btn--secondary .rrt-btn-ico::after{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M10 7l5 5-5 5' fill='none' stroke='%234b5563' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}

/* ensure mobile full-width still works via existing media rules; nothing else changed */

/* end v5.6.0 */
/* Scoped minimal reset to reduce theme bleed */
.mrt5 a{ text-decoration:none; }
.mrt5 *{ box-sizing:border-box; }


/* === v5.6.0 CTA – pixel-exact, emoji-free, theme-safe === */
.mrt5 .rrt-col--ctas{ display:flex; flex-direction:column; gap:12px; align-items:flex-end; padding-left:0; border-left:0; }

/* reset any theme leaks on the anchor + inner spans */
.mrt5 .rrt-col--ctas .rrt-btn{ all:unset; position:relative; display:inline-flex; align-items:center; justify-content:center;
  min-width:196px; height:48px; padding:0 22px 0 58px; border-radius:10px; box-sizing:border-box; white-space:nowrap;
  font:800 16px/1 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial; letter-spacing:.2px; color:#fff; text-decoration:none;
  box-shadow:0 6px 16px rgba(0,0,0,.10); cursor:pointer; user-select:none; transition:filter .12s ease, transform .06s ease;
}
.mrt5 .rrt-col--ctas .rrt-btn *{ text-shadow:none !important; box-shadow:none !important; }

.mrt5 .rrt-col--ctas .rrt-btn--primary{ background:linear-gradient(180deg,#33d583 0%,#27c877 38%,#20b765 100%); }
.mrt5 .rrt-col--ctas .rrt-btn--secondary{ background:linear-gradient(180deg,#8f9aa9 0%,#7e8998 100%); }

.mrt5 .rrt-col--ctas .rrt-btn:hover{ filter:brightness(.985) }
.mrt5 .rrt-col--ctas .rrt-btn:active{ transform:translateY(1px) }
.mrt5 .rrt-col--ctas .rrt-btn:focus-visible{ outline:2px solid rgba(36,192,111,.45); outline-offset:2px }

/* icon white circle */
.mrt5 .rrt-col--ctas .rrt-btn__icon{ position:absolute; left:18px; top:50%; transform:translateY(-50%);
  width:24px; height:24px; border-radius:50%; background:#fff; display:inline-grid; place-items:center;
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.22), 0 1px 2px rgba(0,0,0,.08);
}
.mrt5 .rrt-col--ctas .rrt-btn__icon .rrt-ico{ display:block; width:14px; height:14px }

/* text label */
.mrt5 .rrt-col--ctas .rrt-btn__label{ color:#fff; position:relative; z-index:1 }

@media (max-width: 720px){
  .mrt5 .rrt-col--ctas{ align-items:stretch; }
  .mrt5 .rrt-col--ctas .rrt-btn{ width:100%; min-width:0 }
}


/* v5.6.0 — CTA hardening */
.mrt5 .rrt-col--ctas .rrt-btn{
  position:relative; display:inline-flex; align-items:center; justify-content:center;
  min-width:196px; height:48px; padding:0 22px 0 58px;
  border-radius:10px; box-sizing:border-box; white-space:nowrap;
  font:800 16px/1 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial;
  color:#fff !important; text-decoration:none !important;
  box-shadow:0 6px 16px rgba(0,0,0,.10);
}
.mrt5 .rrt-col--ctas .rrt-btn--primary{ background:linear-gradient(180deg,#33d583 0%,#27c877 38%,#20b765 100%) !important; }
.mrt5 .rrt-col--ctas .rrt-btn--secondary{ background:linear-gradient(180deg,#8f9aa9 0%,#7e8998 100%) !important; }

.mrt5 .rrt-col--ctas .rrt-btn::before,
.mrt5 .rrt-col--ctas .rrt-btn::after,
.mrt5 .rrt-col--ctas .rrt-btn *::before,
.mrt5 .rrt-col--ctas .rrt-btn *::after{
  content:none !important; display:none !important;
}

.mrt5 .rrt-col--ctas .rrt-btn__icon{
  position:absolute; left:18px; top:50%; transform:translateY(-50%);
  width:24px; height:24px; border-radius:50%;
  background:#fff !important;
  display:inline-grid; place-items:center;
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.22), 0 1px 2px rgba(0,0,0,.08) !important;
}
.mrt5 .rrt-col--ctas .rrt-btn__icon .rrt-ico{ display:block; width:14px; height:14px }

@media (max-width: 720px){
  .mrt5 .rrt-col--ctas{ align-items:stretch; }
  .mrt5 .rrt-col--ctas .rrt-btn{ width:100%; min-width:0 }
}


/* v5.6.0 – CTA finetune: softer corners + narrower + icon adjust */
.mrt5 .rrt-col--ctas .rrt-btn{
  min-width: 176px;
  border-radius: 22px;
  padding: 0 18px 0 54px;
}
.mrt5 .rrt-col--ctas .rrt-btn__icon{
  left: 16px;
  width: 22px; height: 22px;
}
.mrt5 .rrt-col--ctas .rrt-btn__icon .rrt-ico{
  width: 22px; height: 22px;
}



/* v5.6.0 – CTA radius preference */
.mrt5 .rrt-col--ctas .rrt-btn{ border-radius: 10px; }


.rrt-title{margin:0 0 8px; font-weight:900; font-size:28px; line-height:1.15; color:#0e2433;}


/* v5.6.0 adjustments */
/* Safer, unique title class to avoid theme collisions and reduce size */
.mrt5 .rrt-name{
  margin:0;
  font-weight:900;
  font-size:26px;
  letter-spacing:.2px;
  line-height:1.25;
  color:#113549;
}
@media (max-width: 720px){
  .mrt5 .rrt-name{ font-size:22px; }
}

/* Make score and stars sit on the same line */
.mrt5 .rrt-ratingline{
  display:flex; align-items:center; gap:8px;
}
.mrt5 .rrt-score{ margin:0; font-weight:800; font-size:14px; }
.mrt5 .rrt-stars{ color:#f59e0b; font-size:15px; line-height:1; }

/* Keep features from wrapping under CTAs by preventing CTA from claiming excessive width */
.mrt5 .rrt-col--ctas{ min-width: 0; }
.mrt5 .rrt-col--ctas .rrt-btn{ min-width:168px !important; }

/* Provide a slightly wider feature column on wide screens */
@media (min-width: 1201px){
  .mrt5 .rrt-card{
    grid-template-columns: minmax(96px,96px) minmax(280px,1fr) minmax(420px,1.2fr) minmax(360px,1fr) minmax(168px, 200px);
  }
}

/* Ensure the features grid doesn't collapse when the CTAs are present */
.mrt5 .rrt-features{ grid-template-columns: repeat(2, minmax(200px,1fr)); }
@media (max-width: 1100px){
  .mrt5 .rrt-features{ grid-template-columns: 1fr; }
}

/* ===== v5.6.0 hotfixes ===== */
.mrt5 .rrt-rank{ padding:1px 8px !important; }

/* Keep payout + win rate on one line on desktop */
.mrt5 .rrt-chips{ display:flex; flex-wrap:nowrap; gap:10px; }
@media (max-width: 800px){
  .mrt5 .rrt-chips{ flex-wrap:wrap; }
}

/* Resolve CTA conflicts and unify radius */
.mrt5 .rrt-col--ctas .rrt-btn{
  min-width:176px !important;
  border-radius:10px !important;
}
.mrt5 .rrt-col--ctas .rrt-btn--primary,
.mrt5 .rrt-col--ctas .rrt-btn--secondary{
  border-radius:10px !important;
}

/* Prevent features from wrapping underneath CTAs */
.mrt5 .rrt-card{
  grid-template-columns: minmax(96px,96px) minmax(280px,1fr) minmax(520px,1.2fr) minmax(420px,1fr) minmax(168px,200px) !important;
}
.mrt5 .rrt-col--features, .mrt5 .rrt-col--ctas{ min-width:0; }
.mrt5 .rrt-features{ grid-template-columns: repeat(2, minmax(200px,1fr)); }
@media (max-width: 1100px){ .mrt5 .rrt-features{ grid-template-columns: 1fr; } }

/* === v5.6.0 overrides (scoped) === */
.mrt5 .rrt-title{
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.mrt5 .rrt-stars{ font-size:24px; line-height:1; letter-spacing:1px; color:#f59e0b; }
.mrt5 .rrt-chips{ display:flex; flex-wrap:nowrap; gap:10px; }
.mrt5 .rrt-chip{ white-space:nowrap; }
.mrt5 .rrt-rank{ padding:1px 8px !important; }

/* Keep features from wrapping under CTAs by giving columns saner proportions */
.mrt5 .rrt-card{
  grid-template-columns: minmax(96px,96px) minmax(220px,1fr) minmax(360px,1.2fr) minmax(320px,1fr) minmax(168px,0.8fr) !important;
}

/* CTA pills hardening */
.mrt5 .rrt-col--ctas .rrt-btn{
  min-width:176px !important;
  border-radius:10px !important;
}

/* Mobile stacking & centering */
@media (max-width: 980px){
  .mrt5 .rrt-card{
    grid-template-columns: 92px 1fr;
    grid-template-areas:
      "logo title"
      "logo chips"
      "offer offer"
      "features features"
      "ctas ctas";
    row-gap: 10px;
  }
  .mrt5 .rrt-col--logo{ grid-area: logo; }
  .mrt5 .rrt-col--rating{ grid-area: title; }
  .mrt5 .rrt-col--offer{ grid-area: offer; text-align:center; }
  .mrt5 .rrt-col--features{ grid-area: features; }
  .mrt5 .rrt-col--ctas{ grid-area: ctas; display:flex; justify-content:center; gap:12px; }
  .mrt5 .rrt-col--ctas .rrt-btn{ width: min(260px, 46%); }
}

@media (max-width: 640px){
  .mrt5 .rrt-col--ctas{ flex-direction:column; align-items:center; }
  .mrt5 .rrt-col--ctas .rrt-btn{ width: 90%; max-width: 340px; }
}


/* v5.6.0 stars overlay */
.mrt5 .rrt-stars{position:relative;display:inline-block;font-size:24px;line-height:1;color:#f59e0b;}
.mrt5 .rrt-stars-base{color:#e5e7eb;}
.mrt5 .rrt-stars-fill{position:absolute;left:0;top:0;white-space:nowrap;overflow:hidden;color:#f59e0b;}


/* v5.6.4 — Mobile overflow hard fix (desktop unchanged) */
@media (max-width: 720px){
  /* Keep everything inside the viewport */
  .mrt5 .rrt,
  .mrt5 .rrt-list,
  .mrt5 .rrt-card{ width:100% !important; max-width:100% !important; overflow:hidden !important; box-sizing:border-box !important; }

  /* Force single-column grid and allow shrinking */
  .mrt5 .rrt-card{ display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:12px !important; padding:14px 14px !important; }
  .mrt5 .rrt-card > .rrt-col{ min-width:0 !important; max-width:100% !important; }

  /* Center key text and allow wrapping anywhere to avoid overflow */
  .mrt5 .rrt-title,
  .mrt5 .rrt-offer{ text-align:center !important; word-break:break-word !important; overflow-wrap:anywhere !important; }
  .mrt5 .rrt-chips{ justify-content:center !important; flex-wrap:wrap !important; gap:10px !important; }
  .mrt5 .rrt-chip{ max-width:100% !important; white-space:normal !important; }

  /* Features above CTAs, single column */
  .mrt5 .rrt-features{ display:grid !important; grid-template-columns:1fr !important; row-gap:8px !important; max-width:100% !important; }

  /* Full-width CTAs */
  .mrt5 .rrt-col--ctas{ align-items:stretch !important; }
  .mrt5 .rrt-col--ctas .rrt-btn{ width:100% !important; min-width:0 !important; box-sizing:border-box !important; }

  /* Media safety for images/icons/emojis */
  .mrt5 img, .mrt5 svg{ max-width:100% !important; height:auto !important; }
  .mrt5 img.emoji{ width:1em !important; height:1em !important; }

  /* Slight reductions for compact screens */
  .mrt5 .rrt-stars{ font-size:20px !important; }
  .mrt5 .rrt-logo{ width:64px !important; height:64px !important; }
}

/* Tablet guard (<=1024px): allow shrinking, do not alter desktop template */
@media (max-width: 1024px){
  .mrt5 .rrt-card > .rrt-col{ min-width:0 !important; }
  .mrt5 .rrt-chips{ flex-wrap:wrap !important; gap:10px !important; }
  .mrt5 .rrt-features{ grid-template-columns:1fr 1fr !important; }
}


/* v5.6.5 — Features grid tweak (per request)
   - Base: 2 cols with min 180px
   - Scoped (.mrt5): 2 cols with min 168px
   - Mobile: stack to 1 col
*/
.rrt-features{
  display: grid;
  grid-template-columns: repeat(2, minmax(180px, 1fr));
  gap: 8px 7px;
  min-width: 0;
}
.mrt5 .rrt-features{
  grid-template-columns: repeat(2, minmax(168px, 1fr));
  gap: 8px 7px;
  min-width: 0;
}
.rrt-features .rrt-feat{ min-width: 0; }
@media (max-width: 720px){
  .rrt-features,
  .mrt5 .rrt-features{
    grid-template-columns: 1fr;
  }
}


/* v5.7.0 — Inline SVG icons for chips */
.rrt-chip .ico{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-right:6px;flex:0 0 16px}
.rrt-chip .ico .rrt-ico-svg{display:block;width:16px;height:16px}
.rrt-chip .ico--timer{color:#64748b}
.rrt-chip .ico--bolt{color:#f59e0b}
.rrt img.emoji{display:none !important}


/* v5.7.3 — tighter inline icon glyphs for chips (no extra backgrounds) */
.mrt5 .rrt-chip .ico{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:1.25em;
  height:1.25em;
  font-size:16px;
  line-height:1;
  margin-right:6px;
  transform:translateY(-0.5px);
}
.mrt5 .rrt-chips .rrt-chip:first-child .ico{ color:#64748b; } /* ⏱ timer */
.mrt5 .rrt-chips .rrt-chip:last-child .ico{ color:#f59e0b; }  /* ⚡ bolt */


/* v5.7.8 — inline SVG for Win Rate (HTML-safe, no PHP helper) */
.mrt5 .rrt-chip .ico .rrt-ico-svg{ width:16px; height:16px; display:block; }
.mrt5 .rrt-chip .ico.ico--bolt{ color:#f59e0b; }