.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 0.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, 0.15);
  opacity: 0;
  transform: scale(0.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: 0.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);
}
.browser-Safari .wd-hover-with-fade.wd-fade-off .fade-in-block {
  pointer-events: visible;
  pointer-events: unset;
}
.platform-iOS .wd-hover-with-fade.wd-fade-off .fade-in-block {
  clip: rect(auto auto auto auto);
}
.wd-hover-with-fade.state-hover .wd-more-desc-btn {
  transform: none;
}
.wd-hover-with-fade.hover-ready:is(:hover, .state-hover) .product-wrapper {
  z-index: 20;
  transform: translateY(-5px) translateZ(0);
}
.wd-hover-with-fade.hover-ready:is(:hover, .state-hover)
  .content-product-imagin {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease, visibility 0s ease, transform 0.3s ease;
  transform: scale(1);
}
.wd-hover-with-fade.hover-ready:is(:hover, .state-hover) .fade-in-block {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.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;
}
.browser-Safari .wd-hover-with-fade .fade-in-block {
  visibility: visible;
  pointer-events: none;
}
.browser-Safari
  .wd-hover-with-fade.hover-ready:is(:hover, .state-hover)
  .fade-in-block {
  pointer-events: visible;
  pointer-events: unset;
}
.platform-iOS .wd-hover-with-fade .fade-in-block {
  clip: rect(0 0 0 0);
  opacity: 1;
}
.platform-iOS
  .wd-hover-with-fade.hover-ready:is(:hover, .state-hover)
  .fade-in-block {
  clip: rect(auto auto auto auto);
}
@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;
  }
}