/* X-COMMERCE-100 / post-purchase domain preference, never DNS automation. */
.co-domains{margin-top:22px}
.co-domain-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}
.co-domain-option{display:flex;align-items:flex-start;gap:12px;padding:18px;border:1px solid rgba(200,190,170,.24);border-radius:18px;background:rgba(255,255,255,.025);cursor:pointer;min-height:100px}
.co-domain-option:has(input:checked){border-color:#bdaa8d;background:rgba(188,159,117,.1)}
.co-domain-option input{margin-top:4px;accent-color:#c8b596;flex:0 0 auto}
.co-domain-option span{display:grid;gap:6px}
.co-domain-option strong{font-weight:650;line-height:1.35}
.co-domain-option small{font-size:12px;line-height:1.5;color:var(--ob-muted,#a9a5a1);overflow-wrap:anywhere}
.co-custom-domain{display:grid;gap:8px;margin:17px 0 24px}
.co-custom-domain[hidden]{display:none!important}
.co-custom-domain input{width:100%;border-radius:12px;border:1px solid rgba(200,190,170,.45);padding:13px 14px;background:rgba(255,255,255,.06);color:inherit;font:inherit}
.co-custom-domain small{font-size:12px;line-height:1.5;max-width:66ch;opacity:.75}
.co-custom-domain input:focus-visible,.co-domain-option:focus-within{outline:2px solid #bea584;outline-offset:2px}
@media(max-width:720px){.co-domain-options{grid-template-columns:1fr}.co-domain-option{min-height:0}}