/* Shared card badges. Colors are merchant theme settings, not per-product CSS. */
.product-card__image__container{container-type:inline-size}
.product-card .badges__container:has(> [data-md-card-badges]){
  display:block!important;position:absolute!important;inset:0!important;
  padding:0!important;margin:0!important;width:auto!important;max-width:none!important;
  height:auto!important;transform:none!important;pointer-events:none;z-index:4;
}
.md-card-badges{position:absolute;inset:8px;pointer-events:none;text-align:left}
.product-card .badges__container > .md-card-badges{opacity:1!important;transform:none!important}
.md-card-badge{
  display:inline-flex;align-items:center;justify-content:center;width:max-content;
  box-sizing:border-box;padding:6px 12px;border:0;border-radius:99px;
  font-family:inherit;font-weight:700;font-size:13px;line-height:1.15;
  color:var(--md-badge-text);white-space:nowrap;letter-spacing:0;text-transform:none;
}
.md-card-badge--recommendation{position:absolute;top:0;left:0;background:var(--md-brand-action);color:var(--md-brand-action-text)}
.md-card-badges__bottom{position:absolute;bottom:0;left:0;right:0;display:flex;gap:4px;align-items:center;justify-content:space-between}
.md-card-badge--sale{background:var(--md-badge-sale)}
.md-card-badge--soldout{background:var(--md-badge-soldout)}
.md-card-badge--age{background:var(--md-badge-age);margin-left:auto}
.md-card-badge[hidden]{display:none!important}
.product-card__content .badges__container:has(> [data-md-card-badges]),
.product-card-small .badges__container:has(> [data-md-card-badges]){position:static!important;inset:auto!important}
.product-card__content .md-card-badges,
.md-card-badges--compact{position:static;display:flex;flex-wrap:wrap;gap:5px;margin:5px 0}
.product-card__content .md-card-badges__bottom,
.md-card-badges--compact .md-card-badges__bottom{position:static;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:5px}
.product-card__content .md-card-badge--recommendation{position:static}
.md-card-badges--compact .md-card-badge--recommendation{display:none}
.md-card-badges--compact .md-card-badge{font-size:11px;padding:4px 7px}
.product-card__content .md-card-badge--age,
.md-card-badges--compact .md-card-badge--age{margin-left:0}
.md-card-badges--compact:not(:has(.md-card-badges__bottom > *)){display:none}
@media(max-width:749px){
  .md-card-badges:not(.md-card-badges--compact){inset:6px}
  .product-card__image__container .md-card-badge{padding:5px 8px;font-size:clamp(9px,7cqi,11.5px)}
}