.announcement button { border: 0; border-bottom: 1px solid rgba(238,211,162,.5); padding: 0; background: transparent; color: var(--gold-light); font-size: inherit; text-transform: inherit; letter-spacing: inherit; cursor: pointer; }
.service-row { grid-template-columns: 45px minmax(280px,1fr) 130px 42px; }
.footer-city { color: rgba(255,255,255,.45) !important; text-transform: none !important; letter-spacing: 0 !important; font-size: 12px !important; margin: -8px 0 0 !important; }
.artist-card { border: 1px solid var(--line); background: var(--teal-soft); padding: 13px 16px; display: grid; grid-template-columns: 44px 1fr auto; align-items: center; gap: 13px; margin-bottom: 20px; }
.artist-initial { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; background: var(--teal); color: var(--gold-light); font-family: var(--serif); font-size: 20px; }
.artist-card div { display: flex; flex-direction: column; }
.artist-card small { color: var(--muted); font-size: 7px; letter-spacing: .14em; }
.artist-card strong { font-family: var(--serif); font-size: 19px; font-weight: 400; }
.artist-check { width: 22px; height: 22px; border-radius: 50%; background: var(--teal); color: white; display: grid; place-items: center; font-size: 10px; }
.payment-methods { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 20px; }
.payment-method { min-height: 46px; border: 1px solid var(--line); background: white; font-size: 10px; cursor: pointer; }
.payment-method span { margin-right: 7px; }
.payment-method.active { border-color: var(--teal); background: var(--teal-soft); color: var(--teal-dark); }
.payment-panel { display: none; }
.payment-panel.active { display: block; animation: fadeUp .25s ease; }
.apple-pay-button { width: 100%; min-height: 50px; border: 0; border-radius: 6px; background: #000; color: #fff; font: 600 20px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; cursor: pointer; }
.apple-pay-button span { margin-right: 5px; }
.payment-panel[data-payment-panel="apple"] p { color: var(--muted); text-align: center; font-size: 10px; }

@media (max-width: 900px) {
  .service-row { grid-template-columns: 30px 1fr auto; }
  .service-row strong { grid-column: 3; grid-row: 1; }
  .add-service { grid-column: 3; grid-row: 2; }
}

@media (max-width: 520px) {
  .payment-methods { grid-template-columns: 1fr; }
}