/* bentrules.com/shop — shop-only styles on top of site.css + Cathode tokens. */

/* Topbar mark is a link back to the hub on this page. */
a.topbar-mark { text-decoration: none; }
a.topbar-mark:hover { color: var(--brand); }

/* Shop hero runs smaller than the hub's. */
.hero-shop .wordmark { font-size: clamp(40px, 11vw, 88px); }

/* Product cards are not links — no lift on hover. */
.card-static:hover { transform: none; box-shadow: var(--shadow-hard); }

/* Buy button (Cathode primary, size sm). */
.btn-buy {
  display: inline-flex;
  align-items: center;
  height: 32px;
  padding: 0 var(--space-3);
  background: var(--brand);
  border: var(--border-2) solid var(--border-strong);
  box-shadow: var(--shadow-hard-sm);
  color: var(--text-on-accent);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-decoration: none;
  transition: transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);
}
.btn-buy:hover { color: var(--text-on-accent); background: var(--brand-hover); transform: translate(-1px, -1px); box-shadow: var(--shadow-hard); }
.btn-buy:active { background: var(--brand-press); transform: translate(1px, 1px); box-shadow: none; }
.btn-buy:focus-visible { outline: none; box-shadow: var(--focus-shadow); }

/* Not-for-sale-yet state. */
.btn-buy.is-soon {
  background: var(--bg-sunk);
  color: var(--text-faint);
  border-color: var(--border-mute);
  box-shadow: none;
  pointer-events: none;
}

.card-body .star { color: var(--brand); font-family: var(--font-mono); }