.drive-mode-container{width:100%;height:100%;position:relative}#drive-map{width:100%;height:100%;transition:transform .5s ease-out;position:absolute;top:0;left:0}.drive-user-location-marker{z-index:100;pointer-events:none;position:absolute;top:70%;left:50%;transform:translate(-50%,-50%)}.drive-user-location-pulse{opacity:.4;background-color:#3b82f6;border-radius:50%;width:24px;height:24px;animation:2s infinite drive-pulse}.drive-user-location-arrow{transform-origin:50%;background-image:url(https://pranmotors.com/arrow.png);background-repeat:no-repeat;background-size:contain;width:24px;height:24px;position:absolute;top:0;left:0}@keyframes drive-pulse{0%{opacity:.4;transform:scale(1)}70%{opacity:0;transform:scale(2.5)}to{opacity:0;transform:scale(1)}}.drive-recenter-button{bottom:calc(env(safe-area-inset-bottom) + 10rem);z-index:10;cursor:pointer;box-sizing:border-box;background-color:#fff;border:0 solid #e5e7eb;border-radius:4px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:absolute;left:16px;box-shadow:0 0 0 2px rgba(0,0,0,.1)}.drive-recenter-button svg{color:#333;width:24px;height:24px}.drive-loading-overlay{z-index:1000;color:#fff;background-color:rgba(0,0,0,.7);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.drive-loading-spinner{border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.existing-popup .navigate-btn{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:4px;justify-content:center;align-items:center;gap:4px;margin-top:8px;padding:4px 8px;font-size:14px;display:flex}.existing-popup .navigate-btn:hover{background-color:#2563eb}.existing-popup .popup-header{margin-bottom:4px;font-weight:600}.existing-marker{width:40px;height:40px;position:relative}.existing-marker svg{width:100%;height:100%;display:block}.destination-marker{width:40px;height:40px;position:relative}.destination-pin{background:#ea4335;border-radius:50% 50% 50% 0;width:20px;height:20px;position:absolute;top:calc(50% - 20px);left:calc(50% - 10px);transform:rotate(-45deg);box-shadow:0 0 5px rgba(0,0,0,.3)}.destination-pin:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;top:3px;left:3px}.search-container{z-index:100;justify-content:center;padding:0 20px;display:flex;position:absolute;top:20px;left:0;right:0}.search-input-container{width:100%;max-width:500px;position:relative}.search-input{border:1px solid #ddd;border-radius:24px;width:100%;padding:12px 16px;font-size:16px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.search-results{background:#fff;border-radius:8px;max-height:300px;margin-top:8px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px rgba(0,0,0,.15)}.search-result-item{cursor:pointer;padding:12px 16px;transition:background-color .2s}.search-result-item:hover{background-color:#f5f5f5}.search-result-main-text{font-weight:500}.search-result-secondary-text{color:#666;margin-top:2px;font-size:14px}.maplibregl-ctrl-bottom-right,.maplibregl-ctrl-bottom-left>*{display:none!important}.maplibregl-ctrl-bottom-left>.maplibregl-ctrl.maplibregl-ctrl-group{display:flex!important}.maplibregl-ctrl-bottom-left{flex-direction:column;gap:12px;position:absolute;bottom:calc(env(safe-area-inset-bottom) + 10rem)!important;display:flex!important;left:16px!important}.maplibregl-ctrl-group button{box-sizing:border-box;width:48px!important;height:48px!important;padding:0!important}.maplibregl-ctrl-group .maplibregl-ctrl-icon{background-position:50%!important;background-repeat:no-repeat!important;background-size:100%!important;width:48px!important;height:48px!important;display:block!important}.maplibregl-ctrl-bottom-left .maplibregl-ctrl{margin:0!important}.maplibregl-ctrl-group{background:#fff;border-radius:4px;flex-direction:column;gap:12px;display:flex;box-shadow:0 0 0 2px rgba(0,0,0,.1)}.maplibregl-popup-content{border-radius:12px!important;padding:0!important}.dest-card{background:#fff;border-radius:12px;min-width:260px;max-width:320px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,sans-serif;box-shadow:0 8px 30px rgba(0,0,0,.12)}.dest-card__wrap{padding:12px 12px 14px}.dest-title{color:#111827;font-size:16px;font-weight:600;line-height:1.25}.dest-address{color:#6b7280;margin-top:2px;font-size:12px;line-height:1.2}.dest-actions-row{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.badge{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid transparent;border-radius:9999px;justify-content:center;align-items:center;gap:6px;width:100%;height:36px;padding:0 10px;font-size:13px;font-weight:600;line-height:1;transition:transform 60ms,box-shadow .12s,background-color .12s,border-color .12s;display:inline-flex}.badge:active{transform:translateY(1px)}.badge--neutral{color:#111827;background:#f3f4f6;border-color:#e5e7eb}.badge--neutral:hover{background:#e5e7eb}.badge--green{color:#fff;background:#10b981}.badge--green:hover{background:#059669}.badge--red{color:#fff;background:#ef4444}.badge--red:hover{background:#dc2626}.badge__icon{margin-right:2px;display:inline-flex}.cta-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:10px;justify-content:center;align-items:center;width:100%;height:40px;margin-top:10px;font-size:14px;font-weight:700;transition:transform 60ms,box-shadow .12s,background-color .12s;display:inline-flex;box-shadow:0 6px 18px rgba(59,130,246,.25)}.cta-btn:hover{background:#2563eb;box-shadow:0 8px 22px rgba(37,99,235,.28)}.cta-btn:active{transform:translateY(1px)}.popup-header{margin-bottom:4px;font-weight:600}.existing-popup{background:#fff;border-radius:12px;padding:12px 12px 14px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,sans-serif;box-shadow:0 8px 30px rgba(0,0,0,.12)}.cluster-marker{color:#0b1f4b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(37,99,235,.14);border:2px solid #2563eb;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex;box-shadow:0 4px 12px rgba(15,23,42,.2)}