.product-swatches { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.product-swatch { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 28px; padding: 3px 8px; border: 1px solid #cbd0d3; border-radius: 2px; background: #fff; color: #384148; cursor: pointer; font: 500 10px/1.2 Arial, Helvetica, sans-serif; white-space: nowrap; }
.product-swatch:hover { border-color: #65727b; }
.product-swatch[aria-pressed="true"] { border-color: #292f34; box-shadow: inset 0 0 0 1px #292f34; color: #292f34; }
.product-swatch:focus-visible { outline: 2px solid #292f34; outline-offset: 2px; }
.product-swatch-dot { display: inline-block; flex: none; width: 12px; height: 12px; border: 1px solid rgb(0 0 0 / 20%); border-radius: 50%; background: var(--swatch, #d7d9da); }
.product-swatch-dot[data-colour="Silver"], .product-swatch-dot[data-colour="Silver-tone"] { --swatch: linear-gradient(135deg, #f7f9fa, #9aa5ab); }
.product-swatch-dot[data-colour="Gold"], .product-swatch-dot[data-colour="Gold-tone"] { --swatch: linear-gradient(135deg, #fff0b5, #bd8c2c); }
.product-swatch-dot[data-colour="Rose Gold"], .product-swatch-dot[data-colour="Rose gold"] { --swatch: linear-gradient(135deg, #ffe7dc, #bd8674); }
.product-swatch-dot[data-colour="Silver & gold"] { --swatch: linear-gradient(90deg, #b2b9bd 50%, #d8ad52 50%); }
.product-swatch-dot[data-colour="Black"] { --swatch: #26282b; }
.product-swatch-dot[data-colour="White"] { --swatch: #fff; }
.product-swatch-dot[data-colour="Red"] { --swatch: #b74848; }
.product-swatch-dot[data-colour="Pink"] { --swatch: #dc9eb0; }
.product-swatch-dot[data-colour="Purple"] { --swatch: #80608c; }
.product-swatch-dot[data-colour="Beige"] { --swatch: #d7c5a5; }
.product-swatch-dot[data-colour="Dark green"] { --swatch: #173d31; }
.product-swatch-dot[data-colour="Burgundy"] { --swatch: #662738; }
.product-swatch-dot[data-colour="Blue"] { --swatch: #1769c2; }
.product-swatch-dot[data-colour="Blush pink"] { --swatch: #d9979c; }
.product-swatch-dot[data-colour="Caramel"] { --swatch: #b4682e; }
.product-swatch-dot[data-colour="Cool gray"] { --swatch: #9b9e99; }
.product-swatch-dot[data-colour="Dusty blush"] { --swatch: #d5a8a3; }
.product-swatch-dot[data-colour="Dusty rose"] { --swatch: #c9827e; }
.product-swatch-dot[data-colour="Ivory"] { --swatch: #ede9d8; }
.product-swatch-dot[data-colour="Lavender"] { --swatch: #8e789a; }
.product-swatch-dot[data-colour="Light blue"] { --swatch: #9db8d6; }
.product-swatch-dot[data-colour="Mauve taupe"] { --swatch: #b18a8b; }
.product-swatch-dot[data-colour="Mint"] { --swatch: #9ed7c8; }
.product-swatch-dot[data-colour="Mustard"] { --swatch: #d99a18; }
.product-swatch-dot[data-colour="Natural ivory"] { --swatch: #e8dec8; }
.product-swatch-dot[data-colour="Natural linen"] { --swatch: #c7b89b; }
.product-swatch-dot[data-colour="Navy"] { --swatch: #25364c; }
.product-swatch-dot[data-colour="Nude beige"] { --swatch: #d8b59e; }
.product-swatch-dot[data-colour="Olive green"] { --swatch: #89944f; }
.product-swatch-dot[data-colour="Orange"] { --swatch: #d96b3e; }
.product-swatch-dot[data-colour="Pale blush"] { --swatch: #e4c2b4; }
.product-swatch-dot[data-colour="Rose pink"] { --swatch: #d98396; }
.product-swatch-dot[data-colour="Sage green"] { --swatch: #a8b970; }
.product-swatch-dot[data-colour="Sand"] { --swatch: #d2b48c; }
.product-swatch-dot[data-colour="Soft blush"] { --swatch: #d6aaa5; }
.product-swatch-dot[data-colour="Stone gray"] { --swatch: #b7b7b2; }
.product-swatch-dot[data-colour="Taupe"] { --swatch: #a88e79; }
.product-swatch-dot[data-colour="Warm gray"] { --swatch: #a49c8f; }
.product-swatch-dot[data-colour="Warm taupe"] { --swatch: #ae927c; }