/* «اطلب لمحلّك» — the contact form every Khrais system page shows (rendered by lead.js into <div data-khrais-lead="ranna">).
   Self-contained: its own palette, scoped under .klead; a page may set --klead-accent / --klead-font to match itself. */
.klead{--k-ink:#141210;--k-paper:#fffdf9;--k-field:#f6f2ea;--k-line:#e2dccf;--k-soft:#6b645c;--k-acc:var(--klead-accent,#ff5b24);--k-font:var(--klead-font,"IBM Plex Sans Arabic","Alexandria",system-ui,sans-serif);
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(22px,4vw,56px);align-items:start;color:var(--k-ink);font-family:var(--k-font);text-align:start}
.klead :is(h2,h3,p){margin:0}
.klead:lang(ar),.klead :lang(ar){letter-spacing:0!important}
.klead__eb{display:inline-flex;align-items:center;gap:10px;font:700 14px/1.4 var(--k-font);color:var(--k-acc)}
.klead__eb::before{content:"";width:22px;height:2px;border-radius:2px;background:currentColor}
.klead h2{margin:16px 0 14px;font:800 clamp(32px,4.4vw,52px)/1.28 "Alexandria",var(--k-font)}
.klead__lead{font:500 17px/1.8 var(--k-font);color:var(--k-soft);max-width:44ch}
.klead__price{margin-top:22px;padding:18px 20px;border-radius:22px;background:var(--k-paper);box-shadow:inset 0 0 0 1px var(--k-line)}
.klead__price b{display:block;font:800 clamp(24px,3vw,32px)/1.3 "Alexandria",var(--k-font)}
.klead__price span{display:block;margin-top:4px;font:600 14.5px/1.6 var(--k-font);color:var(--k-soft)}
.klead__price ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px;font:500 14.5px/1.6 var(--k-font)}
.klead__price li{position:relative;padding-inline-start:22px}
.klead__price li::before{content:"";position:absolute;inset-inline-start:2px;top:.55em;width:10px;height:6px;border:2.5px solid var(--k-acc);border-top:0;border-inline-end:0;transform:rotate(-45deg)}
.klead__alt{display:flex;align-items:center;gap:12px;margin-top:14px;padding:14px 18px;border-radius:20px;background:var(--k-paper);box-shadow:inset 0 0 0 1px var(--k-line);color:inherit;text-decoration:none;font:600 15px/1.5 var(--k-font)}
.klead__alt i{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#fde8df;color:#c73d0c}
.klead__alt i svg{width:22px;height:22px}
.klead__alt small{display:block;color:var(--k-soft);font-weight:500;font-size:13px}
.klead form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px;padding:clamp(18px,3vw,30px);border-radius:28px;background:var(--k-paper);box-shadow:inset 0 0 0 1px var(--k-line),0 24px 50px -36px rgba(20,18,16,.45)}
.klead .full{grid-column:1/-1}
.klead label{display:grid;gap:7px;min-width:0;font:700 14px/1.4 var(--k-font)}
.klead label small{font-weight:500;color:var(--k-soft)}
.klead label>span{display:block}
.klead :is(input,select,textarea){width:100%;max-width:100%;min-width:0;box-sizing:border-box;padding:13px 14px;border:1px solid var(--k-line);border-radius:14px;background:var(--k-field);color:var(--k-ink);font:500 16px/1.4 var(--k-font);appearance:none;-webkit-appearance:none}
.klead select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23141210' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:12px 8px;background-position:left 16px center;padding-inline-start:14px;padding-inline-end:14px;padding-left:40px}
.klead[dir=ltr] select{background-position:right 16px center;padding-left:14px;padding-right:40px}
.klead textarea{min-height:110px;resize:vertical}
.klead :is(input,select,textarea):focus{outline:2px solid var(--k-acc);outline-offset:1px;background:#fff}
.klead input[type=tel]{direction:ltr;text-align:start}
.klead[dir=rtl] input[type=tel]{text-align:right}
.klead__chips{display:flex;flex-wrap:wrap;gap:8px}
.klead__chips button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--k-line);border-radius:999px;padding:10px 16px;background:var(--k-field);color:var(--k-ink);font:700 14.5px/1.3 var(--k-font);cursor:pointer}
.klead__chips button[aria-pressed=true]{background:var(--k-ink);border-color:var(--k-ink);color:#fff}
.klead__go{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;border:0;border-radius:999px;background:var(--k-acc);color:#fff;font:800 17px/1 var(--k-font);cursor:pointer;box-shadow:0 14px 28px -16px var(--k-acc)}
.klead__go:disabled{opacity:.6;cursor:default}
.klead__go svg{width:18px;height:18px}
.klead[dir=rtl] .klead__go svg{transform:scaleX(-1)}
.klead__note{margin:0;font:500 13px/1.5 var(--k-font);color:var(--k-soft);text-align:center}
.klead__err{margin:0;color:#b3261e;font:700 14px/1.5 var(--k-font)}
.klead__hp{position:absolute!important;inset-inline-start:-9999px!important;width:1px;height:1px;opacity:0}
.klead__ok{display:grid;justify-items:center;gap:10px;padding:clamp(28px,5vw,48px) 22px;border-radius:28px;background:var(--k-paper);box-shadow:inset 0 0 0 1px var(--k-line);text-align:center}
.klead__ok i{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:#2f7d57;color:#fff}
.klead__ok i svg{width:32px;height:32px}
.klead__ok h3{font:800 24px/1.3 "Alexandria",var(--k-font)}
.klead__ok p{color:var(--k-soft);font:500 16px/1.7 var(--k-font);max-width:36ch}
@media (max-width:860px){.klead{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.klead form{grid-template-columns:minmax(0,1fr);border-radius:22px}.klead__chips button{flex:1 1 auto}}