/* Demo salon presentation only; booking fields and URLs retain their contracts. */
.demo-booking{--accent:#c64110;--line:#e7ded4;--glass:#fff;--glass2:#fff;background:#f9f6f0;color:#121617;padding:36px 0 48px}.demo-booking .book-wrap{width:calc(100% - 64px);max-width:1440px;padding:0}.demo-booking .book-head{padding:0 0 28px;margin-bottom:24px;border-bottom:1px solid #e7ded4;align-items:center}.demo-booking .booking-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.13em;display:block;margin-bottom:12px}.demo-booking .book-head h1{font-size:clamp(36px,4vw,56px);line-height:1.08;letter-spacing:-.04em;margin:0 0 14px}.demo-booking .book-head .lead{font-size:14px;line-height:1.7;margin-bottom:12px;max-width:620px}.demo-booking .book-meta{font-family:var(--font);font-size:12px;letter-spacing:0;line-height:1.7}.demo-booking .book-meta a{margin-left:12px}.demo-booking .business-tabs{gap:26px;padding:0 0 16px;margin-bottom:28px;flex-wrap:wrap;overflow:visible}.demo-booking .business-tabs a{font-size:13px;font-weight:500;white-space:normal}.demo-booking .business-layout{grid-template-columns:minmax(0,1fr) 320px;gap:28px}.demo-booking .business-info{padding:22px;border:1px solid #e7ded4;border-radius:14px;background:#fff;box-shadow:0 3px 10px #392d210a;top:110px}.demo-booking .business-info h2{font-size:22px;margin-bottom:14px}.demo-booking .business-info p{font-size:13px;margin-bottom:12px}.demo-booking .business-info h3{margin:20px 0 10px;font-size:15px}.demo-booking .business-info .btn{width:100%;font-size:13px;border-radius:8px}.demo-booking .business-hours{margin:0 0 14px}.demo-booking .business-hours>div{padding:7px 0;font-size:12px}.demo-booking .booking-service-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 20px;align-items:center}.demo-booking .booking-service-tools h2{margin:0;font-size:26px;letter-spacing:-.03em}.demo-booking .booking-service-tools>p{margin:0}.demo-booking .booking-service-tools>p .btn{height:38px;font-size:12px;padding:0 14px}.demo-booking .service-search{grid-column:1/-1;font-size:12px}.demo-booking .service-search input{font-size:14px;padding:12px 14px;border:1px solid #d5c5b7;background:#fff;color:#121617;border-radius:9px}.demo-booking .business-categories{gap:6px 14px;margin:18px 0 22px}.demo-booking .business-categories .btn{background:transparent;border:0;border-radius:0;box-shadow:none;padding:7px 0;color:#121617;font-size:12px}.demo-booking .business-categories .btn.active{background:transparent!important;color:#121617!important;border-bottom:2px solid #c64110}.demo-booking .service-category h3{font-size:16px;letter-spacing:0;margin:22px 0 12px}.demo-booking .business-services{border:1px solid #e7ded4;border-radius:12px;box-shadow:0 2px 6px #392d2108}.demo-booking .business-service{padding:16px 18px;gap:24px;align-items:center;background:#fff}.demo-booking .business-service>div:first-child{min-width:0}.demo-booking .business-service h4{font-size:15px;font-weight:500;margin-bottom:5px}.demo-booking .business-service p{font-size:12px;line-height:1.6;max-width:550px;margin-bottom:6px}.demo-booking .business-service span{font-size:12px}.demo-booking .service-action{gap:20px}.demo-booking .service-action>span{font-size:15px;font-weight:500;min-width:50px;text-align:right;white-space:nowrap}.demo-booking .service-action .btn{min-width:70px;height:36px;border-radius:8px;font-size:12px}.demo-booking .business-section{margin-top:32px;padding-top:26px;border-top:1px solid #e7ded4}.demo-booking .business-section h2{font-size:23px;margin-bottom:18px}.demo-booking .business-team{gap:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#fff;border:1px solid #e7ded4;border-radius:12px}.demo-booking .business-team article{min-width:0;border:0;border-radius:0;background:none;padding:18px;text-align:left;display:grid;grid-template-columns:40px minmax(0,1fr);gap:3px 12px;align-content:start}.demo-booking .team-initial{grid-row:span 2;width:40px;height:40px;font-size:16px;margin:0;background:#f9f6f0;color:#121617}.demo-booking .business-team h3{margin:2px 0 0;font-size:14px;overflow-wrap:anywhere}.demo-booking .business-team p{margin:0;font-size:12px}.demo-booking .business-description{font-size:14px;line-height:1.8}.demo-booking .steps{gap:16px;flex-wrap:wrap}.demo-booking .steps li{border:0;background:none;box-shadow:none;border-radius:0;padding:8px 0;font-size:11px;color:#121617}.demo-booking .steps li.on{border-bottom:2px solid #c64110}.demo-booking .day{background:#fff;border-color:#e7ded4;box-shadow:none;border-radius:10px}.demo-booking .day .n{color:#121617}.demo-booking .day.off{opacity:1;background:#f3eee6}.demo-booking .day.off .n{color:#121617}.demo-booking .days{gap:10px}.demo-booking .times{gap:10px}.demo-booking .times .btn{background:#fff;color:#121617;border-color:#d5c5b7;min-width:100px}.demo-booking .form-panel,.demo-booking .book-summary,.demo-booking .book-done{background:#fff;border-color:#e7ded4;box-shadow:0 3px 10px #392d210a;border-radius:14px}.demo-booking .split{gap:24px;align-items:start}.demo-booking .book-foot{margin-top:30px;font-size:11px;text-transform:none;letter-spacing:0}.demo-booking :is(h1,h2,h3,h4,p,label,legend,span,dt,dd){color:#121617}.demo-booking :focus-visible{outline:2px solid #c64110;outline-offset:3px}.demo-booking .btn-primary{background:#c64110;color:#fff;border-color:#c64110}.demo-booking input::placeholder{color:#18181b}.demo-booking .form input,.demo-booking .form textarea{background:#fff;color:#121617;border-color:#d5c5b7}.demo-booking .business-service[hidden],.demo-booking .service-category[hidden]{display:none}
@media(max-width:1050px){.demo-booking .business-layout{grid-template-columns:minmax(0,1fr) 280px;gap:20px}.demo-booking .business-team{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.demo-booking .book-wrap{width:calc(100% - 36px)}.demo-booking .business-layout{grid-template-columns:minmax(0,1fr)}.demo-booking .business-info{position:static}.demo-booking .split{grid-template-columns:minmax(0,1fr)}.demo-booking .business-tabs{gap:14px 20px}.demo-booking .book-head{padding-bottom:20px}}
@media(max-width:540px){.demo-booking{padding-top:24px}.demo-booking .booking-service-tools{grid-template-columns:minmax(0,1fr)}.demo-booking .service-action{gap:8px;flex-direction:column}.demo-booking .business-service{padding:14px;gap:14px}.demo-booking .business-team{grid-template-columns:minmax(0,1fr)}.demo-booking .days{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.demo-booking .book-meta a{display:block;margin:5px 0 0}}
