.block-product-card {
  position: relative;
}

.block-product-card.product-card-style--card {
  background-color: rgb(var(--color-card-background));
}

.block-product-card.product-card-style--card .block-product-price,
.block-product-card.product-card-style--card .block-product-title {
  padding-inline: 8px;
}

/* OWNDREAM 2026-11-03: keep collection color swatches inside the image. */
theme-product-card.product-card-style--normal:has(> .plugin-color-board) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
}
theme-product-card.product-card-style--normal > .block-product-image__layer-image-wrapper {
  grid-area: 1 / 1;
  width: 100%;
  min-width: 0;
}
theme-product-card.product-card-style--normal > .block-product-card-info {
  grid-area: 2 / 1;
  min-width: 0;
}
theme-product-card.product-card-style--normal > .plugin-color-board {
  grid-area: 1 / 1;
  align-self: end;
  justify-self: start;
  position: relative !important;
  inset: auto !important;
  margin: 0 8px 8px !important;
  padding: 4px;
  box-sizing: border-box;
  width: max-content;
  min-width: 0;
  max-width: calc(100% - 16px);
  background: rgba(255, 255, 255, 0.88);
  border-radius: 6px;
  z-index: 2;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto;
}
theme-product-card.product-card-style--normal > .plugin-color-board :is(.color-board__main, .color-board__box, .color-board__scroll) {
  width: 100%;
  min-width: 0 !important;
  max-width: 100% !important;
}
theme-product-card.product-card-style--normal > .plugin-color-board .color-board__box {
  margin: 0;
}
theme-product-card.product-card-style--normal > .plugin-color-board .color-board__scroll {
  display: flex;
  flex-wrap: nowrap !important;
  overflow-x: auto;
  overflow-y: hidden;
}
theme-product-card.product-card-style--normal > .plugin-color-board .color-board__col {
  flex: 0 0 auto;
  margin-top: 0;
}