:root{--bg:#f5f7fb;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--brand:#0ea5e9;--brand2:#2563eb;--success:#10b981;--danger:#ef4444;--card:#fff;--shadow:0 20px 50px rgba(15,23,42,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Cairo',sans-serif;background:var(--bg);color:var(--ink)}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}.container{width:min(1160px,calc(100% - 32px));margin:auto}.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(226,232,240,.9)}.nav-wrap{height:74px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800}.brand-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand2));box-shadow:0 10px 22px rgba(37,99,235,.22)}.track-link{display:flex;gap:8px;align-items:center;font-weight:700;color:#334155}.hero{padding:72px 0 50px;background:radial-gradient(circle at 15% 20%,rgba(14,165,233,.12),transparent 28%),linear-gradient(180deg,#fff,#f8fbff)}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:center}.eyebrow,.section-tag{display:inline-flex;align-items:center;gap:8px;color:#0369a1;background:#e0f2fe;border-radius:99px;padding:8px 13px;font-size:13px;font-weight:800}.hero h1{font-size:clamp(42px,6vw,78px);line-height:1.08;margin:20px 0 18px;letter-spacing:-2px}.hero h1 span{color:var(--brand2)}.hero p{font-size:18px;line-height:1.9;color:var(--muted);max-width:670px}.hero-points{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.hero-points span{background:#fff;border:1px solid var(--line);padding:10px 14px;border-radius:14px;font-size:14px;font-weight:700}.hero-points i{color:var(--success)}.hero-card{background:linear-gradient(160deg,#0f172a,#1e3a8a);border-radius:34px;padding:28px;color:#fff;box-shadow:0 30px 70px rgba(15,23,42,.2);min-height:360px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.car-visual{position:relative;display:grid;place-items:center;min-height:250px}.car-visual>i{font-size:150px;color:#fff;filter:drop-shadow(0 20px 20px rgba(0,0,0,.25))}.bubble{position:absolute;border:2px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(255,255,255,.08)}.b1{width:70px;height:70px;top:15px;left:25px}.b2{width:38px;height:38px;top:90px;right:30px}.b3{width:22px;height:22px;bottom:35px;left:75px}.mini-stat{display:flex;justify-content:space-between;align-items:end;border-top:1px solid rgba(255,255,255,.18);padding-top:20px}.mini-stat strong{font-size:24px}.mini-stat span{font-size:13px;color:#cbd5e1}.booking-section{padding:70px 0}.booking-layout{display:grid;grid-template-columns:300px 1fr;gap:28px;align-items:start}.steps-card,.booking-card,.track-search-card,.order-summary-card,.rating-card{background:var(--card);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow)}.steps-card{padding:25px;position:sticky;top:100px}.steps-card h2{margin:12px 0 25px}.step{display:flex;gap:12px;padding:14px 0;border-bottom:1px dashed var(--line)}.step:last-child{border:0}.step>span{width:34px;height:34px;border-radius:12px;background:#f1f5f9;display:grid;place-items:center;font-weight:800}.step.active>span{background:#dbeafe;color:#1d4ed8}.step div{display:flex;flex-direction:column}.step small{color:var(--muted);margin-top:4px}.booking-card{padding:30px}.form-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}.form-heading h2{margin:9px 0 0}.secure-badge{font-size:13px;color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;padding:9px 11px}.form-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{margin-bottom:24px}.field label{font-weight:800;font-size:14px;display:block;margin-bottom:9px}.field label small{font-weight:500;color:var(--muted)}.input-wrap{position:relative}.input-wrap i{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#94a3b8}.input-wrap input{padding-right:44px!important}input[type=text],input[type=tel],textarea,.track-search-form input{width:100%;border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px 15px;outline:none;transition:.2s}input:focus,textarea:focus{border-color:#7dd3fc;box-shadow:0 0 0 4px rgba(14,165,233,.09)}textarea{resize:vertical}.choice-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.choice input,.wash-option input{display:none}.choice span{border:1px solid var(--line);border-radius:16px;padding:15px 8px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:.2s}.choice i{font-size:23px;color:#64748b}.choice input:checked+span{border-color:#38bdf8;background:#f0f9ff;box-shadow:inset 0 0 0 1px #38bdf8;color:#0369a1}.choice input:checked+span i{color:#0284c7}.wash-list{display:grid;gap:11px}.wash-option-body{display:grid;grid-template-columns:48px 1fr auto;gap:13px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:15px;cursor:pointer;transition:.2s}.wash-option input:checked+.wash-option-body{border-color:#38bdf8;background:#f0f9ff;box-shadow:inset 0 0 0 1px #38bdf8}.wash-icon{width:48px;height:48px;border-radius:15px;background:#e0f2fe;color:#0284c7;display:grid;place-items:center}.wash-copy{display:flex;flex-direction:column}.wash-copy small,.wash-copy em{color:var(--muted);font-style:normal;font-size:12px;margin-top:3px}.wash-option-body>strong{white-space:nowrap;color:#0f766e}.label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.label-row label{margin:0}.btn-location{border:0;background:#e0f2fe;color:#0369a1;border-radius:12px;padding:9px 12px;font-weight:800;cursor:pointer}.btn-location:disabled{opacity:.6}.location-field #map{height:340px;border-radius:18px;overflow:hidden;border:1px solid var(--line);z-index:1}.map-help{font-size:12px;color:var(--muted);margin:9px 2px 0}.submit-btn{border:0;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;border-radius:16px;padding:16px 20px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;cursor:pointer;box-shadow:0 12px 25px rgba(37,99,235,.2)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.terms-note{text-align:center;color:var(--muted);font-size:11px}.loading-box,.error-box,.track-loading,.empty-state{padding:28px;text-align:center;border:1px dashed var(--line);border-radius:16px;color:var(--muted)}.error-box{color:#b91c1c;background:#fef2f2}.trust-section{padding:0 0 70px}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.trust-grid>div{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;display:grid;gap:5px}.trust-grid i{color:#0284c7;font-size:24px;margin-bottom:8px}.trust-grid span{font-size:13px;color:var(--muted)}footer{background:#0f172a;color:#cbd5e1;padding:28px 0}.footer-inner{display:flex;justify-content:space-between}.toast{position:fixed;z-index:3000;bottom:28px;right:28px;transform:translateY(20px);opacity:0;pointer-events:none;background:#7f1d1d;color:#fff;padding:13px 17px;border-radius:14px;box-shadow:0 15px 40px rgba(0,0,0,.2);transition:.25s;max-width:360px}.toast.success{background:#065f46}.toast.show{transform:none;opacity:1}.success-modal{position:fixed;inset:0;z-index:2500;background:rgba(15,23,42,.62);display:none;place-items:center;padding:20px}.success-modal.open{display:grid}.modal-card{width:min(430px,100%);background:#fff;border-radius:26px;padding:30px;text-align:center}.success-icon{width:72px;height:72px;margin:auto;border-radius:50%;display:grid;place-items:center;background:#d1fae5;color:#059669;font-size:30px}.modal-card h3{font-size:26px;margin:15px 0 5px}.modal-card p{color:var(--muted)}.order-code{font-size:22px;font-weight:900;background:#f8fafc;border:1px dashed #94a3b8;border-radius:14px;padding:12px;margin:16px 0}.modal-track{margin-top:10px}.modal-close{background:none;border:0;color:var(--muted);margin-top:14px;cursor:pointer}.track-main{padding:55px 0 80px;max-width:850px}.track-search-card{padding:28px;margin-bottom:22px}.track-search-card h1{margin:10px 0 6px}.track-search-card p{color:var(--muted)}.track-search-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:18px}.track-search-form button{border:0;border-radius:14px;background:#0f172a;color:#fff;padding:0 22px;font-weight:800}.order-summary-card{padding:28px}.summary-top{display:flex;justify-content:space-between;gap:16px;align-items:center}.summary-top span:first-child{font-size:12px;color:var(--muted)}.summary-top h2{margin:4px 0 0}.status-pill{padding:8px 12px;border-radius:99px;font-size:13px;font-weight:800;background:#f1f5f9}.status-pill.new{background:#e0f2fe;color:#0369a1}.status-pill.confirmed{background:#ede9fe;color:#6d28d9}.status-pill.on_the_way{background:#fef3c7;color:#92400e}.status-pill.washing{background:#dbeafe;color:#1d4ed8}.status-pill.completed{background:#d1fae5;color:#047857}.status-pill.cancelled{background:#fee2e2;color:#b91c1c}.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:30px 0}.timeline-step{text-align:center;position:relative}.timeline-step:after{content:"";height:2px;background:#e2e8f0;position:absolute;top:17px;right:50%;width:100%;z-index:0}.timeline-step:last-child:after{display:none}.timeline-step>span{position:relative;z-index:1;width:34px;height:34px;border-radius:50%;background:#f1f5f9;color:#cbd5e1;display:grid;place-items:center;margin:0 auto 9px}.timeline-step.done>span{background:#dbeafe;color:#2563eb}.timeline-step.current>span{background:#2563eb;color:#fff;box-shadow:0 0 0 6px #dbeafe}.timeline-step div{display:flex;flex-direction:column}.timeline-step small{font-size:10px;color:var(--muted);margin-top:3px}.order-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.order-details-grid>div{background:#f8fafc;border:1px solid #eef2f7;padding:14px;border-radius:14px;display:flex;flex-direction:column;gap:4px}.order-details-grid span{font-size:11px;color:var(--muted)}.order-details-grid .wide{grid-column:1/-1}.order-details-grid a{color:#2563eb;font-weight:800}.cancel-note{margin:20px 0;background:#fef2f2;color:#b91c1c;border-radius:14px;padding:14px}.rating-card{padding:28px;margin-top:22px;text-align:center}.rating-card h3{font-size:24px}.star-picker{display:flex;direction:ltr;justify-content:center;gap:5px;margin:18px 0}.star-picker button{background:none;border:0;font-size:38px;color:#cbd5e1;cursor:pointer}.star-picker button.active{color:#f59e0b}.rating-card textarea{margin:0 0 14px}.rating-submit{max-width:300px;margin:auto}.rating-done{text-align:center;background:#fff;border:1px solid var(--line);border-radius:22px;padding:25px;margin-top:22px}.stars-static{font-size:30px;color:#f59e0b;direction:ltr}.rating-done p{color:var(--muted)}.empty-state i{font-size:34px;color:#ef4444}.empty-state h3{color:var(--ink)}
@media(max-width:900px){.hero-grid,.booking-layout{grid-template-columns:1fr}.hero-card{display:none}.steps-card{position:static}.choice-grid{grid-template-columns:repeat(3,1fr)}.trust-grid{grid-template-columns:1fr 1fr}.timeline{grid-template-columns:1fr;gap:0;text-align:right}.timeline-step{display:flex;gap:12px;text-align:right;padding-bottom:14px}.timeline-step>span{margin:0}.timeline-step:after{width:2px;height:100%;right:16px;top:34px}.timeline-step div{padding-top:3px}}
@media(max-width:620px){.container{width:min(100% - 20px,1160px)}.nav-wrap{height:66px}.brand{font-size:19px}.brand-icon{width:38px;height:38px}.track-link{font-size:12px}.hero{padding:45px 0 28px}.hero h1{font-size:44px}.hero p{font-size:15px}.booking-section{padding:30px 0}.steps-card{display:none}.booking-card{padding:18px;border-radius:20px}.form-heading{align-items:flex-start}.secure-badge{display:none}.form-grid.two{grid-template-columns:1fr}.choice-grid{grid-template-columns:repeat(3,1fr)}.wash-option-body{grid-template-columns:42px 1fr}.wash-option-body>strong{grid-column:2;font-size:14px}.wash-icon{width:42px;height:42px}.location-field #map{height:290px}.label-row{align-items:flex-end}.btn-location{font-size:12px}.trust-grid{grid-template-columns:1fr 1fr}.footer-inner{flex-direction:column;gap:4px}.toast{right:10px;left:10px;bottom:12px;max-width:none}.track-main{padding:28px 0 60px}.track-search-card,.order-summary-card,.rating-card{padding:18px;border-radius:20px}.track-search-form{grid-template-columns:1fr}.track-search-form button{padding:13px}.summary-top{align-items:flex-start}.order-details-grid{grid-template-columns:1fr}.order-details-grid .wide{grid-column:auto}}