:root {
  --bb-icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='square'%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3C/svg%3E");
  --bb-icon-filter: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='square'%3E%3Cpath d='M4 7h10M18 7h2M4 17h4M12 17h8'/%3E%3Ccircle cx='16' cy='7' r='2'/%3E%3Ccircle cx='10' cy='17' r='2'/%3E%3C/svg%3E");
  --bb-icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='square'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E");
}

[data-products] .product figure {
  margin-bottom: 8px;
}

[data-products] .product .ct-media-container {
  background: var(--bb-surface);
}

[data-products] .product .ct-woo-badges {
  top: 8px;
  left: 8px;
  right: auto;
  gap: 0;
}

[data-products] .product .ct-woo-badges > * {
  display: inline-flex;
  align-items: center;
  height: 24px;
  min-height: 24px;
  padding: 0 8px;
  border: 1px solid var(--bb-tan);
  border-radius: 0;
  background: var(--bb-surface);
  color: var(--bb-tan-text);
  font: 500 12px/1 var(--bb-font-sans);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

[data-products] .product .ct-woo-badges > .out-of-stock-badge {
  border-color: var(--bb-danger);
  color: var(--bb-danger);
}

[data-products] .product .ct-woo-badges > * + * {
  display: none;
}

.bb-card__dots {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-height: 12px;
  margin: 0 0 12px;
}

.bb-card__dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--bb-dot);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--bb-ink) 20%, transparent);
}

[data-products] .product .woocommerce-loop-product__title a {
  --theme-text-decoration: none;
  text-decoration: none;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
}

[data-products] .product:hover .woocommerce-loop-product__title a,
[data-products] .product .woocommerce-loop-product__title a:focus-visible {
  text-decoration: underline;
}

[data-products] .product .price {
  color: var(--bb-ink);
}