#PageContainer [data-tz-swatches] [data-tz-swatch]{position:relative;display:inline-block;flex:0 0 auto;width:18px;height:18px;min-width:0;min-height:0;padding:0;margin:0;border:1px solid rgba(38,49,44,.28);border-radius:50%;background:var(--swatch,#aeb4b3);box-shadow:inset 0 0 0 2px #fff;transition:border-color 160ms ease,box-shadow 160ms ease,transform 160ms ease;cursor:pointer}
#PageContainer [data-tz-swatches] [data-tz-swatch]::before,#PageContainer [data-tz-swatches] [data-tz-swatch]::after{content:none}
#PageContainer [data-tz-swatches] [data-tz-swatch]>span{display:none}
#PageContainer [data-tz-swatches] [data-tz-swatch][aria-pressed="true"],#PageContainer [data-tz-swatches] [data-tz-swatch].is-active{border-color:#26312c;box-shadow:inset 0 0 0 2px #fff,0 0 0 1px #26312c}
#PageContainer [data-tz-swatches] [data-tz-swatch]:focus-visible{outline:2px solid #806c4b;outline-offset:3px}
#PageContainer [data-tz-swatches] :is(.catalog-browse__swatches,.lh-swatches,.ev-family__swatches){display:flex;flex-wrap:wrap;gap:12px;margin:11px 0 2px}
#PageContainer [data-tz-swatch-preview="true"] .grid-product__secondary-image{opacity:0!important;visibility:hidden!important}
@media(max-width:749px){#PageContainer [data-tz-swatches] [data-tz-swatch]{width:20px;height:20px}}
@media(min-width:750px) and (hover:hover){#PageContainer [data-tz-swatches] [data-tz-swatch]:hover{transform:translateY(-1px)}}
@media(prefers-reduced-motion:reduce){#PageContainer [data-tz-swatches] [data-tz-swatch]{transition:none}}

#PageContainer [data-tz-swatches] [data-tz-swatch]::after{content:"";position:absolute;inset:-6px;width:auto;height:auto;border:0;border-radius:0;box-shadow:none;background:none;transform:none}

#PageContainer [data-tz-swatches] [data-tz-swatch][data-unavailable="true"]::before{content:"";position:absolute;inset:50% auto auto 1px;width:14px;height:1px;border:0;border-radius:0;background:#6d7875;transform:rotate(-45deg)}


@media(hover:hover) and (pointer:fine){#PageContainer .grid-product[data-tz-verified-secondary="true"] .grid-product__content:hover .grid-product__secondary-image{opacity:1!important;visibility:visible!important}}

.product-section[data-catalog-profile="v1"] .variant-input-wrap[data-handle="顏色"] .color-swatch,
.product-section[data-catalog-profile="v1"] .variant-input-wrap[data-handle="color"] .color-swatch,
.product-section[data-catalog-profile="v1"] .variant-input-wrap[data-handle="colour"] .color-swatch{position:relative;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;padding:0!important;margin:8px!important;border-radius:50%!important;background:var(--tz-swatch-colour)!important;box-shadow:0 0 0 1px rgba(38,49,44,.25)!important}
.product-section[data-catalog-profile="v1"] .variant-input-wrap input:checked+.color-swatch{outline:1px solid #26312c!important;outline-offset:4px!important}
.product-section[data-catalog-profile="v1"] .variant-input-wrap .color-swatch:before{content:none!important}
.product-section[data-catalog-profile="v1"] .variant-input-wrap .color-swatch:after{content:""!important;position:absolute;inset:-8px!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}

/* Keep the native, variantChange-updated label when the gallery also adds one. */
.product-section[data-catalog-profile="v1"] .variant__label-info:has([data-variant-color-label])~.tz-colour-gallery__selected-colour{display:none}
#PageContainer .grid-product [data-ss26-card-swatch]{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;border-radius:50%!important}
@media(max-width:749px){#PageContainer .grid-product [data-ss26-card-swatch]{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important}}