/* Shop and pricing: /products, /products/:id, /pricing. */

.product-image { display: block; width: 100%; max-height: 420px; object-fit: contain; }
/* Tier logos are ink on transparent paper, so dark mode inverts them like the site logo. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]) .product-image.is-ink { filter: invert(.9); }
}
:root[data-theme=dark] .product-image.is-ink { filter: invert(.9); }
.tier .shop-product-action { min-height: 44px; }