[hidden]{display:none!important}.vehicle-art[role=button]{cursor:pointer}.vehicle-art[role=button]:hover .stock-photo{transform:scale(1.035)}.stock-photo{transition:transform .25s}.wf-section-title{margin:32px 0 18px}.wf-section-title h2{font-size:27px;margin-top:8px}.wf-stock-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.wf-mini{display:flex;align-items:center;gap:12px;border:0;background:none;width:100%;padding:12px 0;text-align:start}.wf-mini>div{height:70px;width:90px;flex-shrink:0;border-radius:10px;position:relative;overflow:hidden;background:#e9eeea}.wf-mini .stock-photo{width:100%;height:100%;object-fit:cover}.wf-mini .photo-label{display:none}.wf-mini>span:nth-child(2){flex:1}.wf-mini b,.wf-mini small{display:block}.wf-mini small{color:var(--muted);margin:5px 0}.wf-mini .badge{font-size:9px}.wf-journey{margin:20px 0}.wf-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--line);border-top:1px solid var(--line)}.wf-steps button{display:flex;flex-direction:column;gap:7px;text-align:start;padding:16px 18px;background:white;border:0;min-height:105px}.wf-steps button:hover{background:#f2f6ed}.wf-steps button.current{background:#173d2c;color:#fff}.wf-steps button>span{font-size:10px;opacity:.55}.wf-steps button>b{font-size:12px;line-height:1.4}.wf-steps button>small{opacity:.6}.wf-studio{overflow:hidden;margin:24px 0;background:#f0f3f0;border:1px solid #dce4df;box-shadow:0 15px 50px #112c2110}.wf-studio-heading{padding:28px 30px 10px;display:flex;justify-content:space-between;gap:20px}.wf-studio h2{font-size:30px;letter-spacing:-1.2px;margin:7px 0}.wf-studio-heading p{color:#728279;font-size:12px}.wf-studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px}.wf-studio-layout>div{min-width:0}.wf-canvas{height:420px;position:relative;background:radial-gradient(ellipse at 50% 45%,#fff 0,#eef2ee 60%,#e5ece7 100%);overflow:hidden}.wf-canvas canvas{width:100%;height:100%;display:block;touch-action:none}.wf-loading{position:absolute;inset:0;display:grid;place-items:center;padding:30px;text-align:center;color:#6c7b73;font-size:13px}.wf-camera-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;padding:8px 15px}.wf-camera-bar button{background:#ffffffb8;border-color:#d9e2dc}.wf-studio-help{font-size:10px;color:#7b897f;text-align:center;line-height:1.8;padding:5px 24px 18px}.wf-studio-note{font-size:10px;color:#7a8980;padding:14px 30px;border-top:1px solid #dce4de}.wf-parts{padding:24px 20px;background:#ffffffb3;border-inline-start:1px solid #dce4df;min-width:0}.wf-hover{font-size:17px;font-weight:700;min-height:55px;margin:10px 0}.wf-part-buttons{max-height:370px;overflow:auto;display:flex;flex-direction:column;gap:5px}.wf-part-buttons button{border:1px solid #dce5df;background:white;border-radius:7px;padding:9px 10px;display:flex;justify-content:space-between;gap:8px;text-align:start;font-size:11px}.wf-part-buttons button.open{background:#fff4e4;border-color:#e5c38d}.wf-part-buttons button.done{background:#e5f3eb;border-color:#a9ceb9}.wf-part-buttons small{opacity:.6}.wf-sales-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.wf-sales-grid p{margin:15px 0;color:var(--muted)}.wf-enquiry{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.wf-enquiry:last-child{border:0}.wf-enquiry h3{margin:8px 0}.wf-enquiry p{margin:8px 0;line-height:1.6}.wf-enquiry small{color:var(--muted)}.wf-cost-item{width:100%;display:flex;justify-content:space-between;gap:15px;text-align:start;background:#fff;border:1px solid var(--line);padding:13px;border-radius:9px;margin:9px 0}.wf-cost-item small{display:block;margin-top:5px;color:var(--muted)}.wf-stage-activity article{border-inline-start:2px solid #97b99b;padding:12px 0 12px 16px;margin:14px 0}.wf-stage-activity h3{margin:9px 0;font-size:15px}.wf-stage-activity p{line-height:1.7;white-space:pre-wrap;margin-bottom:10px}.wf-files{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.wf-files article{padding:10px;border:1px solid var(--line);background:#fff;border-radius:10px;min-width:0}.wf-files article>button:first-child{border:0;background:none;width:100%;text-align:start}.wf-files img{width:100%;height:105px;object-fit:cover;border-radius:7px}.wf-files b,.wf-files small{display:block;overflow-wrap:anywhere;margin:7px 0;font-size:10px}.wf-files .text-button{font-size:10px;margin-top:6px}.wf-file-preview{width:100%;max-height:260px;object-fit:contain;border-radius:10px;margin:16px 0;background:#e5eae6}.wf-pdf-preview{width:100%;height:340px;margin:14px 0}.wf-document{display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,#e8f0eb,#fafbf7);height:105px;border:1px solid var(--line);font-size:25px;font-weight:700;color:#728977;border-radius:6px}.wf-document small{font-size:9px;margin-top:8px}.wf-messages article{border-radius:12px 12px 12px 2px;padding:16px;background:#e8eee8;margin:15px 30px 15px 0}.wf-messages article.reply{background:#1c4633;color:#eff8ed;margin:15px 0 15px 30px;border-radius:12px 12px 2px 12px}.wf-messages small{opacity:.65}.wf-messages p{line-height:1.75;margin-top:7px;white-space:pre-wrap;overflow-wrap:anywhere}.wf-viewing-form{border-top:1px solid var(--line);margin-top:25px;padding-top:5px}.wf-viewing-form .btn{margin-top:12px}.wf-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wf-compare figure{margin:0}.wf-compare img{width:100%;border-radius:9px;background:#eef2ed}.wf-compare figcaption{margin:9px 0;font-size:12px;font-weight:700}.wf-evidence{margin:24px 0}.role-options{gap:8px}.role-option{padding:13px 16px}.role-option h3{font-size:14px}.role-option p{font-size:11px}.gate-heading{margin-bottom:20px}.gate-form{padding-top:30px;padding-bottom:30px}.entry-gate{overflow:auto}html[dir=rtl] .wf-stage-activity article{padding:12px 16px 12px 0}html[dir=rtl] .wf-messages article{margin:15px 0 15px 30px}html[dir=rtl] .wf-messages article.reply{margin:15px 30px 15px 0}body[data-demo-role=seller] .record-photo{overflow:hidden;position:relative}body[data-demo-role=seller] .record-photo img{width:100%;height:100%;object-fit:cover}
@media(min-width:1500px){.wf-canvas{height:500px}.wf-studio-layout{grid-template-columns:minmax(0,1fr) 270px}.wf-part-buttons{max-height:450px}}
@media(max-width:1100px){.wf-stock-columns{grid-template-columns:1fr}.wf-studio-layout{grid-template-columns:minmax(0,1fr) 190px}.wf-parts{padding:18px 12px}.wf-canvas{height:350px}.wf-part-buttons{max-height:310px}.wf-mini>div{width:110px;height:75px}}
@media(max-width:700px){.wf-studio-heading{padding:20px 18px 5px}.wf-studio h2{font-size:25px}.wf-studio-layout{display:block}.wf-canvas{height:320px}.wf-parts{border-inline-start:0;border-top:1px solid #dce4df;padding:18px}.wf-hover{min-height:0;margin:8px 0 12px}.wf-part-buttons{display:grid;grid-template-columns:1fr 1fr;max-height:210px}.wf-studio-note{padding:12px 18px;line-height:1.6}.wf-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.wf-steps button{min-height:92px;padding:12px 15px}.wf-sales-grid{grid-template-columns:1fr}.wf-enquiry{display:block}.wf-enquiry .btn{margin-top:15px}.wf-compare{grid-template-columns:1fr}.wf-camera-bar button{font-size:10px;padding:7px}.wf-stock-picture .wf-section-title h2{font-size:24px}.wf-files{grid-template-columns:1fr 1fr}.record-stats .stat-value{overflow-wrap:anywhere}.gate-form{padding:25px 22px}.role-option{padding:12px}.wf-studio{margin:20px 0}.wf-mini>div{width:95px}}
@media(prefers-reduced-motion:reduce){.stock-photo{transition:none}}
.wf-stock-count{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:6px}.life-overview-step{min-height:85px}
.wf-job-vehicle{display:flex;align-items:center;gap:16px;background:#f0f4ee;border-radius:14px;padding:14px;margin:18px 0}.wf-job-thumb{position:relative;width:145px;height:110px;flex-shrink:0;border-radius:10px;overflow:hidden}.wf-job-thumb img{width:100%;height:100%;object-fit:cover}.wf-job-thumb .photo-label{display:none}.wf-job-vehicle h3{margin:7px 0;font-size:18px}.wf-job-vehicle p{margin:7px 0;font-size:12px}.wf-job-vehicle small{display:block;font-size:10px;line-height:1.5;color:var(--muted)}@media(max-width:500px){.wf-job-vehicle{display:block}.wf-job-thumb{width:100%;height:150px;margin-bottom:14px}}

.wf-welcome-list{display:grid;gap:20px;margin:30px 0}.wf-welcome-list>div{display:flex;align-items:center;gap:16px}.wf-welcome-list span{font-size:12px;color:#63816d;background:#edf2e9;padding:14px;border-radius:12px}.wf-welcome-list h3{font-size:17px;line-height:1.5}.wf-role-matrix{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.wf-role-matrix article{padding:16px;border:1px solid var(--line);border-radius:12px}.wf-role-matrix p{margin:10px 0;line-height:1.6;font-size:12px}.wf-assignment{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);gap:16px}.wf-assignment input{width:22px;height:22px}.wf-assignment:last-of-type{margin-bottom:20px}@media(max-width:600px){.wf-role-matrix{grid-template-columns:1fr}.wf-welcome-list h3{font-size:16px}}
.gate-visual.sarmad-branded{background:#142f26;padding:34px 46px;display:flex;flex-direction:column;gap:20px;color:#fff}.gate-visual.sarmad-branded:before{display:none}.sarmad-branded .gate-wordmark{position:relative;z-index:1}.sarmad-wordmark strong{font-size:22px;letter-spacing:2px;color:#dcb75b}.sarmad-wordmark strong span{color:#fff;margin-inline-start:5px}.sarmad-wordmark small{display:block;font-size:11px;color:#c5c6c9;letter-spacing:.2px;margin-top:8px}.sarmad-identity{display:block;width:min(100%,390px);height:auto;aspect-ratio:1;object-fit:contain;align-self:center;border-radius:18px;position:relative}.sarmad-branded .gate-story{padding-top:0;margin:0;max-width:520px;position:relative}.sarmad-branded .gate-story>.eyebrow{color:#dfbd65}.sarmad-branded .gate-story h1{font-size:42px;line-height:1.12;margin:12px 0}.sarmad-branded .gate-story p{font-size:13px;line-height:1.7;color:#ced0d2;max-width:470px}.sarmad-branded .gate-status{margin-top:16px;color:#e8ce91}.sarmad-branded .gate-status i{background:#d9b458}.sarmad-branded .gate-photo-note{position:relative;left:auto;right:auto;bottom:auto;color:#9d9fa5;font-size:10px;line-height:1.7;margin-top:auto}.sarmad-branded .gate-photo-note a{display:block;color:#e8ce91}.ceo-hero-image{background-image:url('assets/sarmad-showroom-green.png')!important;background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#171a1f}
@media(max-width:900px){.gate-visual.sarmad-branded{padding:28px;gap:18px}.sarmad-branded .gate-story h1{font-size:34px}.sarmad-wordmark small{line-height:1.6}}
@media(max-width:640px){.gate-visual.sarmad-branded{padding:23px 24px 25px;min-height:0;gap:18px}.sarmad-identity{width:min(100%,340px)}.sarmad-wordmark strong{font-size:19px}.sarmad-wordmark small{font-size:10px}.sarmad-branded .gate-story{max-width:none}.sarmad-branded .gate-story h1{font-size:30px;line-height:1.2}.sarmad-branded .gate-story>p{display:block;font-size:12px;margin-top:10px}.sarmad-branded .gate-photo-note{display:block;font-size:9px}.sarmad-branded .gate-story>.eyebrow{font-size:9px;letter-spacing:1.1px}[dir=rtl] .sarmad-branded .gate-story h1{font-size:30px;line-height:1.4}[dir=rtl] .sarmad-branded .gate-story>.eyebrow{letter-spacing:0}}