/* Custom project details and a touch-friendly budget slider. */
.custom-form-field{display:block;margin:0 0 18px}
.custom-form-field[hidden]{display:none!important}
.type-pills>button{white-space:nowrap}
.budget-control{border:1px solid var(--line);border-radius:8px;padding:15px 17px 12px;min-width:0}
.budget-control output{display:block;font:600 23px var(--sans);color:var(--ink);margin-bottom:8px;text-align:start}
.contact input[type=range]#project-budget{appearance:none;-webkit-appearance:none;display:block;width:100%;height:44px;padding:0;margin:0;cursor:ew-resize;border:0;border-radius:0;background:transparent;direction:ltr;touch-action:pan-y}
#project-budget::-webkit-slider-runnable-track{height:6px;border-radius:10px;background:linear-gradient(to right,#97c82a 0%,#97c82a var(--budget-fill,0%),#d7d9cf var(--budget-fill,0%),#d7d9cf 100%)}
#project-budget::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:24px;height:24px;border:3px solid var(--paper);border-radius:50%;background:#111;box-shadow:0 0 0 1px #b8bdac;margin-top:-9px}
#project-budget::-moz-range-track{height:6px;border-radius:10px;background:#d7d9cf}
#project-budget::-moz-range-progress{height:6px;border-radius:10px;background:#97c82a}
#project-budget::-moz-range-thumb{width:20px;height:20px;border:3px solid var(--paper);border-radius:50%;background:#111;box-shadow:0 0 0 1px #b8bdac}
.budget-limits{display:flex;justify-content:space-between;gap:10px;font:12px var(--sans);color:#65695c;line-height:1.4}
.contact .project-row{align-items:start}
html[lang=ar] .budget-control output{font-family:var(--sans);font-size:23px}
@media(max-width:760px){.type-pills>button{font-size:13px;padding:9px 13px}.custom-form-field{margin-bottom:16px}.budget-control{padding:12px 16px}.budget-control output{font-size:22px}}
