.hc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:.75rem;padding:1rem 1.15rem}
.hc-swatch{position:relative;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.75rem .5rem .7rem;border:2px solid rgba(20,47,103,.14);border-radius:14px;background:#fff;cursor:pointer;font:inherit;color:#13233f;text-align:center;transition:border-color .15s,box-shadow .15s,transform .15s}
.hc-swatch:hover{border-color:rgba(20,47,103,.35);transform:translateY(-1px)}
.hc-swatch:focus-visible{outline:3px solid #2758a3;outline-offset:2px}
.hc-swatch.is-selected{border-color:#14305f;box-shadow:0 0 0 3px rgba(39,88,163,.22)}
.hc-chip{position:relative;width:64px;height:64px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14),inset 0 -10px 18px rgba(0,0,0,.08),0 3px 8px rgba(7,23,45,.15)}
.hc-chip::after{content:"";position:absolute;inset:8px 18px 34px 10px;border-radius:50%;background:rgba(255,255,255,.35);filter:blur(2px)}
.hc-check{position:absolute;right:-4px;top:-4px;width:24px;height:24px;padding:3px;border-radius:50%;background:#14305f;stroke:#fff;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:scale(.6);transition:all .15s;z-index:1}
.hc-swatch.is-selected .hc-check{opacity:1;transform:scale(1)}
.hc-name{font-weight:700;font-size:.9rem;line-height:1.2}
.hc-price{font-weight:700;font-size:.86rem;color:#14305f;font-variant-numeric:tabular-nums}
.hc-disclaimer{margin:0;padding:0 1.15rem 1rem;font-size:.75rem;color:#6b7686}
@media (max-width:560px){.hc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;padding:.85rem}.hc-chip{width:52px;height:52px}}