.hardware-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.hardware-choice{display:flex;align-items:center;justify-content:center;gap:11px;min-height:54px;padding:10px 12px;border:1px solid var(--line);background:#fffdfa;color:var(--ink);font:16px var(--serif);transition:border-color .2s,background .2s}
.hardware-choice:hover{border-color:var(--olive)}
.hardware-choice.selected{border-color:var(--olive);background:#73763b0c;box-shadow:inset 0 0 0 1px var(--olive)}
.hardware-choice:focus-visible{outline:2px solid var(--olive);outline-offset:3px}
.hardware-ring{position:relative;display:block;flex:none;width:30px;height:30px;border-radius:50%;box-shadow:0 1px 2px #30251e3b,inset 0 0 0 1px #30251e65}
.hardware-ring:before{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--paper2);box-shadow:inset 0 1px 2px #30251e65,0 0 0 1px #fff8}
.hardware-ring:after{content:"";position:absolute;inset:2px;border:1px solid #fff9;border-radius:50%}
.hardware-ring-gold{background:linear-gradient(135deg,#694417 0%,#eed597 20%,#b48536 40%,#fff0bd 62%,#a17029 85%,#e8cc88 100%)}
.hardware-ring-silver{background:linear-gradient(135deg,#444c51 0%,#f4f6f7 20%,#939ba1 40%,#ffffff 62%,#697176 85%,#dce0e3 100%)}
@media(max-width:580px){.hardware-choice{min-height:48px;padding:8px;font-size:15px}.hardware-ring{width:28px;height:28px}}