@import url('our_collection-shared.css');

/* Our Collection v8 — product_section v15 diagonal split cards */
@import url('quick_card-v15.css');

.products--oc-v8.quick-card-v15-section {
	padding-top: clamp(28px, 4vw, 48px);
	padding-bottom: clamp(28px, 4vw, 48px);
}

.products--oc-v8 .oc8-empty {
	grid-column: 1 / -1;
	text-align: center;
	padding: 48px 16px;
}

.products--oc-v8 .oc8-grid-shell.is-loading .qc-v15-grid {
	opacity: 0.55;
	pointer-events: none;
	transition: opacity 0.25s ease;
}

.products--oc-v8 .oc8-loading,
.products--oc-v8 .oc8-end {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	margin-top: clamp(16px, 3vw, 28px);
}

.products--oc-v8 .oc8-loading__spinner {
	width: 28px;
	height: 28px;
	margin: 0 auto 10px;
	border: 2px solid color-mix(in srgb, var(--primary-brand-color) 16%, transparent);
	border-top-color: var(--primary-brand-color);
	border-radius: 50%;
	animation: oc8-spin 0.7s linear infinite;
}

@keyframes oc8-spin {
	to {
		transform: rotate(360deg);
	}
}

.products--oc-v8 .oc8-seo {
	margin-top: 12px;
	padding-inline: var(--qc-v15-inset, clamp(16px, 3vw, 32px));
}