/* ============================================================
   RefurbishedBazzar — Editorial blog system
   Prefix: rbxb-  |  Light + dark aware (body[theme="dark"])
   A refurbished-tech review publication: serif headlines,
   hairline rules, kicker/eyebrow system, restrained green accent.
   ============================================================ */
:root{
  --rbxb-accent:#1f9d55;            /* restrained editorial green */
  --rbxb-accent-deep:#137a41;
  --rbxb-ink:#14181d;               /* headline ink */
  --rbxb-ink2:#3d454d;              /* body ink */
  --rbxb-muted:#737d86;
  --rbxb-faint:#9aa3ab;
  --rbxb-line:#e7e4dd;              /* warm hairline */
  --rbxb-line-strong:#d9d5cc;
  --rbxb-surface:#ffffff;
  --rbxb-paper:#faf9f6;             /* warm off-white page tint */
  --rbxb-elevated:#0f1216;          /* dark chips / buttons */
  --rbxb-serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;
  --rbxb-shadow:0 24px 60px -34px rgba(20,24,29,.42);
  --rbxb-shadow-sm:0 2px 0 rgba(20,24,29,.02);
  --rbxb-r:14px;
}
body[theme="dark"]{
  --rbxb-accent:#39c06d; --rbxb-accent-deep:#2aa85c;
  --rbxb-ink:#f0f1ee; --rbxb-ink2:#c4cace; --rbxb-muted:#8b959d; --rbxb-faint:#69727a;
  --rbxb-line:#262b31; --rbxb-line-strong:#333a41;
  --rbxb-surface:#14171b; --rbxb-paper:#0c0e11; --rbxb-elevated:#f0f1ee;
  --rbxb-shadow:0 26px 66px -34px rgba(0,0,0,.8);
}

.rbxb-wrap{ padding:8px 0 72px; color:var(--rbxb-ink2); }
.rbxb-wrap a{ text-decoration:none; color:inherit; }
.rbxb-wrap .container{ max-width:1240px; }

/* shared eyebrow / kicker */
.rbxb-eyebrow{ display:inline-flex; align-items:center; gap:8px; font-size:11px; font-weight:700;
  letter-spacing:.16em; text-transform:uppercase; color:var(--rbxb-muted); }
.rbxb-eyebrow::before{ content:""; width:18px; height:2px; background:var(--rbxb-accent); display:inline-block; }

/* ---------- MASTHEAD ---------- */
.rbxb-masthead{ display:flex; align-items:flex-end; justify-content:space-between; gap:20px; flex-wrap:wrap;
  padding:22px 0 18px; border-bottom:2px solid var(--rbxb-ink); margin-bottom:30px; }
.rbxb-masthead h1{ font-family:var(--rbxb-serif); font-weight:600; font-size:clamp(30px,4.4vw,52px);
  line-height:.98; letter-spacing:-.01em; color:var(--rbxb-ink); margin:8px 0 0; }
.rbxb-masthead .rbxb-mh-sub{ font-size:13.5px; color:var(--rbxb-muted); max-width:38ch; margin:6px 0 0; }
.rbxb-masthead-right{ text-align:right; }
.rbxb-masthead-right .rbxb-stat{ font-family:var(--rbxb-serif); font-size:34px; font-weight:600; color:var(--rbxb-ink); line-height:1;
  font-variant-numeric:tabular-nums; }
.rbxb-masthead-right .rbxb-stat-label{ font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--rbxb-muted); }

/* ---------- FEATURED BAND ---------- */
.rbxb-lead{ display:grid; grid-template-columns:1.55fr .95fr; gap:40px; padding-bottom:34px;
  margin-bottom:34px; border-bottom:1px solid var(--rbxb-line); }
.rbxb-lead-figure{ position:relative; border-radius:var(--rbxb-r); overflow:hidden; aspect-ratio:16/10; background:var(--rbxb-paper);
  border:1px solid var(--rbxb-line); }
.rbxb-lead-figure img{ width:100%; height:100%; object-fit:cover; transition:transform .5s cubic-bezier(.2,.7,.2,1); }
.rbxb-lead:hover .rbxb-lead-figure img{ transform:scale(1.03); }
.rbxb-lead-figure .rbxb-lead-cat{ position:absolute; top:14px; left:14px; background:var(--rbxb-surface); color:var(--rbxb-ink);
  font-size:10.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; padding:6px 12px; border-radius:999px; }
