/* Service detail pages. Only what Bootstrap and site.css do not already cover. */
.svc-facts { border-top: 1px solid var(--line-strong); border-bottom: 1px solid var(--line-strong); }
.svc-fact-val { font-family: var(--serif); font-size: 22px; margin: 6px 0 0; }
.svc-serif-22 { font-family: var(--serif); font-size: 22px; }
.svc-hero { aspect-ratio: 16 / 7; }
.svc-ratio-43 { aspect-ratio: 4 / 3; }
.svc-ratio-1610 { aspect-ratio: 16 / 10; }
.svc-body { opacity: .85; }
.svc-note { font-size: 15.5px; opacity: .8; }
.svc-aside { font-size: 13px; opacity: .6; }
.svc-head-rule { border-bottom: 1px solid var(--line-strong); }
.svc-avatar { width: 72px; height: 72px; object-fit: cover; filter: grayscale(1); flex: none; }
.svc-quote { max-width: 640px; }

/* Sauna booking */
.sb-times { display: flex; flex-wrap: wrap; gap: 8px; }
.sb-picked { font-family: var(--serif); font-size: 20px; }
.sb-card { min-height: 90px; }
.sb-msg { padding: 12px 14px; border-radius: 12px; background: var(--sand); }
.sb-msg.is-ok { background: #E3F1EC; }
.sb-msg.is-test { background: var(--blush); }
.sb-msg.is-error { background: #FBE0DA; color: var(--coral-deep); }
#book-sauna .day-btn[disabled] { opacity: .35; cursor: not-allowed; }