.kbsp{--acc:#c9a45c;direction:rtl;font-family:"IBM Plex Sans Arabic",Tahoma,sans-serif;max-width:720px;margin:20px auto;color:#1c1709}
.kbsp *{box-sizing:border-box}.kbsp-card{background:#fff;border:1px solid rgba(40,32,18,.12);border-radius:20px;padding:22px;box-shadow:0 18px 40px -26px rgba(30,24,10,.35)}
.kbsp h2{margin:0 0 4px;font-size:1.35rem}.kbsp-sub{color:#5d5646;margin:0 0 14px}
.kbsp-g{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}.kbsp-g .w{grid-column:1/-1}
.kbsp label{display:grid;gap:5px;font-weight:600;font-size:.9rem}.kbsp label b{color:#c62828}
.kbsp input,.kbsp select,.kbsp textarea{width:100%;padding:11px 13px;border-radius:12px;border:1px solid rgba(40,32,18,.18);background:#fff;font:inherit;color:inherit;min-height:46px}
.kbsp input:focus,.kbsp select:focus,.kbsp textarea:focus{outline:0;border-color:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 22%,transparent)}
.kbsp-btn{margin-top:16px;width:100%;padding:14px;border:0;border-radius:14px;font:700 1.05rem inherit;font-family:inherit;cursor:pointer;color:#17120a;background:linear-gradient(135deg,color-mix(in srgb,var(--acc) 55%,#fff),var(--acc) 50%,color-mix(in srgb,var(--acc) 75%,#000));box-shadow:0 10px 24px -14px var(--acc)}
.kbsp-btn:disabled{opacity:.6}.kbsp-msg{min-height:1.3em;font-weight:700;margin:10px 0 0}.kbsp-msg.er{color:#c62828}.kbsp-msg.ok{color:#0f8a5f}.kbsp-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.kbsp-slots{display:flex;flex-wrap:wrap;gap:6px}.kbsp-slots button{padding:8px 12px;border-radius:10px;border:1px solid rgba(40,32,18,.18);background:#fff;font:inherit;font-weight:700;cursor:pointer}.kbsp-slots button.on{background:var(--acc);color:#17120a;border-color:transparent}
.kbsp-done{text-align:center;padding:10px}.kbsp-done b{display:block;font-size:1.6rem;margin:6px 0}
.kbsp-steps{list-style:none;margin:14px 0;padding:0;display:grid;gap:0}.kbsp-steps li{position:relative;padding:8px 34px 8px 0;color:#8a8270}.kbsp-steps li::before{content:"";position:absolute;right:8px;top:12px;width:14px;height:14px;border-radius:50%;border:2px solid #cfc8b8;background:#fff}
.kbsp-steps li::after{content:"";position:absolute;right:14px;top:28px;bottom:-12px;width:2px;background:#e5e0d4}.kbsp-steps li:last-child::after{display:none}
.kbsp-steps li.done{color:#1c1709}.kbsp-steps li.done::before{background:#0f8a5f;border-color:#0f8a5f}.kbsp-steps li.cur{color:#1c1709;font-weight:800}.kbsp-steps li.cur::before{background:var(--acc);border-color:var(--acc);box-shadow:0 0 0 5px color-mix(in srgb,var(--acc) 25%,transparent)}
.kbsp-a{display:inline-block;margin:6px 4px;padding:10px 16px;border-radius:12px;background:#f3f1ec;color:#1c1709;text-decoration:none;font-weight:700}

.kbsp[dir=ltr]{direction:ltr;font-family:"IBM Plex Sans","IBM Plex Sans Arabic",Tahoma,sans-serif}