.color-swatches{display:flex;gap:10px;margin:10px 0;flex-wrap:wrap}.color-swatch-wrapper{display:flex;flex-direction:column;align-items:center;gap:4px}.color-swatch-name{font-size:.65rem;color:#888;text-transform:lowercase;max-width:40px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.1}.color-swatch{width:28px;height:28px;border-radius:50%;border:1px solid #e0e0e0;cursor:pointer;transition:all .2s;position:relative;padding:0}.color-swatch:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(45deg,rgba(255,255,255,.1) 25%,transparent 0),linear-gradient(-45deg,rgba(255,255,255,.1) 25%,transparent 0);background-size:4px 4px;pointer-events:none}.color-swatch:hover{transform:scale(1.1);box-shadow:0 2px 8px rgba(0,0,0,.15)}.color-swatch.selected{border:2px solid #1a1a1a}.color-swatch .check-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.color-swatch.white-swatch{border:1px solid #d0d0d0}.color-swatch.white-swatch.selected{border:2px solid #1a1a1a}.color-swatch:focus{outline:none}.color-swatches-more{display:inline-flex;align-items:center;font-size:.75rem;color:#666;margin-left:4px}@media (max-width:640px){.color-swatches{gap:8px;margin:8px 0}.color-swatch-wrapper{gap:2px}.color-swatch-name{font-size:.6rem;max-width:32px}.color-swatch{width:22px;height:22px}.color-swatch:hover{transform:scale(1.05)}.color-swatches-more{font-size:.7rem}}.wishlist-button{position:relative;display:inline-flex;align-items:center;justify-content:center;background:white;border:2px solid #e0e0e0;border-radius:50%;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.1)}.wishlist-button:hover{border-color:#ff6b6b;transform:scale(1.05);box-shadow:0 4px 8px rgba(255,107,107,.2)}.wishlist-button:active{transform:scale(.95)}.wishlist-button-small{width:32px;height:32px;padding:6px}.wishlist-button-medium{width:40px;height:40px;padding:8px}.wishlist-button-large{width:36px;height:36px;padding:7px}.wishlist-icon{width:100%;height:100%;color:#ff6b6b;transition:all .2s ease}.wishlist-button.in-wishlist{background:#ff6b6b;border-color:#ff6b6b}.wishlist-button.in-wishlist .wishlist-icon{color:white}.wishlist-button.in-wishlist:hover{background:#ff5252;border-color:#ff5252}.wishlist-button.animating{animation:heartbeat .3s ease-in-out}@keyframes heartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(.95)}75%{transform:scale(1.1)}}.wishlist-button-card{position:absolute;top:12px;right:12px;z-index:2}