/* Choice cards retain native radio behavior and the store's foreground color. */
.hs-po-visual-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));gap:.85rem;margin-block:1rem}
.hs-po-visual-choice{position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.4rem .9rem 1rem;border:1px solid #a5a5af;border-radius:.75rem;cursor:pointer;min-height:110px;max-width:100%;box-sizing:border-box;text-align:center;overflow-wrap:anywhere;line-height:1.4}
.hs-po-visual-choice:has(input:checked){outline:2px solid currentColor;outline-offset:1px;border-color:currentColor}
.hs-po-visual-choice:focus-within{outline:3px solid currentColor;outline-offset:4px}
.hs-po-visual-choice input{position:absolute;top:.55rem;right:.55rem;width:1rem!important;height:1rem!important;margin:0!important;flex:none}
.hs-po-color-chip{width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid #767676;flex:none;box-shadow:inset 0 0 0 3px #fff}
.hs-po-visual-choice img{object-fit:contain;width:100%;max-width:144px;height:104px;border-radius:.35rem}
@media(hover:hover){.hs-po-visual-choice:hover{border-color:currentColor}}
@media(forced-colors:active){.hs-po-visual-choice:has(input:checked){outline-color:Highlight}}

.hs-po-visual-grid[data-layout=list]{grid-template-columns:minmax(0,1fr)}.hs-po-visual-grid[data-layout=list] .hs-po-visual-choice{flex-direction:row;justify-content:flex-start;text-align:left;padding-right:2rem;min-height:80px}.hs-po-visual-grid[data-layout=list] img{width:80px;height:64px}