/* Products grid v6 — product_section v15 / our_collection v8 cards on PLP */
@import url('quick_card-v15.css');

.products-grid-variant.pg6.quick-card-v15-section {
	padding-top: clamp(16px, 2.5vw, 28px);
	padding-bottom: clamp(24px, 3vw, 40px);
}

.products-grid-variant.pg6 .pg6-grid-shell {
	width: 100%;
	box-sizing: border-box;
}

.products-grid-variant.pg6 .pg6-empty {
	grid-column: 1 / -1;
	text-align: center;
	padding: 48px 16px;
}

.products-grid-variant.pg6 .pg6-loading,
.products-grid-variant.pg6 .pg6-end {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	margin-top: clamp(16px, 3vw, 24px);
}

.products-grid-variant.pg6 .pg6-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: pg6-spin 0.7s linear infinite;
}

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

@media (max-width: 991px) {
	.plp-shell--fv2 .products-grid-variant.pg6 .qc-v15-wrap,
	.plp-shell--fv3 .products-grid-variant.pg6 .qc-v15-wrap {
		padding-inline: clamp(12px, 2vw, 20px);
	}
}

.plp-shell--fv2 .plp-shell__main > section.products.products-grid-variant.pg6,
.plp-shell--fv3 .plp-shell__main > section.products.products-grid-variant.pg6 {
	padding-top: 0;
}