/* BabyCare appointment page */
.appointment-hero { padding-bottom: clamp(24px, 4vw, 48px); background: radial-gradient(80% 120% at 100% 0%, var(--tint-2) 0%, rgba(232, 220, 246, 0) 60%), #fff; }
.appointment-layout { display: grid; gap: var(--gap); align-items: start; }
@media (min-width: 960px) { .appointment-layout { grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); } .appointment-side { position: sticky; top: 140px; } }
.appointment-card h2, .appointment-side h2 { font-size: clamp(24px, 3vw, 32px); }
.appointment-row { display: grid; gap: 18px; }
@media (min-width: 640px) { .appointment-row { grid-template-columns: 1fr 1fr; } }
.appointment-hint { margin: 0; font-size: 14px; color: var(--muted); }
.appointment-time { border: 0; padding: 0; margin: 0; min-width: 0; }
.appointment-radio { display: flex; align-items: center; gap: 10px; min-height: 44px; font-weight: 500; cursor: pointer; }
.appointment-consent .appointment-radio { align-items: flex-start; font-size: 15px; }
.appointment-consent input { margin-top: 3px; }
.appointment-main .form .btn { justify-self: start; }
.appointment-steps { display: grid; gap: 20px; margin: 0 0 24px; list-style: none; }
.appointment-steps li { display: grid; grid-template-columns: 40px 1fr; gap: 14px; }
.appointment-steps__n { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--brand); color: #fff; font-weight: 800; }
.appointment-steps h3 { font-size: 18px; margin: 0 0 2px; }
.appointment-steps p { margin: 0; color: var(--muted); font-size: 15px; }
.appointment-contacts { margin: 0 0 20px; padding: 16px 0; border-block: 1px solid var(--line); }
.appointment-contacts dt { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--muted); }
.appointment-contacts dd { margin: 0 0 12px; font-size: 20px; font-weight: 700; }
.appointment-contacts dd:last-child { margin-bottom: 0; }
.appointment-contacts a { text-decoration: none; }
.appointment-note { margin: 0; padding: 12px 16px; border-radius: var(--r-s); background: #fff3dc; color: var(--ink); font-weight: 600; font-size: 15px; }