.rbxb-lead-body{ padding-top:6px; }
.rbxb-lead-kicker{ font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--rbxb-accent); }
.rbxb-lead-title{ font-family:var(--rbxb-serif); font-weight:600; font-size:clamp(26px,3.2vw,40px); line-height:1.08;
  letter-spacing:-.01em; color:var(--rbxb-ink); margin:12px 0 14px; }
.rbxb-lead-title a:hover{ color:var(--rbxb-accent); }
.rbxb-lead-dek{ font-size:15.5px; line-height:1.65; color:var(--rbxb-ink2); margin:0 0 18px;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.rbxb-lead-meta{ display:flex; align-items:center; gap:14px; font-size:12.5px; color:var(--rbxb-muted); margin-bottom:20px;
  font-variant-numeric:tabular-nums; }
.rbxb-lead-meta .dot{ width:3px; height:3px; border-radius:50%; background:var(--rbxb-faint); }
.rbxb-lead-cta{ display:inline-flex; align-items:center; gap:10px; font-size:13px; font-weight:700; color:var(--rbxb-ink);
  border-bottom:2px solid var(--rbxb-accent); padding-bottom:3px; transition:gap .18s ease; }
.rbxb-lead-cta:hover{ gap:14px; color:var(--rbxb-accent); }

/* editor's picks rail (text-forward, numbered) */
.rbxb-picks-head{ font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--rbxb-muted);
  padding-bottom:12px; margin-bottom:4px; border-bottom:1px solid var(--rbxb-line); }
