.color-selection{margin-top:1.5rem;padding:1rem;border:1px solid #eee;border-radius:8px;background:#f9f9f9}.color-heading h4{margin-bottom:1rem;font-size:1.1rem;font-weight:600;color:#333}.color-options{display:flex;flex-wrap:wrap;gap:10px}.color-btn{display:flex;align-items:center;padding:8px 15px;border:2px solid #ddd;border-radius:6px;background:#fff;cursor:pointer;transition:all .3s;font-size:.9rem}.color-btn:hover{border-color:#bbb;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.color-btn.active{border-color:#007bff;background:#f0f8ff;font-weight:600}.color-swatch{width:24px;height:24px;border-radius:50%;margin-right:10px;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,.1)}.color-btn span:last-child{font-size:.9rem;color:#333}.no-color-message{padding:10px;text-align:center;font-size:.9rem}