.single-product {

  .woocommerce.product {
    --wp--style--global--content-size: 1100px;
    --wp--preset--color--primary: #111228;
  }
  .hasCountdown {
    overflow: hidden;
    padding: 0.5em 0;
    box-shadow: 0px 0px 7px 0px rgb(236 240 244 / 0%);
    border-radius: var(--wp--custom--bradius--md);
    margin-block: 1em 1.5em;
    padding: 0;
    color: #da3f3f;
    background: #fff5f4;
    display: flex;
    &:before {
      display: block;
      font-family: dashicons;
      font-size: 20px;
      line-height: 1;
      content: "\f469";
      padding: 12px 12px 11px 12px;
      width: 41px;
      height: 41px;
      background: #ff00008c;
      color: white;
    }
  }

  .countdown_row {
    clear: both;
    width: 100%;
    height: 41px;
    padding: 0px 2px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    color: #da3f3f;
  }



  .auction-condition .curent-bid {
    background: #0fb13a;
    color: #fff;
    border-radius: 12px;
    padding: 0px 8px;
    font-weight: 500;
    font-size: 14px;
  }
  .countdown_section {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    line-height: 6px;
    padding: 13px 0;
    font-weight: 400;
    font-size: 12px;
    justify-content: center;
  }

  .auction-starts,
  .auction-end,
  .wp-block-post-terms a {
    font-weight: 500;
  }

  .single_add_to_cart_button {
    background-color: var(--wp--preset--color--primary);
    border-radius: var(--wp--custom--bradius--md);
    border-width: 0;
    color: var(--wp--preset--color--base);
    cursor: pointer;
    font-family: inherit;
    font-size: var(--wp--preset--font-size--xsmall);
    font-weight: 500;
    line-height: inherit;
    padding: 10px 20px;
    text-decoration: none;
    width: 100%;
  }
}

.woocommerce div.product div.images.woocommerce-product-gallery>.flex-viewport,
.woocommerce div.product div.images.woocommerce-product-gallery .flex-control-thumbs li {
  border: 1px solid #e4e4e4;
}





.wc-block-components-product-image {
  position: relative;
  .auction-time{
    position: absolute;
    inset-block-end: 0;
    width: 100%;
    background: #00ff803d;
    text-align: center;
  }
}





.single-product.woocommerce {
  .auction-end br {
    display: inline;
  }
  .product-type-auction {
    .entry-summary {
      form.cart {
        margin-bottom: 5px;
        margin-top: 25px;
      }
      form.buy-now {
        .single_add_to_cart_button {
          margin: 0;
        }
      }
    }
  }
}

.products .auction-condition{ 
  display: none;
}
.products.list{
    .auction-condition{ 
      display: block;
    }
    span.auction-price {
      display: flex;
      flex-direction: column;
    }
    span.current.auction,
    span.winned-for.auction {
      order: 2;
      font-size: 16px;
      font-weight: 400;
    }
    span.winned-for.auction {
      display: block;
      color: green;
    }
    span.woocommerce-Price-amount.amount {
      font-weight: 800;
      font-size: 24px;
    }
    a.button[href*="pay-auction"] {
      right: 122px;
    }
}
.wp-block-woocommerce-product-collection {
  div.auction-time {
    margin-bottom: 16px;
    font-size: 0;
    .products & {
      position: absolute;
    }
    .products.grid & {
      bottom: 0;
      width: 90%;
      left: 5%;
    }
    .products.list & {    
      bottom: 22px;
      width: 380px;
      margin: 0;
      right: unset;
      left: 33%;
      .countdown_section {
        width: auto;
        font-size: 15px;
        padding-right: 10px;
      }
      span.countdown_amount {
        font-weight: 600;
        line-height: 1em;
        font-size: 18px;
      }
    }
    .hasCountdown {
      overflow: hidden;
      padding: 8px 0 5px;
      background: var(--gray-3-color);
      visibility: visible;
      font-size: 16px;
      border-radius: 4px;
      .products.grid & {
        background: rgba(244, 245, 252, .82);
        box-shadow: 0 8px 32px 0 rgba(31, 38, 135,  .37);
        backdrop-filter: blur( 3.5px );
        -webkit-backdrop-filter: blur( 3.5px );
      }
      .products.list & {
        background: none;
      }
    }
    span.countdown_row {
      display: flex;
      .countdown_section { 
        width: 24.5%;
        text-align: center;
      }
  }

  }
}
.countdown_section {
  span.countdown_amount {
    font-weight: 700;
    display: block;
    line-height: 1em;
    .products.list & {
      padding-right: 4px;
      display: inline-block;
    }
  }
  br {
    display: none;
  }
}
form.auction_form {
  .minus,
  .plus {
    height: 3em;
    cursor: pointer;
    border: 1px solid var(--wp--preset--color--gray-4);
    padding: 0 12px;
    font-weight: bold;
    &:hover {
      border-color: var(--primary-color);
    }
  }
  .plus,
  .qty.bid {
    float: right;
  }
  .bid_button.button.alt {
    background-color: var(--headings-color);
    color: var(--body-background-color);
    &:hover {
      border-color: var(--primary-color);
    }
  }
}
.auction-bage {
  display: none;
}