.rbxb-pick{ display:grid; grid-template-columns:auto 1fr; gap:14px; align-items:start; padding:16px 0; border-bottom:1px solid var(--rbxb-line); }
.rbxb-pick:last-child{ border-bottom:0; }
.rbxb-pick-no{ font-family:var(--rbxb-serif); font-size:22px; font-weight:600; color:var(--rbxb-faint); line-height:1; font-variant-numeric:tabular-nums; }
.rbxb-pick-cat{ font-size:10px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--rbxb-accent); }
.rbxb-pick-title{ font-size:14.5px; font-weight:600; line-height:1.35; color:var(--rbxb-ink); margin:4px 0 0;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.rbxb-pick:hover .rbxb-pick-title{ color:var(--rbxb-accent); }
.rbxb-pick-meta{ font-size:11.5px; color:var(--rbxb-muted); margin-top:5px; font-variant-numeric:tabular-nums; }

/* ---------- topic tabs ---------- */
.rbxb-topics{ margin-bottom:34px; }
.rbxb-tabs{ display:flex; gap:8px; overflow-x:auto; padding-bottom:6px; scrollbar-width:thin; }
.rbxb-tab{ display:inline-flex; align-items:center; gap:8px; white-space:nowrap; border:1px solid var(--rbxb-line-strong);
  background:transparent; color:var(--rbxb-ink2); font-size:13px; font-weight:600; padding:8px 15px; border-radius:999px; transition:all .16s ease; }
.rbxb-tab:hover{ border-color:var(--rbxb-ink); color:var(--rbxb-ink); }
.rbxb-tab.is-active{ background:var(--rbxb-accent); border-color:var(--rbxb-accent); color:#fff; }
body[theme="dark"] .rbxb-tab.is-active{ color:#fff; }
.rbxb-tab .rbxb-count{ font-size:11px; font-weight:700; color:var(--rbxb-faint); font-variant-numeric:tabular-nums; }
.rbxb-tab.is-active .rbxb-count{ color:#fff; opacity:.85; }

/* ---------- layout ---------- */
.rbxb-layout{ display:grid; grid-template-columns:1fr 288px; gap:48px; align-items:start; }
.rbxb-aside{ position:sticky; top:90px; display:flex; flex-direction:column; gap:30px; }
.rbxb-panel{ }
.rbxb-panel-title{ display:flex; align-items:center; justify-content:space-between; font-size:11px; font-weight:700;
  letter-spacing:.14em; text-transform:uppercase; color:var(--rbxb-muted); margin:0 0 16px; padding-bottom:12px; border-bottom:1px solid var(--rbxb-line); }

.rbxb-social{ display:flex; gap:10px; flex-wrap:wrap; }
.rbxb-soc{ display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%;
  border:1px solid var(--rbxb-line-strong); color:var(--rbxb-ink); font-size:17px; transition:all .16s ease; }
.rbxb-soc:hover{ background:var(--rbxb-ink); color:var(--rbxb-surface); border-color:var(--rbxb-ink); transform:translateY(-2px); }
body[theme="dark"] .rbxb-soc:hover{ color:#0c0e11; }

.rbxb-recent{ display:flex; flex-direction:column; }
.rbxb-recent-item{ display:grid; grid-template-columns:auto 1fr; gap:13px; padding:14px 0; border-bottom:1px solid var(--rbxb-line); align-items:start; }
.rbxb-recent-item:first-child{ padding-top:0; }
.rbxb-recent-item:last-child{ border-bottom:0; }
.rbxb-recent-item img{ width:56px; height:56px; border-radius:10px; object-fit:cover; border:1px solid var(--rbxb-line); }
.rbxb-recent-item h6{ font-size:13px; font-weight:600; line-height:1.35; margin:0; color:var(--rbxb-ink);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.rbxb-recent-item h6 a:hover{ color:var(--rbxb-accent); }
.rbxb-recent-item small{ font-size:11px; color:var(--rbxb-muted); display:block; margin-top:4px; font-variant-numeric:tabular-nums; }

.rbxb-tags{ display:flex; flex-wrap:wrap; gap:8px; }
.rbxb-tag{ font-size:12.5px; font-weight:600; color:var(--rbxb-ink2); border-bottom:1px solid var(--rbxb-line-strong); padding:2px 0 3px; transition:all .16s ease; }
.rbxb-tag:hover{ color:var(--rbxb-accent); border-color:var(--rbxb-accent); }
.rbxb-tag i{ font-style:normal; color:var(--rbxb-faint); margin-left:3px; font-variant-numeric:tabular-nums; }

.rbxb-news{ background:var(--rbxb-ink); color:#fff; border-radius:var(--rbxb-r); padding:22px; }
body[theme="dark"] .rbxb-news{ background:var(--rbxb-surface); border:1px solid var(--rbxb-line-strong); }
.rbxb-news h4{ font-family:var(--rbxb-serif); font-size:19px; font-weight:600; margin:0 0 6px; color:#fff; }
body[theme="dark"] .rbxb-news h4{ color:var(--rbxb-ink); }
.rbxb-news p{ font-size:12.5px; color:rgba(255,255,255,.62); margin:0 0 14px; }
body[theme="dark"] .rbxb-news p{ color:var(--rbxb-muted); }
.rbxb-news-row{ display:flex; gap:8px; }
.rbxb-news input{ flex:1; min-width:0; border:1px solid rgba(255,255,255,.2); background:rgba(255,255,255,.06); color:#fff;
  border-radius:9px; padding:10px 12px; font-size:13px; }
.rbxb-news input::placeholder{ color:rgba(255,255,255,.5); }
body[theme="dark"] .rbxb-news input{ background:var(--rbxb-paper); border-color:var(--rbxb-line-strong); color:var(--rbxb-ink); }
.rbxb-news button{ background:var(--rbxb-accent); color:#fff; border:0; border-radius:9px; padding:10px 15px; font-weight:700; font-size:14px; }

/* ---------- section label ---------- */
.rbxb-sec-label{ display:flex; align-items:baseline; justify-content:space-between; gap:14px;
  border-top:2px solid var(--rbxb-ink); padding-top:14px; margin-bottom:24px; }
.rbxb-sec-label h2{ font-family:var(--rbxb-serif); font-size:24px; font-weight:600; color:var(--rbxb-ink); margin:0; letter-spacing:-.01em; }
.rbxb-sec-label .rbxb-sec-count{ font-size:12px; letter-spacing:.06em; text-transform:uppercase; color:var(--rbxb-muted);
  font-variant-numeric:tabular-nums; }

/* ---------- toolbar ---------- */
.rbxb-toolbar{ display:flex; gap:12px; flex-wrap:wrap; align-items:center; margin-bottom:26px; }
.rbxb-search{ position:relative; flex:1; min-width:220px; }
.rbxb-search i{ position:absolute; left:2px; top:50%; transform:translateY(-50%); color:var(--rbxb-muted); }
.rbxb-search input{ width:100%; border:0; border-bottom:1px solid var(--rbxb-line-strong); background:transparent; color:var(--rbxb-ink);
  border-radius:0; padding:11px 6px 11px 26px; font-size:15px; }
.rbxb-search input:focus{ outline:none; border-color:var(--rbxb-accent); }
.rbxb-sort{ border:1px solid var(--rbxb-line-strong); background:transparent; color:var(--rbxb-ink); border-radius:999px;
  padding:9px 16px; font-size:13px; font-weight:600; }
.rbxb-result{ font-size:13px; color:var(--rbxb-muted); margin:-8px 0 22px; }
.rbxb-result b{ color:var(--rbxb-ink); }

/* ---------- article grid + cards ---------- */
.rbxb-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:2px 40px; }
.rbxb-card{ position:relative; display:grid; grid-template-rows:auto 1fr; padding:26px 0; border-top:1px solid var(--rbxb-line); }
.rbxb-card:first-child, .rbxb-card:nth-child(2){ border-top:0; padding-top:6px; }
.rbxb-card-media{ position:relative; border-radius:var(--rbxb-r); overflow:hidden; aspect-ratio:16/10; background:var(--rbxb-paper);
  border:1px solid var(--rbxb-line); margin-bottom:16px; }
.rbxb-card-media img{ width:100%; height:100%; object-fit:cover; transition:transform .5s cubic-bezier(.2,.7,.2,1); }
.rbxb-card:hover .rbxb-card-media img{ transform:scale(1.04); }
.rbxb-card-cmp{ position:absolute; top:11px; right:11px; z-index:4; }
.rbxb-card-cmp label{ display:inline-flex; align-items:center; gap:6px; background:var(--rbxb-surface); color:var(--rbxb-ink);
  font-size:11px; font-weight:700; letter-spacing:.02em; padding:6px 11px; border-radius:999px; cursor:pointer;
  box-shadow:0 6px 16px -8px rgba(20,24,29,.4); border:1px solid var(--rbxb-line); margin:0; transition:all .15s ease; }
.rbxb-card-cmp input{ accent-color:var(--rbxb-accent); width:13px; height:13px; }
.rbxb-card-cmp label:has(input:checked){ background:var(--rbxb-accent); color:#fff; border-color:var(--rbxb-accent); }
.rbxb-card-kicker{ display:flex; align-items:center; gap:10px; font-size:10.5px; font-weight:700; letter-spacing:.12em;
  text-transform:uppercase; color:var(--rbxb-accent); margin-bottom:9px; }
.rbxb-card-kicker .rbxb-card-read{ color:var(--rbxb-muted); letter-spacing:.08em; }
.rbxb-card-title{ font-family:var(--rbxb-serif); font-size:20px; font-weight:600; line-height:1.22; letter-spacing:-.005em;
  margin:0 0 9px; color:var(--rbxb-ink); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.rbxb-card-title a:hover{ color:var(--rbxb-accent); }
.rbxb-card-excerpt{ font-size:14px; color:var(--rbxb-ink2); line-height:1.6; margin:0 0 14px;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.rbxb-card-foot{ display:flex; align-items:center; gap:12px; font-size:12px; color:var(--rbxb-muted); font-variant-numeric:tabular-nums; }
.rbxb-card-foot .dot{ width:3px; height:3px; border-radius:50%; background:var(--rbxb-faint); }
.rbxb-card-foot .rbxb-readmore{ margin-left:auto; font-weight:700; color:var(--rbxb-ink); display:inline-flex; align-items:center; gap:6px; }
.rbxb-card:hover .rbxb-readmore{ color:var(--rbxb-accent); gap:9px; }

/* ---------- pagination ---------- */
.rbxb-pagination{ margin-top:40px; padding-top:24px; border-top:1px solid var(--rbxb-line); }
.rbxb-pagination nav > div:first-child{ display:none; }
.rbxb-pagination .pagination{ display:flex; flex-wrap:wrap; gap:4px; justify-content:center; padding-left:0; margin:0; list-style:none; }
.rbxb-pagination .page-link{ border:1px solid transparent; background:transparent; color:var(--rbxb-ink2);
  border-radius:9px; padding:8px 14px; font-size:13.5px; font-weight:600; font-variant-numeric:tabular-nums; }
.rbxb-pagination .page-link:hover{ border-color:var(--rbxb-line-strong); }
.rbxb-pagination .page-item.active .page-link{ background:var(--rbxb-ink); border-color:var(--rbxb-ink); color:var(--rbxb-surface); }
body[theme="dark"] .rbxb-pagination .page-item.active .page-link{ color:#0c0e11; }
.rbxb-pagination .page-item.disabled .page-link{ opacity:.4; }

/* ---------- empty ---------- */
.rbxb-empty{ text-align:center; padding:80px 20px; border:1px solid var(--rbxb-line); border-radius:var(--rbxb-r); color:var(--rbxb-muted); }
.rbxb-empty i{ font-size:38px; color:var(--rbxb-faint); }
.rbxb-empty h5{ font-family:var(--rbxb-serif); color:var(--rbxb-ink); margin:14px 0 4px; }

/* ---------- compare tray ---------- */
.rbxb-tray{ position:fixed; left:50%; bottom:24px; transform:translate(-50%,150%); z-index:1040; width:min(860px,94vw);
  background:var(--rbxb-elevated); color:#fff; border-radius:14px; box-shadow:var(--rbxb-shadow);
  padding:12px 14px; display:flex; align-items:center; gap:14px; transition:transform .32s cubic-bezier(.2,.8,.2,1); }
body[theme="dark"] .rbxb-tray{ color:#0c0e11; }
.rbxb-tray.is-open{ transform:translate(-50%,0); }
.rbxb-tray-label{ font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.14em; opacity:.55; white-space:nowrap; }
.rbxb-tray-items{ display:flex; gap:8px; flex:1; overflow-x:auto; }
.rbxb-tray-chip{ display:flex; align-items:center; gap:8px; background:rgba(255,255,255,.1); border-radius:9px; padding:5px 8px 5px 5px; white-space:nowrap; }
body[theme="dark"] .rbxb-tray-chip{ background:rgba(0,0,0,.08); }
.rbxb-tray-chip img{ width:32px; height:32px; border-radius:6px; object-fit:cover; }
.rbxb-tray-chip span{ font-size:12px; font-weight:600; max-width:150px; overflow:hidden; text-overflow:ellipsis; }
.rbxb-tray-chip button{ border:0; background:none; color:inherit; opacity:.6; font-size:15px; line-height:1; cursor:pointer; }
.rbxb-tray-go{ display:inline-flex; align-items:center; gap:8px; background:var(--rbxb-accent); color:#fff; border:0; font-weight:700;
  font-size:13.5px; padding:11px 18px; border-radius:9px; white-space:nowrap; }
.rbxb-tray-go:disabled{ opacity:.45; }
.rbxb-tray-clear{ border:0; background:none; color:inherit; opacity:.6; font-size:12.5px; font-weight:600; cursor:pointer; white-space:nowrap; }

/* ---------- compare page ---------- */
.rbxb-cmp-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:16px; flex-wrap:wrap;
  border-bottom:2px solid var(--rbxb-ink); padding-bottom:18px; margin:14px 0 26px; }
.rbxb-cmp-head h1{ font-family:var(--rbxb-serif); font-size:clamp(24px,3vw,38px); font-weight:600; margin:0; color:var(--rbxb-ink); letter-spacing:-.01em; }
.rbxb-cmp-head h1 span{ color:var(--rbxb-muted); }
.rbxb-cmp-back{ display:inline-flex; align-items:center; gap:8px; font-size:13px; font-weight:700; color:var(--rbxb-ink);
  border-bottom:2px solid var(--rbxb-accent); padding-bottom:3px; }
.rbxb-cmp-back:hover{ color:var(--rbxb-accent); }
.rbxb-cmp-table-wrap{ overflow-x:auto; border:1px solid var(--rbxb-line); border-radius:var(--rbxb-r); }
.rbxb-cmp-table{ width:100%; border-collapse:collapse; min-width:680px; }
.rbxb-cmp-table th, .rbxb-cmp-table td{ padding:15px 18px; border-bottom:1px solid var(--rbxb-line); vertical-align:top; text-align:left;
  font-size:13.5px; color:var(--rbxb-ink2); }
.rbxb-cmp-table thead th{ background:var(--rbxb-paper); border-bottom:2px solid var(--rbxb-ink); }
.rbxb-cmp-prod img{ width:100%; max-width:170px; aspect-ratio:16/10; object-fit:cover; border-radius:10px; border:1px solid var(--rbxb-line); margin-bottom:12px; display:block; }
.rbxb-cmp-prod .rbxb-cmp-name{ font-family:var(--rbxb-serif); font-size:16px; font-weight:600; color:var(--rbxb-ink); line-height:1.25;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.rbxb-cmp-prod .rbxb-cmp-link{ font-size:12px; font-weight:700; color:var(--rbxb-accent); display:inline-flex; align-items:center; gap:5px; margin-top:9px; }
.rbxb-cmp-rowlabel{ font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--rbxb-ink);
  background:var(--rbxb-paper); white-space:nowrap; position:sticky; left:0; }
.rbxb-cmp-table tbody tr:hover td{ background:color-mix(in srgb,var(--rbxb-accent) 5%,transparent); }
.rbxb-cmp-empty{ color:var(--rbxb-faint); }

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .rbxb-layout{ grid-template-columns:1fr; gap:36px; }
  .rbxb-aside{ position:static; display:grid; grid-template-columns:repeat(2,1fr); gap:30px 40px; }
  .rbxb-news{ grid-column:1 / -1; }
}
@media (max-width:900px){
  .rbxb-lead{ grid-template-columns:1fr; gap:26px; }
}
@media (max-width:680px){
  .rbxb-grid{ grid-template-columns:1fr; gap:0; }
  .rbxb-card:nth-child(2){ border-top:1px solid var(--rbxb-line); padding-top:26px; }
  .rbxb-aside{ grid-template-columns:1fr; }
  .rbxb-masthead{ align-items:flex-start; } .rbxb-masthead-right{ text-align:left; }
  .rbxb-tray{ width:96vw; padding:10px; gap:8px; } .rbxb-tray-label{ display:none; }
}

/* ---- Scrollbars: green thumb on transparent track (page-wide) ---- */
html{ scrollbar-color:var(--rbxb-accent) transparent; scrollbar-width:thin; }
*{ scrollbar-color:var(--rbxb-accent) transparent; scrollbar-width:thin; }
::-webkit-scrollbar{ width:9px; height:9px; background:transparent; }
::-webkit-scrollbar-track{ background:transparent; }
::-webkit-scrollbar-thumb{ background:var(--rbxb-accent); border-radius:9px; border:2px solid transparent; background-clip:padding-box; }
::-webkit-scrollbar-thumb:hover{ background:var(--rbxb-accent-deep); background-clip:padding-box; }
::-webkit-scrollbar-corner{ background:transparent; }

/* ---- Refurbished suggestions (blog -> own catalogue) ---- */
.rbxb-lp-refurb{ display:flex; align-items:center; gap:8px; margin-top:8px; padding:7px 10px; border-radius:9px;
  background:color-mix(in srgb, var(--rbxb-accent) 10%, var(--rbxb-surface)); border:1px dashed var(--rbxb-accent); text-decoration:none; }
.rbxb-lp-refurb .tag{ font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#fff;
  background:var(--rbxb-accent); border-radius:5px; padding:2px 7px; white-space:nowrap; }
.rbxb-lp-refurb .txt{ font-size:12.5px; color:var(--rbxb-ink2); }
.rbxb-lp-refurb .txt b{ color:var(--rbxb-ink); }
.rbxb-lp-refurb .txt em{ font-style:normal; font-weight:800; color:var(--rbxb-accent); margin-left:6px; }
.rbxb-lp-refurb:hover{ background:color-mix(in srgb, var(--rbxb-accent) 18%, var(--rbxb-surface)); }

.rbxb-cmp-refurb-row td{ vertical-align:top; background:color-mix(in srgb, var(--rbxb-accent) 6%, transparent); }
.rbxb-cmp-refurb{ display:flex; flex-direction:column; gap:6px; text-decoration:none; }
.rbxb-cmp-refurb img{ width:74px; height:74px; object-fit:contain; background:#fff; border:1px solid var(--rbxb-line); border-radius:9px; padding:6px; }
.rbxb-cmp-refurb .nm{ font-size:12.5px; font-weight:700; color:var(--rbxb-ink); line-height:1.35; }
.rbxb-cmp-refurb .pr{ font-size:14px; font-weight:800; color:var(--rbxb-accent); }
.rbxb-cmp-refurb .pr em{ font-style:normal; font-size:11px; font-weight:800; background:var(--rbxb-accent); color:#fff; border-radius:5px; padding:2px 6px; margin-left:6px; }

.rbxb-refurb-block{ margin-top:34px; border:1px solid var(--rbxb-line); border-radius:14px; background:var(--rbxb-surface); padding:20px; }
.rbxb-refurb-head h3{ font-size:19px; font-weight:800; color:var(--rbxb-ink); margin:0 0 4px; }
.rbxb-refurb-head p{ font-size:13px; color:var(--rbxb-muted); margin:0 0 14px; }
.rbxb-refurb-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:12px; }
.rbxb-refurb-card{ display:flex; gap:12px; align-items:center; border:1px solid var(--rbxb-line); border-radius:12px; padding:12px; text-decoration:none;
  transition:border-color .15s ease, box-shadow .15s ease; }
.rbxb-refurb-card:hover{ border-color:var(--rbxb-accent); box-shadow:0 10px 26px -18px rgba(20,24,29,.35); }
.rbxb-refurb-card img{ width:72px; height:72px; object-fit:contain; background:#fff; border-radius:9px; border:1px solid var(--rbxb-line); padding:6px; flex-shrink:0; }
.rbxb-refurb-card .nm{ font-size:13px; font-weight:700; color:var(--rbxb-ink); line-height:1.35; margin-bottom:4px; }
.rbxb-refurb-card .pr{ font-size:15px; font-weight:800; color:var(--rbxb-accent); }
.rbxb-refurb-card .pr em{ display:block; font-style:normal; font-size:11.5px; font-weight:700; color:var(--rbxb-ink2); margin-top:2px; }
.rbxb-refurb-card .go{ font-size:12px; font-weight:700; color:var(--rbxb-accent); display:inline-flex; align-items:center; gap:5px; margin-top:4px; }

/* ---- Live price comparison (blog detail) ---- */
.rbxb-offers-block{ margin-top:34px; border:1px solid var(--rbxb-line); border-radius:14px; background:var(--rbxb-surface); padding:20px; }
.rbxb-offers-tabs{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:14px; }
.rbxb-offers-tab{ border:1px solid var(--rbxb-line-strong); background:transparent; color:var(--rbxb-ink2); font-size:13px; font-weight:700;
  padding:7px 14px; border-radius:999px; cursor:pointer; }
.rbxb-offers-tab.is-active{ background:var(--rbxb-accent); border-color:var(--rbxb-accent); color:#fff; }
.rbxb-offers-table{ display:flex; flex-direction:column; gap:8px; }
.rbxb-offer-row{ display:grid; grid-template-columns:92px 1fr auto auto; gap:14px; align-items:center;
  border:1px solid var(--rbxb-line); border-radius:11px; padding:12px 14px; text-decoration:none; transition:border-color .15s ease; }
.rbxb-offer-row:hover{ border-color:var(--rbxb-accent); }
.rbxb-offer-row .cond{ font-size:10.5px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; text-align:center;
  border-radius:6px; padding:4px 8px; }
.rbxb-offer-row .cond.new{ background:color-mix(in srgb, var(--rbxb-ink) 8%, transparent); color:var(--rbxb-ink2); }
.rbxb-offer-row .cond.refurb{ background:var(--rbxb-accent); color:#fff; }
.rbxb-offer-row .seller{ font-size:13.5px; color:var(--rbxb-ink); }
.rbxb-offer-row .meta{ font-size:11.5px; color:var(--rbxb-muted); white-space:nowrap; }
.rbxb-offer-row .price{ font-size:15.5px; font-weight:800; color:var(--rbxb-ink); font-variant-numeric:tabular-nums; text-align:right; }
.rbxb-offer-row .price em{ display:block; font-style:normal; font-size:11px; font-weight:800; color:var(--rbxb-accent); }
.rbxb-offer-row.is-ours{ border:1.5px solid var(--rbxb-accent); background:color-mix(in srgb, var(--rbxb-accent) 7%, var(--rbxb-surface)); }
.rbxb-offers-note{ font-size:11.5px; color:var(--rbxb-muted); margin:12px 0 0; }
@media (max-width:640px){ .rbxb-offer-row{ grid-template-columns:78px 1fr auto; } .rbxb-offer-row .meta{ display:none; } }