/**
 * Design System — Product card surface (Task 02)
 *
 * Retokens the shared .product-card used on shop, search, related and the
 * homepage so cards look identical everywhere. Loads site-wide after
 * product-cards.css. Action buttons already use the CTA token (section 1).
 *
 * @package Longboardcenter
 */
.product-card{
  background:var(--c-paper);
  border:1px solid var(--c-line);
  border-radius:var(--r-lg);
}
.product-card__brand{color:var(--c-ink-faint);text-transform:uppercase;letter-spacing:.1em;font-weight:700}
.product-card__title{font-family:var(--font-display)}
.product-card__title a{color:var(--c-ink)}
.product-card__title a:hover{color:var(--c-accent-deep)}
.product-card__price ins,
.product-card__price ins .woocommerce-Price-amount{color:var(--c-sale);text-decoration:none}
.product-card__price del,
.product-card__price del .woocommerce-Price-amount{color:var(--c-ink-faint);text-decoration:line-through}
.product-card__price .woocommerce-Price-amount{font-family:var(--font-display)}
.product-card__badge--sale,
.onsale{background:var(--c-sale);color:#fff}
.product-card__badge--new{background:var(--c-ink);color:var(--c-cream)}
.product-card__badge--soldout{background:var(--c-ink-faint);color:#fff}
.product-card__shipping{color:var(--c-stock)}
.product-card__shipping svg{color:var(--c-stock)}
.product-card__stars .star--full,
.product-card__stars .star--half{color:var(--c-accent)}
.product-card__stars .star--empty{color:var(--c-line-strong)}
.product-card__quickview:hover{background:var(--c-accent);color:#fff}