.demo-booking{scroll-margin-top:30px}.demo-booking>h2{margin:20px 0;font-size:clamp(27px,4vw,42px)}.demo-booking>p{max-width:750px;line-height:1.8}.demo-booking-progress{flex-wrap:wrap;gap:12px;margin:30px 0;display:flex}.demo-booking-progress span{opacity:.6;border:1px solid;border-radius:25px;padding:10px 18px;font-size:13px}.demo-booking-progress [aria-current=step]{opacity:1;background:var(--website-accent,#d6e8d9);color:var(--website-accent-text,#142d24);font-weight:700}.demo-booking-form,.demo-booking-result{border:1px solid #7b8d8044;border-radius:14px;max-width:760px;padding:28px}.demo-booking-form label{gap:10px;margin:25px 0;display:grid}.demo-booking-form select,.demo-booking-form input{color:#17362d;width:100%;font:inherit;background:#fff;border:1px solid #87998d;border-radius:6px;padding:14px}.demo-booking-form fieldset{border:0;margin:25px 0;padding:0}.demo-booking-times,.demo-booking-actions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.demo-booking-times [aria-pressed=true]{outline-offset:2px;outline:3px solid}.demo-booking-result h3{margin:18px 0;font-size:26px}.demo-booking-result p{margin:20px 0;line-height:1.8}.demo-booking-result dl{grid-template-columns:1fr 2fr;gap:16px;margin:25px 0;display:grid}.demo-booking-result dd{margin:0}.demo-booking-result>a{margin:12px;display:inline-flex}.demo-booking button:focus-visible,.demo-booking input:focus-visible,.demo-booking select:focus-visible{outline-offset:4px;outline:3px solid}.demo-booking button:disabled{opacity:.45;cursor:not-allowed}@media (max-width:600px){.demo-booking-form,.demo-booking-result{padding:20px}.demo-booking-result dl{grid-template-columns:1fr;gap:9px}.demo-booking-result dd{margin-bottom:12px}.salon-demo-toolbar,.salon-demo-toolbar nav{flex-wrap:wrap}}