.wp-block-irhyt-product-grid .product-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--space-50);
}

.wp-block-irhyt-product-grid .product-card {
	background-color: var(--color-surface-elevated);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg);
	overflow: hidden;
	transition: transform var(--transition-smooth), box-shadow var(--transition-smooth);
}

.wp-block-irhyt-product-grid .product-card:hover {
	box-shadow: var(--shadow-hover);
	transform: translateY(-4px);
}

.wp-block-irhyt-product-grid .product-card-media {
	aspect-ratio: 1 / 1;
	background-color: var(--color-surface);
	position: relative;
	display: block;
	text-decoration: none;
}

.wp-block-irhyt-product-grid .product-card-media--placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--color-surface);
	border-bottom: 1px solid var(--color-border);
}

.wp-block-irhyt-product-grid .product-card-placeholder {
	font-size: 28px;
	color: var(--color-muted-light);
	line-height: 1;
}

.wp-block-irhyt-product-grid .product-card-badge {
	position: absolute;
	top: 12px;
	left: 12px;
	z-index: var(--z-content);
}

.wp-block-irhyt-product-grid .product-card-body {
	padding: var(--space-40);
}

.wp-block-irhyt-product-grid .product-card-title {
	font-size: var(--text-sm);
	font-weight: var(--fw-semibold);
	margin-bottom: 6px;
	color: var(--color-ink);
}

.wp-block-irhyt-product-grid .product-card-rating {
	display: flex;
	align-items: center;
	gap: 4px;
	color: var(--color-accent);
	font-size: var(--text-xs);
	margin-bottom: var(--space-20);
}

.wp-block-irhyt-product-grid .product-card-rating span {
	color: var(--color-muted);
	margin-left: 4px;
}

.wp-block-irhyt-product-grid .product-card-price {
	display: flex;
	align-items: baseline;
	gap: 8px;
}

.wp-block-irhyt-product-grid .product-card-price-current {
	font-size: var(--text-base);
	font-weight: var(--fw-bold);
	color: var(--color-ink);
}

.wp-block-irhyt-product-grid .product-card-price-old {
	font-size: var(--text-xs);
	color: var(--color-muted-light);
	text-decoration: line-through;
}

@media (max-width: 1024px) {
	.wp-block-irhyt-product-grid .product-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
	.wp-block-irhyt-product-grid .product-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
	.wp-block-irhyt-product-grid .section-header-row { flex-direction: column; align-items: flex-start; }
}