.wd-product {
  &__content {
    div.auction-time {
      position: relative;
      margin-block: 1rem;
      width: 70%;
      margin: 0;
      left: 0 !important;
      .hasCountdown {
        box-shadow: none !important;
        margin-block: 0 7px;
      }
      span.countdown_row {
        justify-content: flex-start;
        .countdown_section{
          width: 20% !important;
          text-align: left;
        }
      }
      .countdown_amount {
        font-size: 150%;
      }
    }
    .auction-price {
      display: flex;
      flex-direction: column;
      .auction {
        line-height: .9;
        font-size: .75em;
      }
      .amount {
        font-size: 1.2em;
        font-weight: bold;
      }
    }
  }
}

/************************************  Single auction ****************************/
.auction-ajax-change {
  font-size: 15px;
  time {
    font-weight: bold;
  }
  .reserve {
    background: #d4ff053b;
    padding: 5px 12px;
    margin-left: -1px;
  }
}

.xoo-wsc-container, 
.xoo-wsc-slider {
  max-width: 400px;
}
.xoo-wsc-container {
  padding: 15px 20px;
  width: 400px;
  right: -400px;
}
.xoo-wsc-header {
  border-bottom: 1px solid #aaa;
}
span.xoo-wsch-close {
  font-size: 22px;
  right: 32px;
}
span.xoo-wsc-smr-del,
span.xoo-wsch-close {
  transition: all 0.2s ease-in-out;
  &:hover {
    color: red;
  }
}
a.xoo-wsc-ft-btn.button.btn.xoo-wsc-ft-btn-cart {
  background-color: var(--headings-color);
}
a.xoo-wsc-ft-btn.button.btn.xoo-wsc-ft-btn-continue{
  color: var(--primary-color-contrast);
  background-color: var(--primary-color);
}
a.xoo-wsc-ft-btn.button.btn.xoo-wsc-ft-btn-checkout {
  background-color: var(--headings-color);
}
.xoo-wsc-basket {
  padding: 11px 12.5px 9px;
  border-radius: 50%;
  bottom: 12px;
  right: 0px;
  background-color: #ffffff;
  color: #000000;
  box-shadow: 0 1px 8px 0px #0000006b;
  transition: box-shadow .25s cubic-bezier(0.45, 0.05, 0.5, 1.13), right .4s cubic-bezier(0.7, 0.15, 0.54, 0.87);  
  &:hover {
    box-shadow: 0 1px 0px 9px #fdb900;
  }
}
.xoo-wsc-cart-active .xoo-wsc-basket {
  right: 380px;
}
.xoo-wsc-items-count {
  top: -10px;
  left: -10px;
}
.xoo-wsch-top {
  justify-content: left;
}