.prla-color-swatches{min-width:0;max-width:100%}.prla-color-swatches .prla-swatch-select,.prla-pills .prla-swatch-select{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}.prla-swatch-list{display:flex;flex-wrap:wrap;gap:10px;padding:4px 0;min-width:0;max-width:100%}.prla-swatch{background:transparent;border:none;padding:3px;cursor:pointer;border-radius:50%;transition:background .15s}.prla-swatch:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.prla-swatch__dot{display:block;width:34px;height:34px;border-radius:50%;border:1px solid rgba(0,0,0,.12);box-shadow:inset 0 0 0 2px #fff;transition:transform .15s,box-shadow .15s}.prla-swatch__img{display:block;width:48px;height:48px;object-fit:cover;border-radius:8px;border:1px solid rgba(0,0,0,.12);transition:transform .15s,box-shadow .15s,border-color .15s;background:var(--c-bg-soft)}.prla-swatch--img{padding:0;border-radius:10px}.prla-swatch--img:hover .prla-swatch__img{transform:scale(1.05);border-color:var(--c-ink)}.prla-swatch--img.is-active .prla-swatch__img{border-color:var(--c-ink);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--c-ink)}.prla-swatch:hover .prla-swatch__dot{transform:scale(1.08)}.prla-swatch.is-active .prla-swatch__dot{box-shadow:inset 0 0 0 2px #fff,0 0 0 2px var(--c-ink)}.prla-swatch.is-multi .prla-swatch__dot{background:conic-gradient(#dc2626,#f97316,#eab308,#16a34a,#38bdf8,#7c3aed,#dc2626)!important}.variations tr.prla-color-row .reset_variations{display:none}.prla-pills{min-width:0;max-width:100%}.prla-pill-list{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0;min-width:0;max-width:100%}.prla-pill{background:#fff;border:1.5px solid var(--c-line);border-radius:999px;padding:8px 16px;cursor:pointer;font:inherit;font-size:14px;color:var(--c-ink);transition:border-color .15s,background .15s,color .15s}.prla-pill:hover{border-color:var(--c-ink)}.prla-pill:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.prla-pill.is-active{background:var(--c-ink);color:#fff;border-color:var(--c-ink)}.prla-pills--select .prla-pill-list{display:none}.prla-pills--select .prla-swatch-select{position:static;width:100%;max-width:360px;height:auto;overflow:visible;clip:auto;clip-path:none;white-space:normal;display:block;padding:11px 40px 11px 16px;border:1.5px solid var(--c-line);border-radius:12px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23333' stroke-width='1.6' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 16px center;-webkit-appearance:none;appearance:none;font:inherit;font-size:15px;color:var(--c-ink);cursor:pointer}.prla-pills--select .prla-swatch-select:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px;border-color:var(--c-ink)}.prla-pill--unavail,.prla-swatch--unavail{position:relative;cursor:pointer}.prla-pill--unavail{border-style:dashed;border-color:var(--c-mute);background:transparent;color:var(--c-mute)}.prla-pill--unavail:hover{border-color:var(--c-ink);color:var(--c-ink)}.prla-swatch--unavail .prla-swatch__img{border:1.5px dashed var(--c-mute);opacity:.65}.prla-swatch--unavail .prla-swatch__dot{box-shadow:0 0 0 1.5px var(--c-mute);opacity:.65}.prla-swatch--unavail:hover .prla-swatch__img{border-color:var(--c-ink);opacity:.85}.prla-axis-note{margin-top:6px;font-size:12px;color:var(--c-mute);line-height:1.4}.prla-axis-note strong{color:var(--c-ink-2);font-weight:600}