/*
 * Shared SKATE INSTITUTION product card.
 * Used by the shop archive and the related-products grid.
 */

.skc-archive__product-card {
	display: block;
	min-width: 0;
}

.skc-archive__product-card-link {
	display: block;
	color: var(--skc-primary);
	text-decoration: none;
}

.skc-archive__product-card-image {
	aspect-ratio: 4 / 5;
	width: 100%;
	margin-bottom: var(--skc-sm);
	background-color: var(--skc-surface-bright);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid var(--skc-surface-container-highest);
	box-sizing: border-box;
	transition: background-color var(--skc-transition), border-color var(--skc-transition), transform var(--skc-transition-slow);
}

.skc-archive__product-card:hover .skc-archive__product-card-image,
.skc-archive__product-card-link:focus-visible .skc-archive__product-card-image {
	background-color: var(--skc-surface-container-highest);
	border-color: var(--skc-primary);
	transform: scale(1.02);
}

.skc-archive__product-card-link:focus-visible {
	outline: 2px solid var(--skc-primary);
	outline-offset: 4px;
}

/* Remove box-sizing from grid items */
.skc-archive__grid > li::before,
.skc-archive__grid > li::after {
	box-sizing: content-box;
}

.skc-archive__product-card-title {
	margin: 0 0 var(--skc-xs);
	color: var(--skc-primary);
	font-family: 'Inter', sans-serif;
	font-size: var(--skc-body-md);
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -0.02em;
	text-transform: uppercase;
}

.skc-archive__product-card-category {
	margin: 0 0 var(--skc-xs);
	color: var(--skc-secondary);
	font-family: 'Inter', sans-serif;
	font-size: var(--skc-label-md);
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.skc-archive__product-card-price {
	margin: 0;
	color: var(--skc-primary);
	font-family: 'Inter', sans-serif;
	font-size: var(--skc-price-md);
	font-weight: 700;
	line-height: 1;
}

@media (prefers-reduced-motion: reduce) {
	.skc-archive__product-card-image {
		transition: none;
	}
}