
.wd-product.wd-hover-fw-button .wd-product-countdown {
	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>span {
	flex: 1 1 0%;
	min-width: 0;
}

.wd-product.wd-hover-fw-button {
	--text-align: start;
	--wd-more-desc-lines: 4em;
}

.wd-product.wd-hover-fw-button .wrap-price {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: var(--wd-prod-gap);
}

.wd-product.wd-hover-fw-button .fade-in-block {
	top: 100%;
	padding: var(--wd-prod-gap) 0 10px 0;
}

.wd-product.wd-hover-fw-button .hover-content {
	padding-inline-end: 2px;
	margin-block: var(--wd-prod-trim);
}

.wd-product.wd-hover-fw-button :is(.hover-content-wrap, .wd-progress-bar) {
	padding-top: var(--wd-prod-gap);
	border-top: 1px solid var(--brdcolor-gray-300);
}

.wd-product.wd-hover-fw-button .wd-more-desc .wd-more-desc-btn {
	transform: none;
}

.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 .wd-add-btn {
	font-size: 0;
	position: relative;
}

.wd-product.wd-hover-fw-button .wd-add-btn>a {
	width: 100%;
	border-radius: var(--btn-accented-brd-radius);
	color: var(--btn-accented-color);
	box-shadow: var(--btn-accented-box-shadow);
	background-color: var(--btn-accented-bgcolor);
	text-transform: var(--btn-accented-transform, var(--btn-transform, uppercase));
	font-weight: var(--btn-accented-font-weight, var(--btn-font-weight, 600));
	font-family: var(--btn-accented-font-family, var(--btn-font-family, inherit));
	font-style: var(--btn-accented-font-style, var(--btn-font-style, unset));
}

.wd-product.wd-hover-fw-button .wd-add-btn>a:hover {
	color: var(--btn-accented-color-hover);
	box-shadow: var(--btn-accented-box-shadow-hover);
	background-color: var(--btn-accented-bgcolor-hover);
}

.wd-product.wd-hover-fw-button .wd-add-btn>a:active {
	box-shadow: var(--btn-accented-box-shadow-active);
	bottom: var(--btn-accented-bottom-active, 0);
}

.wd-product.wd-hover-fw-button .wd-add-btn .add-to-cart-loop span {
	display: block !important;
	overflow: hidden;
	padding: 12px;
	line-height: 18px;
	font-size: 13px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.wd-product.wd-hover-fw-button .shop_attributes {
	color: var(--color-gray-400);
	font-size: 95%;
	--wd-link-color: var(--color-gray-400);
	--wd-link-color-hover: var(--color-gray-700);
}

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

.wd-product.wd-hover-fw-button .shop_attributes td {
	text-align: start;
}

.wd-product.wd-hover-fw-button .shop_attributes tr {
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 4px;
	padding-bottom: 0;
	border-bottom: none;
}

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

.wd-product.wd-hover-fw-button .shop_attributes th:after {
	content: ":";
}

.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 .product-wrapper {
	position: relative;
	transition: transform .3s ease;
}

.wd-hover-with-fade .content-product-imagin {
	position: absolute;
	inset: -15px -15px -2px -15px;
	visibility: hidden;
	border: inherit;
	border-radius: var(--wd-brd-radius);
	background-color: var(--wd-prod-bg, var(--bgcolor-white));
	box-shadow: 0 0 10px rgba(0, 0, 0, .15);
	opacity: 0;
	transform: scale(.98);
}

.wd-hover-with-fade .fade-in-block {
	display: flex;
	flex-direction: column;
	gap: var(--wd-prod-gap);
	position: absolute;
	inset-inline: 0;
	visibility: hidden;
	opacity: 0;
}

.wd-hover-with-fade .product-element-bottom {
	position: relative;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.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-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;
}

[class*="products-bordered-grid"]:not(.wd-products-with-shadow) .wd-hover-with-fade .content-product-imagin {
	box-shadow: none;
}

.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) {
	.wd-hover-with-fade .content-product-imagin {
		top: -10px;
		inset-inline: -10px;
	}
}

@media (max-width: 768.98px) {
	.wd-hover-with-fade .quick-shop-close {
		top: -5px;
		inset-inline-end: -5px;
	}
	
	.wd-product.wd-hover-fw-button .wd-add-btn-replace .add-to-cart-loop {
		--btn-height: 38px;
	}
}
