.card-color-swatches{display:flex;gap:14px;flex-wrap:wrap;margin:12px 0 2px;align-items:center;justify-content:center;position:relative;z-index:3;}
.card-color-dot{width:27px;height:27px;border-radius:50%;border:1px solid rgba(0,0,0,.18);box-shadow:0 0 0 2px #fff inset;cursor:pointer;padding:0;position:relative;transition:transform .15s ease,box-shadow .15s ease;-webkit-appearance:none;appearance:none;}
.card-color-dot:hover,.card-color-dot:focus-visible{transform:scale(1.12);outline:none;}
.card-color-dot[aria-current="true"]{box-shadow:0 0 0 2px #fff inset,0 0 0 2px #b8860b;}
.card-wrapper.color-switched .media--hover-effect > img.card-primary-image,
.card-wrapper.color-switched .media--hover-effect > img:first-child{opacity:1 !important;}
.card-wrapper.color-switched .media--hover-effect > img + img{opacity:0 !important;}