/* Shared product-card presentation. */
@keyframes myopal-card-enter { from { opacity: 0; transform: translateY(0.375rem); } to { opacity: 1; transform: translateY(0); } }
.myopal-product-card {
	min-width: 0;
	overflow: hidden;
	border-radius: 0.75rem;
	background: #fff;
	box-shadow: 0 0.3125rem 1rem rgb(0 0 0 / 6%);
	animation: myopal-card-enter 260ms ease-out;
}
.myopal-product-card-media { position: relative; aspect-ratio: 1; background: #eee; }
.myopal-product-card-media > a { display: block; height: 100%; }
.myopal-product-card-image { width: 100%; height: 100%; object-fit: cover; }
.myopal-product-card-link { display: block; color: #111; text-decoration: none; }
.myopal-product-card-info { min-width: 0; padding: 0.6875rem 0.625rem 0.5625rem; }
.myopal-product-card-title { margin: 0 0 0.3125rem; font: 400 0.875rem/1.4 var(--myopal-font-body); }
.myopal-product-card-title,
.myopal-product-card-subtitle { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-wrap: nowrap; }
.myopal-product-card-subtitle { min-height: 1.1rem; color: #888; font-size: 0.6875rem; line-height: 1.6; }
.myopal-product-card-price {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 0.25rem;
	min-height: 2.125rem;
	padding: 0.1875rem 0.625rem;
	background: var(--myopal-catalog-price);
	color: #fff;
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.5;
}
.myopal-product-card-price--sale { background: linear-gradient(135deg, #5f1723, #8b2635 55%, #3b1018); }
.myopal-product-card-price del { font-size: 0.75em; opacity: 0.8; }
.myopal-product-card-price ins { text-decoration: none; }
.myopal-product-specs { position: absolute; inset-inline-start: 0.5rem; inset-block-end: 0.5rem; max-width: calc(100% - 3.25rem); pointer-events: none; }
.myopal-product-specs span { display: block; color:inherit; font-size: var(--myopal-product-spec-size); line-height: 1.5; overflow-wrap: anywhere; }
.myopal-product-card-status { position: absolute; inset: 0.375rem auto auto 0.375rem; padding: 0.1875rem 0.375rem; border-radius: 0.25rem; background: #17130de6; color: #fff; font-size: 0.625rem; }
.myopal-product-card-status--sale { background: #8b2635; }
@media (prefers-reduced-motion: reduce) { .myopal-product-card { animation: none; } }

/* No backing or pill. The shared sampler selects ink from the actual covered pixels. */
.myopal-product-specs{color:var(--myopal-spec-dark-ink);text-shadow:0 1px 2px #ffffff50}
[data-spec-tone=dark] .myopal-product-specs{color:var(--myopal-spec-light-ink);text-shadow:0 1px 2px #0006}