/* CCB Sledge Boutique — pastilles de coloris sur la fiche produit. */
.ccb-vsw-on select{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.ccb-vsw-on{position:relative}
.ccb-vsw{display:flex;flex-wrap:wrap;gap:10px;margin:2px 0 0;padding:0;list-style:none}
.ccb-vsw[hidden]{display:none}
.ccb-vsw li{margin:0}
.ccb-vsw button{display:grid;place-items:center;margin:0;padding:0;border:0;background:none;cursor:pointer;font:inherit;color:inherit;border-radius:50%;transition:transform .2s}
.ccb-vsw .ccb-vsw__dot{width:40px;height:40px;padding:4px;border:1px solid transparent;background:none}
.ccb-vsw__dot i{display:block;width:100%;height:100%;border-radius:50%;border:1px solid rgba(0,0,0,.2);background-size:cover;background-position:center}
.ccb-vsw .ccb-vsw__dot:hover{transform:scale(1.08);background:none}
.ccb-vsw .ccb-vsw__dot[aria-checked="true"]{border-color:#242424;background:none}
.ccb-vsw .ccb-vsw__pill{min-height:40px;padding:0 16px;border:1px solid #dedede;border-radius:999px;background:#fff;color:#242424;font-size:.85rem}
.ccb-vsw .ccb-vsw__pill:hover{border-color:#242424;background:#fff;color:#242424}
.ccb-vsw .ccb-vsw__pill[aria-checked="true"]{border-color:#242424;background:#242424;color:#fff}
.ccb-vsw button.is-off{opacity:.35}
.ccb-vsw .ccb-vsw__dot.is-off::after{content:"";position:absolute;width:30px;height:1px;background:#242424;transform:rotate(-45deg)}
.ccb-vsw .ccb-vsw__dot{position:relative}
.ccb-vsw button:focus-visible{outline:2px solid #242424;outline-offset:2px}
.ccb-vsw__cur{display:block;margin-top:8px;font-size:.85rem;color:#6f6f6f}
.ccb-vsw__cur:empty{display:none}
@media (prefers-reduced-motion:reduce){.ccb-vsw button{transition:none}}