.service-picker { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.service-option { padding: 12px; border: 1px solid #dedad2; background: #fdfcf9; text-align: left; color: #292a2b; font: 700 12px "DM Sans"; cursor: pointer; transition: .18s; }
.service-option:hover, .service-option.active { border-color: var(--gold); background: #fff7e8; box-shadow: inset 3px 0 var(--gold); }
@media(max-width:800px) { .service-picker { grid-template-columns: 1fr; } }