.wp-block-query .wp-block-post.type-product {
    position: relative;
  .wc-block-components-product-button__button,
  .added_to_cart {
    position: absolute;
    inset-inline-start: 50%;
    transform: translate(-50%, 0);
    .rtl & {
      transform: translate(50%, 0);
    }
    transition: all cubic-bezier(0.66, 0.13, 0.38, 1) 0.35s;
    opacity: 0;
  }
  .wc-block-components-product-image {
    overflow: hidden;
    img {
      border-radius: var(--wp--custom--bradius--md);
    }
  }
  img.attachment-woocommerce_single {
    transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.35s;
  }
  &:hover {
    img.attachment-woocommerce_single {
      transform: scale3d(1.06, 1.06, 1);
    }
    .wc-block-components-product-button__button,
    .added_to_cart {
      opacity: 1;
    }
    .added_to_cart {
      top: 57%;
      padding: .5em 1em;
      border-radius: var(--wp--custom--bradius--md);
      background: var(--wp--preset--color--accent);
      color: var(--wp--preset--color--contrast);
      &hover {
        background-color: var(--wp--preset--color--contrast);
        color: var(--wp--preset--color--base);
      }
    }
  }
}
.wc-block-components-product-price .amount {
  font-size: 0.9rem;
  font-weight: 600;
}


body.single-product {
  .wc-block-components-product-sku {
    font-size: .95em;
  }

  .wc-block-components-product-price .amount,
  .woocommerce-grouped-product-list-item__price .amount,
  .woocommerce-variation-price .amount {
    font-size: 1.1rem;
    font-weight: 600;
  }
  .wc-block-components-product-price del .amount,
  .woocommerce-grouped-product-list-item__price del .amount,
  .woocommerce-variation-price del .amount {
    font-size: 1rem;
    opacity: .85;
  }
  &.woocommerce div.product span.price del { 
    opacity: 1;
    margin-inline-end: .35rem;
  }
  &.woocommerce div.product p.price, 
  &.woocommerce div.product span.price,
  &.woocommerce div.product .stock {
    color: inherit;
  }
  .single_variation {
    padding-block-end: 0.75rem;
  }
  div.product form.cart .group_table td {
    label {
      margin-bottom: 0;
    }
  }
  .woocommerce-grouped-product-list-item__price {
    text-align: right;
  }
  .wp-block-add-to-cart-form .woocommerce-grouped-product-list-item__price del, 
  .wp-block-add-to-cart-form .woocommerce-Price-amount.amount {
    font-size: var(--wp--preset--font-size--normal);
  }
  .quantity input[type=number] {
    min-height: 2em;
  }
}


body.single-product .woocommerce-tabs.wc-tabs-wrapper ul.tabs {
  padding: 0;

  li {
    border: none;
    background: none;
    margin-inline: 0 1.25rem;
    padding: 0;

    &::after,
    &::before {
      display: none;
    }

    &.active {
      border-bottom: 2px solid var(--wp--preset--color--contrast);
      color: var(--wp--preset--color--contrast);
      background: transparent;
    }
  }
}

body.single-product .wp-block-woocommerce-product-details .woocommerce-Tabs-panel > h2 ,
body.single-product .wp-block-woocommerce-product-details .woocommerce-Tabs-panel .woocommerce-Reviews-title { 
  font-size: 1.55rem;
}


body.single-product .wp-block-woocommerce-related-products {
  margin-top: clamp(1.5rem, 4vh, 4rem);
  .wp-block-heading {
    font-size: 1.55rem;
  }
  ul.wp-block-post-template {
    display: grid;
    grid-gap: 40px;
    grid-template-columns: repeat( auto-fit, minmax(240px, 1fr) );
    margin-top: 1.25em;
    li {
      margin: 0;
      position: relative;
    }
  }
}




.woocommerce .woocommerce-breadcrumb {
  &,
  a {
    color: var(--wp--preset--color--contrast);
  }
  a {
    font-weight: 600;
  }
}



/*//////////////////////////////////////////////////////////////////////////////////////////
**  Mini-cart Block
*/
.wc-block-mini-cart {
  &__button {
    cursor: pointer;
  }
  &__amount {
    font-weight: 600;
    @media (max-width: 1024px) {
      display: none;
    }
  }
  &__badge {
    position: absolute;
    inset-inline-end: -12px;
    inset-block-start: 0px;
    background: var(--wp--preset--color--accent);
    color: var(--wp--preset--color--base);
    border: transparent;
  }
  &__icon {
    min-height: 1.25em;
    min-width: 1.25em;
  }
  &__quantity-badge {
    position: relative;
    margin-inline-start: 10px;
    &:after {
      content: " ";
      display: block;
      background: rgb(0 0 0 / 8.5%);
      position: absolute;
      width: 1.5em;
      height: 1.5em;
      transition: all .3s ease-in-out;
      will-change: transform, background;
      transform: scale(2);
      border-radius: var(--wp--custom--bradius--full);
      transform-origin: 57%;
    }
  }
}

[data-cart-items-count="0"] .wc-block-mini-cart__badge {
  min-width: 20px;
  min-height: 20px;
  opacity: 1;
  background: rgba(0,0,0,.18) !important;
  &:before {
    content: "0";
  }
}

.wc-block-mini-cart__button:hover:not([disabled]) {
  opacity: 1;
}

.wc-block-mini-cart:hover .wc-block-mini-cart__quantity-badge:after {
  background: rgb(0 0 0 / 20%);
  transform: scale(2.5);
}

.wc-block-components-quantity-selector {
  .wc-block-components-quantity-selector__input[type="number"] {
    min-height: 2.2rem;
    padding: 0;

  }
}

.woocommerce .quantity .qty {
  width: 3.85em;
}



////////////////  On sale tag ////////////////////////////////////////////////////

body.single-product .wp-block-woocommerce-product-image-gallery  .onsale,
.woocommerce ul.products li.product span.onsale,

.wc-block-components-product-sale-badge,

.wc-block-grid .wc-block-grid__product-onsale,
.wc-block-grid__product-image .wc-block-grid__product-onsale {
  inset-inline-start: unset;
  min-height: unset;
  line-height: 1;
  border-radius: var(--wp--custom--bradius--md);
  padding: 0.35rem 0.55rem;
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--base);
  text-transform: none;
  border: none;
}

body.single-product .wp-block-woocommerce-product-image-gallery  .onsale { 
  inset-inline-end: -1rem;
  top: -0.8em
}

// Lagacy shop (not blocked yet)
.woocommerce ul.products li.product span.onsale {
  top: 1em;
  inset-inline-end: 1em;
}


////////////////  Catalog Sorting ////////////////////////////////////////////////////

div.woocommerce.wc-block-catalog-sorting select.orderby {
  min-height: 2rem;
  padding-block: 5px;
}