.dbf-form{--dbf-bg:#111111;--dbf-surface:#1e1e1e;--dbf-accent:#c00000;--dbf-text:#ffffff;--dbf-muted:#9a9a9a;--dbf-radius:12px;--dbf-gap:clamp(16px, 3.5vw, 22px);--dbf-pad-x:clamp(16px, 5vw, 34px);--dbf-pad-y:clamp(22px, 5vw, 34px);--dbf-field-pad-y:clamp(13px, 3.4vw, 16px);--dbf-field-pad-x:clamp(14px, 4vw, 18px);--dbf-fs-base:clamp(15px, 3.8vw, 16px);--dbf-fs-title:clamp(17px, 4.6vw, 21px);--dbf-fs-label:clamp(14px, 3.6vw, 15px);--dbf-border:rgba(255, 255, 255, 0.09);box-sizing:border-box;inline-size:100%;max-inline-size:640px;margin-inline:auto;padding:var(--dbf-pad-y) var(--dbf-pad-x) calc(var(--dbf-pad-y) + 6px);border-radius:var(--dbf-radius);background:var(--dbf-bg);color:var(--dbf-text);text-align:start;font-family:"Tajawal","Cairo","Segoe UI",Tahoma,Arial,sans-serif;font-size:var(--dbf-fs-base);line-height:1.6}.dbf-form *,.dbf-form *::before,.dbf-form *::after{box-sizing:border-box}.dbf-section-title{display:flex;align-items:center;justify-content:center;gap:clamp(10px, 3vw, 16px);margin-block:6px 24px}.dbf-section-title--data{margin-block-start:clamp(26px, 6vw, 40px)}.dbf-section-title__text{text-align:center;flex:0 1 auto;min-inline-size:0}.dbf-section-title__text h3{margin:0;font-size:var(--dbf-fs-title);font-weight:800;color:var(--dbf-text)}.dbf-section-title__text p{margin:4px 0 0;font-size:clamp(12px, 3.2vw, 13px);color:var(--dbf-muted)}.dbf-bar{flex:1 1 auto;block-size:9px;max-inline-size:clamp(48px, 20vw, 120px);background:var(--dbf-accent);border-radius:4px}.dbf-field{margin-block-end:var(--dbf-gap)}.dbf-field>label{display:block;margin-block-end:8px;font-size:var(--dbf-fs-label);font-weight:600;color:var(--dbf-muted)}.dbf-req{color:var(--dbf-accent)}.dbf-input{inline-size:100%;background:var(--dbf-surface);border:1px solid var(--dbf-border);color:var(--dbf-text);font-size:var(--dbf-fs-base);font-family:inherit;padding:var(--dbf-field-pad-y) var(--dbf-field-pad-x);border-radius:var(--dbf-radius);outline:none;transition:border-color 0.15s ease,box-shadow 0.15s ease;-webkit-appearance:none;appearance:none}.dbf-input::placeholder{color:var(--dbf-muted);opacity:.8}.dbf-input:focus{border-color:var(--dbf-accent);box-shadow:0 0 0 3px rgb(192 0 0 / .25)}.dbf-input--phone{direction:ltr;text-align:start}.dbf-group-label{display:block;margin-block-end:10px;font-size:var(--dbf-fs-label);font-weight:600;color:var(--dbf-muted)}.dbf-options{display:flex;flex-wrap:wrap;gap:10px}.dbf-option{flex:0 1 auto;min-block-size:48px;padding:12px 20px;background:var(--dbf-surface);color:var(--dbf-text);border:1px solid var(--dbf-border);border-radius:var(--dbf-radius);font-family:inherit;font-size:var(--dbf-fs-base);font-weight:600;cursor:pointer;transition:border-color 0.15s ease,background 0.15s ease,color 0.15s ease}.dbf-option:hover{border-color:var(--dbf-accent)}.dbf-option.is-selected{background:var(--dbf-accent);border-color:var(--dbf-accent);color:#fff}.dbf-option:focus-visible{outline:3px solid rgb(192 0 0 / .4);outline-offset:2px}.dbf-empty{margin:0;color:var(--dbf-muted);font-size:var(--dbf-fs-label)}.dbf-appointment__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-block-end:12px}.dbf-appointment__head .dbf-group-label{margin-block-end:0}.dbf-daynav{display:flex;gap:8px}.dbf-daynav__btn{inline-size:40px;block-size:40px;display:flex;align-items:center;justify-content:center;background:var(--dbf-surface);color:var(--dbf-text);border:1px solid var(--dbf-border);border-radius:10px;font-size:20px;line-height:1;cursor:pointer;transition:border-color 0.15s ease,opacity 0.15s ease}.dbf-daynav__btn:hover{border-color:var(--dbf-accent)}.dbf-daynav__btn:disabled{opacity:.4;cursor:not-allowed}.dbf-days{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dbf-day{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px 6px;min-block-size:76px;background:var(--dbf-surface);color:var(--dbf-text);border:1px solid var(--dbf-border);border-radius:var(--dbf-radius);font-family:inherit;cursor:pointer;transition:border-color 0.15s ease,background 0.15s ease,color 0.15s ease}.dbf-day:hover{border-color:var(--dbf-accent)}.dbf-day__name{font-size:clamp(12px, 3vw, 13px);color:var(--dbf-muted);text-align:center}.dbf-day__num{font-size:clamp(20px, 5.5vw, 26px);font-weight:800;line-height:1}.dbf-day.is-selected{background:var(--dbf-accent);border-color:var(--dbf-accent);color:#fff}.dbf-day.is-selected .dbf-day__name{color:rgb(255 255 255 / .85)}.dbf-submit{display:block;inline-size:100%;margin-block-start:10px;padding:clamp(15px, 3.8vw, 17px) 20px;background:var(--dbf-accent);color:#fff;border:none;border-radius:var(--dbf-radius);font-family:inherit;font-size:clamp(16px, 4vw, 17px);font-weight:700;cursor:pointer;transition:filter 0.15s ease,opacity 0.15s ease}.dbf-submit:hover{filter:brightness(1.1)}.dbf-submit:focus-visible{outline:3px solid rgb(192 0 0 / .5);outline-offset:2px}.dbf-submit:disabled{opacity:.7;cursor:progress}.dbf-error{display:none;margin-block-start:6px;font-size:13px;color:#ff6b6b}.dbf-error.is-visible{display:block}.dbf-field.has-error .dbf-input{border-color:#ff6b6b}.dbf-field.has-error .dbf-options,.dbf-field.has-error .dbf-days{outline:1px solid rgb(255 107 107 / .6);outline-offset:6px;border-radius:var(--dbf-radius)}.dbf-hp{position:absolute!important;inset-inline-start:-9999px!important;inset-block-start:auto!important;inline-size:1px!important;block-size:1px!important;overflow:hidden!important}.dbf-message{margin-block-start:18px;font-size:var(--dbf-fs-base);text-align:center;border-radius:var(--dbf-radius)}.dbf-message.is-visible{padding:14px 16px}.dbf-message.is-success{background:rgb(46 160 67 / .15);color:#4ade80;border:1px solid rgb(46 160 67 / .4)}.dbf-message.is-error{background:rgb(192 0 0 / .12);color:#ff6b6b;border:1px solid rgb(192 0 0 / .4)}@media (max-width:480px){.dbf-form{border-radius:0}}@media (min-width:700px){.dbf-form{padding-inline:40px}}@media (prefers-reduced-motion:reduce){.dbf-input,.dbf-option,.dbf-day,.dbf-daynav__btn,.dbf-submit{transition:none}}