.mainSite .productContainer>.product.hasCardPalettes .description{height:auto;min-height:1.2em;max-height:2.4em;margin:8px 0 6px;flex-shrink:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
@media(max-width:767px){.mainSite .productContainer>.product.hasCardPalettes .description{margin:7px 0 4px}}
.mainSite .productContainer>.product.hasCardPalettes .info{height:auto;min-height:93px;display:flex;flex-direction:column}
.hasCardPalettes .priceBox{margin-top:auto}
.cardPaletteSlot{padding-top:5px;margin-bottom:5px;min-height:calc(var(--palette-rows)*21px - 3px)}
.cardPaletteSlot .cardSwatchRow{display:flex;align-items:center;gap:5px;min-height:18px;flex-wrap:nowrap}
.cardPaletteSlot .cardSwatchRow+.cardSwatchRow{margin-top:3px}
.cardPaletteSlot .cardSwatchRow .cardSwatchLabel{display:block;flex:0 0 var(--palette-label-width,27px);width:var(--palette-label-width,27px);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:18px;color:#7b7b7b}
.cardPaletteSlot .cardSwatchItems{display:flex;align-items:center;height:18px;gap:4px;min-width:0;white-space:nowrap;flex-wrap:nowrap}
.cardPaletteSlot .cardSwatch{display:block;flex:0 0 16px;width:16px;height:16px;border:0;border-radius:50%;background:rgba(var(--color-prim-rgb),.12);box-shadow:0 0 0 .5px rgba(55,48,38,.13)}
.cardPaletteSlot .cardSwatch img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;opacity:0;transition:opacity .12s ease}
.cardPaletteSlot .cardSwatch img.isLoaded{opacity:1}
.cardPaletteSlot .cardSwatchMore{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:18px;font-size:10px;line-height:1;white-space:nowrap;font-weight:600;color:var(--color-prim);text-decoration:none!important}
@media(max-width:767px){.cardPaletteSlot{min-height:calc(var(--palette-rows)*18px - 2px)}.cardPaletteSlot .cardSwatchRow{min-height:16px}.cardPaletteSlot .cardSwatchRow+.cardSwatchRow{margin-top:2px}.cardPaletteSlot .cardSwatchRow .cardSwatchLabel{font-size:9px;line-height:16px}.cardPaletteSlot .cardSwatchItems{height:16px;gap:3px}.cardPaletteSlot .cardSwatch{width:14px;height:14px;flex-basis:14px}.cardPaletteSlot .cardSwatchMore{height:16px}}

.cardSwatchRow { flex-wrap: nowrap; }
.cardSwatchItems { flex-wrap: nowrap; white-space: nowrap; }
.cardSwatch { position:relative; }
.cardSwatchFace { display:block; width:100%; height:100%; border-radius:inherit; background:inherit; box-shadow:inherit; transition:transform .14s ease; }
.cardSwatch::after { display:none; content:attr(data-label); position:absolute; bottom:calc(100% + 9px); left:50%; transform:translateX(-50%) translateY(2px); width:max-content; max-width:180px; padding:5px 8px; background:white; color:var(--color-prim); box-shadow:0 3px 14px rgba(32,61,64,.16); border-radius:4px; font-size:10px; font-weight:500; line-height:1.4; white-space:normal; text-align:center; pointer-events:none; opacity:0; visibility:hidden; transition:opacity .12s ease,transform .12s ease; z-index:4; }
@media(hover:hover) and (pointer:fine) {
 .cardSwatch:hover { z-index:3; }
 .cardSwatch:hover .cardSwatchFace { transform:scale(1.3); }
 .cardSwatch:hover::after { display:block; opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); }
}
.cardSwatchMoreWrap { display:inline-flex; align-items:center; position:relative; flex:0 0 auto; }
.mainSite .productContainer>.product.hasPaletteFan { position:relative; z-index:8; }
.paletteFan { position:absolute; display:block; border-radius:50%; background:#fff; box-shadow:0 8px 28px rgba(32,61,64,.15),0 0 0 .5px rgba(51,113,130,.08); opacity:0; transform:translateY(3px) scale(.97); transform-origin:50% 85%; transition:opacity .14s ease,transform .14s ease; z-index:2; cursor:pointer; }
.paletteFan.isOpen { opacity:1; transform:translateY(0) scale(1); }
.paletteFan.above::after,.paletteFan.below::before { content:''; position:absolute; width:100%; height:10px; left:0; }
.paletteFan.above::after { bottom:-9px; }
.paletteFan.below::before { top:-9px; }
.paletteFanDial { display:block; width:100%; height:100%; overflow:visible; }
.paletteFanSlice { stroke:rgba(255,255,255,.9); stroke-width:.6px; transform-origin:112px 112px; transition:transform .12s ease; }
.paletteFanSlice.isHighlighted { transform:scale(1.045); }
.paletteFanHit { fill:transparent; stroke:none; pointer-events:all; }
.paletteFanPlaceholder { fill:rgba(var(--color-prim-rgb),.12); }
.paletteFanHub { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; line-height:1.4; text-align:center; pointer-events:none; font-family:'Quicksand',sans-serif; color:#337182; }
.paletteFanHub strong { font-size:24px; font-weight:600; }
.paletteFanHub.isPreviewing strong { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; width:100px; max-width:100px; max-height:2.6em; overflow:hidden; font-size:12px; line-height:1.3; overflow-wrap:break-word; white-space:normal; }
.paletteFanQualifier { display:inline-block; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:bottom; }
.paletteFanHub>span { font-size:11px; }
.paletteFanHub small { font-size:9px; color:#8b999b; margin-top:5px; }
.mainSite .productContainer>.product:hover .paletteFan { text-decoration:none; }
@media(prefers-reduced-motion:reduce) { .paletteFan { transition:none; transform:none; } .cardSwatchFace,.cardSwatch::after,.paletteFanSlice { transition:none; } }