/* Fixed thumbnail row keeps images and prices aligned across neighbouring cards. */
.card-colors{display:flex;flex-wrap:wrap;align-content:flex-start;align-items:center;gap:6px;min-height:48px;margin-top:12px}
.card-color-options{display:contents}
.card-color-option{display:inline-flex;flex:0 0 44px;width:44px;height:48px;align-items:center;justify-content:center;border:1px solid var(--line);padding:3px;background:var(--cream);border-radius:2px}
.card-color-option img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.card-color-option[aria-current]{border:2px solid var(--navy);padding:2px;background:var(--blue)}
.card-color-option:hover{border-color:var(--navy)}
.card-color-option:nth-child(n+4){display:none}
.card-colors-more{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;min-height:48px;padding:3px 0;font-size:13px;text-decoration:underline;text-underline-offset:3px}
.card-colors[data-count="2"] .card-colors-more,.card-colors[data-count="3"] .card-colors-more{display:none}
.card-colors[data-expanded="true"] .card-color-option{display:inline-flex}
.card-colors[data-expanded="true"] .card-colors-more{display:inline-flex;flex-basis:100%;justify-content:flex-start;min-height:44px;font-size:14px}
.card-colors + .card-meta{margin-top:10px}
@media(max-width:760px){.card-color-option:nth-child(n+3){display:none}.card-colors[data-count="3"] .card-colors-more{display:inline-flex}}
@media(max-width:360px){.card-color-option:nth-child(n+2){display:none}.card-colors[data-count="2"] .card-colors-more{display:inline-flex}}