<div id="td-map-v2" style="font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;max-width:700px;margin:20px auto;"><div style="background:#001427;border-radius:12px 12px 0 0;padding:18px 24px;"><div style="display:flex;justify-content:space-between;align-items:center;"><div><h2 id="map-title" style="margin:0;font-family:'Poppins','Inter',sans-serif;font-size:17px;font-weight:600;color:white;letter-spacing:-0.3px;">Your Journey</h2><p id="map-subtitle" style="margin:6px 0 0;font-size:12px;color:rgba(255,255,255,0.7);font-weight:400;">Travel Differently</p></div><div><img src="https://cdn.prod.website-files.com/60e9f6409ef83c351ec69258/6658337c7f4f2da6003a1416_Logo.svg" alt="Travel Differently" style="height:28px;"></div></div></div><div id="map" style="width:100%;height:380px;background:#e7e0da;"></div><div id="timeline" style="background:#f4f4f4;border-radius:0 0 12px 12px;padding:14px 20px;border-top:3px solid #e98a15;"><div style="display:flex;justify-content:space-between;align-items:center;gap:8px;"></div></div><div style="display:flex;justify-content:center;gap:24px;margin-top:14px;font-size:11px;color:#001427;font-weight:500;"><span style="display:flex;align-items:center;gap:6px;"><span style="width:10px;height:10px;background:#e98a15;border-radius:50%;"></span> Destination</span><span style="display:flex;align-items:center;gap:6px;"><span style="width:20px;height:2px;background:#e98a15;border-radius:1px;"></span> Route</span><span style="display:flex;align-items:center;gap:6px;">📷 Click for details</span></div></div><link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"/><script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script><style>#td-map-v2 *{box-sizing:border-box}#td-map-v2 .leaflet-popup-content-wrapper{border-radius:12px;padding:0;box-shadow:0 8px 30px rgba(0,0,0,0.15);overflow:hidden}#td-map-v2 .leaflet-popup-content{margin:0;width:260px!important}#td-map-v2 .leaflet-popup-tip{display:none}.td-popup-v2 .popup-img{width:100%;height:120px;object-fit:cover}.td-popup-v2 .popup-body{padding:14px}.td-popup-v2 .popup-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.td-popup-v2 .day-badge{background:#e98a15;color:white;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600}.td-popup-v2 h4{margin:0;font-family:'Poppins',Arial,sans-serif;font-size:15px;color:#001427}.td-popup-v2 .popup-desc{font-size:12px;color:#555;line-height:1.5;margin-bottom:10px}.td-popup-v2 .highlights-list{background:#f5f5f5;padding:10px;border-radius:8px;margin-top:10px}.td-popup-v2 .highlights-list strong{font-size:10px;color:#e98a15;text-transform:uppercase}.td-popup-v2 .highlights-list ul{margin:5px 0 0 15px;padding:0;font-size:11px;color:#666}.timeline-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all 0.2s;min-width:70px}.timeline-item:hover{background:#e98a15;color:white}.timeline-item .tl-day{font-size:10px;color:#999;margin-bottom:2px}.timeline-item .tl-name{font-size:11px;font-weight:600;color:#001427;white-space:nowrap}.timeline-item:hover .tl-day,.timeline-item:hover .tl-name{color:white}.timeline-item.active{background:#e98a15}.timeline-item.active .tl-day,.timeline-item.active .tl-name{color:white}.map-error{text-align:center;padding:40px 20px;color:#666;font-size:14px;}</style><script>(function(){try{var mapData={"summary":{"title":"3-Week Family Adventure in Portugal","dates":"August 2026","travelers":"4 Travelers"},"weather":{"desc":"Warm and sunny with occasional breezes","temp":"25-35°C"},"security":{"status":"Low Risk","tip":"Safe, but watch out for pickpockets on trams"},"budget":{"total":"€6,000–7,000","items":[{"label":"Accommodations","val":"€1,200–1,500"},{"label":"Transport","val":"€250–350"},{"label":"Activities & Food","val":"€550–750"}]},"map":{"waypoints":[{"name":"Lisbon","lat":38.7223,"lon":-9.1393,"days":"Day 1-7","desc":"Explore the vibrant capital with family-friendly activities.","photo":"https://cdn.pixabay.com/photo/2016/11/29/09/08/lisbon-1869662_1280.jpg","highlights":["Tram 28 Ride","Oceanarium Visit"]},{"name":"Lagos","lat":37.1022,"lon":-8.6753,"days":"Day 8-14","desc":"Enjoy beautiful beaches and family adventures.","photo":"https://cdn.pixabay.com/photo/2016/10/09/21/20/lagos-1723057_1280.jpg","highlights":["Ponta da Piedade","Waterpark Fun"]},{"name":"Porto","lat":41.1496,"lon":-8.6109,"days":"Day 15-21","desc":"Discover the cultural treasures of northern Portugal.","photo":"https://cdn.pixabay.com/photo/2017/08/30/10/30/porto-2692357_1280.jpg","highlights":["Douro River Cruise","Livraria Lello"]}],"route":[0,1,2]},"days":[{"day_index":1,"day_title":"Arrival in Lisbon","image_query":"Lisbon Portugal","html_placeholder":"[DAY_IMAGE_01]"},{"day_index":2,"day_title":"Lisbon – Tramways & Belém","image_query":"Lisbon Portugal","html_placeholder":"[DAY_IMAGE_02]"},{"day_index":3,"day_title":"Oceanário & Parque das Nações","image_query":"Lisbon Portugal","html_placeholder":"[DAY_IMAGE_03]"},{"day_index":4,"day_title":"Sintra – Palaces & Forests","image_query":"Sintra Portugal","html_placeholder":"[DAY_IMAGE_04]"},{"day_index":5,"day_title":"Beach Day – Costa da Caparica","image_query":"Costa da Caparica Portugal","html_placeholder":"[DAY_IMAGE_05]"},{"day_index":6,"day_title":"Lisbon – Free Day","image_query":"Lisbon Portugal","html_placeholder":"[DAY_IMAGE_06]"},{"day_index":7,"day_title":"Lisbon to Algarve (Lagos)","image_query":"Lagos Portugal","html_placeholder":"[DAY_IMAGE_07]"},{"day_index":8,"day_title":"Lagos Beaches & Grottos","image_query":"Lagos Portugal","html_placeholder":"[DAY_IMAGE_08]"},{"day_index":9,"day_title":"Sagres & Cape St. Vincent","image_query":"Sagres Portugal","html_placeholder":"[DAY_IMAGE_09]"},{"day_index":10,"day_title":"Waterpark Adventure","image_query":"Lagos Portugal","html_placeholder":"[DAY_IMAGE_10]"},{"day_index":11,"day_title":"Lagos – Free/Rest Day","image_query":"Lagos Portugal","html_placeholder":"[DAY_IMAGE_11]"},{"day_index":12,"day_title":"Monchique Mountains","image_query":"Monchique Portugal","html_placeholder":"[DAY_IMAGE_12]"},{"day_index":13,"day_title":"Aljezur & West Coast Beaches","image_query":"Aljezur Portugal","html_placeholder":"[DAY_IMAGE_13]"},{"day_index":14,"day_title":"Lagos – Leisure & Farewell Algarve","image_query":"Lagos Portugal","html_placeholder":"[DAY_IMAGE_14]"},{"day_index":15,"day_title":"Algarve to Porto (via Lisbon)","image_query":"Porto Portugal","html_placeholder":"[DAY_IMAGE_15]"},{"day_index":16,"day_title":"Porto – City & River","image_query":"Porto Portugal","html_placeholder":"[DAY_IMAGE_16]"},{"day_index":17,"day_title":"Porto – World of Discoveries & Gardens","image_query":"Porto Portugal","html_placeholder":"[DAY_IMAGE_17]"},{"day_index":18,"day_title":"Douro Valley Day Trip","image_query":"Douro Valley Portugal","html_placeholder":"[DAY_IMAGE_18]"},{"day_index":19,"day_title":"Porto – Free/Rest Day","image_query":"Porto Portugal","html_placeholder":"[DAY_IMAGE_19]"},{"day_index":20,"day_title":"Guimarães & Braga","image_query":"Guimarães Portugal","html_placeholder":"[DAY_IMAGE_20]"},{"day_index":21,"day_title":"Departure from Porto","image_query":"Porto Portugal","html_placeholder":"[DAY_IMAGE_21]"}]};if(!mapData||!mapData.map||!mapData.map.waypoints||!Array.isArray(mapData.map.waypoints)||mapData.map.waypoints.length===0){throw new Error('Invalid map data structure');}var travelerName="Hakim";var destination="Portugal";document.getElementById('map-title').textContent=travelerName+"'s Journey Through "+destination;document.getElementById('map-subtitle').textContent=(mapData.summary?mapData.summary.dates:'')+" • "+(mapData.summary?mapData.summary.travelers:'');var waypoints=mapData.map.waypoints;var routeOrder=mapData.map.route||waypoints.map(function(_,i){return i;});var map=L.map('map',{scrollWheelZoom:false,zoomControl:true}).setView([waypoints[0].lat,waypoints[0].lon],7);L.tileLayer('https://{s}.basemaps.cartocdn.com/rastertiles/voyager/{z}/{x}/{y}{r}.png',{attribution:'© CARTO | Travel Differently',maxZoom:18}).addTo(map);var createIcon=function(n){return L.divIcon({className:'',html:'<div style="background:linear-gradient(135deg,#e98a15 0%,#d47710 100%);color:white;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Poppins,Arial,sans-serif;font-weight:700;font-size:14px;box-shadow:0 4px 15px rgba(233,138,21,0.5);border:3px solid white;cursor:pointer;">'+n+'</div>',iconSize:[34,34],iconAnchor:[17,17],popupAnchor:[0,-20]});};var markers=[];waypoints.forEach(function(wp,i){var hl=wp.highlights||[];var popup='<div class="td-popup-v2"><img src="'+(wp.photo||'')+'" alt="'+wp.name+'" class="popup-img" onerror="this.style.display=\'none\'"><div class="popup-body"><div class="popup-header"><span class="day-badge">Days '+wp.days+'</span><h4>'+wp.name+'</h4></div><p class="popup-desc">'+(wp.desc||'')+'</p>'+(hl.length>0?'<div class="highlights-list"><strong>✨ Highlights</strong><ul>'+hl.map(function(h){return '<li>'+h+'</li>';}).join('')+'</ul></div>':'')+'</div></div>';markers.push(L.marker([wp.lat,wp.lon],{icon:createIcon(i+1)}).bindPopup(popup,{maxWidth:280,closeButton:true}).addTo(map));});var routeCoords=routeOrder.map(function(i){return [waypoints[i].lat,waypoints[i].lon];});L.polyline(routeCoords,{color:'#e98a15',weight:3,opacity:0.7,dashArray:'10,8',lineCap:'round'}).addTo(map);var timeline=document.getElementById('timeline').querySelector('div');waypoints.forEach(function(wp,i){var item=document.createElement('div');item.className='timeline-item';item.innerHTML='<span class="tl-day">Day '+wp.days.split('-')[0]+'</span><span class="tl-name">'+wp.name+'</span>';item.onclick=function(){map.setView([wp.lat,wp.lon],10,{animate:true,duration:0.5});markers[i].openPopup();document.querySelectorAll('.timeline-item').forEach(function(el){el.classList.remove('active');});item.classList.add('active');};timeline.appendChild(item);});var bounds=L.latLngBounds(waypoints.map(function(wp){return [wp.lat,wp.lon];}));map.fitBounds(bounds.pad(0.15));}catch(e){console.error('[TD Map Error]',e);document.getElementById('map').innerHTML='<div class="map-error">🗺️ Interactive map temporarily unavailable.<br>Please contact us for your personalized itinerary.</div>';}})();</script>