/* Module-scoped only. White imagery, fine signature, tint beneath the product title. */
.hdc-marker { display: none !important; }
article.product-miniature.hdc-card { --hdc-accent: #af8943; --hdc-tint: #fbf6eb; }
article.product-miniature.hdc-synthetic { --hdc-accent: #7aabbc; --hdc-tint: #f0f7f9; }
article.product-miniature.hdc-colored { --hdc-accent: #91889c; --hdc-tint: #f6f3f7; }
article.product-miniature.hdc-natural { --hdc-accent: #b89c57; --hdc-tint: #fcfaf5; }
article.product-miniature.hdc-card .hdc-signature {
  display: flex; align-items: center; gap: 9px; position: absolute; top: 0; left: 0; z-index: 1;
  margin: 13px 15px 5px; padding: 0 0 9px; min-height: 40px; width: fit-content;
  max-width: calc(100% - 30px); color: #25231f; text-align: left;
  border-bottom: 1px solid #55514a; background: transparent; pointer-events: none;
}
article.product-miniature.hdc-card .hdc-signature::after {
  content: ''; position: absolute; bottom: -2px; left: 0; width: 3px; height: 3px;
  background: var(--hdc-accent); border-radius: 50%;
}
article.product-miniature.hdc-card .hdc-icon { width: 30px; height: 30px; flex: 0 0 30px; object-fit: contain; }
article.product-miniature.hdc-card .hdc-label {
  font-size: 11px; font-weight: 500; line-height: 1.35; letter-spacing: .045em;
  text-transform: uppercase; overflow-wrap: normal;
}
article.product-miniature.hdc-card .thumbnail-container { background: #fff; }
article.product-miniature.hdc-card .product-flags { top: 65px; }
article.product-miniature.hdc-card .hdc-detail {
  margin: 0; padding: 0 4px; text-align: center;
  border-top: 1px solid #b7b2a8;
  background: linear-gradient(180deg, var(--hdc-tint), rgba(255,255,255,0));
}
article.product-miniature.hdc-card .hdc-range,
article.product-miniature.hdc-card .hdc-choose {
  display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
  column-gap: 5px; row-gap: 0; min-height: 28px; margin: 0; padding: 4px 0;
  font-size: 11px; font-weight: 400; line-height: 1.4; letter-spacing: 0;
}
article.product-miniature.hdc-card .hdc-range-value { color: #514b42; white-space: nowrap; }
article.product-miniature.hdc-card .hdc-range-divider { color: #8a7d63; }
article.product-miniature.hdc-card .hdc-from-price {
  display: inline; margin: 0; padding: 0; text-decoration: none;
}
article.product-miniature.hdc-card .hdc-from-label {
  font-size: 10px; font-weight: 400; text-transform: uppercase; letter-spacing: .04em; color: #27241e;
}
/* The amount inherits .product-price from Warehouse instead of adding a new scale. */
article.product-miniature.hdc-card .hdc-price-value { white-space: nowrap; }
article.product-miniature.hdc-card .hdc-choose { color: #766035; text-decoration: none; }
article.product-miniature.hdc-card .hdc-choose-label { white-space: nowrap; }
article.product-miniature.hdc-card .hdc-choose:hover .hdc-choose-label { text-decoration: underline; text-underline-offset: 3px; }
article.product-miniature.hdc-card .hdc-choose-arrow { display: inline-block; transition: transform 180ms ease; }
article.product-miniature.hdc-card .hdc-choose:hover .hdc-choose-arrow { transform: translateX(3px); }
article.product-miniature.hdc-card .hdc-choose:focus-visible,
article.product-miniature.hdc-card .hdc-from-price:focus-visible { outline: 2px solid #8b6a2c; outline-offset: 4px; }
article.product-miniature.hdc-has-from .product-price-and-shipping:not(.hdc-price-slot),
article.product-miniature.hdc-has-from .product-add-cart,
article.product-miniature.hdc-has-from .product-flags .discount,
article.product-miniature.hdc-has-from .product-flags .on-sale { display: none !important; }
@media (max-width: 575px) {
  article.product-miniature.hdc-card .hdc-signature { margin: 10px 8px 3px; gap: 5px; max-width: calc(100% - 16px); min-height: 41px; }
  article.product-miniature.hdc-card .hdc-label { font-size: 9px; letter-spacing: .02em; }
  article.product-miniature.hdc-card .hdc-icon { width: 25px; height: 25px; flex-basis: 25px; }
  article.product-miniature.hdc-card .hdc-detail { padding: 0 2px; }
  article.product-miniature.hdc-card .hdc-range,
  article.product-miniature.hdc-card .hdc-choose { column-gap: 4px; font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  article.product-miniature.hdc-card .hdc-choose-arrow { transition: none; }
}