/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.108.4/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.19_webpack@5.108.4/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/.pnpm/sass-loader@16.0.8_sass@1.101.0_webpack@5.108.4/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./widgets/product-card/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Shared frontend styling for the product card design (reference:
 * assets/images/store product item.svg), used identically by both
 * gws/product-card (a specific, hand-picked product) and
 * gws/product-template-card (resolved from WooCommerce block context inside
 * a Product Template loop - Best Sellers, On Sale, Top Rated, etc.). Single
 * source so the two never visually drift apart - each block's own
 * style.scss just @use's this file, so it's still compiled into each
 * block's own per-block CSS bundle (WP only loads whichever block is
 * actually present on a given page).
 */
.gws-product-card {
  display: block;
  width: 100%;
}
.gws-product-card__media {
  position: relative;
  width: 100%;
  aspect-ratio: 310/250;
  border-radius: 10px;
  overflow: hidden;
  background-color: var(--wp--preset--color--tan, #e8d8c9);
}
.gws-product-card__media-link {
  display: block;
  width: 100%;
  height: 100%;
}
.gws-product-card__image {
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}
.gws-product-card__sale-badge {
  position: absolute;
  top: 12px;
  right: 12px;
  height: 24px;
  padding: 0 12px;
  border-radius: 12px;
  background: var(--wp--preset--color--contrast, #0e1422);
  color: #fff;
  display: inline-flex;
  align-items: center;
  font-family: var(--wp--preset--font-family--ui);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  line-height: 1;
}
.gws-product-card__add {
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 31px;
  height: 31px;
  border-radius: 50%;
  background: #fff;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  line-height: 1;
  text-decoration: none;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}
.gws-product-card__add--disabled {
  opacity: 0.4;
  pointer-events: none;
}
.gws-product-card__qty {
  position: absolute;
  right: 20px;
  bottom: 20px;
  height: 31px;
  min-width: 31px;
  padding: 0 10px;
  border-radius: 15.5px;
  background: #fff;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: var(--wp--preset--font-family--ui);
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}
.gws-product-card__qty.is-busy {
  opacity: 0.6;
  pointer-events: none;
}
.gws-product-card__qty-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  padding: 0;
  border: none;
  background: none;
  color: inherit;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
}
.gws-product-card__qty-btn.is-remove {
  color: var(--wp--preset--color--secondary, #5c5f6a);
}
.gws-product-card__qty-btn svg {
  display: block;
  width: 14px;
  height: 14px;
}
.gws-product-card__qty-value {
  min-width: 1em;
  text-align: center;
}
.gws-product-card__title {
  display: block;
  margin-top: 1.5rem;
  font-family: var(--wp--preset--font-family--body);
  font-size: 14px;
  font-weight: 500;
  color: var(--wp--preset--color--contrast, #0e1422);
  text-decoration: none;
}
.gws-product-card__meta {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 1.25rem;
}
.gws-product-card__stock {
  display: inline-flex;
  align-items: center;
  height: 27px;
  padding: 0 16px;
  border: 1px solid #e6e7e8;
  border-radius: 13.5px;
  font-family: var(--wp--preset--font-family--ui);
  font-size: 12px;
  font-weight: 500;
  color: var(--wp--preset--color--contrast, #0e1422);
  white-space: nowrap;
}
.gws-product-card__stock--out {
  color: var(--wp--preset--color--muted, #8e8e93);
}
.gws-product-card__price {
  font-family: var(--wp--preset--font-family--body);
  font-size: 14px;
  color: var(--wp--preset--color--price, #474b57);
}
.gws-product-card__price del {
  opacity: 0.6;
  margin-right: 0.4em;
}
.gws-product-card__price ins {
  text-decoration: none;
}

/*# sourceMappingURL=style-style.css.map*/