/* Catalog colour filter: round swatches with the name under each */
.color-filter{border:0;padding:0;margin:0 0 16px;min-width:0}
.color-filter legend{font-size:13px;font-weight:700;margin-bottom:8px;padding:0}
.color-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px 4px}
.color-swatch{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;margin:0!important;cursor:pointer;font-weight:600}
.color-swatch input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.color-dot{width:30px;height:30px;border-radius:50%;background:var(--dot,#fff);box-shadow:inset 0 0 0 1px rgba(4,27,65,.18);outline:2px solid transparent;outline-offset:2px;transition:outline-color .15s}
.color-any .color-dot{background:conic-gradient(#d0282e,#f2cf3b,#3f8f5b,#2f6fd0,#8e6cc9,#d0282e)}
.color-swatch small{font-size:11px;color:var(--muted,#6b778c);line-height:1.3;text-align:center}
.color-swatch input:checked+.color-dot{outline-color:var(--theme-primary,#041b41)}
.color-swatch input:checked~small{color:var(--theme-primary,#041b41);font-weight:800}
.color-swatch input:focus-visible+.color-dot{outline-color:#8b9d2d}