.wp-block-handpicked-products .wc-block-grid__products {
  --wfa-grid-layout-gap: 12px;
  --wfa-grid-column-count: 3;
  --wfa-grid-item--min-width: 150px;
  --wfa-gap-count: calc(var(--wfa-grid-column-count) - 1);
  --wfa-total-gap-width: calc(
    var(--wfa-gap-count) * var(--wfa-grid-layout-gap)
  );
  --wfa-grid-item--max-width: calc(
    (100% - var(--wfa-total-gap-width)) / var(--wfa-grid-column-count)
  );
  display: grid !important;
  grid-template-columns: repeat(
    auto-fill,
    minmax(
      max(var(--wfa-grid-item--min-width), var(--wfa-grid-item--max-width)),
      1fr
    )
  ) !important;
  gap: var(--wfa-grid-layout-gap) !important;
  margin-inline: 0 !important;
  container-type: inline-size;
  container-name: wfa-wc-block-grid__products;
}

@container wfa-wc-block-grid__products (width > 400px) {
  .wp-block-handpicked-products .wc-block-grid__products {
    --wfa-grid-layout-gap: 24px;
    --wfa-grid-item--min-width: 175px;
  }
}

.wp-block-handpicked-products.has-1-columns .wc-block-grid__products {
  --wfa-grid-column-count: 1;
}
.wp-block-handpicked-products.has-2-columns .wc-block-grid__products {
  --wfa-grid-column-count: 2;
}
.wp-block-handpicked-products.has-3-columns .wc-block-grid__products {
  --wfa-grid-column-count: 3;
}
.wp-block-handpicked-products.has-4-columns .wc-block-grid__products {
  --wfa-grid-column-count: 4;
}
.wp-block-handpicked-products.has-5-columns .wc-block-grid__products {
  --wfa-grid-column-count: 5;
}
.wp-block-handpicked-products.has-6-columns .wc-block-grid__products {
  --wfa-grid-column-count: 6;
}

.wp-block-handpicked-products li.wc-block-grid__product {
  margin: 0 !important;
  max-width: 100% !important;
  background-color: #fff;
  position: relative;
  padding-block: 4px !important;
  padding-inline: 8px !important;
  border: 2px solid #ededed;
  transition: all 0.2s ease-in-out;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  gap: 6px;

  --wfa-grid-item-base-font-size: 16px;
  --wfa-grid-item-base-gap: 8px;
  --wfa-grid-item-gap-scale: 1;
  --wfa-grid-item-font-size-scale: 1;
}

.wp-block-handpicked-products
  li.wc-block-grid__product:is(:hover, :focus-within) {
  border-color: #666;
}
.wp-block-handpicked-products .wc-block-grid__product-link {
  position: static;
  text-decoration: none !important;
  display: flex;
  flex-direction: column;
  gap: calc(
    var(--wfa-grid-item-base-gap) * var(--wfa-grid-item-gap-scale)
  ); /* 8 px */
  font-size: calc(
    var(--wfa-grid-item-base-font-size) * var(--wfa-grid-item-font-size-scale)
  ); /* 16 px */
}

.wp-block-handpicked-products .wc-block-grid__product-link > * {
  margin-block: 0;
}

.wp-block-handpicked-products .wc-block-grid__product-link::before {
  content: "";
  position: absolute;
  inset: 0;
}

.wp-block-handpicked-products .wc-block-grid__product-image img:hover {
  transform: none;
}

.wp-block-handpicked-products .wc-block-grid__product-title {
  text-decoration: none;
}

.wp-block-handpicked-products
  .wfa-wc-product-star-rating.wfa-wc-block-grid__product-stars {
  --size: calc(
    var(--wfa-grid-item-base-font-size) * var(--wfa-grid-item-font-size-scale)
  ); /* 16 px */
}
.wp-block-handpicked-products .wc-block-grid__product-price {
  font-size: calc(
    var(--wfa-grid-item-base-font-size) * var(--wfa-grid-item-font-size-scale)
  ) !important; /* 16 px */
  font-weight: normal !important;
  color: #454545;
  margin-top: calc(
    var(--wfa-grid-item-base-gap) * 0.75 * var(--wfa-grid-item-gap-scale)
  ) !important; /* 6 px */
  text-align: left;
  line-height: 1;
}

.wp-block-handpicked-products
  .wc-block-grid__product-price:has(.wfa-variable-parent-price-range) {
  display: flex;
  flex-direction: column;
  gap: calc(
    var(--wfa-grid-item-base-gap) * 0.5 * var(--wfa-grid-item-gap-scale)
  ); /* 4 px */
}

.wp-block-handpicked-products
  .wc-block-grid__product-price
  > .wfa-variable-parent-price-range {
  margin-block: 0;
  margin-inline: 0;
  line-height: 1;
}

.wfa-wc-block-grid__product-badge-list {
  display: flex;
  flex-wrap: wrap;
  gap: calc(
    var(--wfa-grid-item-base-gap) * 0.75 * var(--wfa-grid-item-gap-scale)
  ); /* 6 px */
}

.wfa-wc-block-grid__product-badge {
  margin: auto 0 0;
  border-radius: 4px;
  background-color: #f8f8f8;
  padding: calc(
    var(--wfa-grid-item-base-gap) * 0.25 * var(--wfa-grid-item-gap-scale)
  ); /* 2 px */
  font-size: calc(
    var(--wfa-grid-item-base-font-size) * 0.75 *
      var(--wfa-grid-item-font-size-scale)
  ); /* 12 px */
}