/* One look for the cards and section headings of every shop page (home, explore, custom pages).
   Loaded after the page styles, so the rules here are the final say. */
.product-card {
  border: 1px solid #EEF0F3;
  border-radius: 14px;
  background: #fff;
  box-shadow: none;
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.product-card:hover {
  transform: translateY(-3px);
  border-color: color-mix(in srgb, var(--primary, #E97C43) 35%, #fff);
  box-shadow: 0 10px 24px rgba(15, 23, 42, .08);
}
.product-card .product-title { font-weight: 500; color: #1F2937; }
.product-card .current-price { font-weight: 800; color: #111827; }
.products-header h2, .section-header h2, .section-title { font-weight: 800; letter-spacing: -.2px; }
.products-header .view-all, .section-header .view-all { font-weight: 600; }
@media (prefers-reduced-motion: reduce) { .product-card, .product-card:hover { transition: none; transform: none; } }