/* Booking page styles – from home-salon.ae css/book.css, recoloured for Ladies Salon Near Me (olive and cream, system fonts). */
:root{--pink-50: #f8f7ee;--pink-100: #eceee2;--pink-200: #d3d8c3;--pink-500: #5d6849;--pink-600: #515b40;--pink-700: #414934;--gold: #b08a4a;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #e5e5e5;--gray-300: #d4d4d4;--gray-400: #a3a3a3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-900: #171717;--wa: #25d366;--wa-dark: #1da851;--danger: #c81e4b;--font-heading: Georgia,'Times New Roman',serif;--font-body: Arial,Helvetica,system-ui,sans-serif;--radius: 16px;--radius-sm: 12px;--radius-full: 9999px;--shadow: 0 4px 24px rgba(93,104,73,0.08);--shadow-up: 0 -6px 24px rgba(23,23,23,0.08);--bar-h: 76px;--app-max: 560px}[lang^="hi"]{--font-body: 'Noto Sans Devanagari','Inter',system-ui,sans-serif;--font-heading: 'Noto Sans Devanagari','Playfair Display',serif}[lang^="ar"]{--font-body: Tahoma,Arial,sans-serif;--font-heading: Tahoma,Arial,sans-serif}[lang^="fa"]{--font-body: 'Vazirmatn','Inter',sans-serif;--font-heading: 'Vazirmatn','Playfair Display',serif}[lang^="ur"]{--font-body: 'Noto Nastaliq Urdu','Inter',sans-serif;--font-heading: 'Noto Nastaliq Urdu','Playfair Display',serif}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%}body{margin: 0;min-height: 100vh;min-height: 100dvh;font-family: var(--font-body);font-size: 15px;line-height: 1.5;color: var(--gray-900);background: linear-gradient(180deg,#fff 0%,var(--pink-50) 100%);background-attachment: fixed;-webkit-tap-highlight-color: transparent}[lang^="ur"] body{line-height: 2}button,input,select,textarea{font: inherit;color: inherit}button{cursor: pointer;border: 0;background: none;padding: 0}a{color: var(--pink-600)}.bk-sr{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}.bk-app{max-width: var(--app-max);margin: 0 auto;min-height: 100vh;min-height: 100dvh;background: #fff;display: flex;flex-direction: column;padding-bottom: calc(var(--bar-h) + env(safe-area-inset-bottom))}@media (min-width: 600px){.bk-app{box-shadow: 0 0 60px rgba(93,104,73,0.10)}}.bk-top{position: sticky;top: 0;z-index: 30;background: rgba(255,255,255,0.96);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border-bottom: 1px solid var(--gray-100);padding: 10px 14px 10px;padding-top: calc(10px + env(safe-area-inset-top))}.bk-top-row{display: flex;align-items: center;gap: 10px}.bk-icon-btn{width: 40px;height: 40px;border-radius: var(--radius-full);display: grid;place-items: center;color: var(--gray-900);flex: none}.bk-icon-btn:hover{background: var(--gray-100)}.bk-icon-btn svg{width: 22px;height: 22px}[dir="rtl"] .bk-flip{transform: scaleX(-1)}.bk-brand{display: flex;align-items: center;gap: 8px;flex: 1;min-width: 0;text-decoration: none;color: inherit}.bk-brand img{width: 34px;height: 34px;border-radius: 10px;flex: none}.bk-brand-text{display: flex;flex-direction: column;min-width: 0}.bk-brand-title{font-family: var(--font-heading);font-weight: 700;font-size: 1rem;line-height: 1.2;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.bk-brand-sub{font-size: 0.72rem;color: var(--gray-500);letter-spacing: 0.06em;text-transform: uppercase}[lang^="ar"] .bk-brand-sub,[lang^="fa"] .bk-brand-sub,[lang^="ur"] .bk-brand-sub{letter-spacing: 0}.bk-lang{appearance: none;-webkit-appearance: none;border: 1px solid var(--gray-200);border-radius: var(--radius-full);padding: 7px 12px 7px 30px;font-size: 0.82rem;font-weight: 600;max-width: 96px;background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23525252' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3a14 14 0 010 18M12 3a14 14 0 000 18'/%3E%3C/svg%3E") no-repeat 10px center / 15px;color: var(--gray-700);flex: none}[dir="rtl"] .bk-lang{padding: 7px 30px 7px 12px;background-position: right 10px center}.bk-progress{margin-top: 10px}.bk-progress-bars{display: grid;grid-template-columns: repeat(5,1fr);gap: 5px}.bk-progress-bars span{height: 4px;border-radius: 4px;background: var(--pink-100);transition: background .3s}.bk-progress-bars span.on{background: var(--pink-500)}.bk-progress-label{display: flex;justify-content: space-between;font-size: 0.78rem;color: var(--gray-500);margin-top: 6px}.bk-progress-label b{color: var(--gray-900);font-weight: 600}.bk-main{flex: 1;padding: 16px 16px 24px}.bk-step{display: none;animation: bk-in .25s ease}.bk-step.on{display: block}@keyframes bk-in{from{opacity: 0;transform: translateY(6px)}to{opacity: 1;transform: none}}.bk-h2{font-family: var(--font-heading);font-size: 1.35rem;line-height: 1.3;margin: 4px 0 14px}.bk-h3{font-size: 0.95rem;font-weight: 700;margin: 22px 0 10px}.bk-muted{color: var(--gray-500);font-size: 0.85rem}.bk-search{position: relative;margin-bottom: 12px}.bk-search input{width: 100%;border: 1px solid var(--gray-200);background: var(--gray-50);border-radius: var(--radius-full);padding: 12px 16px 12px 44px;font-size: 0.95rem;outline: none}[dir="rtl"] .bk-search input{padding: 12px 44px 12px 16px}.bk-search input:focus{border-color: var(--pink-500);background: #fff;box-shadow: 0 0 0 3px var(--pink-100)}.bk-search svg{position: absolute;inset-inline-start: 15px;top: 50%;transform: translateY(-50%);width: 18px;height: 18px;color: var(--gray-400)}.bk-chips{display: flex;gap: 8px;overflow-x: auto;padding: 2px 16px 12px;margin: 0 -16px;scrollbar-width: none;position: sticky;top: var(--top-h,112px);z-index: 20;background: linear-gradient(#fff 80%,rgba(255,255,255,0))}.bk-chips::-webkit-scrollbar{display: none}.bk-chip{flex: none;padding: 8px 15px;border-radius: var(--radius-full);border: 1px solid var(--gray-200);background: #fff;font-size: 0.86rem;font-weight: 500;color: var(--gray-700);white-space: nowrap}.bk-chip.on{background: var(--gray-900);border-color: var(--gray-900);color: #fff}.bk-group-title{font-size: 0.78rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.08em;color: var(--pink-600);margin: 18px 2px 8px}[lang^="ar"] .bk-group-title,[lang^="fa"] .bk-group-title,[lang^="ur"] .bk-group-title{letter-spacing: 0}.bk-banner{background: var(--pink-50);border: 1px solid var(--pink-100);color: var(--pink-700);border-radius: var(--radius-sm);padding: 10px 14px;font-size: 0.86rem;font-weight: 600;margin: 4px 0 6px}.bk-card{background: #fff;border: 1px solid var(--gray-100);border-radius: var(--radius);padding: 14px;margin-bottom: 10px;box-shadow: var(--shadow);transition: border-color .2s}.bk-card.in{border-color: var(--pink-200);background: linear-gradient(#fff,#fbfbf6)}.bk-svc-head{display: flex;gap: 10px;align-items: flex-start;justify-content: space-between}.bk-svc-name{font-weight: 600;font-size: 0.95rem;line-height: 1.35}.bk-badge{display: inline-block;font-size: 0.68rem;font-weight: 700;padding: 2px 8px;border-radius: var(--radius-full);background: var(--pink-100);color: var(--pink-700);margin-inline-start: 6px;vertical-align: middle}.bk-opts{display: flex;flex-wrap: wrap;gap: 8px;margin-top: 10px}.bk-opt{display: inline-flex;align-items: center;gap: 6px;border: 1.5px solid var(--pink-200);color: var(--gray-900);background: #fff;border-radius: var(--radius-full);padding: 7px 13px;font-size: 0.84rem;font-weight: 500;transition: all .15s}.bk-opt b{color: var(--pink-600);font-weight: 700}.bk-opt svg{width: 15px;height: 15px;color: var(--pink-500)}.bk-opt.on{background: var(--pink-500);border-color: var(--pink-500);color: #fff}.bk-opt.on b,.bk-opt.on svg{color: #fff}.bk-opt:active{transform: scale(0.97)}.bk-empty{text-align: center;color: var(--gray-500);padding: 40px 10px}.bk-choices{display: grid;gap: 10px}.bk-choices.two{grid-template-columns: 1fr 1fr}.bk-choice{text-align: start;border: 1.5px solid var(--gray-200);border-radius: var(--radius);padding: 14px;background: #fff;display: flex;gap: 12px;align-items: center;transition: all .15s}.bk-choice .ic{width: 42px;height: 42px;border-radius: 12px;background: var(--pink-50);color: var(--pink-600);display: grid;place-items: center;flex: none}.bk-choice .ic svg{width: 22px;height: 22px}.bk-choice b{display: block;font-size: 0.95rem}.bk-choice small{display: block;color: var(--gray-500);font-size: 0.8rem;line-height: 1.35;margin-top: 2px}.bk-choice.on{border-color: var(--pink-500);background: var(--pink-50);box-shadow: 0 0 0 3px var(--pink-100)}.bk-choices.two .bk-choice{flex-direction: column;align-items: flex-start}.bk-pills{display: flex;flex-wrap: wrap;gap: 8px}.bk-pill{border: 1.5px solid var(--gray-200);border-radius: var(--radius-full);padding: 8px 15px;font-size: 0.86rem;background: #fff}.bk-pill.on{border-color: var(--pink-500);background: var(--pink-500);color: #fff}.bk-note{display: flex;gap: 10px;background: var(--pink-50);border-radius: var(--radius-sm);padding: 12px 14px;font-size: 0.84rem;color: var(--gray-700);margin: 14px 0}.bk-note svg{width: 18px;height: 18px;color: var(--pink-600);flex: none;margin-top: 2px}.bk-note.gold{background: #fbf6e6}.bk-note.gold svg{color: var(--gold)}.bk-map-wrap{position: relative;isolation: isolate;z-index: 0;border-radius: var(--radius);overflow: hidden;border: 1px solid var(--gray-200);margin-top: 10px}.bk-map{height: 260px;background: var(--gray-100)}.bk-map-pin{position: absolute;left: 50%;top: 50%;width: 36px;height: 48px;margin-left: -18px;margin-top: -46px;pointer-events: none;z-index: 500;filter: drop-shadow(0 4px 6px rgba(0,0,0,.25));transition: transform .15s}.bk-map-wrap.moving .bk-map-pin{transform: translateY(-8px)}.bk-locate{position: absolute;z-index: 600;bottom: 12px;inset-inline-start: 12px;inset-inline-end: 12px;display: flex;justify-content: center}.bk-locate button{background: #fff;border-radius: var(--radius-full);padding: 9px 16px;font-size: 0.85rem;font-weight: 600;box-shadow: 0 4px 14px rgba(0,0,0,.15);display: inline-flex;gap: 8px;align-items: center}.bk-locate svg{width: 17px;height: 17px;color: var(--pink-600)}.bk-map-search{display: flex;gap: 8px}.bk-map-search input{flex: 1;min-width: 0}.bk-map-status{font-size: 0.8rem;color: var(--gray-500);margin-top: 6px;min-height: 1.2em}.bk-map-status.err{color: var(--danger)}.maplibregl-ctrl-attrib{font-size: 10px}.bk-map .maplibregl-ctrl-group button{width: 34px;height: 34px}.bk-field{margin-bottom: 12px}.bk-field label{display: block;font-size: 0.82rem;font-weight: 600;color: var(--gray-700);margin-bottom: 5px}.bk-input,.bk-select,.bk-textarea{width: 100%;border: 1.5px solid var(--gray-200);border-radius: var(--radius-sm);padding: 11px 13px;font-size: 16px;background: #fff;outline: none}.bk-input:focus,.bk-select:focus,.bk-textarea:focus{border-color: var(--pink-500);box-shadow: 0 0 0 3px var(--pink-100)}.bk-textarea{min-height: 88px;resize: vertical}.bk-row{display: grid;grid-template-columns: 1fr 1fr;gap: 10px}.bk-phone{display: flex;direction: ltr}.bk-phone span{display: grid;place-items: center;padding: 0 14px;border: 1.5px solid var(--gray-200);border-right: 0;border-radius: var(--radius-sm) 0 0 var(--radius-sm);background: var(--gray-50);font-weight: 700}.bk-phone .bk-input{border-radius: 0 var(--radius-sm) var(--radius-sm) 0;text-align: left}.bk-field.err .bk-input,.bk-field.err .bk-select{border-color: var(--danger)}.bk-err{color: var(--danger);font-size: 0.8rem;margin-top: 4px;display: none}.bk-field.err .bk-err{display: block}.bk-alert{color: var(--danger);font-size: 0.85rem;font-weight: 600;margin: 8px 0 0;min-height: 1em}details.bk-more summary{cursor: pointer;color: var(--pink-600);font-size: 0.86rem;font-weight: 600;margin: 4px 0 10px}.bk-dates{display: flex;gap: 8px;overflow-x: auto;padding: 2px 16px 6px;margin: 0 -16px;scrollbar-width: none}.bk-dates::-webkit-scrollbar{display: none}.bk-date{flex: none;width: 64px;border: 1.5px solid var(--gray-200);border-radius: 14px;padding: 8px 4px;text-align: center;background: #fff}.bk-date small{display: block;font-size: 0.7rem;color: var(--gray-500);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.bk-date b{display: block;font-size: 1.25rem;line-height: 1.3}.bk-date.on{background: var(--pink-500);border-color: var(--pink-500);color: #fff}.bk-date.on small{color: rgba(255,255,255,.85)}.bk-times{display: grid;grid-template-columns: repeat(auto-fill,minmax(88px,1fr));gap: 8px}.bk-time{border: 1.5px solid var(--gray-200);border-radius: 12px;padding: 9px 4px;font-size: 0.86rem;font-weight: 500;background: #fff;direction: ltr}.bk-time.on{background: var(--pink-500);border-color: var(--pink-500);color: #fff}.bk-time:disabled{background: var(--gray-100,#f3f4f6);border-color: var(--gray-100,#f3f4f6);color: var(--gray-400,#9ca3af);text-decoration: line-through;cursor: not-allowed}.bk-sum{background: #fff;border: 1px solid var(--gray-100);border-radius: var(--radius);box-shadow: var(--shadow);padding: 14px;margin-bottom: 12px}.bk-sum-head{display: flex;justify-content: space-between;align-items: center;margin-bottom: 8px}.bk-sum-head b{font-size: 0.82rem;text-transform: uppercase;letter-spacing: 0.06em;color: var(--pink-600)}[lang^="ar"] .bk-sum-head b,[lang^="fa"] .bk-sum-head b,[lang^="ur"] .bk-sum-head b{letter-spacing: 0}.bk-sum-head button{color: var(--pink-600);font-size: 0.84rem;font-weight: 600}.bk-line{display: flex;justify-content: space-between;gap: 12px;padding: 6px 0;font-size: 0.9rem}.bk-line + .bk-line{border-top: 1px dashed var(--gray-200)}.bk-line span:last-child{white-space: nowrap;font-weight: 600}.bk-total{display: flex;justify-content: space-between;font-weight: 700;font-size: 1.05rem;padding-top: 10px;margin-top: 6px;border-top: 1px solid var(--gray-200)}.bk-sum p{margin: 0;font-size: 0.9rem}.bk-btn-wa{width: 100%;display: flex;align-items: center;justify-content: center;gap: 10px;background: var(--wa);color: #fff;font-weight: 700;font-size: 1rem;border-radius: var(--radius-full);padding: 15px}.bk-btn-wa svg{width: 22px;height: 22px}.bk-btn-ghost{width: 100%;margin-top: 10px;border: 1.5px solid var(--gray-200);border-radius: var(--radius-full);padding: 12px;font-weight: 600;font-size: 0.9rem;background: #fff}.bk-fresha{display: block;text-align: center;margin: 18px 0 6px;font-size: 0.84rem;color: var(--gray-500)}.bk-bar{position: fixed;z-index: 1100;left: 0;right: 0;bottom: 0;display: flex;justify-content: center;pointer-events: none}.bk-bar-in{pointer-events: auto;width: 100%;max-width: var(--app-max);background: #fff;box-shadow: var(--shadow-up);border-radius: 20px 20px 0 0;display: flex;align-items: center;gap: 12px;padding: 12px 16px;padding-bottom: calc(12px + env(safe-area-inset-bottom));min-height: var(--bar-h)}.bk-basket-btn{flex: 1;display: flex;align-items: center;gap: 10px;text-align: start;min-width: 0}.bk-basket-ic{position: relative;width: 44px;height: 44px;border-radius: 14px;background: var(--pink-50);color: var(--pink-600);display: grid;place-items: center;flex: none}.bk-basket-ic svg{width: 22px;height: 22px}.bk-basket-ic i{position: absolute;top: -5px;inset-inline-end: -5px;min-width: 20px;height: 20px;border-radius: 10px;background: var(--pink-500);color: #fff;font-size: 0.72rem;font-style: normal;font-weight: 700;display: grid;place-items: center;padding: 0 5px}.bk-basket-txt{min-width: 0}.bk-basket-txt small{display: block;color: var(--gray-500);font-size: 0.76rem}.bk-basket-txt b{display: block;font-size: 1rem;white-space: nowrap}.bk-next{flex: none;background: var(--pink-500);color: #fff;font-weight: 700;border-radius: var(--radius-full);padding: 13px 22px;display: inline-flex;align-items: center;gap: 8px;box-shadow: 0 6px 18px rgba(93,104,73,.35)}.bk-next svg{width: 18px;height: 18px}.bk-next:disabled{background: var(--gray-300);box-shadow: none}.bk-next.wa{background: var(--wa);box-shadow: 0 6px 18px rgba(37,211,102,.35)}.bk-sheet-bg{position: fixed;inset: 0;background: rgba(23,23,23,.4);z-index: 1150;opacity: 0;pointer-events: none;transition: opacity .25s}.bk-sheet-bg.on{opacity: 1;pointer-events: auto}.bk-sheet{position: fixed;z-index: 1200;left: 0;right: 0;bottom: 0;margin: 0 auto;max-width: var(--app-max);background: #fff;border-radius: 22px 22px 0 0;max-height: 82vh;display: flex;flex-direction: column;transform: translateY(105%);transition: transform .3s cubic-bezier(.2,.8,.2,1)}.bk-sheet.on{transform: none}.bk-sheet-grab{width: 40px;height: 5px;border-radius: 3px;background: var(--gray-300);margin: 10px auto 4px}.bk-sheet-head{display: flex;justify-content: space-between;align-items: center;padding: 6px 18px 10px}.bk-sheet-head h3{font-family: var(--font-heading);font-size: 1.2rem;margin: 0}.bk-sheet-body{overflow-y: auto;padding: 0 18px}.bk-sheet-foot{padding: 14px 18px;padding-bottom: calc(14px + env(safe-area-inset-bottom));border-top: 1px solid var(--gray-100)}.bk-bitem{display: flex;gap: 10px;align-items: center;padding: 12px 0;border-bottom: 1px solid var(--gray-100)}.bk-bitem-txt{flex: 1;min-width: 0;font-size: 0.9rem}.bk-bitem-txt small{display: block;color: var(--gray-500)}.bk-qty{display: flex;align-items: center;gap: 4px;border: 1px solid var(--gray-200);border-radius: var(--radius-full);padding: 2px;flex: none;direction: ltr}.bk-qty button{width: 30px;height: 30px;border-radius: 50%;font-size: 1.1rem;font-weight: 700;color: var(--pink-600)}.bk-qty span{min-width: 18px;text-align: center;font-weight: 700;font-size: 0.9rem}.bk-toast{position: fixed;z-index: 1300;left: 50%;bottom: calc(var(--bar-h) + 18px + env(safe-area-inset-bottom));transform: translateX(-50%) translateY(20px);background: var(--gray-900);color: #fff;border-radius: var(--radius-full);padding: 9px 18px;font-size: 0.86rem;opacity: 0;transition: all .25s;pointer-events: none;white-space: nowrap}.bk-toast.on{opacity: 1;transform: translateX(-50%)}@media (prefers-reduced-motion: reduce){*{animation: none !important;transition: none !important}}.bk-welcome{background: #fff;border: 1px solid var(--pink-100);border-radius: var(--radius);box-shadow: var(--shadow);padding: 14px;margin: 0 0 14px}.bk-welcome b{font-size: 1rem;color: var(--gray-900)}.bk-welcome p{margin: 4px 0 0;font-size: 0.85rem;color: var(--gray-600)}.bk-welcome .bk-welcome-row{display: flex;gap: 8px;align-items: center;color: var(--gray-700);margin-top: 8px}.bk-welcome-row svg{width: 16px;height: 16px;color: var(--pink-600);flex: none}.bk-welcome-act{display: flex;gap: 8px;margin-top: 12px;flex-wrap: wrap}.bk-welcome-act button{border: 1.5px solid var(--gray-200);border-radius: var(--radius-full);padding: 7px 14px;font-size: 0.8rem;font-weight: 600;background: #fff;color: var(--gray-700)}.bk-suggest{position: fixed;z-index: 1200;left: 50%;bottom: calc(var(--bar-h) + 12px + env(safe-area-inset-bottom));width: calc(100% - 24px);max-width: calc(var(--app-max) - 24px);transform: translateX(-50%) translateY(16px);opacity: 0;pointer-events: none;transition: opacity .25s,transform .25s;display: flex;align-items: center;gap: 10px;background: #fff;border: 1px solid var(--pink-100);border-radius: 16px;box-shadow: var(--shadow-up);padding: 10px 8px 10px 14px}.bk-suggest.on{opacity: 1;transform: translateX(-50%);pointer-events: auto}.bk-suggest-txt{flex: 1;min-width: 0;display: flex;flex-direction: column}.bk-suggest-txt small{font-size: 0.72rem;color: var(--gray-500)}.bk-suggest-txt b{font-size: 0.88rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.bk-suggest-add{display: flex;align-items: center;gap: 4px;background: var(--pink-500);color: #fff;border-radius: var(--radius-full);padding: 8px 12px;font-weight: 700;font-size: 0.8rem;white-space: nowrap}.bk-suggest-add svg{width: 14px;height: 14px}.bk-suggest-x{color: var(--gray-400);padding: 4px 6px;font-size: 0.9rem;background: none}.bk-done{text-align: center;padding: 18px 2px 40px}.bk-done-ic{width: 72px;height: 72px;border-radius: 50%;background: var(--wa);color: #fff;display: grid;place-items: center;margin: 8px auto 16px}.bk-done-ic svg{width: 36px;height: 36px}.bk-done>p{color: var(--gray-700);font-size: 0.92rem;margin: 0 0 16px}.bk-done .bk-note{text-align: start}.bk-done .bk-done-call{margin: 18px 0 14px;font-size: 0.85rem}.bk-done-call a{color: var(--pink-600);font-weight: 700;white-space: nowrap}.bk-done-again{width: 100%;justify-content: center}body.bk-is-done .bk-bar,body.bk-is-done .bk-progress{display: none}.bk-rating{display: inline-flex;align-items: center;flex-wrap: wrap;gap: 6px;margin: -6px 0 14px;font-size: 0.85rem;color: var(--gray-700);text-decoration: none}.bk-rating span:first-child{color: #f5b301;letter-spacing: 1px}