/* Huazotl 1.0.10: text preview chips, matching the single product. */
.huazotl-card-swatches { display:flex; flex-wrap:wrap; align-items:center; gap:.375rem; width:100%; margin-top:.5rem; }

body.huazotl-theme .huazotl-card-swatches .huazotl-card-swatch {
 display: inline-flex !important; flex: 0 1 auto !important; flex-direction: row !important;
 align-items: center !important; justify-content: center !important; box-sizing: border-box !important;
 width: auto !important; inline-size: auto !important; min-width: 0 !important; min-inline-size: 0 !important;
 max-width: 100% !important; max-inline-size: 100% !important; height: auto !important; block-size: auto !important;
 min-height: 32px !important; min-block-size: 32px !important; aspect-ratio: auto !important;
 margin: 0 !important; padding: .375rem .625rem !important;
 border: 1px solid var(--wtds-separator, #d9d9d9) !important; border-radius: 999px !important;
 background: var(--wtds-surface, #fff) !important; color: var(--wtds-ink, #222) !important;
 box-shadow: none !important; transform: none !important; cursor: pointer;
 font-family: inherit; font-size: .75rem !important; line-height: 1.3 !important; text-align: center !important;
 white-space: normal !important; overflow-wrap: anywhere;
}
body.huazotl-theme .huazotl-card-swatches .huazotl-card-swatch:is(.is-active, [aria-selected="true"], [aria-pressed="true"]) {
 background: var(--wtds-primary, #c71952) !important; border-color: var(--wtds-primary, #c71952) !important;
 color: var(--wtds-primary-ink, #fff) !important;
}
body.huazotl-theme .huazotl-card-swatches .huazotl-card-swatch:focus-visible { outline: 2px solid var(--wtds-primary, #c71952) !important; outline-offset: 3px; }
body.huazotl-theme .huazotl-card-swatches .huazotl-card-swatch:is(:disabled, [aria-disabled="true"]) { opacity: .45; cursor: not-allowed; }
body.huazotl-theme .huazotl-card-swatches .huazotl-card-swatch .huazotl-card-swatch__label {
 display: inline !important; position: static !important; visibility: visible !important; opacity: 1 !important;
 width: auto !important; inline-size: auto !important; height: auto !important; block-size: auto !important;
 max-width: none !important; max-inline-size: none !important; max-height: none !important;
 margin: 0 !important; padding: 0 !important; clip: auto !important; clip-path: none !important;
 font-size: .75rem !important; line-height: 1.3 !important; color: inherit !important;
 white-space: normal !important; overflow: visible !important; overflow-wrap: anywhere;
}

.huazotl-card-swatches__more { align-self:center; font-size:.875rem; color:var(--wtds-ink-3); }
/* When visual swatches are present, their chosen image owns the card preview.
 * Disable the generic second-gallery hover layer so it cannot cover that preview. */
.wapu-product-card.huazotl-has-card-swatches .wapu-product-card__media.has-gallery-hover .wapu-product-card__img--hover {
	display: none !important;
	opacity: 0 !important;
}

.wapu-product-card.huazotl-has-card-swatches .wapu-product-card__media.has-gallery-hover .wapu-product-card__img--featured,
.wapu-product-card.huazotl-has-card-swatches:hover .wapu-product-card__media.has-gallery-hover .wapu-product-card__img--featured,
.wapu-product-card.huazotl-has-card-swatches:focus-within .wapu-product-card__media.has-gallery-hover .wapu-product-card__img--featured {
	opacity: 1 !important;
}


/* Compact proportions for card widths; labels can wrap without overflowing. */
body.huazotl-theme .huazotl-card-swatches .huazotl-card-swatch {
 font-weight: 500; letter-spacing: 0;
}
body.huazotl-theme .huazotl-card-swatches .huazotl-card-swatch:hover:not(:disabled) {
 border-color: var(--wtds-primary, #c71952) !important;
}
@media (pointer: coarse) {
 body.huazotl-theme .huazotl-card-swatches .huazotl-card-swatch {
  min-height: 44px !important; min-block-size: 44px !important;
 }
}