.color-swatches { display:flex; gap:8px; flex-wrap:wrap; }
.color-swatches .swatch {
width:34px; height:34px; border-radius:50%; border:2px solid #eee; box-shadow:0 1px 2px rgba(0,0,0,0.05);
cursor:pointer; padding:0; outline:none; transition:transform .08s ease, box-shadow .12s ease;
}
.color-swatches .swatch:hover { transform:translateY(-2px); }
.color-swatches .swatch.selected { box-shadow:0 0 0 3px rgba(255,126,14,0.15), 0 6px 18px rgba(0,0,0,0.08); border: #ff7e0e solid 2px; }
.color-swatches .swatch[style*="#fff"],
.color-swatches .swatch[style*="#fff"] + .swatch {}


.box-track-order { box-shadow:0 0 0 5px rgba(255,126,14,0.15), 0 6px 18px rgba(0,0,0,0.08); border: #ff7e0e solid 1px; }

.mx-100 {margin-top: 100px; margin-bottom: 100px;}