.booking-page{background:#f7efe8;color:#4b332b;min-height:100vh}.booking-top{padding:18px 5%;background:#fff;border-bottom:1px solid #eadbd0}.booking-top a{color:#5a3c32;text-decoration:none;font-weight:700}.booking-shell{max-width:980px;margin:42px auto;padding:0 18px}.booking-card{background:#fff;padding:clamp(22px,5vw,52px);border-radius:24px;box-shadow:0 16px 50px #5b382015}.booking-card h1{font-size:clamp(2rem,5vw,3.7rem);margin:.2em 0 .6em}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:25px 0}.steps span{padding:10px;text-align:center;background:#f7efe8;border-radius:99px;font-size:.82rem}.steps .active{background:#a56c57;color:#fff;font-weight:700;box-shadow:0 4px 12px #a56c5730}.steps .complete{background:#ead8cf;color:#70493c;font-weight:700}.steps .complete::before{content:"✓ ";font-weight:900}.steps span{transition:background .2s ease,color .2s ease,box-shadow .2s ease}#bookingForm{display:grid;gap:20px}label{display:grid;gap:7px;font-weight:700}select,input,textarea{width:100%;padding:14px;border:1px solid #d9c8bc;border-radius:10px;background:#fff;font:inherit;box-sizing:border-box}.customer-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.slots{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.slot{border:1px solid #b78670;background:#fff;color:#70493c;border-radius:99px;padding:10px 15px;cursor:pointer}.slot.selected{background:#a56c57;color:#fff}.message{font-weight:700}.success{padding:18px;background:#eef7ed;border-radius:12px}@media(max-width:650px){.steps{grid-template-columns:1fr 1fr}.customer-grid{grid-template-columns:1fr}.booking-shell{margin:20px auto}.booking-card{border-radius:16px}}
/* V1.5 — visual stylist picker */
.stylist-picker{display:grid;gap:7px}.picker-help{margin:0 0 4px;color:#876f64;font-size:.9rem}.stylist-picker>select{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.stylist-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:12px}.client-stylist-card{appearance:none;border:1px solid #e4d5cb;background:#fff;color:#4b332b;border-radius:16px;padding:12px;text-align:left;cursor:pointer;display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto auto;gap:0 12px;align-items:center;transition:.18s ease;min-width:0}.client-stylist-card:hover{border-color:#b77a62;transform:translateY(-1px)}.client-stylist-card.selected{border-color:#a56c57;background:#fbf3ef;box-shadow:0 0 0 2px #a56c5725}.client-stylist-card img,.client-stylist-placeholder{grid-row:1/3;width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:center top;background:#ead8cf;display:grid;place-items:center;font-family:Georgia,serif;font-size:1.5rem;color:#70493c}.client-stylist-info{min-width:0;display:grid;gap:3px}.client-stylist-info strong{font-family:Georgia,serif;font-size:1.05rem}.client-stylist-info small{color:#806c62;font-size:.76rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.choose-mark{font-size:.72rem;color:#a56c57;font-weight:700;margin-top:5px}.client-stylist-card.selected .choose-mark::before{content:"✓ ";}.client-stylist-card.selected .choose-mark{color:#70493c}@media(max-width:520px){.stylist-cards{grid-template-columns:1fr}.client-stylist-card{grid-template-columns:72px minmax(0,1fr)}.client-stylist-card img,.client-stylist-placeholder{width:72px;height:72px}}
/* V2.0.2 — multi-select booking add-ons */
.steps{grid-template-columns:repeat(5,1fr)}
.addon-section{display:grid;gap:10px}.addon-heading{display:flex;justify-content:space-between;gap:14px;align-items:end}.addon-heading .picker-help{margin-top:4px}.addon-summary{font-size:.85rem;font-weight:700;color:#70493c;white-space:nowrap}.addon-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.addon-option{position:relative;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;border:1px solid #e4d5cb;border-radius:14px;padding:13px;background:#fff;cursor:pointer;font-weight:400}.addon-option:hover{border-color:#b77a62}.addon-option:has(input:checked){border-color:#a56c57;background:#fbf3ef;box-shadow:0 0 0 2px #a56c5720}.addon-option input{width:18px;height:18px;margin:2px 0 0}.addon-option strong{display:block;color:#4b332b}.addon-option small{display:block;color:#806c62;margin-top:3px}.addon-empty{margin:0;color:#876f64}@media(max-width:650px){.steps{grid-template-columns:1fr 1fr}.addon-grid{grid-template-columns:1fr}.addon-heading{align-items:start;flex-direction:column}.addon-summary{white-space:normal}}