/* ====
   APS Revamp Components — built on aps-design-tokens.css
   Loaded globally; styles new revamp components consistently.
   ==== */

/* == Product loop card: score badge + key-spec pills (PDF §07) == */
.aps-product-thumb{position:relative}
.aps-card-score{
  position:absolute;top:8px;right:8px;z-index:2;
  display:inline-flex;align-items:center;gap:2px;
  font-size:12px;font-weight:700;line-height:1.25;color:#fff;
  background:var(--aps-green);padding:2px 8px;border-radius:var(--aps-radius-pill);
  box-shadow:0 1px 3px rgba(0,0,0,.18);
}
.aps-card-score::before{content:"\2605";font-size:11px}
.aps-product-pills{
  display:flex;flex-wrap:wrap;gap:5px;margin:6px 0 2px;
}
.aps-product-pill{
  font-size:11px;font-weight:600;line-height:1.4;
  color:var(--aps-navy);background:#e8f2fa;border:1px solid #e8f2fa;
  padding:2px 8px;border-radius:var(--aps-radius-sm);white-space:nowrap;
}
.aps-product-pill--panel{color:var(--aps-good-fg);background:var(--aps-good-bg);border-color:transparent}

/* == Card "View Specs" link (replaces dead cart button) == */
.aps-btn-small.aps-view-specs{
  display:inline-flex;align-items:center;font-size:12px;font-weight:600;
  color:var(--aps-blue);text-decoration:none;padding:4px 8px;border-radius:6px;
}
.aps-btn-small.aps-view-specs:hover{background:#e8f2fa}

/* == Archive editorial intro (PDF §6.1) == */
.aps-archive-intro{
  max-width:760px;margin:6px 0 18px;
  color:var(--aps-t2);font-size:var(--aps-body);line-height:1.6;
}

/* ==== v6.13: legacy product cards (search results / widgets) match the theme: rounded, soft border, blue accent ==== */
.aps-products-grid .aps-product-box,.aps-products-list .aps-product-box{border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 3px rgba(15,23,42,.06);transition:box-shadow .2s ease,border-color .2s ease}
.aps-product-box:hover{border-color:#0170b9;box-shadow:0 10px 28px rgba(15,23,42,.10)}
.aps-product-thumb{border-color:transparent;background:#fff}
.aps-product-title,.aps-product-title a{font-weight:700;line-height:1.35;color:#1e293b}
.aps-product-title a:hover{color:#0170b9}
.aps-card-score{background:#e8f2fa;color:#0170b9;border-radius:999px;font-weight:800}
.aps-product-pill{border-radius:999px;background:#f1f5f9;color:#475569;font-weight:600}
.aps-product-pill--panel{background:#e8f2fa;color:#0170b9}
.aps-view-specs,.aps-btn-small.aps-view-specs{border-radius:8px}