.hbs-page{width:min(720px,92%);padding-bottom:70px}.hbs-back{padding:20px 0 5px}.hbs-back a{color:#57535e;font-weight:700;font-size:13px}.hbs-header{padding:18px 0 22px}.hbs-eyebrow{font-size:12px;font-weight:800;color:#765fa1}.hbs-header h1{font-size:clamp(26px,4vw,38px);letter-spacing:-.4px;margin:5px 0 6px}.hbs-header p{font-size:14px;color:#635d6a;margin:0}.hbs-switch{display:inline-block;margin-top:12px;text-decoration:underline;font-size:13px}.hbs-card{border:1px solid #e6e3eb;border-radius:20px;background:#fff;padding:clamp(18px,4vw,28px);box-shadow:0 10px 24px #25203308}.hbs-fieldset{padding:19px 0 24px;border:0;border-bottom:1px solid #ece9f0;margin:0}.hbs-fieldset:first-of-type{padding-top:0}.hbs-field-header{display:flex;gap:12px;align-items:start;margin-bottom:16px}.hbs-index{width:32px;height:32px;border-radius:50%;background:#ede6f7;color:#59467a;display:grid;place-items:center;font-weight:800;flex-shrink:0}.hbs-field-header h2{font-size:19px;margin:0}.hbs-field-header p{margin:4px 0 0;font-size:13px;color:#797480}.hbs-label{display:block;font-size:13px;font-weight:700;margin-bottom:9px}.hbs-form select,.hbs-form input[type=tel],.hbs-form input[type=time],.hbs-form textarea{width:100%;font:inherit;font-size:14px;border:1px solid #dcd9e2;border-radius:12px;padding:13px 14px;background:#fff;color:#222;box-sizing:border-box}.hbs-form input:focus,.hbs-form select:focus,.hbs-form textarea:focus{outline:2px solid #b8a2d5;outline-offset:1px}.hbs-form input[dir=ltr]{text-align:right;direction:ltr}.hbs-hint{font-size:12px;color:#706979;line-height:1.8;margin:9px 0}.hbs-days{display:none;gap:8px;overflow-x:auto;margin:10px 0 16px;padding-bottom:6px}.hbs-enhanced .hbs-days{display:flex}.hbs-days button{min-width:78px;border:1px solid #e2dfe8;border-radius:12px;background:#fff;padding:12px 8px;cursor:pointer;font:inherit;color:#222}.hbs-days button strong,.hbs-days button small{display:block}.hbs-days button small{font-size:11px;color:#767078}.hbs-days button strong{font-size:15px}.hbs-days button[aria-pressed=true]{background:#eee8f8;border-color:#785eaf}.hbs-days button:disabled{opacity:.38;cursor:not-allowed}.hbs-enhanced [data-simple-date],.hbs-enhanced [data-simple-time]{display:none}.hbs-times{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:8px 0}.hbs-times button{border:1px solid #e2dfe8;background:#fff;border-radius:10px;min-height:43px;cursor:pointer;font:inherit;direction:ltr;color:#222}.hbs-times button[aria-pressed=true]{background:#24212a;color:#fff;border-color:#24212a}.hbs-retry{border:0;background:none;text-decoration:underline;cursor:pointer;color:#59467a;font:inherit;font-size:12px}.hbs-note{margin-top:18px;border-bottom:1px solid #ece9f0;padding-bottom:18px}.hbs-note summary{cursor:pointer;font-weight:700;font-size:14px;padding:6px 0}.hbs-note .hbs-label{margin-top:12px}.hbs-total{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:18px;padding:16px;background:#f9f7fb;border-radius:12px}.hbs-total small,.hbs-total strong{display:block}.hbs-total small{color:#797480;font-size:11px}.hbs-total strong{font-size:15px}.hbs-submit{display:block;width:100%;text-align:center;margin-top:20px;box-sizing:border-box;min-height:50px}.hbs-submit:disabled{opacity:.45;cursor:not-allowed}.hbs-footnote{text-align:center}.hbs-alert{border:1px solid #d8caeb;padding:14px;border-radius:12px;margin:10px 0 20px;background:#f5f0fa;font-size:13px}.hbs-error{background:#fff0f0;border-color:#efc4c4}.hbs-error ul{margin:7px 14px}.hbs-success{text-align:center;margin:24px auto}.hbs-success h1{font-size:27px}.hbs-success p{color:#716b74}.hbs-success-icon{display:grid;place-items:center;width:55px;height:55px;border-radius:100%;background:#eff8f1;color:#167837;margin:0 auto;font-weight:900;font-size:32px}.hbs-receipt{text-align:right;margin:22px 0;border-top:1px solid #ece9f0}.hbs-receipt>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #ece9f0;font-size:13px}.hbs-receipt span{color:#736d79}.hbs-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.hbs-actions .hn-button{white-space:nowrap}.hbs-submit:focus-visible,.hbs-days button:focus-visible,.hbs-times button:focus-visible{outline:2px solid #765fa1;outline-offset:2px}@media(max-width:480px){.hbs-card{padding:18px}.hbs-times{grid-template-columns:repeat(3,minmax(0,1fr))}.hbs-days button{min-width:72px}.hbs-total strong{font-size:14px}.hbs-actions .hn-button{width:100%}}

/* V2 — هوية الزبون والبحث المقيد عن رقم الهاتف */
.hbs-client-identity{background:#faf9fc;padding:16px;border-radius:14px;margin-bottom:10px}
.hbs-identity-row{display:flex;gap:16px;justify-content:space-between;padding:10px 0;border-top:1px solid #e7e3ed;font-size:14px}
.hbs-identity-row span{color:#716d77}.hbs-identity-row strong{overflow-wrap:anywhere}
.hbs-form input[type=search]{width:100%;font:inherit;font-size:14px;border:1px solid #dcd9e2;border-radius:12px;padding:13px 14px;background:#fff;color:#222;box-sizing:border-box}
.hbs-form input[type=search]:focus{outline:2px solid #b8a2d5;outline-offset:1px}
.hbs-client-results{display:grid;gap:6px;margin:8px 0 15px;max-height:250px;overflow-y:auto}
.hbs-client-option{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;text-align:right;border:1px solid #e4e0e9;border-radius:10px;background:#fff;padding:12px;cursor:pointer;font:inherit;font-size:13px}
.hbs-client-option:hover,.hbs-client-option:focus-visible{background:#f2edf9;border-color:#9173bd}
.hbs-client-option span{color:#645d6a;white-space:nowrap}
@media(max-width:480px){.hbs-client-option{align-items:flex-start;flex-direction:column;gap:4px}}