/* ClientX Resources — Clean UI (scoped) — v1.0.8 */

.cxr-wrap{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;color:#0f172a}
.cxr-wrap a{text-decoration:none;color:inherit}
.cxr-wrap *{box-sizing:border-box}

.cxr-title{text-align:center;margin:24px 0 18px}
.cxr-title h1{margin:0;font-size:38px;letter-spacing:-.02em}
.cxr-title p{margin:10px 0 0;font-size:16px;color:#64748b}

.cxr-panel{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px;box-shadow:0 12px 30px rgba(2,8,23,.06)}
.cxr-searchrow{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center}
.cxr-search{display:flex;align-items:center;gap:10px;border:1px solid #e5e7eb;border-radius:12px;padding:12px 14px;background:#fff}
.cxr-ico{opacity:.85}
.cxr-input{border:0 !important;outline:0 !important;background:transparent !important;width:100%;font-size:15px;padding:0 !important;margin:0 !important}

.cxr-btn{appearance:none;-webkit-appearance:none;border-radius:12px;min-height:46px;padding:12px 16px;font-weight:800;border:1px solid #e5e7eb;background:#fff;color:#0f172a;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px}
.cxr-btn:hover{filter:brightness(.98)}
.cxr-btn-outline{background:#0f172a;border-color:#0f172a;color:#fff}
.cxr-btn-ghost{background:#fff}
.cxr-btn-primary{background:#0f172a;border-color:#0f172a;color:#fff}

.cxr-tabs{display:flex;flex-wrap:wrap;gap:18px 28px;padding-top:12px;margin-top:12px;border-top:1px solid #eef2f7}
.cxr-tab{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:10px;cursor:pointer;padding:10px 2px;color:#64748b;font-weight:650;border-bottom:3px solid transparent}
.cxr-tab:hover{color:#0f172a}
.cxr-tab.is-active{color:#0f172a;border-bottom-color:#0f172a;font-weight:800}
.cxr-tab-ico{width:22px;display:inline-flex;justify-content:center;opacity:.85}

.cxr-sectionhead{display:flex;justify-content:space-between;align-items:flex-end;margin:22px 0 12px}
.cxr-sectionhead h2{margin:0;font-size:22px}
.cxr-count{color:#64748b;font-size:14px}

.cxr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cxr-card{border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 12px 30px rgba(2,8,23,.06)}
.cxr-card:hover{transform:translateY(-1px);box-shadow:0 18px 44px rgba(2,8,23,.10)}
.cxr-card-media{height:170px;background:#f3f6fb;display:flex;align-items:center;justify-content:center}
.cxr-card-media img{width:100%;height:100%;object-fit:contain;padding:18px;display:block}
.cxr-card-fallback{width:56px;height:56px;border-radius:14px;background:#e8eef8;display:flex;align-items:center;justify-content:center;font-size:26px;color:#64748b}
.cxr-card-body{padding:14px}
.cxr-card-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.cxr-price{font-weight:900;font-size:14px}
.cxr-stats{display:flex;gap:12px;color:#64748b;font-size:13px}
.cxr-card-title{font-weight:950;font-size:18px;margin:0 0 6px}
.cxr-card-by{color:#64748b;font-size:13px;margin-bottom:10px}
.cxr-card-excerpt{color:#64748b;font-size:14px;line-height:1.35;min-height:48px}
.cxr-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.cxr-pill{border:1px solid #dbe3f0;background:#f3f6fb;color:#0f172a;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}
.cxr-pill-muted{background:#eef2f7}
.cxr-footer{display:flex;justify-content:center;margin:20px 0 6px}
.cxr-footer .cxr-btn{min-width:220px}
.cxr-empty{opacity:.7;padding:10px}

@media (max-width:980px){
  .cxr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cxr-searchrow{grid-template-columns:1fr}
  .cxr-btn{width:100%}
  .cxr-footer .cxr-btn{width:100%;min-width:unset}
  .cxr-title{text-align:left}
}
@media (max-width:640px){
  .cxr-title{text-align:left;margin:18px 0 14px}
  .cxr-title h1{font-size:34px}
  .cxr-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 26px}
  .cxr-tab{border-bottom:0;padding:10px 0}
  .cxr-tab.is-active{position:relative;border-bottom:0}
  .cxr-tab.is-active::after{content:"";position:absolute;left:0;right:45%;bottom:-8px;height:3px;background:#0f172a;border-radius:999px}
  .cxr-grid{grid-template-columns:1fr}
  .cxr-card-media{height:240px}
}