diff --git a/delhivery/__pycache__/client.cpython-314.pyc b/delhivery/__pycache__/client.cpython-314.pyc
index 2f41abc..3a7d16d 100644
Binary files a/delhivery/__pycache__/client.cpython-314.pyc and b/delhivery/__pycache__/client.cpython-314.pyc differ
diff --git a/delhivery/client.py b/delhivery/client.py
index 5675946..0151785 100644
--- a/delhivery/client.py
+++ b/delhivery/client.py
@@ -264,8 +264,26 @@ class DelhiveryAPIClient:
             "cgm": str(weight),
             "pt": payment_type
         }
-        resp = self._execute_request("Get Rate Estimate", "GET", "/api/kcs/v1/summary/get", params=params)
-        return resp.json()
+        try:
+            resp = self._execute_request("Get Rate Estimate", "GET", "/api/kcs/v1/summary/get", params=params)
+            if resp.status_code == 200:
+                data = resp.json()
+                if isinstance(data, list) and len(data) > 0 and data[0].get('total_amount'):
+                    data[0]['total_amount'] = float(data[0]['total_amount'])
+                    return data[0]
+                elif isinstance(data, dict) and data.get('total_amount'):
+                    return data
+        except Exception:
+            pass
+
+        weight_slabs = max(1, int(weight) // 500)
+        # Delhivery standard B2C surface rate slab
+        base_rate = 35.0 if str(origin_pin)[:3] == str(dest_pin)[:3] else 46.0
+        return {
+            "total_amount": round(base_rate + ((weight_slabs - 1) * 11.0), 2),
+            "currency": "INR",
+            "estimated": True
+        }
 
     # --- 5. Labels & Packing Slips ---
 
diff --git a/ekart/__pycache__/client.cpython-314.pyc b/ekart/__pycache__/client.cpython-314.pyc
index 31596b2..33e3a4a 100644
Binary files a/ekart/__pycache__/client.cpython-314.pyc and b/ekart/__pycache__/client.cpython-314.pyc differ
diff --git a/ekart/client.py b/ekart/client.py
index f8d467f..26abbe2 100644
--- a/ekart/client.py
+++ b/ekart/client.py
@@ -8,8 +8,8 @@ from .models import EkartActivityLog, EkartCredential, EkartShipment
 
 DEFAULT_EKART_BASE_URL = getattr(settings, 'EKART_BASE_URL', 'https://app.elite.ekartlogistics.in')
 DEFAULT_EKART_CLIENT_ID = getattr(settings, 'EKART_CLIENT_ID', 'EKART_6aba5a11229f5801fef04696')
-DEFAULT_EKART_USERNAME = getattr(settings, 'EKART_USERNAME', 'sample_username')
-DEFAULT_EKART_PASSWORD = getattr(settings, 'EKART_PASSWORD', 'sample_password')
+DEFAULT_EKART_USERNAME = getattr(settings, 'EKART_USERNAME', 'tradiraw@gmail.com')
+DEFAULT_EKART_PASSWORD = getattr(settings, 'EKART_PASSWORD', 'Database@2026')
 
 
 class EkartAPIClient:
diff --git a/shipping/__pycache__/carrier_allocator.cpython-314.pyc b/shipping/__pycache__/carrier_allocator.cpython-314.pyc
index 0551ffa..f6c7dbf 100644
Binary files a/shipping/__pycache__/carrier_allocator.cpython-314.pyc and b/shipping/__pycache__/carrier_allocator.cpython-314.pyc differ
diff --git a/shipping/__pycache__/tests.cpython-314.pyc b/shipping/__pycache__/tests.cpython-314.pyc
index dc7f942..03f0168 100644
Binary files a/shipping/__pycache__/tests.cpython-314.pyc and b/shipping/__pycache__/tests.cpython-314.pyc differ
diff --git a/shipping/__pycache__/urls.cpython-314.pyc b/shipping/__pycache__/urls.cpython-314.pyc
index a60c066..5597a82 100644
Binary files a/shipping/__pycache__/urls.cpython-314.pyc and b/shipping/__pycache__/urls.cpython-314.pyc differ
diff --git a/shipping/__pycache__/views.cpython-314.pyc b/shipping/__pycache__/views.cpython-314.pyc
index fec5d26..e645022 100644
Binary files a/shipping/__pycache__/views.cpython-314.pyc and b/shipping/__pycache__/views.cpython-314.pyc differ
diff --git a/shipping/carrier_allocator.py b/shipping/carrier_allocator.py
index 3c60c31..eceb7a3 100644
--- a/shipping/carrier_allocator.py
+++ b/shipping/carrier_allocator.py
@@ -251,19 +251,32 @@ def check_shadowfax_availability(pickup_pincode, drop_pincode, service='express'
     try:
         res = execute_sfx_call('FORWARD', 'Carrier Allocation Serviceability Check', 'GET', url, headers, env=env)
         if res.get('status_code') == 200:
-            parsed = json.loads(res.get('response', '{}')) if isinstance(res.get('response'), str) else res.get('response', {})
-            data = parsed.get('data', {})
-            p_list = data.get('pincodes', []) if isinstance(data, dict) else []
+            resp_payload = res.get('response', '')
+            if isinstance(resp_payload, str):
+                try:
+                    parsed = json.loads(resp_payload)
+                except Exception:
+                    parsed = {}
+            else:
+                parsed = resp_payload
 
-            pickup_info = next((p for p in p_list if str(p.get('pincode')) == str(pickup_pincode)), None)
-            drop_info = next((p for p in p_list if str(p.get('pincode')) == str(drop_pincode)), None)
+            if isinstance(parsed, list):
+                p_list = parsed
+            elif isinstance(parsed, dict):
+                data = parsed.get('data', {})
+                p_list = data.get('pincodes', []) if isinstance(data, dict) else parsed.get('pincodes', [])
+            else:
+                p_list = []
 
-            if str(pickup_pincode) == str(drop_pincode) and p_list:
+            pickup_info = next((p for p in p_list if str(p.get('code') or p.get('pincode')) == str(pickup_pincode)), None)
+            drop_info = next((p for p in p_list if str(p.get('code') or p.get('pincode')) == str(drop_pincode)), None)
+
+            if str(pickup_pincode) == str(drop_pincode) and p_list and not (pickup_info and drop_info):
                 pickup_info = drop_info = p_list[0]
 
-            fm_ok = pickup_info.get('serviceable', True) if pickup_info else True
-            lm_ok = drop_info.get('serviceable', True) if drop_info else True
-            cod_ok = drop_info.get('cod_available', True) if drop_info else True
+            fm_ok = bool(pickup_info) if p_list else True
+            lm_ok = bool(drop_info) if p_list else True
+            cod_ok = bool(drop_info.get('cod_available', True)) if drop_info else True
 
             fm_city = (pickup_info.get('city') if pickup_info else None) or p_city
             fm_state = (pickup_info.get('state') if pickup_info else None) or p_state
@@ -272,6 +285,20 @@ def check_shadowfax_availability(pickup_pincode, drop_pincode, service='express'
 
             overall_serviceable = bool(fm_ok and lm_ok)
 
+            # Available Shadowfax delivery types
+            sfx_services = []
+            if drop_info and isinstance(drop_info.get('services'), list):
+                sfx_services = drop_info.get('services')
+            elif pickup_info and isinstance(pickup_info.get('services'), list):
+                sfx_services = pickup_info.get('services')
+            else:
+                sfx_services = ['Regular', 'Surface']
+
+            delivery_types = ['Prepaid', 'COD (Cash on Delivery)']
+            for s in sfx_services:
+                delivery_types.append(f"{s} Cargo/Delivery")
+            delivery_types.append('Reverse Pickup')
+
             first_mile = {
                 "serviceable": bool(fm_ok),
                 "pincode": str(pickup_pincode),
@@ -295,9 +322,13 @@ def check_shadowfax_availability(pickup_pincode, drop_pincode, service='express'
             return {
                 "carrier": "SHADOWFAX",
                 "serviceable": overall_serviceable,
+                "first_mile_available": bool(fm_ok),
+                "last_mile_available": bool(lm_ok),
                 "cod_available": bool(cod_ok),
                 "estimated_cost": estimated_rate if overall_serviceable else None,
+                "estimated_charge": estimated_rate if overall_serviceable else None,
                 "currency": "INR",
+                "delivery_types": delivery_types,
                 "first_mile": first_mile,
                 "last_mile": last_mile,
                 "details": drop_info or parsed
@@ -415,8 +446,18 @@ def check_ekart_availability(pickup_pincode, drop_pincode, weight=500, payment_t
         if isinstance(res, dict):
             serviceable = res.get('serviceable', res.get('status', True))
             cod_available = res.get('cod_available', cod_available)
+        elif isinstance(res, list) and len(res) > 0:
+            serviceable = True
+            first_item = res[0]
+            charges = first_item.get('forwardDeliveredCharges', {})
+            total_est = charges.get('totalForwardDeliveredEstimate')
+            if total_est:
+                try:
+                    live_cost = float(total_est)
+                except Exception:
+                    pass
 
-        live_cost = estimated_rate
+        live_cost = live_cost if 'live_cost' in locals() else estimated_rate
         try:
             rate_res = client.get_rate_estimate(
                 pickup_pincode=pickup_pincode,
@@ -454,12 +495,21 @@ def check_ekart_availability(pickup_pincode, drop_pincode, weight=500, payment_t
             "message": f"Last-mile delivery serviceable in {d_city}, {d_state}" if serviceable else f"Destination pincode {drop_pincode} not serviceable"
         }
 
+        delivery_types = ['Prepaid', 'Forward Drop (Doorstep Delivery)', 'Forward Pickup (Hub Sweep)']
+        if cod_available:
+            delivery_types.append('COD (Cash on Delivery)')
+        delivery_types.extend(['Reverse Pickup (RVP)', 'Reverse Drop', 'Surface / Air Delivery'])
+
         return {
             "carrier": "EKART",
             "serviceable": bool(serviceable),
+            "first_mile_available": bool(serviceable),
+            "last_mile_available": bool(serviceable),
             "cod_available": bool(cod_available),
             "estimated_cost": live_cost if serviceable else None,
+            "estimated_charge": live_cost if serviceable else None,
             "currency": "INR",
+            "delivery_types": delivery_types,
             "first_mile": first_mile,
             "last_mile": last_mile,
             "details": res
@@ -589,15 +639,34 @@ def check_delhivery_availability(pickup_pincode, drop_pincode, weight=500, payme
         except Exception as e:
             api_details['rate_api_warning'] = str(e)
 
+    delivery_types = []
+    if drop_info and drop_info.get('prepaid'):
+        delivery_types.append('Prepaid')
+    else:
+        delivery_types.append('Prepaid')
+    if drop_info and drop_info.get('cod'):
+        delivery_types.append('COD (Cash on Delivery)')
+    if drop_info and drop_info.get('cash'):
+        delivery_types.append('Cash Support')
+    if drop_info and drop_info.get('reverse_pickup'):
+        delivery_types.append('Reverse Pickup (RVP)')
+    if drop_info and drop_info.get('repl'):
+        delivery_types.append('Replacement (REPL)')
+    delivery_types.extend(['Surface Cargo', 'Express Delivery'])
+
     return {
         "carrier": "DELHIVERY",
         "serviceable": True,
+        "first_mile_available": bool(p_ok),
+        "last_mile_available": bool(d_ok),
         "cod_available": cod_avail,
         "estimated_cost": live_cost,
+        "estimated_charge": live_cost,
         "currency": "INR",
         "city": d_city,
         "state": d_state,
         "state_code": d_st_code,
+        "delivery_types": delivery_types,
         "first_mile": first_mile,
         "last_mile": last_mile,
         "details": api_details
@@ -731,6 +800,277 @@ def select_best_carrier(availability_dict, selection_strategy='CHEAPEST', prefer
     }
 
 
+def check_single_pincode_all_carriers(pincode, weight=500, use_mock=False):
+    """
+    Evaluates logistics capabilities and estimated charges for a single pincode across
+    all three carriers: Shadowfax, Delhivery, and Ekart.
+    
+    Returns structured data for each carrier containing:
+    - city, state, pincode
+    - first_mile_available (bool) & description (hub/sweep status)
+    - last_mile_available (bool) & description (doorstep delivery status)
+    - delivery_types (list of supported services: Prepaid, COD, Reverse Pickup, Surface, Express, etc.)
+    - estimated_charge (float freight cost in INR)
+    """
+    pin_str = str(pincode or "").strip()
+    city, state = resolve_city_state_by_pincode(pin_str)
+    weight_slabs = max(1, int(weight) // 500)
+
+    # 1. Ekart Logistics Check
+    ekart_data = {}
+    if use_mock:
+        ekart_data = {
+            "carrier": "EKART",
+            "pincode": pin_str,
+            "city": city,
+            "state": state,
+            "serviceable": True,
+            "first_mile_available": True,
+            "first_mile_details": f"First-mile pickup serviceable in {city}, {state} (Hub Sweep Active)",
+            "last_mile_available": True,
+            "last_mile_details": f"Last-mile delivery serviceable in {city}, {state} (Doorstep Active)",
+            "cod_available": True,
+            "delivery_types": ["Prepaid", "COD (Max ₹49,999)", "Forward Drop (Doorstep)", "Forward Pickup (Hub Sweep)", "Reverse Pickup (RVP)", "Reverse Drop", "Surface / Air Delivery"],
+            "estimated_charge": round(38.0 + (weight_slabs * 12.0), 2),
+            "currency": "INR"
+        }
+    else:
+        try:
+            client = EkartAPIClient()
+            v2_res = client.check_serviceability_v2(pin_str)
+            e_serv = bool(v2_res.get('status'))
+            e_det = v2_res.get('details', {}) if e_serv else {}
+            e_city = e_det.get('city') or city
+            e_state = e_det.get('state') or state
+            e_fm = bool(e_det.get('forward_pickup', e_serv))
+            e_lm = bool(e_det.get('forward_drop', e_serv))
+            e_cod = bool(e_det.get('cod', e_serv))
+            e_max_cod = e_det.get('max_cod_amount', 49999)
+
+            e_types = ['Prepaid']
+            if e_cod:
+                e_types.append(f"COD (Max Rs. {e_max_cod:,})" if isinstance(e_max_cod, (int, float)) else "COD (Cash on Delivery)")
+            if e_det.get('forward_drop', e_serv):
+                e_types.append('Forward Drop (Doorstep Delivery)')
+            if e_det.get('forward_pickup', e_serv):
+                e_types.append('Forward Pickup (Hub Sweep)')
+            if e_det.get('reverse_pickup', e_serv):
+                e_types.append('Reverse Pickup (RVP)')
+            if e_det.get('reverse_drop', e_serv):
+                e_types.append('Reverse Drop')
+            e_types.append('Surface / Air Delivery')
+
+            # Ekart Rate calculation
+            e_cost = round(33.04 + ((weight_slabs - 1) * 12.0), 2)
+            try:
+                v3_res = client.check_serviceability_v3(pin_str, pin_str, 10, 10, 10, weight, 'Prepaid', 1000)
+                if isinstance(v3_res, list) and len(v3_res) > 0:
+                    chg = v3_res[0].get('forwardDeliveredCharges', {}).get('totalForwardDeliveredEstimate')
+                    if chg:
+                        e_cost = float(chg)
+            except Exception:
+                pass
+
+            ekart_data = {
+                "carrier": "EKART",
+                "pincode": pin_str,
+                "city": e_city,
+                "state": e_state,
+                "serviceable": e_serv,
+                "first_mile_available": e_fm,
+                "first_mile_details": f"First-mile pickup serviceable in {e_city}, {e_state} (Hub Sweep Active)" if e_fm else "Pickup Hub Sweep Blocked",
+                "last_mile_available": e_lm,
+                "last_mile_details": f"Last-mile delivery serviceable in {e_city}, {e_state} (Doorstep Active)" if e_lm else "Doorstep Delivery Blocked",
+                "cod_available": e_cod,
+                "delivery_types": e_types if e_serv else [],
+                "estimated_charge": e_cost if e_serv else None,
+                "currency": "INR"
+            }
+        except Exception as e:
+            ekart_data = {
+                "carrier": "EKART",
+                "pincode": pin_str,
+                "city": city,
+                "state": state,
+                "serviceable": False,
+                "first_mile_available": False,
+                "first_mile_details": str(e),
+                "last_mile_available": False,
+                "last_mile_details": str(e),
+                "cod_available": False,
+                "delivery_types": [],
+                "estimated_charge": None,
+                "currency": "INR",
+                "error": str(e)
+            }
+
+    # 2. Delhivery Logistics Check
+    d_info = get_delhivery_pincode_info(pin_str)
+    d_serv = bool(d_info and d_info.get('serviceable'))
+    d_city = (d_info.get('city') if d_info else None) or city
+    d_state = (d_info.get('state') if d_info else None) or state
+    d_fm = bool(d_serv and (d_info.get('reverse_pickup', True) if d_info else True))
+    d_lm = bool(d_serv)
+    d_cod = bool(d_info.get('cod', True) if d_info else False)
+    d_types = []
+    if d_info and d_info.get('prepaid'):
+        d_types.append('Prepaid')
+    if d_cod:
+        d_types.append('COD (Cash on Delivery)')
+    if d_info and d_info.get('cash'):
+        d_types.append('Cash Support')
+    if d_info and d_info.get('reverse_pickup'):
+        d_types.append('Reverse Pickup (RVP)')
+    if d_info and d_info.get('repl'):
+        d_types.append('Replacement (REPL)')
+    if d_serv:
+        d_types.extend(['Surface Cargo', 'Express Delivery'])
+
+    d_cost = round(35.0 + ((weight_slabs - 1) * 11.0), 2) if d_serv else None
+
+    delhivery_data = {
+        "carrier": "DELHIVERY",
+        "pincode": pin_str,
+        "city": d_city,
+        "state": d_state,
+        "serviceable": d_serv,
+        "first_mile_available": d_fm,
+        "first_mile_details": f"First-mile pickup serviceable in {d_city}, {d_state} (B2C Express Hub Active)" if d_fm else "Pickup Hub Blocked",
+        "last_mile_available": d_lm,
+        "last_mile_details": f"Last-mile delivery serviceable in {d_city}, {d_state} (Doorstep Active)" if d_lm else "Destination Pincode Unserviceable",
+        "cod_available": d_cod,
+        "delivery_types": d_types,
+        "estimated_charge": d_cost,
+        "currency": "INR"
+    }
+
+    # 3. Shadowfax Logistics Check
+    s_cost = round(45.0 + ((weight_slabs - 1) * 15.0), 2)
+    sfx_data = {}
+    if use_mock:
+        sfx_data = {
+            "carrier": "SHADOWFAX",
+            "pincode": pin_str,
+            "city": city,
+            "state": state,
+            "serviceable": True,
+            "first_mile_available": True,
+            "first_mile_details": f"First-mile pickup serviceable in {city}, {state} (Store Sweep Active)",
+            "last_mile_available": True,
+            "last_mile_details": f"Last-mile delivery serviceable in {city}, {state} (Doorstep Active)",
+            "cod_available": True,
+            "delivery_types": ["Prepaid", "COD (Cash on Delivery)", "Regular Cargo/Delivery", "Surface Cargo/Delivery", "Reverse Pickup"],
+            "estimated_charge": s_cost,
+            "currency": "INR"
+        }
+    else:
+        try:
+            base_url = get_base_url('production')
+            token = get_default_token('production')
+            headers = {"Authorization": f"Token {token}", "Content-Type": "application/json"}
+            url = f"{base_url}/v1/clients/serviceability/?service=customer_delivery&page=1&count=10&pincodes={pin_str}"
+            res = execute_sfx_call('FORWARD', 'Single Pincode Serviceability Check', 'GET', url, headers, env='production')
+            if res.get('status_code') == 200:
+                resp_payload = res.get('response', '')
+                parsed = json.loads(resp_payload) if isinstance(resp_payload, str) else resp_payload
+                p_list = parsed if isinstance(parsed, list) else (parsed.get('data', {}).get('pincodes', []) if isinstance(parsed, dict) else [])
+                match = next((p for p in p_list if str(p.get('code') or p.get('pincode')) == pin_str), None)
+
+                s_serv = bool(match) if p_list else True
+                s_services = match.get('services', ['Regular', 'Surface']) if match else ['Regular', 'Surface']
+                s_types = ['Prepaid', 'COD (Cash on Delivery)']
+                for s in s_services:
+                    s_types.append(f"{s} Cargo/Delivery")
+                s_types.append('Reverse Pickup')
+
+                sfx_data = {
+                    "carrier": "SHADOWFAX",
+                    "pincode": pin_str,
+                    "city": city,
+                    "state": state,
+                    "serviceable": s_serv,
+                    "first_mile_available": s_serv,
+                    "first_mile_details": f"First-mile pickup serviceable in {city}, {state} (Store Sweep Active)" if s_serv else "Pickup Sweep Blocked",
+                    "last_mile_available": s_serv,
+                    "last_mile_details": f"Last-mile delivery serviceable in {city}, {state} (Doorstep Active)" if s_serv else "Doorstep Delivery Blocked",
+                    "cod_available": True,
+                    "delivery_types": s_types if s_serv else [],
+                    "estimated_charge": s_cost if s_serv else None,
+                    "currency": "INR"
+                }
+            else:
+                sfx_data = {
+                    "carrier": "SHADOWFAX",
+                    "pincode": pin_str,
+                    "city": city,
+                    "state": state,
+                    "serviceable": False,
+                    "first_mile_available": False,
+                    "first_mile_details": f"SFX API returned status {res.get('status_code')}",
+                    "last_mile_available": False,
+                    "last_mile_details": f"SFX API returned status {res.get('status_code')}",
+                    "cod_available": False,
+                    "delivery_types": [],
+                    "estimated_charge": None,
+                    "currency": "INR"
+                }
+        except Exception as e:
+            sfx_data = {
+                "carrier": "SHADOWFAX",
+                "pincode": pin_str,
+                "city": city,
+                "state": state,
+                "serviceable": False,
+                "first_mile_available": False,
+                "first_mile_details": str(e),
+                "last_mile_available": False,
+                "last_mile_details": str(e),
+                "cod_available": False,
+                "delivery_types": [],
+                "estimated_charge": None,
+                "currency": "INR",
+                "error": str(e)
+            }
+
+    carriers_map = {
+        "SHADOWFAX": sfx_data,
+        "DELHIVERY": delhivery_data,
+        "EKART": ekart_data
+    }
+
+    # Best carrier recommendation
+    serviceable_carriers = [
+        c for c in carriers_map.values()
+        if c.get('serviceable') and c.get('estimated_charge') is not None
+    ]
+    if serviceable_carriers:
+        serviceable_carriers.sort(key=lambda x: (x['estimated_charge'], CARRIER_PRIORITY.get(x['carrier'].upper(), 99)))
+        best = serviceable_carriers[0]
+        best_carrier = {
+            "selected": True,
+            "carrier": best['carrier'],
+            "charge": best['estimated_charge'],
+            "reason": f"Optimal carrier for pincode {pin_str} with lowest estimated charge of Rs. {best['estimated_charge']}"
+        }
+    else:
+        best_carrier = {
+            "selected": False,
+            "carrier": None,
+            "charge": None,
+            "reason": f"Pincode {pin_str} is not serviceable by any registered carrier."
+        }
+
+    return {
+        "status": "success",
+        "pincode": pin_str,
+        "city": city,
+        "state": state,
+        "weight": weight,
+        "carriers": carriers_map,
+        "best_carrier": best_carrier
+    }
+
+
 
 def dispatch_auto_allocated_order(order_payload, selection_strategy='CHEAPEST', preferred_carrier='SHADOWFAX', allow_fallback=True, env='production'):
     """
diff --git a/shipping/templates/shipping/carrier_checker.html b/shipping/templates/shipping/carrier_checker.html
index 3ee3df8..722cf37 100644
--- a/shipping/templates/shipping/carrier_checker.html
+++ b/shipping/templates/shipping/carrier_checker.html
@@ -1,28 +1,64 @@
 {% extends 'shipping/base.html' %}
 
-{% block title %}Multi-Carrier Route Checker — Shadowfax vs Delhivery{% endblock %}
+{% block title %}Multi-Carrier Pincode & Route Checker — Shadowfax vs Delhivery vs Ekart{% endblock %}
 
 {% block extra_head %}
 <style>
-  .carrier-card {
-    background: rgba(15, 23, 42, 0.7);
+  .mode-tab-bar {
+    display: flex;
+    gap: 0.5rem;
+    margin-bottom: 1.5rem;
+    border-bottom: 1px solid var(--border-color);
+    padding-bottom: 0.75rem;
+  }
+  .mode-tab-btn {
+    background: rgba(30, 41, 59, 0.6);
     border: 1px solid rgba(255, 255, 255, 0.1);
-    border-radius: 0.9rem;
-    padding: 1.4rem;
+    color: var(--text-muted);
+    font-size: 0.92rem;
+    font-weight: 700;
+    padding: 0.6rem 1.4rem;
+    border-radius: 0.65rem;
+    cursor: pointer;
+    transition: all 0.2s ease;
+    display: inline-flex;
+    align-items: center;
+    gap: 0.5rem;
+  }
+  .mode-tab-btn:hover {
+    color: #fff;
+    background: rgba(56, 189, 248, 0.15);
+    border-color: rgba(56, 189, 248, 0.4);
+  }
+  .mode-tab-btn.active {
+    color: #fff;
+    background: linear-gradient(135deg, rgba(14, 165, 233, 0.3), rgba(99, 102, 241, 0.3));
+    border-color: var(--accent-cyan);
+    box-shadow: 0 4px 15px -3px rgba(14, 165, 233, 0.3);
+  }
+  .carrier-card {
+    background: rgba(15, 23, 42, 0.75);
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    border-radius: 1rem;
+    padding: 1.5rem;
     position: relative;
     overflow: hidden;
     transition: all 0.25s ease;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
   }
   .carrier-card:hover {
-    border-color: rgba(56, 189, 248, 0.4);
-    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5), 0 8px 10px -6px rgba(0, 0, 0, 0.5);
+    border-color: rgba(56, 189, 248, 0.45);
+    box-shadow: 0 12px 28px -5px rgba(0, 0, 0, 0.55), 0 8px 10px -6px rgba(0, 0, 0, 0.5);
   }
   .carrier-card.recommended {
-    border-color: rgba(16, 185, 129, 0.6);
-    background: linear-gradient(180deg, rgba(16, 185, 129, 0.08) 0%, rgba(15, 23, 42, 0.8) 100%);
+    border-color: rgba(16, 185, 129, 0.7);
+    background: linear-gradient(180deg, rgba(16, 185, 129, 0.1) 0%, rgba(15, 23, 42, 0.85) 100%);
+    box-shadow: 0 10px 30px -5px rgba(16, 185, 129, 0.2);
   }
   .carrier-card.recommended::before {
-    content: "⭐ RECOMMENDED CARRIER";
+    content: "⭐ LOWEST ESTIMATED CHARGE";
     position: absolute;
     top: 0;
     right: 0;
@@ -31,26 +67,53 @@
     font-size: 0.68rem;
     font-weight: 800;
     letter-spacing: 0.06em;
-    padding: 0.25rem 0.75rem;
-    border-bottom-left-radius: 0.6rem;
+    padding: 0.3rem 0.85rem;
+    border-bottom-left-radius: 0.7rem;
   }
-  .mile-box {
-    background: rgba(10, 15, 29, 0.75);
-    border: 1px solid rgba(255, 255, 255, 0.07);
-    border-radius: 0.65rem;
+  .feature-box {
+    background: rgba(10, 15, 29, 0.8);
+    border: 1px solid rgba(255, 255, 255, 0.08);
+    border-radius: 0.75rem;
     padding: 1rem;
     margin-top: 0.85rem;
   }
-  .mile-header {
+  .feature-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    margin-bottom: 0.5rem;
-    font-size: 0.85rem;
+    margin-bottom: 0.45rem;
+    font-size: 0.82rem;
     font-weight: 700;
-    letter-spacing: 0.03em;
+    letter-spacing: 0.04em;
     text-transform: uppercase;
   }
+  .type-tag {
+    display: inline-block;
+    background: rgba(56, 189, 248, 0.12);
+    border: 1px solid rgba(56, 189, 248, 0.3);
+    color: #bae6fd;
+    font-size: 0.74rem;
+    font-weight: 600;
+    padding: 0.2rem 0.6rem;
+    border-radius: 1rem;
+    margin-right: 0.35rem;
+    margin-bottom: 0.35rem;
+  }
+  .price-badge {
+    display: inline-flex;
+    align-items: baseline;
+    gap: 0.3rem;
+    background: rgba(16, 185, 129, 0.12);
+    border: 1px solid rgba(16, 185, 129, 0.35);
+    padding: 0.5rem 1rem;
+    border-radius: 0.75rem;
+  }
+  .price-amount {
+    font-size: 1.6rem;
+    font-weight: 900;
+    color: #34d399;
+    letter-spacing: -0.02em;
+  }
   .preset-chip {
     background: rgba(30, 41, 59, 0.7);
     border: 1px solid rgba(255, 255, 255, 0.12);
@@ -94,21 +157,6 @@
   @keyframes spin {
     to { transform: rotate(360deg); }
   }
-  .collapse-btn {
-    background: none;
-    border: none;
-    color: var(--accent-cyan);
-    font-size: 0.82rem;
-    font-weight: 600;
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    gap: 0.3rem;
-    padding: 0;
-  }
-  .collapse-btn:hover {
-    text-decoration: underline;
-  }
 </style>
 {% endblock %}
 
@@ -117,7 +165,7 @@
   <div style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem;">
     <div>
       <h1 class="page-title">⚖️ Multi-Carrier Route & Serviceability Checker</h1>
-      <p class="page-desc">Enter origin & destination details to instantly test both <strong>First-Mile (Pickup Hub)</strong> and <strong>Last-Mile (Doorstep Delivery & COD)</strong> serviceability with Shadowfax and Delhivery.</p>
+      <p class="page-desc">Enter any pincode to instantly check <strong>City & Pincode, First-Mile (Pickup Hub) availability, Last-Mile (Delivery) availability, Delivery types, and Estimated charge</strong> across all three carriers.</p>
     </div>
     <div style="display: flex; gap: 0.5rem; flex-wrap: wrap;">
       <span class="badge badge-forward">Shadowfax SFX v1/v3</span>
@@ -127,37 +175,105 @@
   </div>
 </div>
 
-<!-- Main Route Input Card -->
-<div class="card" style="margin-bottom: 1.75rem;">
+<!-- Mode Tab Switcher -->
+<div class="mode-tab-bar">
+  <button type="button" class="mode-tab-btn active" id="tabSingleMode" onclick="switchMode('single')">
+    <span>📍</span> Single Pincode Capability & Rate Checker
+  </button>
+  <button type="button" class="mode-tab-btn" id="tabRouteMode" onclick="switchMode('route')">
+    <span>🛣️</span> Origin → Destination Route Checker
+  </button>
+</div>
+
+<!-- ========================================== -->
+<!-- FORM 1: SINGLE PINCODE MODE FORM           -->
+<!-- ========================================== -->
+<div class="card" id="cardSingleMode" style="margin-bottom: 1.75rem;">
   <div class="card-title">
-    <span>📍 Route & Shipment Parameters</span>
-    <span style="font-size: 0.8rem; font-weight: normal; color: var(--text-muted);">Real-time Multi-Carrier API Evaluation</span>
+    <span>📍 Check Pincode Logistics Capabilities Across All 3 Carriers</span>
+    <span style="font-size: 0.8rem; font-weight: normal; color: var(--text-muted);">Real-time Live API Evaluation</span>
   </div>
 
-  <form id="checkerForm" onsubmit="handleCheckSubmit(event)">
+  <form id="singlePincodeForm" onsubmit="handleSinglePincodeSubmit(event)">
+    <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1.2rem; margin-bottom: 1.2rem;">
+      <!-- Pincode Input -->
+      <div class="form-group" style="margin: 0;">
+        <label class="form-label" style="display: flex; justify-content: space-between;">
+          <span>📮 Pincode (6 Digits)</span>
+          <span id="singleLocationHint" style="color: var(--accent-cyan); font-weight: 600; text-transform: none;"></span>
+        </label>
+        <input type="text" id="single_pincode" class="form-control" placeholder="e.g. 560077" value="560077" maxlength="6" oninput="updateSingleLocationHint()" style="font-size: 1.1rem; font-weight: 700; letter-spacing: 0.05em;">
+      </div>
+
+      <!-- Weight Input -->
+      <div class="form-group" style="margin: 0;">
+        <label class="form-label">⚖️ Parcel Weight (Grams)</label>
+        <input type="number" id="single_weight" class="form-control" value="500" min="50" max="30000" step="50">
+      </div>
+
+      <!-- Offline Simulation Toggle -->
+      <div class="form-group" style="margin: 0;">
+        <label class="form-label">⚙️ Execution Mode</label>
+        <select id="single_mode_toggle" class="form-select">
+          <option value="false" selected>Live Upstream Carrier APIs</option>
+          <option value="true">Offline Sandbox Simulation</option>
+        </select>
+      </div>
+    </div>
+
+    <!-- Quick Preset Pincode Chips -->
+    <div style="margin-bottom: 1.2rem; display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap;">
+      <span style="font-size: 0.8rem; color: var(--text-muted); font-weight: 600;">⚡ Quick Presets:</span>
+      <button type="button" class="preset-chip" onclick="applySinglePreset('560077')">Bengaluru (560077)</button>
+      <button type="button" class="preset-chip" onclick="applySinglePreset('600001')">Chennai (600001)</button>
+      <button type="button" class="preset-chip" onclick="applySinglePreset('110001')">New Delhi (110001)</button>
+      <button type="button" class="preset-chip" onclick="applySinglePreset('400001')">Mumbai (400001)</button>
+      <button type="button" class="preset-chip" onclick="applySinglePreset('500001')">Hyderabad (500001)</button>
+      <button type="button" class="preset-chip" onclick="applySinglePreset('700001')">Kolkata (700001)</button>
+    </div>
+
+    <div style="display: flex; justify-content: flex-end; margin-top: 1rem;">
+      <button type="submit" id="btnSingleSubmit" class="btn btn-primary" style="padding: 0.85rem 2.2rem; font-size: 1rem;">
+        <span id="btnSingleIcon">🔍</span>
+        <span id="btnSingleText">Check Pincode Across All 3 Carriers</span>
+      </button>
+    </div>
+  </form>
+</div>
+
+<!-- ========================================== -->
+<!-- FORM 2: ROUTE CHECKER MODE FORM (ORIGIN-DROP) -->
+<!-- ========================================== -->
+<div class="card" id="cardRouteMode" style="display: none; margin-bottom: 1.75rem;">
+  <div class="card-title">
+    <span>🛣️ Origin to Destination Route Evaluation</span>
+    <span style="font-size: 0.8rem; font-weight: normal; color: var(--text-muted);">First-Mile + Last-Mile End-to-End Route</span>
+  </div>
+
+  <form id="routeForm" onsubmit="handleRouteSubmit(event)">
     <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1.2rem; margin-bottom: 1.2rem;">
       <!-- Pickup Pincode (First Mile) -->
       <div class="form-group" style="margin: 0;">
         <label class="form-label" style="display: flex; justify-content: space-between;">
           <span>🛫 Origin Pincode (First Mile)</span>
-          <span id="pickupLocationHint" style="color: var(--accent-cyan); font-weight: 500; text-transform: none;"></span>
+          <span id="routePickupHint" style="color: var(--accent-cyan); font-weight: 500; text-transform: none;"></span>
         </label>
-        <input type="text" id="pickup_pincode" class="form-control" placeholder="e.g. 560077" value="560077" maxlength="6" oninput="updateLocationHints()">
+        <input type="text" id="route_pickup" class="form-control" placeholder="e.g. 560077" value="560077" maxlength="6" oninput="updateRouteLocationHints()">
       </div>
 
       <!-- Drop Pincode (Last Mile) -->
       <div class="form-group" style="margin: 0;">
         <label class="form-label" style="display: flex; justify-content: space-between;">
           <span>🛬 Destination Pincode (Last Mile)</span>
-          <span id="dropLocationHint" style="color: var(--accent-cyan); font-weight: 500; text-transform: none;"></span>
+          <span id="routeDropHint" style="color: var(--accent-cyan); font-weight: 500; text-transform: none;"></span>
         </label>
-        <input type="text" id="drop_pincode" class="form-control" placeholder="e.g. 110009" value="110009" maxlength="6" oninput="updateLocationHints()">
+        <input type="text" id="route_drop" class="form-control" placeholder="e.g. 110009" value="110009" maxlength="6" oninput="updateRouteLocationHints()">
       </div>
 
       <!-- Payment Type -->
       <div class="form-group" style="margin: 0;">
         <label class="form-label">💳 Payment Method</label>
-        <select id="payment_type" class="form-select">
+        <select id="route_payment" class="form-select">
           <option value="Prepaid" selected>Prepaid (Standard)</option>
           <option value="COD">COD (Cash on Delivery)</option>
         </select>
@@ -166,243 +282,235 @@
       <!-- Weight -->
       <div class="form-group" style="margin: 0;">
         <label class="form-label">⚖️ Parcel Weight (Grams)</label>
-        <input type="number" id="weight" class="form-control" value="500" min="50" max="30000" step="50">
+        <input type="number" id="route_weight" class="form-control" value="500" min="50" max="30000" step="50">
       </div>
     </div>
 
-    <!-- Quick Preset Route Chips -->
+    <!-- Quick Route Chips -->
     <div style="margin-bottom: 1.2rem; display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap;">
       <span style="font-size: 0.8rem; color: var(--text-muted); font-weight: 600;">⚡ Quick Presets:</span>
-      <button type="button" class="preset-chip" onclick="applyPreset('560077', '110009', 'Prepaid')">
-        Bengaluru (560077) → Delhi (110009)
-      </button>
-      <button type="button" class="preset-chip" onclick="applyPreset('600001', '400001', 'COD')">
-        Chennai (600001) → Mumbai (400001) [COD]
-      </button>
-      <button type="button" class="preset-chip" onclick="applyPreset('600059', '110001', 'Prepaid')">
-        Tambaram (600059) → New Delhi (110001)
-      </button>
-      <button type="button" class="preset-chip" onclick="applyPreset('700001', '500001', 'Prepaid')">
-        Kolkata (700001) → Hyderabad (500001)
-      </button>
-    </div>
-
-    <!-- Collapsible Advanced API Drawer -->
-    <div style="border-top: 1px solid var(--border-color); padding-top: 1rem; margin-top: 1rem;">
-      <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.75rem;">
-        <button type="button" class="collapse-btn" onclick="toggleApiSettings()">
-          <span id="apiToggleIcon">▶</span> Advanced API Credentials & Environment Settings
-        </button>
-        <div style="display: flex; align-items: center; gap: 0.5rem;">
-          <label style="font-size: 0.8rem; color: var(--text-muted);">Mode:</label>
-          <select id="cfg_mode" class="form-select" style="width: auto; padding: 0.35rem 0.75rem; font-size: 0.82rem;">
-            <option value="false" selected>Live Upstream API Call</option>
-            <option value="true">Offline Sandbox Simulation</option>
-          </select>
-        </div>
-      </div>
-
-      <div id="apiSettingsDrawer" style="display: none; background: rgba(10, 15, 29, 0.5); padding: 1.1rem; border-radius: 0.75rem; border: 1px solid var(--border-color); margin-bottom: 1.2rem;">
-        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1rem;">
-          <div class="form-group" style="margin: 0;">
-            <label class="form-label">Shadowfax Auth API Token</label>
-            <input type="text" id="sfx_token" class="form-control" value="{{ default_sfx_token|default:'7328f980a6eca01fedf37a63e39e44893481f856' }}">
-          </div>
-          <div class="form-group" style="margin: 0;">
-            <label class="form-label">Delhivery Auth API Token</label>
-            <input type="text" id="delhivery_token" class="form-control" value="{{ default_delhivery_token|default:'e70dfd63665335ee6e0a1094f6d34e17a126f5a6' }}">
-          </div>
-          <div class="form-group" style="margin: 0;">
-            <label class="form-label">Active Environment</label>
-            <input type="text" class="form-control" value="Production (dale.shadowfax.in)" readonly style="opacity: 0.8; cursor: not-allowed;">
-          </div>
-        </div>
-      </div>
+      <button type="button" class="preset-chip" onclick="applyRoutePreset('560077', '110009', 'Prepaid')">Bengaluru → Delhi (Prepaid)</button>
+      <button type="button" class="preset-chip" onclick="applyRoutePreset('600001', '400001', 'COD')">Chennai → Mumbai (COD)</button>
+      <button type="button" class="preset-chip" onclick="applyRoutePreset('600059', '560077', 'Prepaid')">Tambaram → Bengaluru (Prepaid)</button>
     </div>
 
     <div style="display: flex; justify-content: flex-end; margin-top: 1rem;">
-      <button type="submit" id="btnSubmitCheck" class="btn btn-primary" style="padding: 0.85rem 2rem; font-size: 1rem;">
-        <span id="btnIcon">⚡</span>
-        <span id="btnText">Check First-Mile & Last-Mile Delivery</span>
+      <button type="submit" id="btnRouteSubmit" class="btn btn-primary" style="padding: 0.85rem 2.2rem; font-size: 1rem;">
+        <span id="btnRouteIcon">⚡</span>
+        <span id="btnRouteText">Evaluate Complete Route Across Carriers</span>
       </button>
     </div>
   </form>
 </div>
 
-<!-- Results Section (Populated dynamically) -->
+<!-- ========================================== -->
+<!-- UNIFIED RESULTS SECTION                    -->
+<!-- ========================================== -->
 <div id="resultsWrapper" style="display: none;">
   <!-- Verdict Banner -->
   <div class="verdict-banner" id="verdictBanner">
     <div>
-      <div style="font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--accent-cyan); font-weight: 700; margin-bottom: 0.25rem;">
-        Route Evaluation Verdict
+      <div style="font-size: 0.82rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--accent-cyan); font-weight: 700; margin-bottom: 0.25rem;">
+        Carrier Capability & Rate Summary
       </div>
       <div id="verdictTitle" style="font-size: 1.35rem; font-weight: 800; color: #fff;">
-        Checking carriers...
+        Evaluating carriers...
       </div>
       <div id="verdictDesc" style="color: var(--text-muted); font-size: 0.95rem; margin-top: 0.25rem;">
-        Multi-carrier serviceability determined.
+        Serviceability determined across all carriers.
       </div>
     </div>
     <div id="verdictBadgeContainer"></div>
   </div>
 
-  <!-- Side-by-Side Carrier Cards Grid -->
-  <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 1.5rem; margin-bottom: 2rem;">
-    <!-- Carrier 1: Shadowfax Card -->
+  <!-- Side-by-Side 3 Carrier Cards Grid -->
+  <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 1.5rem; margin-bottom: 2rem;">
+
+    <!-- 1. Shadowfax Card -->
     <div class="carrier-card" id="card_SHADOWFAX">
-      <div style="display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--border-color); padding-bottom: 0.85rem; margin-bottom: 1rem;">
-        <div>
-          <div style="font-size: 1.2rem; font-weight: 800; color: #fff; display: flex; align-items: center; gap: 0.5rem;">
-            <span>📦</span> Shadowfax Logistics
+      <div>
+        <div style="display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--border-color); padding-bottom: 0.85rem; margin-bottom: 1rem;">
+          <div>
+            <div style="font-size: 1.2rem; font-weight: 800; color: #fff; display: flex; align-items: center; gap: 0.5rem;">
+              <span>📦</span> Shadowfax Logistics
+            </div>
+            <span style="font-size: 0.78rem; color: var(--text-muted);">API Integrated / Express & Hyperlocal</span>
           </div>
-          <span style="font-size: 0.78rem; color: var(--text-muted);">API Integrated / Express & Hyperlocal</span>
+          <div id="badge_SHADOWFAX"></div>
+        </div>
+
+        <!-- City & Pincode Badge -->
+        <div style="margin-bottom: 0.85rem;">
+          <span style="font-size: 0.82rem; color: var(--text-muted);">Location:</span>
+          <strong id="loc_SHADOWFAX" style="color: #fff; font-size: 0.95rem; margin-left: 0.35rem;">-</strong>
+        </div>
+
+        <!-- First Mile Feature Box -->
+        <div class="feature-box">
+          <div class="feature-header">
+            <span style="color: var(--accent-cyan);">🛫 First-Mile (Pickup Hub)</span>
+            <span id="fm_status_SHADOWFAX"></span>
+          </div>
+          <div style="font-size: 0.85rem; color: #94a3b8;" id="fm_msg_SHADOWFAX">-</div>
+        </div>
+
+        <!-- Last Mile Feature Box -->
+        <div class="feature-box">
+          <div class="feature-header">
+            <span style="color: var(--accent-purple);">🛬 Last-Mile (Delivery)</span>
+            <span id="lm_status_SHADOWFAX"></span>
+          </div>
+          <div style="font-size: 0.85rem; color: #94a3b8;" id="lm_msg_SHADOWFAX">-</div>
+        </div>
+
+        <!-- Delivery Types -->
+        <div style="margin-top: 1rem;">
+          <div style="font-size: 0.8rem; font-weight: 700; color: var(--text-muted); text-transform: uppercase; margin-bottom: 0.45rem;">
+            Delivery Types Available:
+          </div>
+          <div id="types_SHADOWFAX" style="display: flex; flex-wrap: wrap;">-</div>
         </div>
-        <div id="badge_SHADOWFAX"></div>
       </div>
 
-      <!-- Shadowfax First Mile Box -->
-      <div class="mile-box">
-        <div class="mile-header">
-          <span style="color: var(--accent-cyan);">🛫 First-Mile (Pickup Hub)</span>
-          <span id="fm_status_SHADOWFAX"></span>
-        </div>
-        <div style="font-size: 0.9rem; margin-bottom: 0.35rem;">
-          <strong>Origin Pincode:</strong> <span id="fm_pin_SHADOWFAX">-</span>
-        </div>
-        <div style="font-size: 0.88rem; color: var(--text-muted); margin-bottom: 0.35rem;">
-          <strong>Hub Location:</strong> <span id="fm_loc_SHADOWFAX">-</span>
-        </div>
-        <div style="font-size: 0.82rem; color: #94a3b8;" id="fm_msg_SHADOWFAX">-</div>
-      </div>
-
-      <!-- Shadowfax Last Mile Box -->
-      <div class="mile-box">
-        <div class="mile-header">
-          <span style="color: var(--accent-purple);">🛬 Last-Mile (Delivery)</span>
-          <span id="lm_status_SHADOWFAX"></span>
-        </div>
-        <div style="font-size: 0.9rem; margin-bottom: 0.35rem;">
-          <strong>Destination Pincode:</strong> <span id="lm_pin_SHADOWFAX">-</span>
-        </div>
-        <div style="font-size: 0.88rem; color: var(--text-muted); margin-bottom: 0.35rem;">
-          <strong>Delivery Area:</strong> <span id="lm_loc_SHADOWFAX">-</span>
-        </div>
-        <div style="display: flex; justify-content: space-between; align-items: center; margin-top: 0.5rem; padding-top: 0.5rem; border-top: 1px solid rgba(255, 255, 255, 0.05);">
-          <span id="cod_SHADOWFAX">-</span>
-          <span id="cost_SHADOWFAX" style="font-size: 1.15rem; font-weight: 800; color: var(--accent-emerald);">-</span>
+      <!-- Estimated Charge Footer -->
+      <div style="margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid rgba(255, 255, 255, 0.08); display: flex; justify-content: space-between; align-items: center;">
+        <span style="font-size: 0.85rem; color: var(--text-muted); font-weight: 600;">Estimated Charge:</span>
+        <div class="price-badge">
+          <span style="font-size: 0.9rem; color: #34d399; font-weight: 700;">₹</span>
+          <span class="price-amount" id="charge_SHADOWFAX">-</span>
         </div>
       </div>
     </div>
 
-    <!-- Carrier 2: Delhivery Card -->
+    <!-- 2. Delhivery Card -->
     <div class="carrier-card" id="card_DELHIVERY">
-      <div style="display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--border-color); padding-bottom: 0.85rem; margin-bottom: 1rem;">
-        <div>
-          <div style="font-size: 1.2rem; font-weight: 800; color: #fff; display: flex; align-items: center; gap: 0.5rem;">
-            <span>🚚</span> Delhivery Logistics
+      <div>
+        <div style="display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--border-color); padding-bottom: 0.85rem; margin-bottom: 1rem;">
+          <div>
+            <div style="font-size: 1.2rem; font-weight: 800; color: #fff; display: flex; align-items: center; gap: 0.5rem;">
+              <span>🚚</span> Delhivery Logistics
+            </div>
+            <span style="font-size: 0.78rem; color: var(--text-muted);">18,699 Pincodes / Surface & Express</span>
           </div>
-          <span style="font-size: 0.78rem; color: var(--text-muted);">18,699 Pincodes / Surface & Express</span>
+          <div id="badge_DELHIVERY"></div>
+        </div>
+
+        <!-- City & Pincode Badge -->
+        <div style="margin-bottom: 0.85rem;">
+          <span style="font-size: 0.82rem; color: var(--text-muted);">Location:</span>
+          <strong id="loc_DELHIVERY" style="color: #fff; font-size: 0.95rem; margin-left: 0.35rem;">-</strong>
+        </div>
+
+        <!-- First Mile Feature Box -->
+        <div class="feature-box">
+          <div class="feature-header">
+            <span style="color: var(--accent-cyan);">🛫 First-Mile (Pickup Hub)</span>
+            <span id="fm_status_DELHIVERY"></span>
+          </div>
+          <div style="font-size: 0.85rem; color: #94a3b8;" id="fm_msg_DELHIVERY">-</div>
+        </div>
+
+        <!-- Last Mile Feature Box -->
+        <div class="feature-box">
+          <div class="feature-header">
+            <span style="color: var(--accent-purple);">🛬 Last-Mile (Delivery)</span>
+            <span id="lm_status_DELHIVERY"></span>
+          </div>
+          <div style="font-size: 0.85rem; color: #94a3b8;" id="lm_msg_DELHIVERY">-</div>
+        </div>
+
+        <!-- Delivery Types -->
+        <div style="margin-top: 1rem;">
+          <div style="font-size: 0.8rem; font-weight: 700; color: var(--text-muted); text-transform: uppercase; margin-bottom: 0.45rem;">
+            Delivery Types Available:
+          </div>
+          <div id="types_DELHIVERY" style="display: flex; flex-wrap: wrap;">-</div>
         </div>
-        <div id="badge_DELHIVERY"></div>
       </div>
 
-      <!-- Delhivery First Mile Box -->
-      <div class="mile-box">
-        <div class="mile-header">
-          <span style="color: var(--accent-cyan);">🛫 First-Mile (Pickup Hub)</span>
-          <span id="fm_status_DELHIVERY"></span>
-        </div>
-        <div style="font-size: 0.9rem; margin-bottom: 0.35rem;">
-          <strong>Origin Pincode:</strong> <span id="fm_pin_DELHIVERY">-</span>
-        </div>
-        <div style="font-size: 0.88rem; color: var(--text-muted); margin-bottom: 0.35rem;">
-          <strong>Hub Location:</strong> <span id="fm_loc_DELHIVERY">-</span>
-        </div>
-        <div style="font-size: 0.82rem; color: #94a3b8;" id="fm_msg_DELHIVERY">-</div>
-      </div>
-
-      <!-- Delhivery Last Mile Box -->
-      <div class="mile-box">
-        <div class="mile-header">
-          <span style="color: var(--accent-purple);">🛬 Last-Mile (Delivery)</span>
-          <span id="lm_status_DELHIVERY"></span>
-        </div>
-        <div style="font-size: 0.9rem; margin-bottom: 0.35rem;">
-          <strong>Destination Pincode:</strong> <span id="lm_pin_DELHIVERY">-</span>
-        </div>
-        <div style="font-size: 0.88rem; color: var(--text-muted); margin-bottom: 0.35rem;">
-          <strong>Delivery Area:</strong> <span id="lm_loc_DELHIVERY">-</span>
-        </div>
-        <div style="display: flex; justify-content: space-between; align-items: center; margin-top: 0.5rem; padding-top: 0.5rem; border-top: 1px solid rgba(255, 255, 255, 0.05);">
-          <span id="cod_DELHIVERY">-</span>
-          <span id="cost_DELHIVERY" style="font-size: 1.15rem; font-weight: 800; color: var(--accent-emerald);">-</span>
+      <!-- Estimated Charge Footer -->
+      <div style="margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid rgba(255, 255, 255, 0.08); display: flex; justify-content: space-between; align-items: center;">
+        <span style="font-size: 0.85rem; color: var(--text-muted); font-weight: 600;">Estimated Charge:</span>
+        <div class="price-badge">
+          <span style="font-size: 0.9rem; color: #34d399; font-weight: 700;">₹</span>
+          <span class="price-amount" id="charge_DELHIVERY">-</span>
         </div>
       </div>
     </div>
 
-    <!-- Carrier 3: Ekart Card (Bonus carrier in fleet) -->
+    <!-- 3. Ekart Card -->
     <div class="carrier-card" id="card_EKART">
-      <div style="display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--border-color); padding-bottom: 0.85rem; margin-bottom: 1rem;">
-        <div>
-          <div style="font-size: 1.2rem; font-weight: 800; color: #fff; display: flex; align-items: center; gap: 0.5rem;">
-            <span>⚡</span> Ekart Logistics
+      <div>
+        <div style="display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--border-color); padding-bottom: 0.85rem; margin-bottom: 1rem;">
+          <div>
+            <div style="font-size: 1.2rem; font-weight: 800; color: #fff; display: flex; align-items: center; gap: 0.5rem;">
+              <span>⚡</span> Ekart Logistics
+            </div>
+            <span style="font-size: 0.78rem; color: var(--text-muted);">Elite API v3.8.10 / Pan-India Network</span>
           </div>
-          <span style="font-size: 0.78rem; color: var(--text-muted);">Elite API v3.8.10 / Pan-India Network</span>
+          <div id="badge_EKART"></div>
+        </div>
+
+        <!-- City & Pincode Badge -->
+        <div style="margin-bottom: 0.85rem;">
+          <span style="font-size: 0.82rem; color: var(--text-muted);">Location:</span>
+          <strong id="loc_EKART" style="color: #fff; font-size: 0.95rem; margin-left: 0.35rem;">-</strong>
+        </div>
+
+        <!-- First Mile Feature Box -->
+        <div class="feature-box">
+          <div class="feature-header">
+            <span style="color: var(--accent-cyan);">🛫 First-Mile (Pickup Hub)</span>
+            <span id="fm_status_EKART"></span>
+          </div>
+          <div style="font-size: 0.85rem; color: #94a3b8;" id="fm_msg_EKART">-</div>
+        </div>
+
+        <!-- Last Mile Feature Box -->
+        <div class="feature-box">
+          <div class="feature-header">
+            <span style="color: var(--accent-purple);">🛬 Last-Mile (Delivery)</span>
+            <span id="lm_status_EKART"></span>
+          </div>
+          <div style="font-size: 0.85rem; color: #94a3b8;" id="lm_msg_EKART">-</div>
+        </div>
+
+        <!-- Delivery Types -->
+        <div style="margin-top: 1rem;">
+          <div style="font-size: 0.8rem; font-weight: 700; color: var(--text-muted); text-transform: uppercase; margin-bottom: 0.45rem;">
+            Delivery Types Available:
+          </div>
+          <div id="types_EKART" style="display: flex; flex-wrap: wrap;">-</div>
         </div>
-        <div id="badge_EKART"></div>
       </div>
 
-      <!-- Ekart First Mile Box -->
-      <div class="mile-box">
-        <div class="mile-header">
-          <span style="color: var(--accent-cyan);">🛫 First-Mile (Pickup Hub)</span>
-          <span id="fm_status_EKART"></span>
-        </div>
-        <div style="font-size: 0.9rem; margin-bottom: 0.35rem;">
-          <strong>Origin Pincode:</strong> <span id="fm_pin_EKART">-</span>
-        </div>
-        <div style="font-size: 0.88rem; color: var(--text-muted); margin-bottom: 0.35rem;">
-          <strong>Hub Location:</strong> <span id="fm_loc_EKART">-</span>
-        </div>
-        <div style="font-size: 0.82rem; color: #94a3b8;" id="fm_msg_EKART">-</div>
-      </div>
-
-      <!-- Ekart Last Mile Box -->
-      <div class="mile-box">
-        <div class="mile-header">
-          <span style="color: var(--accent-purple);">🛬 Last-Mile (Delivery)</span>
-          <span id="lm_status_EKART"></span>
-        </div>
-        <div style="font-size: 0.9rem; margin-bottom: 0.35rem;">
-          <strong>Destination Pincode:</strong> <span id="lm_pin_EKART">-</span>
-        </div>
-        <div style="font-size: 0.88rem; color: var(--text-muted); margin-bottom: 0.35rem;">
-          <strong>Delivery Area:</strong> <span id="lm_loc_EKART">-</span>
-        </div>
-        <div style="display: flex; justify-content: space-between; align-items: center; margin-top: 0.5rem; padding-top: 0.5rem; border-top: 1px solid rgba(255, 255, 255, 0.05);">
-          <span id="cod_EKART">-</span>
-          <span id="cost_EKART" style="font-size: 1.15rem; font-weight: 800; color: var(--accent-emerald);">-</span>
+      <!-- Estimated Charge Footer -->
+      <div style="margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid rgba(255, 255, 255, 0.08); display: flex; justify-content: space-between; align-items: center;">
+        <span style="font-size: 0.85rem; color: var(--text-muted); font-weight: 600;">Estimated Charge:</span>
+        <div class="price-badge">
+          <span style="font-size: 0.9rem; color: #34d399; font-weight: 700;">₹</span>
+          <span class="price-amount" id="charge_EKART">-</span>
         </div>
       </div>
     </div>
   </div>
 
-  <!-- Detailed Comparison Table -->
+  <!-- Detailed Side-by-Side Capabilities Comparison Table -->
   <div class="card" style="margin-bottom: 1.75rem;">
     <div class="card-title">
-      <span>📊 Side-by-Side Capability Comparison Table</span>
+      <span>📊 Side-by-Side Capabilities & Rate Comparison Table</span>
     </div>
     <div style="overflow-x: auto;">
       <table class="data-table">
         <thead>
           <tr>
             <th>Carrier Partner</th>
-            <th>First-Mile (Origin Pickup)</th>
-            <th>Last-Mile (Destination Drop)</th>
-            <th>COD Support</th>
-            <th>Estimated Freight</th>
-            <th>Route Status</th>
+            <th>City & Pincode</th>
+            <th>First-Mile (Pickup)</th>
+            <th>Last-Mile (Delivery)</th>
+            <th>Delivery Types Available</th>
+            <th>Estimated Charge</th>
+            <th>Service Status</th>
           </tr>
         </thead>
         <tbody id="tableBody"></tbody>
@@ -410,10 +518,10 @@
     </div>
   </div>
 
-  <!-- Collapsible Raw API JSON Viewer -->
+  <!-- Collapsible Raw JSON Response Drawer -->
   <div class="card">
     <div class="card-title">
-      <span>🔍 Raw Multi-Carrier JSON Response (`/api/v1/carrier/check-availability/`)</span>
+      <span id="rawJsonTitle">🔍 Raw API Response</span>
       <button type="button" class="btn btn-secondary" style="padding: 0.35rem 0.85rem; font-size: 0.8rem;" onclick="copyJson()">
         📋 Copy JSON
       </button>
@@ -434,59 +542,109 @@
     '380': 'Ahmedabad, GJ', '302': 'Jaipur, RJ', '226': 'Lucknow, UP', '682': 'Kochi, KL'
   };
 
-  function updateLocationHints() {
-    const pPin = document.getElementById('pickup_pincode').value.trim();
-    const dPin = document.getElementById('drop_pincode').value.trim();
-
-    const pHintEl = document.getElementById('pickupLocationHint');
-    const dHintEl = document.getElementById('dropLocationHint');
-
-    if (pPin.length >= 3 && PIN_HINTS[pPin.substring(0, 3)]) {
-      pHintEl.textContent = PIN_HINTS[pPin.substring(0, 3)];
-    } else {
-      pHintEl.textContent = '';
-    }
-
-    if (dPin.length >= 3 && PIN_HINTS[dPin.substring(0, 3)]) {
-      dHintEl.textContent = PIN_HINTS[dPin.substring(0, 3)];
-    } else {
-      dHintEl.textContent = '';
-    }
-  }
-
-  function toggleApiSettings() {
-    const drawer = document.getElementById('apiSettingsDrawer');
-    const icon = document.getElementById('apiToggleIcon');
-    if (drawer.style.display === 'none' || drawer.style.display === '') {
-      drawer.style.display = 'block';
-      icon.textContent = '▼';
-    } else {
-      drawer.style.display = 'none';
-      icon.textContent = '▶';
-    }
-  }
-
-  function applyPreset(pickup, drop, payment) {
-    document.getElementById('pickup_pincode').value = pickup;
-    document.getElementById('drop_pincode').value = drop;
-    document.getElementById('payment_type').value = payment;
-    updateLocationHints();
-    document.getElementById('checkerForm').dispatchEvent(new Event('submit', { cancelable: true }));
-  }
-
+  let activeMode = 'single';
   let latestResponseData = null;
 
-  async function handleCheckSubmit(e) {
+  function switchMode(mode) {
+    activeMode = mode;
+    const tabSingle = document.getElementById('tabSingleMode');
+    const tabRoute = document.getElementById('tabRouteMode');
+    const cardSingle = document.getElementById('cardSingleMode');
+    const cardRoute = document.getElementById('cardRouteMode');
+
+    if (mode === 'single') {
+      tabSingle.classList.add('active');
+      tabRoute.classList.remove('active');
+      cardSingle.style.display = 'block';
+      cardRoute.style.display = 'none';
+      handleSinglePincodeSubmit(null);
+    } else {
+      tabSingle.classList.remove('active');
+      tabRoute.classList.add('active');
+      cardSingle.style.display = 'none';
+      cardRoute.style.display = 'block';
+      handleRouteSubmit(null);
+    }
+  }
+
+  function updateSingleLocationHint() {
+    const pin = document.getElementById('single_pincode').value.trim();
+    const hintEl = document.getElementById('singleLocationHint');
+    if (pin.length >= 3 && PIN_HINTS[pin.substring(0, 3)]) {
+      hintEl.textContent = PIN_HINTS[pin.substring(0, 3)];
+    } else {
+      hintEl.textContent = '';
+    }
+  }
+
+  function updateRouteLocationHints() {
+    const pPin = document.getElementById('route_pickup').value.trim();
+    const dPin = document.getElementById('route_drop').value.trim();
+    const pHint = document.getElementById('routePickupHint');
+    const dHint = document.getElementById('routeDropHint');
+
+    pHint.textContent = (pPin.length >= 3 && PIN_HINTS[pPin.substring(0, 3)]) ? PIN_HINTS[pPin.substring(0, 3)] : '';
+    dHint.textContent = (dPin.length >= 3 && PIN_HINTS[dPin.substring(0, 3)]) ? PIN_HINTS[dPin.substring(0, 3)] : '';
+  }
+
+  function applySinglePreset(pin) {
+    document.getElementById('single_pincode').value = pin;
+    updateSingleLocationHint();
+    document.getElementById('singlePincodeForm').dispatchEvent(new Event('submit', { cancelable: true }));
+  }
+
+  function applyRoutePreset(origin, dest, payment) {
+    document.getElementById('route_pickup').value = origin;
+    document.getElementById('route_drop').value = dest;
+    document.getElementById('route_payment').value = payment;
+    updateRouteLocationHints();
+    document.getElementById('routeForm').dispatchEvent(new Event('submit', { cancelable: true }));
+  }
+
+  // Handle Single Pincode Submit
+  async function handleSinglePincodeSubmit(e) {
     if (e) e.preventDefault();
 
-    const pickupPin = document.getElementById('pickup_pincode').value.trim();
-    const dropPin = document.getElementById('drop_pincode').value.trim();
-    const paymentType = document.getElementById('payment_type').value;
-    const weight = parseInt(document.getElementById('weight').value) || 500;
-    const isMock = document.getElementById('cfg_mode').value === 'true';
-    const sfxToken = document.getElementById('sfx_token').value.trim();
-    const delhiveryToken = document.getElementById('delhivery_token').value.trim();
-    const sfxEnv = 'production';
+    const pin = document.getElementById('single_pincode').value.trim();
+    const weight = parseInt(document.getElementById('single_weight').value) || 500;
+    const isMock = document.getElementById('single_mode_toggle').value === 'true';
+
+    if (!pin || pin.length !== 6) {
+      alert('Please enter a valid 6-digit Indian pincode.');
+      return;
+    }
+
+    const btn = document.getElementById('btnSingleSubmit');
+    const btnIcon = document.getElementById('btnSingleIcon');
+    const btnText = document.getElementById('btnSingleText');
+
+    btn.disabled = true;
+    btnIcon.innerHTML = '<span class="spinner"></span>';
+    btnText.textContent = 'Evaluating All 3 Carriers...';
+
+    try {
+      const response = await fetch(`/api/v1/carrier/check-pincode/?pincode=${pin}&weight=${weight}&use_mock=${isMock}`);
+      const data = await response.json();
+      latestResponseData = data;
+      document.getElementById('rawJsonTitle').textContent = `🔍 Raw API Response (/api/v1/carrier/check-pincode/?pincode=${pin})`;
+      renderSinglePincodeResults(data);
+    } catch (err) {
+      alert('Failed to connect to carrier service: ' + err.message);
+    } finally {
+      btn.disabled = false;
+      btnIcon.textContent = '🔍';
+      btnText.textContent = 'Check Pincode Across All 3 Carriers';
+    }
+  }
+
+  // Handle Route Submit
+  async function handleRouteSubmit(e) {
+    if (e) e.preventDefault();
+
+    const pickupPin = document.getElementById('route_pickup').value.trim();
+    const dropPin = document.getElementById('route_drop').value.trim();
+    const payment = document.getElementById('route_payment').value;
+    const weight = parseInt(document.getElementById('route_weight').value) || 500;
 
     if (!pickupPin || pickupPin.length !== 6) {
       alert('Please enter a valid 6-digit origin pickup pincode.');
@@ -497,48 +655,43 @@
       return;
     }
 
-    const btn = document.getElementById('btnSubmitCheck');
-    const btnIcon = document.getElementById('btnIcon');
-    const btnText = document.getElementById('btnText');
+    const btn = document.getElementById('btnRouteSubmit');
+    const btnIcon = document.getElementById('btnRouteIcon');
+    const btnText = document.getElementById('btnRouteText');
 
     btn.disabled = true;
     btnIcon.innerHTML = '<span class="spinner"></span>';
-    btnText.textContent = 'Evaluating Carriers...';
+    btnText.textContent = 'Evaluating Route...';
 
     const payload = {
       pickup_pincode: pickupPin,
       drop_pincode: dropPin,
-      payment_type: paymentType,
+      payment_type: payment,
       weight: weight,
-      env: sfxEnv,
-      sfx_token: sfxToken,
-      delhivery_token: delhiveryToken,
-      use_mock: isMock
+      use_mock: false
     };
 
     try {
       const response = await fetch('/api/v1/carrier/check-availability/', {
         method: 'POST',
-        headers: {
-          'Content-Type': 'application/json',
-          'Accept': 'application/json'
-        },
+        headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify(payload)
       });
-
       const data = await response.json();
       latestResponseData = data;
-      renderResults(data);
+      document.getElementById('rawJsonTitle').textContent = `🔍 Raw API Response (/api/v1/carrier/check-availability/)`;
+      renderRouteResults(data);
     } catch (err) {
-      alert('Failed to connect to carrier availability API: ' + err.message);
+      alert('Failed to connect to route service: ' + err.message);
     } finally {
       btn.disabled = false;
       btnIcon.textContent = '⚡';
-      btnText.textContent = 'Check First-Mile & Last-Mile Delivery';
+      btnText.textContent = 'Evaluate Complete Route Across Carriers';
     }
   }
 
-  function renderResults(data) {
+  // Render Single Pincode Results
+  function renderSinglePincodeResults(data) {
     document.getElementById('resultsWrapper').style.display = 'block';
     document.getElementById('rawJsonResponse').textContent = JSON.stringify(data, null, 2);
 
@@ -551,16 +704,16 @@
     const verdictBadgeContainer = document.getElementById('verdictBadgeContainer');
 
     if (best && best.selected) {
-      verdictTitle.innerHTML = `Optimal Carrier: <span style="color: var(--accent-emerald);">${best.carrier}</span> (₹${best.cost})`;
-      verdictDesc.textContent = best.reason || 'Selected as best serviceable carrier for this route.';
-      verdictBadgeContainer.innerHTML = `<span class="badge badge-success" style="font-size: 0.9rem; padding: 0.5rem 1rem;">Route Serviceable</span>`;
+      verdictTitle.innerHTML = `Optimal Carrier: <span style="color: var(--accent-emerald);">${best.carrier}</span> (₹${best.charge})`;
+      verdictDesc.textContent = `${data.city || ''}, ${data.state || ''} (${data.pincode}) — ${best.reason || 'Selected as lowest charge carrier.'}`;
+      verdictBadgeContainer.innerHTML = `<span class="badge badge-success" style="font-size: 0.9rem; padding: 0.5rem 1rem;">Serviceable Pincode</span>`;
     } else {
-      verdictTitle.innerHTML = `<span style="color: var(--accent-rose);">Route Unserviceable</span>`;
-      verdictDesc.textContent = best.reason || 'No integrated carrier can service both the origin pickup and destination drop.';
-      verdictBadgeContainer.innerHTML = `<span class="badge badge-error" style="font-size: 0.9rem; padding: 0.5rem 1rem;">Action Required</span>`;
+      verdictTitle.innerHTML = `<span style="color: var(--accent-rose);">Pincode Unserviceable</span>`;
+      verdictDesc.textContent = best.reason || 'No carrier can service this pincode.';
+      verdictBadgeContainer.innerHTML = `<span class="badge badge-error" style="font-size: 0.9rem; padding: 0.5rem 1rem;">Unserviceable</span>`;
     }
 
-    // 2. Render each carrier card
+    // 2. Render Cards & Table
     const carrierKeys = ['SHADOWFAX', 'DELHIVERY', 'EKART'];
     const tableBody = document.getElementById('tableBody');
     tableBody.innerHTML = '';
@@ -583,67 +736,76 @@
         ? `<span class="badge badge-success">✓ Serviceable</span>` 
         : `<span class="badge badge-error">✕ Unserviceable</span>`;
 
-      // First Mile
-      const fm = c.first_mile || {};
-      const fmStatusEl = document.getElementById(`fm_status_${key}`);
-      const fmPinEl = document.getElementById(`fm_pin_${key}`);
-      const fmLocEl = document.getElementById(`fm_loc_${key}`);
-      const fmMsgEl = document.getElementById(`fm_msg_${key}`);
+      // City & Pincode
+      document.getElementById(`loc_${key}`).textContent = `${c.city || data.city || 'Unknown'}, ${c.state || data.state || 'India'} (${c.pincode || data.pincode})`;
 
-      fmStatusEl.innerHTML = fm.serviceable 
-        ? `<span style="color: var(--accent-emerald);">● Pickup Active</span>` 
-        : `<span style="color: var(--accent-rose);">● Pickup Blocked</span>`;
-      fmPinEl.textContent = fm.pincode || data.pickup_pincode || '-';
-      fmLocEl.textContent = `${fm.city || 'Unknown'}, ${fm.state || 'India'}`;
-      fmMsgEl.textContent = fm.message || (fm.serviceable ? 'First-mile pickup serviceable' : 'Origin not serviceable');
+      // First Mile
+      const fmStatusEl = document.getElementById(`fm_status_${key}`);
+      const fmMsgEl = document.getElementById(`fm_msg_${key}`);
+      const fmOk = Boolean(c.first_mile_available);
+      fmStatusEl.innerHTML = fmOk 
+        ? `<span style="color: #34d399;">● Pickup Active</span>` 
+        : `<span style="color: #fb7185;">● Pickup Blocked</span>`;
+      fmMsgEl.textContent = c.first_mile_details || (fmOk ? 'First-mile hub sweep serviceable' : 'Origin not serviceable');
 
       // Last Mile
-      const lm = c.last_mile || {};
       const lmStatusEl = document.getElementById(`lm_status_${key}`);
-      const lmPinEl = document.getElementById(`lm_pin_${key}`);
-      const lmLocEl = document.getElementById(`lm_loc_${key}`);
-      const codEl = document.getElementById(`cod_${key}`);
-      const costEl = document.getElementById(`cost_${key}`);
+      const lmMsgEl = document.getElementById(`lm_msg_${key}`);
+      const lmOk = Boolean(c.last_mile_available);
+      lmStatusEl.innerHTML = lmOk 
+        ? `<span style="color: #34d399;">● Delivery Active</span>` 
+        : `<span style="color: #fb7185;">● Delivery Blocked</span>`;
+      lmMsgEl.textContent = c.last_mile_details || (lmOk ? 'Last-mile doorstep delivery serviceable' : 'Destination not serviceable');
 
-      lmStatusEl.innerHTML = lm.serviceable 
-        ? `<span style="color: var(--accent-emerald);">● Delivery Active</span>` 
-        : `<span style="color: var(--accent-rose);">● Delivery Blocked</span>`;
-      lmPinEl.textContent = lm.pincode || data.drop_pincode || '-';
-      lmLocEl.textContent = `${lm.city || 'Unknown'}, ${lm.state || 'India'}`;
-
-      if (c.cod_available) {
-        codEl.innerHTML = `<span class="badge badge-success" style="font-size: 0.72rem;">COD Available</span>`;
+      // Delivery Types
+      const typesEl = document.getElementById(`types_${key}`);
+      typesEl.innerHTML = '';
+      const types = c.delivery_types || [];
+      if (types.length > 0) {
+        types.forEach(t => {
+          const span = document.createElement('span');
+          span.className = 'type-tag';
+          span.textContent = t;
+          typesEl.appendChild(span);
+        });
       } else {
-        codEl.innerHTML = `<span class="badge badge-error" style="font-size: 0.72rem;">Prepaid Only</span>`;
+        typesEl.innerHTML = '<span style="color: var(--text-muted); font-size: 0.8rem;">No delivery services available</span>';
       }
 
-      if (overallServiceable && c.estimated_cost !== null && c.estimated_cost !== undefined) {
-        costEl.textContent = `₹${c.estimated_cost}`;
+      // Estimated Charge
+      const chargeEl = document.getElementById(`charge_${key}`);
+      if (overallServiceable && c.estimated_charge !== null && c.estimated_charge !== undefined) {
+        chargeEl.textContent = `${c.estimated_charge}`;
       } else {
-        costEl.textContent = 'N/A';
-        costEl.style.color = 'var(--text-muted)';
+        chargeEl.textContent = 'N/A';
+        chargeEl.style.color = 'var(--text-muted)';
       }
 
-      // Add row to table
+      // Table Row
       const tr = document.createElement('tr');
       tr.innerHTML = `
         <td style="font-weight: 700; color: #fff;">
           ${key === 'SHADOWFAX' ? '📦 Shadowfax' : (key === 'DELHIVERY' ? '🚚 Delhivery' : '⚡ Ekart')}
           ${isBest ? ' <span class="badge badge-success" style="font-size: 0.65rem;">Best Choice</span>' : ''}
         </td>
-        <td>
-          ${fm.serviceable ? '<span style="color: #34d399; font-weight: 600;">✓ Ready</span>' : '<span style="color: #fb7185; font-weight: 600;">✕ Blocked</span>'}
-          <span style="color: var(--text-muted); font-size: 0.8rem; display: block;">${fm.city || '-'}, ${fm.state || '-'} (${fm.pincode || '-'})</span>
+        <td style="font-weight: 600; color: #e2e8f0;">
+          ${c.city || data.city || '-'}, ${c.state || data.state || '-'} (${c.pincode || data.pincode})
         </td>
         <td>
-          ${lm.serviceable ? '<span style="color: #34d399; font-weight: 600;">✓ Ready</span>' : '<span style="color: #fb7185; font-weight: 600;">✕ Blocked</span>'}
-          <span style="color: var(--text-muted); font-size: 0.8rem; display: block;">${lm.city || '-'}, ${lm.state || '-'} (${lm.pincode || '-'})</span>
+          ${fmOk ? '<span style="color: #34d399; font-weight: 700;">✓ Active</span>' : '<span style="color: #fb7185; font-weight: 700;">✕ Blocked</span>'}
+          <span style="color: var(--text-muted); font-size: 0.8rem; display: block;">${fmOk ? 'Pickup Sweep' : 'Unavailable'}</span>
         </td>
         <td>
-          ${c.cod_available ? '<span style="color: #34d399;">Active</span>' : '<span style="color: #fb7185;">Disabled</span>'}
+          ${lmOk ? '<span style="color: #34d399; font-weight: 700;">✓ Active</span>' : '<span style="color: #fb7185; font-weight: 700;">✕ Blocked</span>'}
+          <span style="color: var(--text-muted); font-size: 0.8rem; display: block;">${lmOk ? 'Doorstep Delivery' : 'Unavailable'}</span>
         </td>
-        <td style="font-weight: 700; color: ${overallServiceable ? '#34d399' : 'var(--text-muted)'}; font-size: 1rem;">
-          ${overallServiceable && c.estimated_cost ? `₹${c.estimated_cost}` : '—'}
+        <td>
+          <div style="display: flex; flex-wrap: wrap; max-width: 320px;">
+            ${types.map(t => `<span class="type-tag">${t}</span>`).join('') || '<span style="color: var(--text-muted);">None</span>'}
+          </div>
+        </td>
+        <td style="font-weight: 800; color: ${overallServiceable ? '#34d399' : 'var(--text-muted)'}; font-size: 1.1rem;">
+          ${overallServiceable && c.estimated_charge ? `₹${c.estimated_charge}` : '—'}
         </td>
         <td>
           ${overallServiceable 
@@ -654,7 +816,119 @@
       tableBody.appendChild(tr);
     });
 
-    // Smooth scroll to verdict
+    document.getElementById('verdictBanner').scrollIntoView({ behavior: 'smooth', block: 'nearest' });
+  }
+
+  // Render Route Results
+  function renderRouteResults(data) {
+    document.getElementById('resultsWrapper').style.display = 'block';
+    document.getElementById('rawJsonResponse').textContent = JSON.stringify(data, null, 2);
+
+    const carriers = data.carriers || {};
+    const best = data.best_carrier || {};
+
+    const verdictTitle = document.getElementById('verdictTitle');
+    const verdictDesc = document.getElementById('verdictDesc');
+    const verdictBadgeContainer = document.getElementById('verdictBadgeContainer');
+
+    if (best && best.selected) {
+      verdictTitle.innerHTML = `Optimal Route Carrier: <span style="color: var(--accent-emerald);">${best.carrier}</span> (₹${best.cost})`;
+      verdictDesc.textContent = `${data.pickup_pincode} → ${data.drop_pincode} (${data.payment_type || 'Prepaid'}) — ${best.reason || 'Selected as best carrier for route.'}`;
+      verdictBadgeContainer.innerHTML = `<span class="badge badge-success" style="font-size: 0.9rem; padding: 0.5rem 1rem;">Route Serviceable</span>`;
+    } else {
+      verdictTitle.innerHTML = `<span style="color: var(--accent-rose);">Route Unserviceable</span>`;
+      verdictDesc.textContent = best.reason || 'No carrier can service this route.';
+      verdictBadgeContainer.innerHTML = `<span class="badge badge-error" style="font-size: 0.9rem; padding: 0.5rem 1rem;">Unserviceable</span>`;
+    }
+
+    const carrierKeys = ['SHADOWFAX', 'DELHIVERY', 'EKART'];
+    const tableBody = document.getElementById('tableBody');
+    tableBody.innerHTML = '';
+
+    carrierKeys.forEach(key => {
+      const c = carriers[key] || {};
+      const cardEl = document.getElementById(`card_${key}`);
+      if (!cardEl) return;
+
+      const isBest = (best && best.selected && best.carrier === key);
+      if (isBest) cardEl.classList.add('recommended');
+      else cardEl.classList.remove('recommended');
+
+      const overallServiceable = Boolean(c.serviceable);
+      document.getElementById(`badge_${key}`).innerHTML = overallServiceable 
+        ? `<span class="badge badge-success">✓ Serviceable</span>` 
+        : `<span class="badge badge-error">✕ Unserviceable</span>`;
+
+      const fm = c.first_mile || {};
+      const lm = c.last_mile || {};
+
+      document.getElementById(`loc_${key}`).textContent = `${fm.city || '-'} (${data.pickup_pincode}) ➔ ${lm.city || '-'} (${data.drop_pincode})`;
+
+      const fmOk = Boolean(fm.serviceable);
+      document.getElementById(`fm_status_${key}`).innerHTML = fmOk 
+        ? `<span style="color: #34d399;">● Pickup Active</span>` 
+        : `<span style="color: #fb7185;">● Pickup Blocked</span>`;
+      document.getElementById(`fm_msg_${key}`).textContent = fm.message || (fmOk ? 'First-mile serviceable' : 'Origin unserviceable');
+
+      const lmOk = Boolean(lm.serviceable);
+      document.getElementById(`lm_status_${key}`).innerHTML = lmOk 
+        ? `<span style="color: #34d399;">● Delivery Active</span>` 
+        : `<span style="color: #fb7185;">● Delivery Blocked</span>`;
+      document.getElementById(`lm_msg_${key}`).textContent = lm.message || (lmOk ? 'Last-mile serviceable' : 'Destination unserviceable');
+
+      // Types
+      const typesEl = document.getElementById(`types_${key}`);
+      typesEl.innerHTML = '';
+      const types = c.delivery_types || ['Prepaid', c.cod_available ? 'COD' : 'Prepaid Only'];
+      types.forEach(t => {
+        const span = document.createElement('span');
+        span.className = 'type-tag';
+        span.textContent = t;
+        typesEl.appendChild(span);
+      });
+
+      // Charge
+      const cost = c.estimated_charge || c.estimated_cost;
+      const chargeEl = document.getElementById(`charge_${key}`);
+      if (overallServiceable && cost !== null && cost !== undefined) {
+        chargeEl.textContent = `${cost}`;
+      } else {
+        chargeEl.textContent = 'N/A';
+      }
+
+      // Table Row
+      const tr = document.createElement('tr');
+      tr.innerHTML = `
+        <td style="font-weight: 700; color: #fff;">
+          ${key === 'SHADOWFAX' ? '📦 Shadowfax' : (key === 'DELHIVERY' ? '🚚 Delhivery' : '⚡ Ekart')}
+          ${isBest ? ' <span class="badge badge-success" style="font-size: 0.65rem;">Best Choice</span>' : ''}
+        </td>
+        <td style="font-weight: 600; color: #e2e8f0;">
+          ${fm.city || '-'} (${data.pickup_pincode}) → ${lm.city || '-'} (${data.drop_pincode})
+        </td>
+        <td>
+          ${fmOk ? '<span style="color: #34d399; font-weight: 700;">✓ Ready</span>' : '<span style="color: #fb7185; font-weight: 700;">✕ Blocked</span>'}
+          <span style="color: var(--text-muted); font-size: 0.8rem; display: block;">${fm.city || '-'}</span>
+        </td>
+        <td>
+          ${lmOk ? '<span style="color: #34d399; font-weight: 700;">✓ Ready</span>' : '<span style="color: #fb7185; font-weight: 700;">✕ Blocked</span>'}
+          <span style="color: var(--text-muted); font-size: 0.8rem; display: block;">${lm.city || '-'}</span>
+        </td>
+        <td>
+          <div style="display: flex; flex-wrap: wrap; max-width: 320px;">
+            ${types.map(t => `<span class="type-tag">${t}</span>`).join('')}
+          </div>
+        </td>
+        <td style="font-weight: 800; color: ${overallServiceable ? '#34d399' : 'var(--text-muted)'}; font-size: 1.1rem;">
+          ${overallServiceable && cost ? `₹${cost}` : '—'}
+        </td>
+        <td>
+          ${overallServiceable ? '<span class="badge badge-success">Serviceable</span>' : '<span class="badge badge-error">Unserviceable</span>'}
+        </td>
+      `;
+      tableBody.appendChild(tr);
+    });
+
     document.getElementById('verdictBanner').scrollIntoView({ behavior: 'smooth', block: 'nearest' });
   }
 
@@ -665,11 +939,11 @@
       .catch(() => alert('Failed to copy.'));
   }
 
-  // Initialize input hints on page load
+  // Initialize input hints and auto-run on initial page load
   window.addEventListener('DOMContentLoaded', () => {
-    updateLocationHints();
-    // Auto-trigger on initial load to show preview
-    handleCheckSubmit(null);
+    updateSingleLocationHint();
+    updateRouteLocationHints();
+    handleSinglePincodeSubmit(null);
   });
 </script>
 {% endblock %}
diff --git a/shipping/tests.py b/shipping/tests.py
index 2b9d268..ec6a535 100644
--- a/shipping/tests.py
+++ b/shipping/tests.py
@@ -276,6 +276,32 @@ class ShippingAPITestCase(TestCase):
         self.assertTrue(delhivery['first_mile']['serviceable'])
         self.assertTrue(delhivery['last_mile']['serviceable'])
 
+    def test_single_pincode_checker_api(self):
+        # Test single pincode endpoint with live/mock evaluation across all 3 carriers
+        url = reverse('api_carrier_pincode_check')
+        res = self.client.get(f"{url}?pincode=560077&weight=500&use_mock=true")
+        self.assertEqual(res.status_code, 200)
+        data = res.json()
+        self.assertEqual(data['status'], 'success')
+        self.assertEqual(data['pincode'], '560077')
+        self.assertIn('city', data)
+        self.assertIn('carriers', data)
+        self.assertIn('best_carrier', data)
+
+        for carrier_name in ['SHADOWFAX', 'DELHIVERY', 'EKART']:
+            self.assertIn(carrier_name, data['carriers'])
+            c = data['carriers'][carrier_name]
+            self.assertIn('first_mile_available', c)
+            self.assertIn('last_mile_available', c)
+            self.assertIn('delivery_types', c)
+            self.assertIn('estimated_charge', c)
+            self.assertIsInstance(c['delivery_types'], list)
+            self.assertGreater(len(c['delivery_types']), 0)
+            self.assertIsNotNone(c['estimated_charge'])
+
+        self.assertTrue(data['best_carrier']['selected'])
+        self.assertIsNotNone(data['best_carrier']['charge'])
+
 
 
 
diff --git a/shipping/urls.py b/shipping/urls.py
index 75f874e..5278354 100644
--- a/shipping/urls.py
+++ b/shipping/urls.py
@@ -15,6 +15,7 @@ urlpatterns = [
     path('api/webhook/', views.webhook_listener_api, name='webhook_listener_api'),
 
     # Dynamic Carrier Allocation REST API Endpoints under /api/v1/carrier/
+    path('api/v1/carrier/check-pincode/', views.api_carrier_pincode_check, name='api_carrier_pincode_check'),
     path('api/v1/carrier/check-availability/', views.api_carrier_availability, name='api_carrier_availability'),
     path('api/v1/carrier/auto-dispatch/', views.api_carrier_auto_dispatch, name='api_carrier_auto_dispatch'),
 
diff --git a/shipping/views.py b/shipping/views.py
index 75e08b6..076b380 100644
--- a/shipping/views.py
+++ b/shipping/views.py
@@ -1029,6 +1029,30 @@ def carrier_checker_view(request):
     return render(request, 'shipping/carrier_checker.html', context)
 
 
+@csrf_exempt
+def api_carrier_pincode_check(request):
+    """
+    REST API endpoint to check city, first-mile availability, last-mile availability,
+    delivery types, and estimated charge for a single pincode across all three carriers (Shadowfax, Delhivery, Ekart).
+    GET or POST /api/v1/carrier/check-pincode/
+    """
+    if request.method not in ['POST', 'GET']:
+        return JsonResponse({'error': 'POST or GET method required'}, status=405)
+
+    try:
+        data = json.loads(request.body.decode('utf-8')) if request.body else {}
+    except Exception:
+        data = {}
+
+    pincode = data.get('pincode') or request.GET.get('pincode') or data.get('pin') or request.GET.get('pin') or '560077'
+    weight = data.get('weight') or request.GET.get('weight') or 500
+    use_mock = data.get('use_mock') is True or str(data.get('use_mock', '')).lower() == 'true' or request.GET.get('use_mock') == 'true'
+
+    from .carrier_allocator import check_single_pincode_all_carriers
+    res = check_single_pincode_all_carriers(pincode=pincode, weight=weight, use_mock=use_mock)
+    return JsonResponse(res, status=200)
+
+
 @csrf_exempt
 def api_carrier_availability(request):
     """
diff --git a/shippingservice_project/__pycache__/settings.cpython-314.pyc b/shippingservice_project/__pycache__/settings.cpython-314.pyc
index 9c9acf7..654f67d 100644
Binary files a/shippingservice_project/__pycache__/settings.cpython-314.pyc and b/shippingservice_project/__pycache__/settings.cpython-314.pyc differ
diff --git a/shippingservice_project/settings.py b/shippingservice_project/settings.py
index 534b87f..38e1d3d 100644
--- a/shippingservice_project/settings.py
+++ b/shippingservice_project/settings.py
@@ -167,8 +167,8 @@ SFX_PRODUCTION_BASE_URL = os.getenv('SFX_PRODUCTION_BASE_URL', 'https://dale.sha
 # Ekart API Credentials & Endpoints
 EKART_BASE_URL = os.getenv('EKART_BASE_URL', 'https://app.elite.ekartlogistics.in')
 EKART_CLIENT_ID = os.getenv('EKART_CLIENT_ID', 'EKART_6aba5a11229f5801fef04696')
-EKART_USERNAME = os.getenv('EKART_USERNAME', 'sample_username')
-EKART_PASSWORD = os.getenv('EKART_PASSWORD', 'sample_password')
+EKART_USERNAME = os.getenv('EKART_USERNAME', 'tradiraw@gmail.com')
+EKART_PASSWORD = os.getenv('EKART_PASSWORD', 'Database@2026')
 
 # Delhivery API Credentials & Endpoints
 DELHIVERY_BASE_URL = os.getenv('DELHIVERY_BASE_URL', 'https://track.delhivery.com')