#product-skeleton-loader.hide {
	display: none;
}

.skeleton-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
}

.skeleton-product {
	flex: 0 0 calc(33.33% - 31px);
	border-radius: 16px;
	background-color: var(--2);
	border: 2px solid #262626;
}

.skeleton-image,
.skeleton-text,
.skeleton-price,
.skeleton-label,
.skeleton-cta-label {
	background: #333;
	border-radius: 4px;
}

.skeleton-image-wrap {
	padding: 24px 24px 0;
}

.skeleton-image {
	height: 150px;
}

.skeleton-text-wrap {
	padding: 16px 24px 18px;
	border-bottom: 1px solid #333;
}

.skeleton-text {
	width: 80%;
	height: 25px;
	margin-bottom: 8px;
}

.skeleton-price {
	width: 40%;
	height: 22px;
	margin-bottom: 8px;
}

.skeleton-label {
	width: 70%;
	height: 15px;
}

.skeleton-cta {
	height: 74px;
	border-radius: 0px 0px 8px 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.skeleton-cta .skeleton-cta-label {
	height: 30px;
	width: 60%;
}

@keyframes pulse {
	0% { opacity: 1; }
	50% { opacity: 0.4; }
	100% { opacity: 1; }
}

.skeleton-image,
.skeleton-text,
.skeleton-price,
.skeleton-label,
.skeleton-cta-label{
	animation: pulse 1.5s infinite ease-in-out;
}

ul.products.loading {
	display: none !important;
}

ul.products:not(.loading) {
	display: flex !important;
}