@font-face{font-family:'Droid Arabic Kufi';src:url('fonts/DroidKufi.woff') format('woff'),url('fonts/DroidKufi-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{--green:#008b5e;--green2:#0caf76;--line:#cecece;--bg:#f8f8f8;--text:#333;--light:#f3f3f3;--muted:#7f7f7f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fafafa;color:var(--text);font:17px/1.65 'Droid Arabic Kufi',Tahoma,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:var(--green)}[hidden]{display:none!important}.site-shell{max-width:1070px;margin:38px auto;padding:0 25px}.breadcrumbs{display:flex;align-items:center;justify-content:flex-start;gap:20px;font-size:24px;margin:0 0 38px 0;flex-wrap:wrap}.breadcrumbs .underlined{text-decoration:underline}.breadcrumbs i{font-style:normal;color:#ccc}.breadcrumbs strong{font-weight:500}.booking-frame{background:#fff;border:2px solid var(--line);min-height:670px}.frame-title{background:#f9f9f9;border-bottom:2px solid var(--line);font-size:29px;font-weight:600;text-align:right;padding:7px 20px}.frame-body{padding:23px 24px 35px}.stepper{display:flex;direction:rtl;list-style:none;margin:0 0 34px;padding:0;min-height:100px}.stepper li{position:relative;flex:1;text-align:center;font-size:15px;line-height:1.3}.stepper li::after{content:"";position:absolute;z-index:0;height:4px;background:#e7e7e7;right:50%;left:auto;top:25px;width:100%}.stepper li:last-child::after{display:none}.stepper li.completed::after{background:#1ab477}.step-circle{position:relative;z-index:1;width:54px;height:54px;margin:0 auto 10px;border-radius:50%;background:#e9e9e9;display:grid;place-items:center;color:#333;font:28px Arial}.stepper li.active .step-circle,.stepper li.completed .step-circle{background:#10af76;color:white}.stepper li.completed .step-circle{font-size:33px;font-weight:bold}.step-name{display:none;font-weight:500}.stepper li.active .step-name{display:block}.screen-heading{text-align:right;margin:0 0 23px;font-size:21px;font-weight:600}.required-note{border:1px dashed #eed1d1;padding:6px 12px;font-size:16px}.required-note b,em{color:#d52f2f;font-style:normal}.field-grid{max-width:680px;display:grid;grid-template-columns:215px minmax(0,1fr);align-items:center;column-gap:18px;row-gap:13px;margin:16px 0}.field-grid>label{font-weight:600}.field-grid input,.field-grid select,.choose-date input,.install-card input{height:43px;border:1px solid #09a56d;background:#fff;border-radius:0;padding:7px 12px;min-width:0;width:100%;outline-offset:2px;color:#333}.field-grid select{border-radius:20px}.field-grid label small{color:var(--muted);font-weight:400}.privacy-notice{border:1px solid #c7d9d1;background:#f3faf6;margin-top:20px;padding:13px 18px;font-size:14px}.privacy-notice p{margin:5px 0 12px}.consent-row{display:flex;align-items:flex-start;gap:8px;font-weight:600}.consent-row input{margin-top:7px;accent-color:var(--green);transform:scale(1.15)}.actions{display:flex;gap:8px;justify-content:flex-start;align-items:center;margin-top:28px}.actions.column{flex-direction:column;align-items:stretch}.button{display:inline-flex;text-decoration:none;justify-content:center;align-items:center;border:2px solid var(--green);border-radius:8px;min-width:166px;min-height:51px;padding:7px 20px;color:var(--green);background:white;font-weight:600;font-size:20px;text-align:center}.button.primary{background:var(--green);color:#fff}.button:hover:not(:disabled){filter:brightness(.95)}.button:disabled{opacity:.5;cursor:wait}.button.outline{background:#fff;color:var(--green)}.button.block{width:100%;margin-bottom:24px}.info-box{background:#d6edf6;color:#397b97;padding:15px 18px;text-align:right;margin:14px 0 28px;font-weight:600}.table-panel{padding:20px;background:#f4f4f4}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;flex-wrap:wrap}.table-toolbar label{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.table-toolbar input{height:52px;border:2px solid #0caf76;width:min(100%,350px);background:white;padding:6px 10px}.table-toolbar select{height:42px;min-width:90px;border:1px solid #047c51;border-radius:20px;background:#fff;padding:2px 10px}.table-overflow{overflow-x:auto}.table-panel table{width:100%;border-collapse:collapse;table-layout:auto}.table-panel th{text-align:right;background:white;font-size:22px;font-weight:600;padding:17px 12px}.table-panel td{font-size:20px;padding:14px 12px;background:#eee;border-bottom:1px solid #d5d5d5}.table-panel tr:nth-child(even) td{background:#fff}.thin-col{width:55px}.sort-arrow{font-size:14px;color:#8882d6}.expand-circle{border:0;border-radius:50%;background:#29ad41;color:white;font:bold 28px/37px Arial;box-shadow:0 0 0 4px #fff,0 1px 8px #888;width:38px;height:38px;padding:0}.expand-circle.open{background:#de3d47}.branch-detail td{background:#fff!important;border-bottom:2px solid #333}.choose-link{background:none;border:0;color:var(--green);font-size:25px;font-weight:600}.selected-branch{color:var(--green);font-weight:600}.result-count{text-align:center;font-size:18px;margin:12px 0}.pages{display:flex;align-items:center;justify-content:center;gap:25px;font-size:18px;color:#888}.pages b{display:grid;place-items:center;color:#333;font-weight:400;border:1px solid #ccc;background:linear-gradient(#fff,#dedede);width:55px;height:54px}.choose-date label{display:block;font-weight:600;font-size:20px}.choose-date input{margin:7px 0 11px}.time-legend{background:#e6e6e6;display:flex;justify-content:flex-start;align-items:center;gap:28px;padding:13px 15px;border:1px solid #ccc;flex-wrap:wrap}.time-legend span{display:flex;align-items:center;gap:7px}.check-icon{display:inline-grid;place-items:center;vertical-align:middle;border-radius:50%;width:35px;height:35px;font:26px/1 Arial;color:white}.check-icon.available{background:#0db278}.check-icon.unavailable{background:#aaa}.slot-table{border:1px solid #ccc;overflow:auto}.slot-row{display:flex;flex-direction:row;min-height:112px;border-bottom:2px solid #d2d2d2}.slot-row:last-child{border-bottom:none}.slot-day{flex:0 0 25%;max-width:190px;background:#f4f4f4;border-left:1px solid #ccc;padding:10px 8px;text-align:center;display:flex;flex-direction:column;justify-content:center;line-height:1.35}.slot-day strong{font-size:22px}.slot-day small{font-size:16px}.slot-hours{flex:1;display:grid;grid-template-columns:repeat(5,minmax(75px,1fr));align-items:center;padding:10px 8px;gap:4px;direction:rtl;min-width:440px}.slot-choice{border:0;background:transparent;color:#999;display:flex;gap:7px;align-items:center;justify-content:center;flex-wrap:wrap;padding:6px;white-space:nowrap;font-size:18px;direction:ltr}.slot-choice.available{color:#159e6b}.slot-choice.available:hover{background:#ebfff4}.slot-choice.selected{background:#e0f8ed;outline:2px solid var(--green);border-radius:7px}.slot-choice .check-icon{flex:0 0 auto}.slot-choice:disabled{cursor:not-allowed}.summary-services{border:1px solid #ddd;padding:15px;margin-bottom:27px;background:#fafafa}.summary-services h3{text-align:right;margin:0 0 20px}.summary-services .table-panel{padding:15px}.summary-services th,.summary-services td{font-size:18px!important}.summary-grid{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:18px}.summary-grid div{min-width:0}.summary-grid dt{font-size:18px;font-weight:700}.summary-grid dd{margin:3px 0 0;font-size:17px}.green{color:var(--green)}.qr-preview{text-align:center;margin:26px auto}.qr-preview img{object-fit:contain}.qr-preview p{margin:3px}.ticket-ready{text-align:center;margin:30px auto}.ticket-ready h3{font-size:26px;margin:0}.ticket-ready p{font-size:21px;direction:ltr}.notice{padding:12px 16px;border:1px solid #bfdccf;margin:10px 0}.notice.success{color:#067549;background:#ebfbf2}.error-box{color:#992b25;border:1px solid #e7a5a5;background:#fff2f2;padding:11px 15px;margin:10px 0}.site-footer{text-align:center;font-size:13px;color:#666;padding:25px 0}.install-page{display:grid;place-items:center;min-height:100vh}.install-card{width:min(96%,600px);background:white;border:1px solid #ddd;padding:28px;text-align:center}.install-card h1{font-size:25px}.install-card .form-grid{text-align:right;display:grid;gap:12px}.install-card .form-grid label{display:block;font-weight:600}.install-card .form-grid input{margin-top:4px}.install-card .button{margin:4px;min-width:0}
@media(max-width:700px){body{font-size:15px}.site-shell{margin:16px auto;padding:0 12px}.breadcrumbs{font-size:16px;gap:9px;margin:15px 0 24px}.booking-frame{border-width:1px}.frame-title{font-size:22px;padding:7px 12px}.frame-body{padding:18px 13px 23px}.stepper{min-height:87px;margin-bottom:12px}.stepper li::after{top:18px;height:3px}.step-circle{width:37px;height:37px;font-size:20px;margin-bottom:8px}.stepper li.completed .step-circle{font-size:23px}.stepper li{font-size:12px}.screen-heading{font-size:19px}.field-grid{grid-template-columns:1fr;row-gap:4px}.field-grid>label{margin-top:11px;font-weight:500}.field-grid input,.field-grid select{height:44px;font-size:16px}.actions{flex-direction:column;align-items:stretch;gap:7px}.button{width:100%;min-height:52px;font-size:19px}.table-panel{padding:15px 11px}.table-toolbar{display:block}.table-toolbar label{justify-content:flex-end;margin-bottom:12px}.table-toolbar input{width:100%;flex:1;min-width:100px}.table-panel th{font-size:19px;padding:13px 8px}.table-panel td{font-size:16px;padding:12px 7px}.expand-circle{width:30px;height:30px;font-size:22px;line-height:30px}.result-count{font-size:15px}.slot-day{flex-basis:24%;max-width:130px;padding:9px 4px}.slot-day strong{font-size:17px}.slot-day small{font-size:12px}.slot-hours{min-width:360px;grid-template-columns:repeat(5,76px);gap:0;padding:4px}.slot-choice{font-size:13px;gap:3px}.slot-choice .check-icon{width:23px;height:23px;font-size:16px}.time-legend .check-icon{width:27px;height:27px;font-size:19px}.summary-grid{grid-template-columns:1fr;gap:10px}.summary-grid dt{font-size:17px}.summary-grid dd{font-size:16px}.screen .qr-preview img{width:150px;height:150px}.privacy-notice{font-size:13px}}

.stepper.final .step-name{display:block;font-size:12px}
/* v3 — واجهة الحجز ذات ست خطوات، دون حقول الهاتف أو بيانات المركبة */
.customer-grid{max-width:810px;grid-template-columns:230px minmax(0,410px);row-gap:18px;column-gap:24px;margin:24px 0 35px}.customer-grid>label{text-align:right;font-size:21px}.customer-grid .readonly-field{font-weight:600;font-size:20px}.customer-grid input#full_name{border-color:#19b87b}.radio-fields{display:flex;gap:28px;align-items:center;flex-wrap:wrap}.radio-fields label{display:inline-flex;gap:5px;align-items:center;font-size:22px;font-weight:600;cursor:pointer}.radio-fields input{width:20px;height:20px;accent-color:#1884ee;margin:0}.calendar-container{position:relative;min-width:0}.calendar-trigger{height:48px;border:2px solid #16ab73;background:#fff;min-width:100%;width:100%;display:flex;align-items:center;gap:13px;text-align:right;padding:5px 10px;color:#333}.calendar-small-icon{font:26px/1 Arial;color:#21b865}.calendar-popover{position:absolute;z-index:50;top:calc(100% + 6px);right:0;width:min(590px,calc(100vw - 40px));background:#fff;border:1px solid #e4e4e4;border-radius:11px;box-shadow:0 14px 32px #0003;padding:0 0 13px;overflow:hidden}.calendar-head{background:#02ad77;padding:15px 12px}.calendar-selectors{display:flex;gap:12px;justify-content:center}.calendar-selectors select{min-width:110px;max-width:50%;background:#06bf85;color:#fff;border:1px solid #21ce9b;border-radius:7px;padding:7px 14px;font-weight:700;font-size:18px}.calendar-nav{display:flex;justify-content:space-between;padding:8px 15px;gap:8px}.calendar-nav button{border:none;background:transparent;color:#119e67;font-size:19px}.calendar-nav button:nth-child(2){color:#999}.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center;gap:3px;padding:5px 12px;direction:rtl}.calendar-weekdays b{font-weight:600;color:#111;font-size:15px}.calendar-days{min-height:265px}.calendar-day{background:#fff;color:#16ac70;border:1px solid transparent;border-radius:50%;aspect-ratio:1;font-size:18px;max-width:48px;width:100%;margin:auto}.calendar-day:hover:not(:disabled),.calendar-day.selected{border:2px solid #09b272;color:#057f53}.calendar-day:disabled{color:#aaa}.calendar-blank{min-height:35px}.calendar-footer{display:flex;justify-content:space-between;padding:8px 13px 0}.calendar-footer button{border:1px solid #0bad73;color:#0d9c6b;border-radius:20px;padding:4px 25px;background:#fff}.calendar-footer button:first-child{background:#10b77f;color:#fff}.service-grid{max-width:880px;grid-template-columns:215px minmax(0,1fr);row-gap:16px;column-gap:30px}.service-grid>label{font-size:20px;text-align:right}.service-grid .service-check{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:19px;font-weight:600}.service-check input{width:21px;height:21px;accent-color:#0aa774}.service-grid select{border-radius:0;max-width:400px}.operation-help{display:flex;gap:14px;align-items:center}.operation-help span{display:grid;place-items:center;background:linear-gradient(#a4d97f,#278a26);color:white;border-radius:50%;height:36px;width:36px;font-weight:800;border:3px solid #ddd}.pages button{border:0;background:transparent;color:#888}.pages button:disabled{color:#ccc;cursor:not-allowed}.branch-table .choose-link{font-size:20px}.stepper:not(.final) .step-name{display:block;font-size:13px}.stepper li.active .step-name{font-weight:700}.stepper{margin-bottom:30px}
@media(max-width:700px){.customer-grid,.service-grid{grid-template-columns:1fr;gap:4px;max-width:none}.customer-grid>label,.service-grid>label{margin-top:12px;font-size:18px}.customer-grid .readonly-field{font-size:18px}.radio-fields label{font-size:19px}.service-check{font-size:16px!important}.calendar-popover{width:min(550px,calc(100vw - 42px));right:0}.calendar-weekdays b{font-size:11px}.calendar-day{font-size:17px}.calendar-nav button{font-size:16px}.stepper:not(.final) .step-name{display:none}.stepper li.active .step-name{display:block;font-size:12px}.branch-table .choose-link{font-size:15px}.table-panel td,.table-panel th{font-size:14px;padding:9px 5px}.branch-table .thin-col{width:35px}.calendar-days{min-height:230px}}
/* عرض جميع خانات الأوقات الخمس على شاشة الهاتف دون إخفاء خيارات 3 و4 مساء */
@media(max-width:700px){.slot-day{flex:0 0 23%;min-width:75px;max-width:95px}.slot-hours{flex:1;min-width:0;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;padding:5px 2px}.slot-choice{white-space:normal;flex-direction:column-reverse;gap:5px;font-size:10px;line-height:1.1;padding:6px 1px}.slot-choice .check-icon{width:20px;height:20px;font-size:14px}.slot-day strong{font-size:13px}.slot-day small{font-size:10px}}

/* v7: قائمة خدمات ديناميكية، خدمة واحدة لكل حجز */
.service-choices{display:flex;flex-direction:column;gap:9px;align-items:flex-start;min-width:0}
.service-choices .service-check{display:flex;align-items:center;gap:8px;font-weight:500;cursor:pointer}
.service-choices .service-check input{width:20px;height:20px;min-width:20px;accent-color:#008b5e;margin:0}
.unavailable-hint{color:#ab3c32;font-size:14px}