/* GCE Catalog — Frontend Shortcode Styles */
.gce-catalog-wrap { --gold: #C4AD65; --cyan: #00e5ff; --bg: #0f1117; --bg2: #13161e; --border: rgba(255,255,255,.08); --text: #e2e8f0; --muted: #64748b; }
.gce-cat-scan-bar { max-width:700px; margin:0 auto 28px; }
.gce-cat-scan-inner { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.gce-cat-scan-btn { display:inline-flex; align-items:center; gap:7px; padding:10px 18px; border-radius:8px; border:1px solid rgba(0,229,255,.3); background:rgba(0,229,255,.07); color:#00e5ff; cursor:pointer; font-size:.88rem; font-weight:600; white-space:nowrap; }
.gce-cat-scan-btn svg { width:17px; height:17px; fill:currentColor; }
.gce-cat-scan-btn:hover { background:rgba(0,229,255,.15); }
.gce-cat-scan-gold { background:rgba(196,173,101,.12); border-color:rgba(196,173,101,.35); color:#C4AD65; }
#gce-cat-serial { flex:1; min-width:160px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.15); color:#fff; border-radius:8px; padding:10px 14px; font-size:1rem; outline:none; }
#gce-cat-serial:focus { border-color:rgba(196,173,101,.5); }

/* Result card */
.gce-cat-result-card { background:#13161e; border:1px solid rgba(196,173,101,.3); border-radius:12px; padding:20px; display:flex; gap:18px; align-items:flex-start; flex-wrap:wrap; }
.gce-cat-result-img-wrap { flex-shrink:0; }
.gce-cat-result-img { width:160px; height:160px; object-fit:contain; border-radius:10px; background:#1a1e29; display:block; }
.gce-cat-result-img-placeholder { width:160px; height:160px; border-radius:10px; background:#1a1e29; display:flex; align-items:center; justify-content:center; font-size:4rem; }
.gce-cat-result-info { flex:1; min-width:200px; }
.gce-cat-result-model { font-size:1.3rem; font-weight:700; color:#fff; margin-bottom:4px; }
.gce-cat-result-new-label, .gce-cat-result-sh-label { font-size:.72rem; text-transform:uppercase; letter-spacing:.8px; margin-bottom:2px; }
.gce-cat-result-new-label { color:#64748b; }
.gce-cat-result-sh-label { color:#00e5ff; margin-top:16px; padding-top:6px; }
.gce-cat-result-orig { font-size:.95rem; color:#5a647a; text-decoration:line-through; }
.gce-cat-result-price { font-size:2rem; font-weight:700; color:#00e5ff; line-height:1.1; }
.gce-cat-result-actions { margin-top:18px; display:flex; gap:10px; align-items:center; justify-content:center; flex-wrap:wrap; width:100%; }

/* Grid */
.gce-cat-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:20px; }
.gce-cat-card { background:#13161e; border:1px solid rgba(255,255,255,.08); border-radius:12px; overflow:hidden; display:flex; flex-direction:column; }
.gce-cat-photo { width:100%; height:200px; object-fit:contain; background:#1a1e29; display:block; }
.gce-cat-photo-placeholder { width:100%; height:200px; background:#1a1e29; display:flex; align-items:center; justify-content:center; font-size:4rem; }
.gce-cat-body { padding:16px; flex:1; display:flex; flex-direction:column; gap:4px; }
.gce-cat-category { font-size:.72rem; text-transform:uppercase; letter-spacing:.6px; color:#64748b; }
.gce-cat-model { font-size:1.05rem; font-weight:700; color:#fff; }
.gce-cat-serial { color:#C4AD65; font-size:.8em; font-weight:400; }
.gce-cat-color { font-size:.83rem; color:#64748b; }
.gce-cat-uses { font-size:.8rem; color:#64748b; margin:4px 0; }
.gce-cat-price-block { margin:8px 0; }
.gce-cat-new-label { font-size:.68rem; text-transform:uppercase; letter-spacing:.7px; color:#64748b; margin-bottom:2px; }
.gce-cat-sh-label { font-size:.68rem; text-transform:uppercase; letter-spacing:.7px; color:#00e5ff; margin-top:8px; margin-bottom:2px; }
.gce-cat-orig { font-size:.88rem; color:#5a647a; text-decoration:line-through; }
.gce-cat-price { font-size:1.4rem; font-weight:700; color:#00e5ff; }
.gce-cat-sell-btn { display:block; width:100%; margin-top:12px; padding:12px; background:#C4AD65; color:#000; border:none; border-radius:5px; font-weight:700; font-size:1rem; text-transform:uppercase; letter-spacing:1px; cursor:pointer; }
.gce-cat-sell-btn:hover { background:#d4be78; }

@media (max-width:600px) {
  .gce-cat-result-card { min-height:85vh; flex-direction:column; align-items:center; text-align:center; }
  .gce-cat-result-img, .gce-cat-result-img-placeholder { width:min(240px,70vw); height:min(240px,70vw); margin:0 auto; }
  .gce-cat-result-model { font-size:1.6rem; }
  .gce-cat-result-price { font-size:2.4rem; }
  .gce-cat-sell-btn { font-size:1.2rem; padding:15px 36px; width:100%; }
}

/* ── Category filter tabs ── */
.gce-cat-filter-tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.gce-cat-tab {
  background: transparent;
  border: 1px solid rgba(255,255,255,.15);
  color: #94a3b8;
  border-radius: 20px;
  padding: 6px 16px;
  font-size: .82rem;
  font-weight: 600;
  cursor: pointer;
  transition: all .18s;
  letter-spacing: .3px;
}

.gce-cat-tab:hover {
  border-color: var(--tab-color, #C4AD65);
  color: var(--tab-color, #C4AD65);
}

.gce-cat-tab.active {
  background: var(--tab-color, #C4AD65);
  border-color: var(--tab-color, #C4AD65);
  color: #fff;
}

/* ── Card top border color (set inline) ── */
.gce-cat-card {
  border-top-width: 3px;
  border-top-style: solid;
}

/* ── Category badge colored ── */
.gce-cat-category {
  border-radius: 20px;
  padding: 2px 10px;
}