/* Measured collection and product presentation, after the shared storefront styles. */
.aurome-storefront .aurome-category-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	border-radius: 0;
	overflow: visible;
	isolation: isolate;
}
.aurome-storefront .aurome-category-card {
	min-width: 0;
	min-height: 140px;
	padding: 14px 14px 14px 16px;
	border-radius: 14px;
	box-shadow: 0 4px 16px rgb(20 50 120 / 8%);
	transition: transform 250ms ease, box-shadow 250ms ease;
}
.aurome-storefront .aurome-category-card:nth-child(1) { background: #c8dff5; }
.aurome-storefront .aurome-category-card:nth-child(2) { background: #e0cef5; }
.aurome-storefront .aurome-category-card:nth-child(3) { background: #c4e8f0; }
.aurome-storefront .aurome-category-card:nth-child(4) { background: #e6ddc4; }
.aurome-storefront .aurome-category-card:nth-child(5) { background: #f0c4a0; }
.aurome-storefront .aurome-category-card:nth-child(6) { background: #d4e4f8; }
.aurome-storefront .aurome-category-card .aurome-monogram {
	font: 700 48px/1 var(--aurome-serif);
	color: var(--aurome-accent);
	opacity: .42;
	margin: 0 0 6px;
}
.aurome-storefront .aurome-category-card h3 {
	font: 500 16px/1.2 var(--aurome-serif);
	margin: 0 0 4px;
	overflow-wrap: anywhere;
}
.aurome-storefront .aurome-category-count {
	display: block;
	font: 400 12px/1.5 var(--aurome-sans);
	color: rgb(13 26 46 / 65%);
}
.aurome-storefront .aurome-category-card:hover,
.aurome-storefront .aurome-category-card:focus-visible {
	z-index: 2;
	box-shadow: 0 8px 28px rgb(20 50 120 / 12%);
}
.aurome-storefront .aurome-category-card:focus-visible {
	transform: translateY(-4px);
	outline: 3px solid #496b91;
	outline-offset: 3px;
}

.aurome-storefront .aurome-beloved-card {
	border-radius: 14px;
	box-shadow: 0 4px 16px rgb(20 50 120 / 6%);
	transition: transform 200ms ease, box-shadow 200ms ease;
}
.aurome-storefront .aurome-beloved-card strong {
	font: 600 15px/1.3 var(--aurome-sans);
}
.aurome-storefront .aurome-beloved-card:focus-visible {
	transform: translateY(-2px);
	box-shadow: 0 8px 28px rgb(20 50 120 / 12%);
}
.aurome-storefront .aurome-product-card {
	border-radius: 12px;
	box-shadow: 0 2px 12px rgb(0 0 0 / 6%);
	transition: transform 250ms ease, box-shadow 250ms ease, border-color 250ms ease;
}
.aurome-storefront .aurome-product-card__title {
	font: var(--aurome-type-product-title);
}
.aurome-storefront .aurome-product-card__image img {
	transition: transform 450ms ease;
}
.aurome-storefront .aurome-product-card__wishlist {
	transition: opacity 300ms ease, background-color 200ms ease, color 200ms ease;
}
.aurome-storefront .aurome-product-card:focus-within {
	transform: translateY(-3px);
	box-shadow: 0 8px 28px rgb(0 0 0 / 10%);
}
.aurome-storefront .aurome-product-card:focus-within .aurome-product-card__image img {
	transform: scale(1.04);
}

@media (hover: hover) and (pointer: fine) {
	.aurome-storefront .aurome-category-card:hover { transform: translateY(-4px); }
	.aurome-storefront .aurome-beloved-card:hover {
		transform: translateY(-2px);
		box-shadow: 0 8px 28px rgb(20 50 120 / 12%);
	}
	.aurome-storefront .aurome-product-card:hover {
		transform: translateY(-3px);
		box-shadow: 0 8px 28px rgb(0 0 0 / 10%);
	}
	.aurome-storefront .aurome-product-card:hover .aurome-product-card__image img { transform: scale(1.04); }
	.aurome-storefront .aurome-product-card__tray {
		transform: translateY(44px);
		opacity: 0;
		pointer-events: none;
		transition: transform 300ms ease, opacity 300ms ease;
	}
	.aurome-storefront .aurome-product-card__wishlist { opacity: 0; pointer-events: none; }
	.aurome-storefront .aurome-product-card:hover .aurome-product-card__tray,
	.aurome-storefront .aurome-product-card:focus-within .aurome-product-card__tray {
		transform: translateY(0);
		opacity: 1;
		pointer-events: auto;
	}
	.aurome-storefront .aurome-product-card:hover .aurome-product-card__wishlist,
	.aurome-storefront .aurome-product-card:focus-within .aurome-product-card__wishlist,
	.aurome-storefront .aurome-product-card__wishlist[aria-pressed=true] {
		opacity: 1;
		pointer-events: auto;
	}
}

/* Keep the reference overlap within the container and away from touch targets. */
@media (min-width: 1024px) and (hover: hover) and (pointer: fine) {
	.aurome-storefront .aurome-category-grid { display: flex; gap: 0; }
	.aurome-storefront .aurome-category-card { flex: 0 0 calc((100% + 200px) / 6); box-sizing: border-box; }
	.aurome-storefront .aurome-category-card + .aurome-category-card { margin-left: -40px; }
	.aurome-storefront .aurome-category-card:not(:last-child) { padding-right: 56px; }
	.aurome-storefront .aurome-category-card:not(:last-child) .aurome-category-arrow { right: 56px; }
}
@media (max-width: 599px) {
	.aurome-storefront .aurome-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (prefers-reduced-motion: reduce) {
	.aurome-storefront .aurome-beloved-card,
	.aurome-storefront .aurome-product-card,
	.aurome-storefront .aurome-category-card,
	.aurome-storefront .aurome-product-card__image img,
	.aurome-storefront .aurome-product-card__tray,
	.aurome-storefront .aurome-product-card__wishlist { transition: none !important; }
	.aurome-storefront .aurome-category-card:is(:hover, :focus-visible),
	.aurome-storefront .aurome-beloved-card:is(:hover, :focus-visible),
	.aurome-storefront .aurome-product-card:is(:hover, :focus-within),
	.aurome-storefront .aurome-product-card:is(:hover, :focus-within) .aurome-product-card__image img { transform: none !important; }
}