/**
 * Molekül: Produktkarte – Papierkachel, Produktname.
 * Hover: Bild hebt sich leicht, die Kachel atmet minimal.
 */
.product-card {
	min-inline-size: 0;
}

.product-card__link {
	color: inherit;
	display: block;
	text-decoration: none;
}

.product-card__image {
	block-size: 100%;
	max-block-size: 94%;
	max-inline-size: 100%;
	object-fit: contain;
	transition: transform var(--duration-base) var(--ease-out);
	width: auto;
}

.product-card__title {
	font-family: var(--font-family-display);
	font-size: var(--font-size-title-xs);
	line-height: var(--line-height-title-xs);
	margin-block-start: var(--space-5);
	text-wrap: balance;
}

.product-card__title {
	background-image: linear-gradient(var(--theme-accent), var(--theme-accent));
	background-position: 0 100%;
	background-repeat: no-repeat;
	background-size: 0% var(--border-width-medium);
	display: inline;
	transition: background-size var(--duration-base) var(--ease-out);
}

@media (hover: hover) {
	.product-card__link:hover .product-card__image {
		transform: translateY(-0.375rem) rotate(-1deg);
	}

	.product-card__link:hover .paper-tile::before {
		transform: scale(1.02);
	}

	.product-card__link:hover .product-card__title {
		background-size: 100% var(--border-width-medium);
	}
}

/* Die gespiegelten Kacheln behalten ihre Spiegelung beim Hover */
@media (hover: hover) {
	.product-card__link:hover .paper-tile--flip-x::before { transform: scale(-1.02, 1.02); }
	.product-card__link:hover .paper-tile--flip-y::before { transform: scale(1.02, -1.02); }
	.product-card__link:hover .paper-tile--flip-xy::before { transform: scale(-1.02); }
}

.product-card__link:focus-visible {
	outline-offset: var(--space-2);
}

.product-card__link:focus-visible .product-card__title {
	background-size: 100% var(--border-width-medium);
}