html body .products.wd-products.elements-grid {
	align-items: stretch;
}

html body .products.wd-products.elements-grid > .wd-product {
	height: 100%;
	min-width: 0;
}

html body .products.wd-products.elements-grid > .wd-product > .wd-product-wrapper {
	background: var(--color-surface, #fff);
	border: 1px solid var(--color-border, #c9d1d9);
	border-radius: var(--radius-md, 6px);
	box-shadow: none;
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
	transition: border-color 160ms ease, box-shadow 160ms ease;
}

html body .products.wd-products.elements-grid > .wd-product > .wd-product-wrapper:hover,
html body .products.wd-products.elements-grid > .wd-product > .wd-product-wrapper:focus-within {
	border-color: var(--color-primary, #006d73);
	box-shadow: 0 6px 18px rgb(23 33 43 / 10%);
}

html body .products.wd-products.elements-grid .wd-product-card-bg {
	display: none;
}

html body .products.wd-products.elements-grid .product-element-top {
	aspect-ratio: 1;
	background: var(--color-surface-subtle, #f5f7f8);
	border-bottom: 1px solid var(--color-border, #c9d1d9);
	flex: 0 0 auto;
	overflow: hidden;
	position: relative;
}

html body .products.wd-products.elements-grid .wd-product-img-link {
	display: block;
	height: 100%;
	width: 100%;
}

html body .products.wd-products.elements-grid .wd-product-img-link img {
	box-sizing: border-box;
	height: 100%;
	object-fit: contain;
	object-position: center;
	padding: var(--space-3, 12px);
	transition: transform 160ms ease;
	width: 100%;
}

html body .products.wd-products.elements-grid .wd-product-img-link img.woocommerce-placeholder {
	opacity: .62;
	padding: 25%;
}

@media (hover: hover) and (pointer: fine) {
	html body .products.wd-products.elements-grid .wd-product-wrapper:hover .wd-product-img-link img:not(.woocommerce-placeholder) {
		transform: scale(1.025);
	}
}

html body .products.wd-products.elements-grid .product-labels {
	gap: var(--space-1, 4px);
	inset: var(--space-2, 8px) auto auto var(--space-2, 8px);
}

html body .products.wd-products.elements-grid .product-label {
	border-radius: var(--radius-sm, 4px);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.2;
	min-height: 26px;
	padding: 5px 8px;
	text-transform: none;
}

html body .products.wd-products.elements-grid .product-label.onsale {
	background: var(--color-warning, #9a6700);
	color: #fff;
}

html body .products.wd-products.elements-grid .product-label.out-of-stock {
	background: var(--color-error, #b42318);
	color: #fff;
}

html body .products.wd-products.elements-grid .product-element-bottom {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	min-width: 0;
	padding: var(--space-3, 12px);
	position: static;
}

html body .products.wd-products.elements-grid .wd-entities-title {
	display: -webkit-box;
	font-size: var(--font-size-card-title, 15px);
	font-weight: 600;
	height: 43.5px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-height: 1.45;
	margin: 0 0 var(--space-2, 8px);
	overflow: hidden;
}

html body .products.wd-products.elements-grid .wd-product-cats {
	font-size: var(--font-size-fine, 13px);
	height: 19px;
	line-height: 1.45;
	margin-bottom: var(--space-2, 8px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

html body .products.wd-products.elements-grid .wd-product-stock {
	align-items: flex-start;
	display: -webkit-box;
	font-size: 12px;
	font-weight: 600;
	height: 34px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-height: 1.4;
	margin: 0 0 var(--space-2, 8px);
	overflow: hidden;
	padding-inline-start: 16px;
	position: relative;
	text-align: start;
}

html body .products.wd-products.elements-grid .wd-product-stock::before {
	background: currentColor;
	border-radius: 50%;
	content: "";
	height: 8px;
	inset: 5px auto auto 0;
	position: absolute;
	width: 8px;
}

html[dir="rtl"] body .products.wd-products.elements-grid .wd-product-stock::before {
	inset-inline: auto 0;
}

html body .products.wd-products.elements-grid .wd-product-stock.in-stock {
	color: var(--color-success, #1f7a4d);
}

html body .products.wd-products.elements-grid .wd-product-stock.available-on-backorder {
	color: var(--color-warning, #9a6700);
}

html body .products.wd-products.elements-grid .wd-product-stock.out-of-stock {
	color: var(--color-error, #b42318);
}

html body .products.wd-products.elements-grid .product-rating-price {
	align-items: center;
	display: flex;
	height: 40px;
	margin: 0;
}

html body .products.wd-products.elements-grid .wrapp-product-price {
	align-items: center;
	display: flex;
	height: 100%;
	min-width: 0;
	width: 100%;
}

html body .products.wd-products.elements-grid .price {
	color: var(--color-primary, #006d73);
	display: -webkit-box;
	font-size: 14px;
	font-weight: 700;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-height: 1.35;
	overflow: hidden;
	width: 100%;
}

html body .products.wd-products.elements-grid .cfvsw_variations_form {
	display: none !important;
}

html body .products.wd-products.elements-grid .product-element-top > .wrapp-swatches {
	display: flex !important;
	height: 44px;
	inset: var(--space-2, 8px) var(--space-2, 8px) auto auto;
	opacity: 1;
	transform: none;
	visibility: visible;
	width: 44px;
}

html body .products.wd-products.elements-grid .wd-product-card-hover {
	display: block !important;
	height: auto !important;
	margin-top: auto;
	opacity: 1 !important;
	overflow: visible !important;
	padding: var(--space-3, 12px) 0 0;
	pointer-events: auto !important;
	position: static !important;
	transform: none !important;
	visibility: visible !important;
}

html body .products.wd-products.elements-grid .wd-product-card-hover .hover-content,
html body .products.wd-products.elements-grid .wrap-quickview-button {
	display: none !important;
}

html body .products.wd-products.elements-grid .wd-bottom-actions {
	background: transparent;
	border: 0;
	box-shadow: none;
	display: block !important;
	height: 44px;
	min-height: 44px;
	position: static;
	width: 100%;
}

html body .products.wd-products.elements-grid .wrap-wishlist-button {
	inset: var(--space-2, 8px) 60px auto auto;
	position: absolute;
	width: 44px;
	z-index: 5;
}

html body .products.wd-products.elements-grid .wd-compare-btn {
	display: flex !important;
	position: static;
	visibility: visible;
	z-index: 5;
}

html body .products.wd-products.elements-grid .wd-compare-btn > a {
	height: 44px !important;
	visibility: visible;
	width: 44px !important;
}

html body .products.wd-products.elements-grid :is(.wd-wishlist-btn, .wd-compare-btn) > a {
	align-items: center;
	background: rgb(255 255 255 / 94%);
	border: 1px solid var(--color-border, #c9d1d9);
	border-radius: 50%;
	box-shadow: 0 2px 8px rgb(23 33 43 / 10%);
	color: var(--color-text, #17212b);
	display: flex;
	height: 44px;
	justify-content: center;
	width: 44px;
}

html body .products.wd-products.elements-grid :is(.wd-wishlist-btn, .wd-compare-btn) > a:hover {
	background: var(--color-primary, #006d73);
	border-color: var(--color-primary, #006d73);
	color: #fff;
}

html body .products.wd-products.elements-grid .wd-add-btn {
	display: block !important;
	flex: 1 1 auto;
	height: 44px;
	min-width: 0;
	opacity: 1 !important;
	visibility: visible !important;
	width: 100%;
}

html body .products.wd-products.elements-grid .wd-add-btn > a.button {
	align-items: center;
	display: flex;
	height: 44px;
	justify-content: center;
	padding: 0 var(--space-3, 12px);
	width: 100%;
}

html body .products.wd-products.elements-grid .wd-add-btn .wd-action-text {
	display: -webkit-box;
	font-size: 13px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-height: 1.2;
	overflow: hidden;
	padding: 0;
	text-align: center;
	white-space: normal;
	width: 100%;
}

html body .products.wd-products.elements-grid .wd-add-btn .wd-action-icon {
	display: none;
}

html body .products.wd-products.elements-grid .wd-product.outofstock .wd-add-btn > a.button {
	background: var(--color-disabled-bg, #eef1f3);
	color: var(--color-disabled-text, #697683);
}

@media (min-width: 720px) and (max-width: 1024px) {
	html body.woodmart-archive-shop .products.wd-products.elements-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: var(--space-4, 16px) var(--space-3, 12px);
	}
}

@media (max-width: 1024px) {
	html body.woodmart-archive-shop .products.wd-products.elements-grid .product-element-bottom {
		gap: 0;
	}
}

@media (max-width: 767px) {
	html body .products.wd-products.elements-grid .product-element-bottom {
		padding: 10px;
	}

	html body .products.wd-products.elements-grid .wd-entities-title {
		font-size: 14px;
		height: 40.6px;
	}

	html body .products.wd-products.elements-grid .wd-product-img-link img {
		padding: var(--space-2, 8px);
	}
}

@media (max-width: 359px) {
	html body .products.wd-products.elements-grid {
		--wd-col-sm: 1 !important;
	}

	html body.woodmart-archive-shop .products.wd-products.elements-grid {
		grid-template-columns: minmax(0, 1fr) !important;
		row-gap: var(--space-3, 12px);
	}

	html body.woodmart-archive-shop .products.wd-products.elements-grid > .wd-product > .wd-product-wrapper {
		display: grid;
		grid-template-columns: 104px minmax(0, 1fr);
		height: auto;
		min-height: 232px;
	}

	html body.woodmart-archive-shop .products.wd-products.elements-grid .product-element-top {
		aspect-ratio: auto;
		min-height: 0;
		border-inline-end: 1px solid var(--color-border, #c9d1d9);
		border-bottom: 0;
	}

	html body.woodmart-archive-shop .products.wd-products.elements-grid .product-labels {
		inset: auto auto var(--space-2, 8px) var(--space-2, 8px);
		max-width: calc(100% - var(--space-4, 16px));
	}

	html body.woodmart-archive-shop .products.wd-products.elements-grid .product-element-top > .wrapp-swatches {
		inset: var(--space-1, 4px) var(--space-1, 4px) auto auto;
	}

	html body.woodmart-archive-shop .products.wd-products.elements-grid .wrap-wishlist-button {
		inset: var(--space-1, 4px) auto auto var(--space-1, 4px);
	}

	html body.woodmart-archive-shop .products.wd-products.elements-grid .wd-product-img-link img {
		padding: var(--space-2, 8px);
	}
}

@media (prefers-reduced-motion: reduce) {
	html body .products.wd-products.elements-grid > .wd-product > .wd-product-wrapper,
	html body .products.wd-products.elements-grid .wd-product-img-link img {
		transition: none;
	}
}