@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#20271f;--muted:#778071;--lime:#f0ab2e;--paper:#f5f6f0;--line:#e2e5da;--green:#087b58;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #709e29;outline-offset:4px}input:focus,select:focus,textarea:focus{outline:2px solid #93b647;outline-offset:1px}button:disabled{cursor:not-allowed;opacity:.5}.header{height:91px;background:#fff;display:flex;align-items:center;gap:55px;padding:0 5%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;line-height:1;letter-spacing:1px}.brand-sub{display:block;font-size:10px;letter-spacing:4px;margin-top:6px}.brand-mark{display:grid;place-items:center;background:var(--lime);width:42px;height:43px;border-radius:11px;font-size:35px;letter-spacing:0}.header nav{display:flex;align-self:stretch;gap:31px}.nav{border:0;background:none;font-weight:650;font-size:13px;position:relative;white-space:nowrap}.nav.active:after{content:'';position:absolute;bottom:0;height:3px;background:var(--ink);left:0;right:0}.head-actions{margin-left:auto;display:flex;align-items:center;gap:24px}.lang{font-weight:750;font-size:12px}.btn{border:0;padding:14px 22px;border-radius:9px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:46px}.btn.dark{background:var(--ink);color:white}.btn.lime{background:var(--lime)}.btn.outline{border:1px solid var(--line);background:white}.btn.small{min-height:40px;padding:10px 17px;font-size:12px}.btn:hover{filter:brightness(.96)}.icon-button{border:1px solid var(--line);background:white;width:36px;height:36px;border-radius:50%;display:grid;place-items:center}.head-actions .icon-button{display:none}main{max-width:1600px;margin:auto;padding:30px 5% 55px}.hero{position:relative;background:#e9eddf;border:1px solid #dfe5d3;border-radius:20px;min-height:266px;overflow:hidden;display:flex;align-items:center;padding:32px 38px}.hero-copy{position:relative;z-index:1;width:58%}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:800;display:flex;align-items:center;gap:8px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#62964a}.hero h1{font-size:clamp(30px,3.5vw,49px);letter-spacing:-2px;line-height:1.15;margin:15px 0 13px;font-weight:800}.hero h1 span{color:#65843d}.hero p{color:#6a7363;font-size:13px;line-height:1.8;margin:0;max-width:400px}.hero-art{position:absolute;right:0;top:0;width:47%;height:100%}.hero .hero-tag{position:absolute;bottom:22px;right:25px;font-size:10px;font-weight:700;color:#596849;display:flex;gap:6px;align-items:center}.hero-tag span{width:5px;height:5px;background:#709b45;border-radius:50%}.quick-row{display:flex;gap:12px;margin:24px 0 29px}.category{flex:1;min-width:0;text-align:left;display:flex;gap:13px;align-items:center;padding:16px;background:#fff;border:1px solid var(--line);border-radius:11px;transition:.15s}.category.active{background:var(--ink);color:white;border-color:var(--ink)}.category .cat-icon{font-size:22px;width:39px;height:39px;display:grid;place-items:center;background:var(--paper);border-radius:9px;color:var(--ink)}.category.active .cat-icon{background:#3b4434;color:var(--lime)}.category strong{font-size:12px;display:block}.category small{font-size:10px;color:#8a9184;display:block;margin-top:5px}.category.active small{color:#bbc5ac}.category:hover{transform:translateY(-2px)}.catalog-layout{display:grid;grid-template-columns:238px 1fr;gap:26px}.filters{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px;height:fit-content}.filter-heading{display:flex;justify-content:space-between;align-items:center;font-weight:800;margin-bottom:22px}.link-btn{border:0;background:none;font-size:11px;color:#798470;text-decoration:underline;padding:0}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:17px}.field>span,.field>label{font-size:11px;font-weight:750;color:#606b58}.field input,.field select,.field textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:7px;padding:11px 10px;background:#fff;color:var(--ink);font-size:12px}.field textarea{min-height:80px;resize:vertical}.field input::placeholder{color:#a0a694}.field .hint{color:var(--muted);font-size:10px;font-weight:400;line-height:1.6}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.separator{height:1px;background:var(--line);margin:20px 0}.check-row{font-size:11px;display:flex;align-items:center;gap:9px;line-height:1.6;cursor:pointer}.check-row input{accent-color:var(--ink);width:16px;height:16px}.filter-note{margin-top:22px;background:#f3f6eb;padding:13px;border-radius:9px;font-size:10px;line-height:1.8;color:#707e61}.filter-note strong{display:block;color:var(--ink);margin-bottom:3px}.results-head{display:flex;align-items:center;gap:15px;margin-bottom:18px}.results-head h2{font-size:21px;letter-spacing:-.5px;margin:0}.result-count{font-size:11px;color:var(--muted);margin-top:6px}.sort{margin-left:auto;border:1px solid var(--line);border-radius:7px;background:white;padding:10px;font-size:11px;max-width:180px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.card{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden;transition:.2s}.card:hover{box-shadow:0 6px 22px #26341c0c;transform:translateY(-3px)}.card-image{height:166px;background:#edf0e7;position:relative;overflow:hidden}.card:nth-child(3n+2) .card-image{background:#e9eced}.card:nth-child(3n+3) .card-image{background:#f0ece4}.card-image svg{width:100%;height:100%;padding:17px 6px 5px}.card-image img{width:100%;height:100%;object-fit:cover}.status-badge{position:absolute;top:12px;left:12px;background:#fffef8e8;border:1px solid #ffffffb0;border-radius:5px;padding:5px 8px;font-size:9px;font-weight:700;display:flex;align-items:center;gap:5px}.status-badge .dot{width:5px;height:5px}.status-badge.busy{color:#98753a}.status-badge.busy .dot{background:#c59e5b}.favorite{position:absolute;right:11px;top:10px;border:0;border-radius:50%;width:29px;height:29px;background:#ffffffbb;font-size:19px;display:grid;place-items:center}.favorite.saved{color:#648b27;background:#e6f5c9}.card-body{padding:16px}.card-type{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#8a9382;font-weight:750}.card h3{margin:7px 0 8px;font-size:17px;letter-spacing:-.5px}.location{font-size:10px;color:#7c8674;display:flex;gap:5px;align-items:center}.specs{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.specs span{background:#f4f5ef;border-radius:5px;padding:6px 7px;font-size:9px;color:#627056}.card-bottom{border-top:1px solid #edf0e7;padding-top:13px;display:flex;justify-content:space-between;align-items:center;gap:4px}.price{font-size:16px;font-weight:800;letter-spacing:-.5px}.unit{font-size:9px;color:#87917b;font-weight:500;letter-spacing:0}.details-btn{background:var(--lime);border:0;border-radius:7px;width:33px;height:33px;font-size:20px}.notice{font-size:10px;color:#7d8773;line-height:1.8;margin:19px 0 0}.empty{padding:48px 20px;background:white;border:1px dashed #cbd4bf;border-radius:14px;text-align:center;color:var(--muted);grid-column:1/-1}.empty h3{color:var(--ink);font-size:19px}.empty p{max-width:440px;margin:12px auto 22px;line-height:1.8}.section-head{display:flex;align-items:center;justify-content:space-between;margin:12px 0 28px;gap:15px}.section-head h1{font-size:32px;letter-spacing:-1px;margin:0 0 10px}.section-head p{color:var(--muted);line-height:1.7;margin:0}.panel{background:white;border:1px solid var(--line);border-radius:14px;padding:26px;margin-bottom:20px}.panel h2{font-size:19px;margin:0 0 20px}.panel .field>span{font-size:12px}.panel .field input,.panel .field select{font-size:13px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 20px}.wide{grid-column:1/-1}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.mode-card{border:1px solid var(--line);background:#f4f6ee;border-radius:12px;padding:25px;text-align:left}.mode-card strong{font-size:17px;display:block;margin:15px 0 8px}.mode-card p{font-size:12px;color:var(--muted);line-height:1.8}.mode-card .mode-icon{font-size:30px}.demo-banner{border:1px solid #e2d9bc;background:#fcf8eb;color:#887448;border-radius:8px;padding:11px 14px;font-size:11px;line-height:1.7;margin-bottom:18px}.stats-strip{display:flex;gap:35px;padding:20px;background:#eaf0df;border-radius:12px;margin:20px 0}.stats-strip strong{font-size:25px}.stats-strip span{font-size:11px;color:var(--muted);display:block;margin-top:4px}.order-item{display:grid;grid-template-columns:65px 1fr auto;gap:20px;align-items:center}.order-icon{background:#f1f5e6;border-radius:12px;font-size:28px;width:65px;height:65px;display:grid;place-items:center}.order-item h3{margin:0 0 7px}.order-item p{font-size:12px;color:var(--muted);line-height:1.8;margin:3px 0}.pill{display:inline-block;background:#eaf1db;color:#597739;padding:6px 10px;font-size:10px;border-radius:5px;font-weight:700}.order-actions{display:flex;flex-direction:column;gap:12px;align-items:end}.toggle-line{display:flex;align-items:center;gap:10px;margin-top:14px}.toggle-line input{accent-color:#577a36;width:18px;height:18px}.status-select{padding:8px;border:1px solid var(--line);border-radius:7px;background:white;font-size:11px}.driver-card{display:flex;gap:25px;align-items:center}.driver-card .vehicle-preview{width:200px;height:130px;background:#f0f3e9;border-radius:10px}.driver-card h3{margin:0 0 8px}.driver-card p{font-size:12px;color:var(--muted);line-height:1.8}.driver-card .driver-actions{margin-left:auto;display:flex;flex-direction:column;gap:12px}.chip-btn{border:1px solid var(--line);background:white;padding:10px;border-radius:8px;font-size:12px}.row-actions{display:flex;gap:10px;flex-wrap:wrap}.file-preview{height:130px;width:190px;object-fit:cover;border-radius:10px}.muted{color:var(--muted);font-size:12px;line-height:1.8}footer{margin:0 5%;border-top:1px solid var(--line);padding:25px 0;display:flex;align-items:center;gap:25px;font-size:10px;color:#8a9281}.footer-brand{font-weight:800;letter-spacing:1px;color:#657358}.demo-label{margin-left:auto}dialog{border:1px solid var(--line);border-radius:20px;padding:0;width:min(640px,calc(100% - 24px));max-height:90vh;color:var(--ink);box-shadow:0 25px 90px #1c2c2840}dialog::backdrop{background:#1e2b2555;backdrop-filter:blur(5px)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:22px 25px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-size:19px}.modal-body{padding:25px}.modal-body .field input,.modal-body .field select{font-size:13px}.modal-footer{display:flex;gap:10px;justify-content:end;margin-top:22px}.modal-art{height:200px;background:#edf1e4;border-radius:12px;position:relative}.modal-art svg{width:100%;height:100%}.detail-table{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin:15px 0}.detail-table div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0;font-size:11px;gap:10px}.detail-table span{color:var(--muted)}.detail-table strong{text-align:right}.auth-logo{background:var(--lime);width:53px;height:53px;border-radius:13px;display:grid;place-items:center;font-size:35px;margin-bottom:20px}.auth-title{font-size:26px;letter-spacing:-1px;margin:0 0 12px}.auth-copy{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:23px}.full{width:100%}.summary-box{border:1px solid var(--line);background:#f4f6ee;border-radius:10px;padding:16px;font-size:12px;line-height:1.8}.success-icon{background:#e9f5d5;color:#628a33;font-size:35px;width:65px;height:65px;display:grid;place-items:center;border-radius:50%;margin:10px auto 20px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:white;padding:15px 24px;box-shadow:0 8px 30px #0002;border-radius:10px;opacity:0;pointer-events:none;z-index:20;transition:.2s;max-width:calc(100% - 30px);font-size:12px}#toast.show{opacity:1;transform:translate(-50%,0)}.error-text{color:#b34c39;font-size:12px;margin-bottom:15px}.search-box{display:flex;align-items:center;border:1px solid var(--line);background:white;border-radius:8px;padding:0 10px;gap:8px;margin-bottom:18px}.search-box input{border:0;padding:12px 0;outline:0;width:100%;font-size:12px;background:transparent}.mobile-filter-btn{display:none}.result-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:17px}.result-toolbar .search-box{flex:1;margin:0}.hero-label{position:absolute;left:40%;top:21%;font-size:9px;background:#fff9;border:1px solid #fff;padding:7px 10px;border-radius:7px;transform:rotate(-6deg);font-weight:750;color:#697a4c}
.hero .hero-tag{top:22px;bottom:auto}
@media(min-width:1450px){.card-image{height:200px}.hero{min-height:310px}.hero h1{font-size:53px}}@media(max-width:1150px){.header{gap:30px}.header nav{gap:20px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-row{gap:8px}.category{padding:12px;gap:8px}.category strong{font-size:11px}.category .cat-icon{width:32px;height:32px}.hero-copy{width:60%}.hero h1{font-size:39px}.form-grid{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.header{height:75px;padding:0 5%;gap:15px}.header nav{display:none}.header nav.open{display:flex;position:absolute;top:75px;left:0;right:0;background:white;height:60px;z-index:5;border-bottom:1px solid var(--line);padding:0 20px;gap:20px;justify-content:center}.head-actions{gap:15px}.head-actions .icon-button{display:grid}.brand{font-size:16px}.brand-mark{width:35px;height:37px}.brand-sub{font-size:8px}.head-actions .lang{display:none}main{padding-top:20px}.hero{padding:27px;min-height:235px}.hero h1{font-size:34px;letter-spacing:-1.3px}.hero p{font-size:11px;max-width:260px}.hero-art{width:45%;right:-5%}.hero-tag{display:none!important}.eyebrow{font-size:8px;letter-spacing:1px}.quick-row{display:grid;grid-template-columns:repeat(3,1fr);margin:17px 0 25px}.category{padding:11px}.category small{display:none}.category .cat-icon{width:28px;font-size:19px}.catalog-layout{grid-template-columns:190px 1fr;gap:17px}.filters{padding:15px}.cards{grid-template-columns:1fr}.card-image{height:200px}.results-head h2{font-size:18px}.sort{max-width:145px;font-size:10px}.two-col{grid-template-columns:1fr}.section-head h1{font-size:27px}.driver-card{flex-wrap:wrap}.driver-card .driver-actions{margin-left:0;flex-direction:row}footer{flex-wrap:wrap;gap:12px}.demo-label{margin-left:0;width:100%}}
@media(max-width:540px){main{padding:15px 4% 35px}.header{padding:0 4%}.hero{min-height:315px;padding:25px;align-items:start}.hero-copy{width:100%}.hero h1{font-size:35px;margin-top:14px}.hero p{max-width:245px}.hero-art{width:61%;height:49%;top:auto;bottom:-7px;right:-4%}.hero .eyebrow{font-size:8px}.quick-row{grid-template-columns:repeat(2,1fr);gap:8px}.category strong{font-size:11px}.category .cat-icon{width:31px;height:31px}.catalog-layout{display:block}.filters{display:none;margin-bottom:20px}.filters.visible{display:block}.mobile-filter-btn{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:7px;padding:11px;font-size:11px}.results-head{gap:7px}.results-head h2{font-size:20px}.sort{max-width:150px}.cards{grid-template-columns:1fr}.card-image{height:205px}.card-body{padding:18px}.card h3{font-size:21px}.card-type{font-size:10px}.location,.specs span{font-size:11px}.price{font-size:20px}.unit{font-size:11px}.details-btn{width:40px;height:40px}.specs{margin:18px 0}.section-head{flex-direction:column;align-items:start}.form-grid,.field-row,.two-col{grid-template-columns:1fr}.panel{padding:20px}.mode-grid{grid-template-columns:1fr}.detail-table{grid-template-columns:1fr}.modal-head,.modal-body{padding:20px}.order-item{grid-template-columns:44px 1fr;gap:12px}.order-icon{width:44px;height:44px;font-size:22px}.order-actions{grid-column:2;align-items:start}.driver-card .vehicle-preview{width:100%;height:160px}.stats-strip{gap:25px}.stats-strip strong{font-size:20px}.modal-footer{flex-wrap:wrap}.modal-footer .btn{flex:1}.modal-art{height:170px}}

[hidden]{display:none!important}.photo-thumbs{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0 20px;align-items:center}.photo-thumbs img{width:120px;height:90px;object-fit:cover;border-radius:10px}.photo-thumbs button{cursor:pointer}.photo-thumbs>button{border:1px solid #ccd1c2;background:white;padding:4px;border-radius:12px}.photo-slot{display:grid;gap:6px}textarea[aria-invalid="true"]{border-color:#b42318}.error-text:empty{display:none}

.language-select{max-width:125px;padding:9px 8px;border:1px solid #d9dfd2;border-radius:10px;background:#fff;font:inherit;font-size:13px}.rating-line{color:#667d29;font-size:13px;margin:10px 0}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;text-align:start}.admin-table th,.admin-table td{padding:15px 12px;border-bottom:1px solid #e5e8df;white-space:nowrap;text-align:start}.rating-bars>div{display:flex;align-items:center;gap:16px;margin:10px 0}.rating-bars progress{flex:1;accent-color:#92b139}.review-row{padding:16px 0;border-bottom:1px solid #e5e8df}.star-picker{border:0;padding:0;margin:20px 0;display:flex;gap:10px;flex-wrap:wrap}.star-picker label{cursor:pointer}.star-picker span{display:inline-block;padding:12px;background:#f1f4e9;border-radius:10px}.star-picker input:checked+span{background:#c5ed56}.stats-strip{flex-wrap:wrap}[dir="rtl"]{text-align:right}[dir="rtl"] .field input,[dir="rtl"] .field select,[dir="rtl"] textarea{text-align:right}[dir="rtl"] input[type="tel"],[dir="rtl"] input[type="number"]{direction:ltr;text-align:right}[dir="rtl"] .admin-table th,[dir="rtl"] .admin-table td{text-align:right}@media(max-width:600px){.language-select{max-width:90px;font-size:12px}.head-actions{gap:6px}.header{gap:8px}}

[dir="rtl"] .head-actions{margin-left:0;margin-right:auto}[dir="rtl"] .hero-art{right:auto;left:-2%}[dir="rtl"] .hero-tag{right:auto;left:28px}.header{gap:24px}.header nav{gap:18px}@media(max-width:1120px){.header{height:75px}.header nav{display:none}.header nav.open{display:flex;position:absolute;top:75px;left:0;right:0;background:white;z-index:5;min-height:60px;height:auto;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:15px 20px;gap:16px;justify-content:center}.head-actions .icon-button{display:grid}}@media(max-width:540px){.head-actions .btn.small{padding:10px;gap:6px;font-size:12px}.brand{font-size:14px}.brand-mark{width:28px;height:32px}.brand{gap:6px}.header{gap:6px}.hero p{font-size:12px}.category strong{font-size:12px}.category{min-width:0}.stats-strip>div{min-width:110px}}

/* YUQORI RIZQ — emblem-only header */
.brand-logo-only{display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0;min-width:80px}.brand-logo-only .brand-emblem{display:block;width:76px;height:76px;object-fit:contain;background:transparent}.header .brand-logo-only{letter-spacing:0}.header{border-bottom-color:#deebe3}:root{--lime:#f0ab2e;--green:#087b58}.brand-logo-only:focus-visible{border-radius:12px}@media(max-width:800px){.brand-logo-only{min-width:60px}.brand-logo-only .brand-emblem{width:62px;height:62px}}

/* Owner-supplied horizontal logo; keep its aspect ratio on desktop and mobile. */
.brand-emblem{display:block;width:230px;height:70px;object-fit:contain}.header .brand{flex-shrink:0}.brand-logo-only{max-width:30vw}@media(max-width:540px){.brand-emblem{width:142px;height:55px}.brand-logo-only{max-width:38vw}.header{gap:8px}.head-actions{gap:5px}}@media(max-width:370px){.brand-emblem{width:112px;height:48px}}
.header .brand-logo-only{width:230px}.header .brand-emblem{flex-shrink:0}@media(max-width:540px){.header .brand-logo-only{width:142px}.header .brand-emblem{width:142px}}@media(max-width:370px){.header .brand-logo-only,.header .brand-emblem{width:112px}}
