/* Book a call: day and time pills reuse the price tools' .ps-opts look; nothing moves as you choose. */
.bk { display: grid; gap: 22px; max-width: 760px; }
.bk[hidden] { display: none; }
.bk fieldset { margin: 0; padding: 0; border: 0; min-width: 0; }
.bk legend { margin: 0 0 10px; padding: 0; font: 700 15px/1.3 var(--ha-font-sans); color: var(--ha-ink); }
.bk .ps-opts span { min-height: 44px; display: inline-flex; align-items: center; font-variant-numeric: tabular-nums; }
.bk-day-row span { min-width: 112px; justify-content: center; }
.bk-time-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.bk-time-row span { width: 100%; justify-content: center; }
.bk-result { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 24px; padding-top: 18px; border-top: 1px solid rgba(41,43,47,.12); }
.bk-sum { margin: 0; min-height: 3.2em; }
.bk-when { display: block; font: 800 20px/1.25 var(--ha-font-sans); color: var(--ha-ink); }
.bk-what { display: block; font: 500 15px/1.4 var(--ha-font-sans); color: var(--ha-grey, #6B6967); }
.bk-fallback { margin: 0; color: var(--ha-grey, #6B6967); }
@media (max-width: 600px) {
  .bk-day-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .bk-day-row span { min-width: 0; width: 100%; }
  .bk-time-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.bk-result[hidden] { display: none; }
.bk-result .rq { flex-basis: 100%; margin-top: 0; }