.wd-product.wd-hover-fw-button .wd-product-countdown .wd-timer {
	flex-wrap: nowrap;
	width: 100%;
	padding-top: 5px;
	border-top: 1px solid var(--brdcolor-gray-300);
}

.wd-product.wd-hover-fw-button .wd-product-countdown .wd-timer>span {
	flex: 1 1 0%;
	min-width: 0;
}

.wd-product.wd-hover-fw-button .wd-quick-shop-2 {
	width: 100%;
}

.wd-product.wd-hover-fw-button .wd-quick-shop-2 table.variations {
	display: inline-flex;
}

.wd-product.wd-hover-fw-button .shop_attributes tbody {
	margin: 0;
}

.wd-product.wd-hover-fw-button .shop_attributes th .wd-hint {
	margin-inline-end: 2px;
}

.wd-product.wd-hover-fw-button .wd-add-btn div.quantity input[type="button"].minus {
	border-start-start-radius: var(--btn-accented-brd-radius);
	border-end-start-radius: var(--btn-accented-brd-radius);
}

.wd-product.wd-hover-fw-button .wd-add-btn div.quantity input[type="button"].plus {
	border-start-end-radius: var(--btn-accented-brd-radius);
	border-end-end-radius: var(--btn-accented-brd-radius);
}

.wd-hover-with-fade div.quick-shop-close {
	top: -5px;
}

.wd-hover-with-fade.quick-shop-shown .add-to-cart-loop {
	opacity: .3;
	pointer-events: none;
}

.wd-hover-with-fade.wd-fade-off :is(.content-product-imagin,[class*="hover-content"]) {
	display: none;
}

.wd-hover-with-fade.wd-fade-off .quick-shop-close {
	top: 5px;
	inset-inline-end: 10px;
}

.wd-hover-with-fade.wd-fade-off .product-element-bottom {
	position: static;
}

.wd-hover-with-fade.wd-fade-off .fade-in-block {
	position: static;
	gap: 0;
	margin-top: calc(var(--wd-prod-gap) * -1);
	padding: 0 !important;
	border: none;
	opacity: 1;
	visibility: visible;
}

.wd-hover-with-fade.wd-fade-off .fade-in-block>:is(.wd-progress-bar,.wd-countdown-timer) {
	margin-top: var(--wd-prod-gap);
}

.wd-hover-with-fade.state-hover .wd-more-desc-btn {
	transform: none;
}

.wd-hover-with-fade.hover-ready.state-hover .product-wrapper {
	z-index: 20;
	transform: translateY(-5px) translateZ(0);
}

.wd-hover-with-fade.hover-ready.state-hover .content-product-imagin {
	visibility: visible;
	opacity: 1;
	transition: opacity .3s ease, visibility 0s ease, transform .3s ease;
	transform: scale(1);
}

.wd-hover-with-fade.hover-ready.state-hover .fade-in-block {
	visibility: visible;
	opacity: 1;
	transition: opacity .3s ease, visibility 0s ease;
}

@media (hover: hover) {
	.wd-hover-with-fade.hover-ready:hover .product-wrapper {
		z-index: 20;
		transform: translateY(-5px) translateZ(0);
	}
	
	.wd-hover-with-fade.hover-ready:hover .content-product-imagin {
		visibility: visible;
		opacity: 1;
		transition: opacity .3s ease, visibility 0s ease, transform .3s ease;
		transform: scale(1);
	}
	
	.wd-hover-with-fade.hover-ready:hover .fade-in-block {
		visibility: visible;
		opacity: 1;
		transition: opacity .3s ease, visibility 0s ease;
	}
}

:is(.products-bordered-grid-ins,.wd-products-with-bg:not(.products-bordered-grid),.wd-products-with-shadow:not(.products-bordered-grid)) .wd-hover-with-fade .content-product-imagin {
	top: -1px;
	inset-inline: -1px;
}

:is(.products-bordered-grid-ins,.wd-products-with-bg:not(.products-bordered-grid),.wd-products-with-shadow:not(.products-bordered-grid)) .wd-hover-with-fade .fade-in-block {
	padding-bottom: 0;
}

.products-bordered-grid .wd-hover-with-fade .product-wrapper {
	transform: none !important;
}

.products-bordered-grid .wd-hover-with-fade .content-product-imagin {
	inset: calc(var(--wd-gap) / 2 * -1 - 1px) calc(var(--wd-gap) / 2 * -1 - 1px) 0;
	border: 1px solid var(--wd-bordered-brd, var(--brdcolor-gray-300));
	border-radius: 0;
	transform: none;
}

@media (max-width: 1024px) {}

@media (max-width: 768.98px) {
	.wd-hover-with-fade .quick-shop-close {
		top: -5px;
		inset-inline-end: -5px;
	}
}