.variant-selector{margin:24px 0 6px}
.variant-selector>p{margin:0 0 11px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:700}
.variant-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.variant-option{display:grid;grid-template-columns:19px 26px 1fr;gap:7px;align-items:center;border:1px solid var(--line);background:transparent;padding:9px;text-align:left;cursor:pointer;font:12px var(--sans);color:var(--ink)}
.variant-option i{width:17px;height:17px;border-radius:50%;border:1px solid rgba(38,32,31,.18);box-shadow:inset 0 0 0 2px rgba(255,255,255,.2)}
.variant-option span{font-size:11px;color:#75635f}
.variant-option b{font-weight:500}
.variant-option.active{border-color:var(--deep-rose);box-shadow:inset 0 0 0 1px var(--deep-rose);background:#f1e3df}
.variant-option:focus-visible{outline:2px solid var(--deep-rose);outline-offset:2px}
@media(max-width:800px){.variant-options{grid-template-columns:1fr}}