.ati-product-archive__pagination[hidden],
.ati-product-archive__load-sentinel[hidden],
.ati-product-archive__actions[hidden],
.ati-product-archive__error[hidden] {
	display: none;
}

.ati-product-archive__load-sentinel {
	height: 1px;
	margin-bottom: var(--ati-space-8);
}

.ati-product-archive__status {
	min-height: 1.5em;
	margin: 0 0 var(--ati-space-3);
	color: var(--ati-color-text-muted);
	text-align: center;
}

.ati-product-archive__status--error {
	color: var(--ati-color-text);
}

	.ati-product-archive.is-loading .ati-product-archive__status::before {
	content: "";
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-inline-end: var(--ati-space-2);
	border: 2px solid var(--ati-color-border);
	border-top-color: var(--ati-color-primary);
	border-radius: var(--ati-radius-full);
	animation: ati-product-archive-spin 0.8s linear infinite;
	vertical-align: -0.125em;
}

.ati-product-archive__actions {
	display: flex;
	justify-content: center;
	margin-bottom: var(--ati-space-8);
}

.ati-product-archive__load-more,
.ati-product-archive__error .ati-button {
	min-height: 44px;
}

.ati-product-archive__error {
	margin-bottom: var(--ati-space-8);
	padding: var(--ati-space-4);
	border: 1px solid var(--ati-color-border);
	border-radius: var(--ati-radius-sm);
	background: var(--ati-color-surface-container);
	text-align: center;
}

.ati-product-archive__error p {
	margin: 0 0 var(--ati-space-3);
}

.ati-product-archive.is-loading .ati-grid {
	opacity: 0.65;
}

@keyframes ati-product-archive-spin {
	to {
		transform: rotate(360deg);
	}
}

@media (prefers-reduced-motion: reduce) {
.ati-product-archive.is-loading .ati-product-archive__status::before {
		animation: none;
	}
}