body{background:#fafbf9}.header-inner{min-height:88px}.header-cart{margin-left:auto;font-size:13px;font-weight:600}.header-cart span{margin-left:12px;color:var(--teal)}.track-wrap{width:min(1200px,calc(100% - 80px));margin:auto}.breadcrumbs{display:flex;gap:12px;font-size:11px;color:#7c8882;padding-top:26px}.breadcrumbs a{color:var(--teal)}.order-heading{display:flex;align-items:center;justify-content:space-between;padding:28px 0 22px}.order-heading .eyebrow{font-size:9px;margin-bottom:10px;letter-spacing:1.7px}.order-heading h1{font-size:36px;letter-spacing:-1.3px;margin-bottom:9px}.order-heading h1 span{color:var(--ink)}.placed{font-size:12px;color:var(--muted);margin:0}.placed b{color:#344c43;font-weight:500}.placed span{margin-left:9px}.preview-badge{display:flex;gap:8px;align-items:center;border:1px solid #d9e9e2;background:#eef6f1;color:#3e7766;border-radius:30px;font-size:11px;padding:10px 14px}.preview-badge>span,.control-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--teal);flex-shrink:0}.preview-note{background:#eff6f2;border:1px solid #dceae1;border-radius:10px;display:flex;gap:11px;align-items:center;padding:13px 17px;margin-bottom:24px}.preview-note p{font-size:11px;line-height:1.7;margin:0;color:#506b5c}.info{border:1px solid #7a9b8a;width:18px;height:18px;flex-shrink:0;border-radius:50%;font:600 11px Georgia;display:grid;place-items:center}.progress-panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px 26px 0;margin-bottom:26px;box-shadow:0 5px 20px #193e2e03}h2{font-size:16px;letter-spacing:-.35px;margin:0;font-weight:700}.progress-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.small-pill{font-size:9px;color:#61786a;background:#f5f8f4;border:1px solid #e1e9e0;padding:4px 9px;border-radius:20px;white-space:nowrap}.progress-list{list-style:none;display:flex;padding:25px 0 22px;margin:0}.progress-list li{flex:1;text-align:center;position:relative;min-width:138px;font-size:11px}.progress-list li:before{content:'';height:3px;position:absolute;background:#e7eee9;top:17px;left:-50%;width:100%;z-index:0}.progress-list li:first-child:before{display:none}.progress-list li.done:before,.progress-list li.current:before{background:var(--teal)}.step-dot{position:relative;display:grid;place-items:center;border:2px solid #e5ede7;width:36px;height:36px;border-radius:50%;background:#f8faf7;margin:0 auto 13px;color:#a2b0a8;font-size:12px;font-weight:600;z-index:1}.done .step-dot{color:#fff;background:var(--teal);border-color:var(--teal)}.current .step-dot{color:var(--teal);background:#ecf6f1;border:2px solid var(--teal);box-shadow:0 0 0 5px #eef7f2}.progress-list b{display:block;font-size:10px;font-weight:700}.progress-list small{font-size:9px;display:block;color:#8a978f;margin-top:4px}.current b,.current small{color:var(--teal)}.demo-controls{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:13px 0;gap:10px}.demo-controls p{font-size:10px;color:var(--muted);margin:0;display:flex;align-items:center;gap:7px}.demo-controls>div{display:flex;gap:7px}.demo-controls button{border:1px solid #dfe9e1;border-radius:7px;padding:7px 11px;font-size:10px;white-space:nowrap}.demo-controls #next{background:#eef6f1;color:var(--teal)}button:disabled{opacity:.4;cursor:not-allowed}.tracking-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.map-panel,.rider-card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.map-title{padding:21px 23px;display:flex;justify-content:space-between;align-items:center;gap:10px}.map-title p{font-size:10px;color:var(--muted);margin:5px 0 0}.map-canvas{height:428px;position:relative;overflow:hidden;background:#ecf0e9}.map-image{height:100%;width:100%;object-fit:cover}.map-caption{position:absolute;top:17px;left:18px;background:#ffffffed;border:1px solid #dce4dd;padding:8px 12px;border-radius:7px;font-size:9px;color:#607166;display:flex;align-items:center;gap:7px}.route-key,.road-key{width:16px;height:3px;background:var(--teal);border-radius:3px}.road-key{background:#bec7bf;margin-left:5px}.rider-pin{position:absolute;left:57%;top:49%;transform:translate(-50%,-50%);width:50px;height:50px;border:4px solid #fff;border-radius:50%;background:var(--teal);box-shadow:0 0 0 8px #08786c22,0 5px 14px #21433236;display:grid;place-items:center;transition:left .5s,top .5s}.rider-pin svg{width:33px;height:33px;stroke:#fff;stroke-width:1.8;fill:none}.floating-map-note{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);border:1px solid #dfe8df;background:#fffffff5;box-shadow:0 3px 15px #284c3612;border-radius:30px;padding:10px 16px;display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:10px}.route-info{padding:18px 23px;display:flex;align-items:center;gap:17px}.route-info>div{display:flex;align-items:center;gap:11px;flex:1}.route-info p{margin:0}.route-info small{display:block;font-size:8px;color:#8a968f;letter-spacing:.7px}.route-info b{font-size:11px}.location-icon{display:grid;place-items:center;background:#eef5ec;color:var(--teal);width:32px;height:32px;border-radius:9px;font-size:18px;flex-shrink:0}.destination{background:#edf4f1}.route-arrow{color:#a5b4ab}.rider-card{padding:21px}.card-title{display:flex;gap:10px;align-items:center;justify-content:space-between}.card-title h2{font-size:14px}.rider-profile{display:flex;align-items:center;gap:14px;padding:22px 0 18px}.rider-profile img{width:65px;height:65px;border-radius:50%;border:2px solid #e2eee5}.rider-profile h3{font-size:16px;margin:0 0 3px}.rider-profile p{font-size:11px;margin:0}.star{color:#d6a95d}.rider-profile p>span:last-child{color:var(--muted);font-size:9px}.verified{font-size:9px;color:var(--teal)}.vehicle-row{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:15px 0}.vehicle-row svg{width:35px;height:35px;color:#789787}.vehicle-row small{display:block;font-size:8px;letter-spacing:.8px;color:#819289}.vehicle-row b{display:block;font-size:11px}.eta{background:#eff7f2;border:1px solid #e2eee4;border-radius:11px;padding:17px 19px}.eta p{font-size:10px;color:#607669;margin:0 0 4px}.eta>div{font-family:Manrope,Arial,sans-serif;font-size:34px;font-weight:700;letter-spacing:-1px;color:var(--teal);line-height:1.4}.eta span{font-size:16px;font-weight:500}.eta small{display:block;font-size:9px;color:#798b7f;margin-top:2px}.status-copy{display:flex;gap:9px;padding-top:17px}.status-copy>.control-dot{margin-top:6px}.status-copy b{font-size:11px}.status-copy p{font-size:10px;color:var(--muted);margin:4px 0 0}.help-panel{background:#f3f6f0;border:1px solid #e5ebe1;border-radius:13px;padding:20px;margin-top:17px;position:relative}.help-panel h3{font-size:13px;margin:0 0 6px}.help-panel p{font-size:11px;color:#718074;margin:0 0 14px;max-width:260px}.help-symbol{position:absolute;right:18px;top:17px;color:#739581;font-size:21px}.whatsapp-button{display:flex;justify-content:space-between;align-items:center;background:var(--teal);color:white;border-radius:8px;padding:11px 14px;font-size:11px;font-weight:600}.help-panel>small{display:block;color:#758674;font-size:9px;margin-top:8px;line-height:1.5}.order-summary{display:flex;align-items:center;gap:20px;border:1px solid var(--line);background:white;border-radius:13px;margin-top:25px;padding:21px 23px}.summary-title{display:flex;gap:12px;align-items:center}.summary-title>span{font-size:26px;color:var(--teal)}.summary-title h2{font-size:13px}.summary-title p{font-size:10px;color:var(--muted);margin:3px 0 0}.dish-summary{border-left:1px solid var(--line);padding-left:25px;display:flex;gap:11px;align-items:center;flex:1}.dish-summary img{width:46px;height:46px;border-radius:8px}.dish-summary b{font-size:10px}.dish-summary p{font-size:9px;color:var(--muted);margin:3px 0 0}.order-summary>a{font-size:10px;color:var(--teal);white-space:nowrap}.privacy-note{text-align:center;font-size:9px;color:#8b998d;margin:19px 0 34px}.footer-row{display:flex;align-items:center;justify-content:space-between;padding:24px 0}.footer-row .logo{font-size:28px}.footer-row p,.footer-row>a:last-child{font-size:10px;margin:0}.progress-scroll{overflow-x:auto}footer{background:#fff;border-top:1px solid var(--line)}
@media(max-width:1000px){.tracking-grid{grid-template-columns:minmax(0,1fr) 300px;gap:18px}.track-wrap{width:calc(100% - 48px)}.order-summary{flex-wrap:wrap}.map-title .small-pill{display:none}.route-info{padding:16px;gap:10px}.route-info small{font-size:7px}}
@media(max-width:760px){.header-inner{min-height:76px;width:calc(100% - 36px);gap:16px}.header-inner .logo{font-size:31px}.header-inner nav{margin:0 0 0 auto;gap:17px;font-size:11px}.header-inner nav a:first-child{display:none}.header-cart{font-size:11px;margin:0}.header-cart span{display:none}.track-wrap{width:calc(100% - 32px)}.breadcrumbs{padding-top:20px;font-size:9px;gap:8px}.order-heading{display:block;padding:23px 0 19px}.order-heading .eyebrow{font-size:8px;letter-spacing:1.2px}.order-heading h1{font-size:30px;letter-spacing:-1px}.preview-badge{display:inline-flex;font-size:9px;padding:6px 10px;margin-top:14px}.placed{font-size:11px}.preview-note{padding:12px;align-items:start;margin-bottom:19px}.preview-note p{font-size:10px}.info{margin-top:1px}.progress-panel{padding:19px 16px 0;margin-bottom:19px}.progress-top h2{font-size:13px}.small-pill{font-size:8px;padding:3px 7px}.progress-list{padding:22px 0 19px}.progress-list li{min-width:127px}.progress-list b{font-size:10px}.demo-controls{flex-direction:column;align-items:start;gap:10px;padding:12px 0}.demo-controls p{font-size:9px}.demo-controls>div{width:100%;justify-content:space-between}.tracking-grid{display:flex;flex-direction:column;gap:19px}.map-panel,.rider-column{width:100%}.map-title{padding:17px 16px}.map-title h2{font-size:14px}.map-title p{font-size:9px;max-width:260px}.map-canvas{height:330px}.route-info{padding:15px 13px;gap:8px}.route-info>div{gap:7px}.route-info b{font-size:9px}.route-info small{font-size:6px;letter-spacing:.3px}.location-icon{width:28px;height:28px}.map-caption{left:12px;top:12px;font-size:8px}.rider-card{padding:19px}.card-title h2{font-size:15px}.rider-profile{padding:19px 0 16px}.eta>div{font-size:32px}.help-panel{margin-top:14px}.help-panel p{max-width:100%}.order-summary{padding:18px;gap:15px;margin-top:20px}.summary-title h2{font-size:14px}.dish-summary{border-left:0;border-top:1px solid var(--line);padding:15px 0 0;flex-basis:100%}.dish-summary b{font-size:10px}.order-summary>a{font-size:11px}.privacy-note{font-size:9px;margin:18px 10px 25px}.footer-row{gap:16px;flex-wrap:wrap}.footer-row p{font-size:9px}.footer-row>a:last-child{font-size:9px}}
@media(prefers-reduced-motion:reduce){.rider-pin{transition:none}html{scroll-behavior:auto}}

.map-image{object-fit:fill}

.scroll-hint{display:none}@media(max-width:760px){.scroll-hint{display:block;color:#859286;font-size:9px;margin:-7px 0 12px}}
footer .footer-row>a,footer .footer-row>p{display:block;color:var(--ink)}footer .footer-row{opacity:1}footer .footer-row .logo{color:var(--ink)}
@media(max-width:760px){.site-header .header-inner{display:flex;flex-wrap:nowrap;gap:16px;padding:0;min-height:76px}.site-header .header-inner nav{order:0;width:auto;margin-left:auto;border:0;padding:0;display:flex}.site-header .header-cart{order:0;margin:0}.site-header .header-inner .logo{margin:0}.map-image{object-fit:fill}.map-canvas{height:250px}}