Navigation App Guide<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\nbody {\r\n font-family: 'Inter', sans-serif;\r\n font-size: 15px;\r\n line-height: 1.75;\r\n color: #1c1c1e;\r\n background: #fff;\r\n max-width: 820px;\r\n margin: 0 auto;\r\n padding: 56px 28px 96px;\r\n}\r\n\r\n.guide-header { margin-bottom: 60px; padding-bottom: 36px; border-bottom: 1px solid #e8e8e8; }\r\n.guide-eyebrow { font-size: 11px; font-weight: 600; letter-spacing: 1.8px; text-transform: uppercase; color: #aaa; margin-bottom: 14px; }\r\n.guide-header h1 { font-size: 30px; font-weight: 600; letter-spacing: -0.5px; color: #111; margin-bottom: 12px; }\r\n.guide-header p { color: #666; font-size: 15px; max-width: 520px; }\r\n\r\nsection { margin-bottom: 60px; }\r\n\r\n.section-label {\r\n font-size: 11px; font-weight: 600; letter-spacing: 1.8px; text-transform: uppercase;\r\n color: #bbb; margin-bottom: 22px; padding-bottom: 10px; border-bottom: 1px solid #f0f0f0;\r\n}\r\n\r\n.icon { width: 16px; height: 16px; flex-shrink: 0; stroke: #888; fill: none; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }\r\n\r\n.start-card { background: #f7f7f7; border-radius: 12px; padding: 22px 26px; }\r\n.start-card .app-link { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }\r\n.start-url { font-size: 15px; font-weight: 500; color: #111; text-decoration: none; border-bottom: 1px solid #ccc; padding-bottom: 1px; }\r\n.start-url:hover { color: #555; }\r\n.start-card p { font-size: 14px; color: #777; }\r\n\r\n.info-list { list-style: none; display: flex; flex-direction: column; gap: 10px; }\r\n.info-list > li {\r\n display: flex; align-items: flex-start; gap: 14px;\r\n padding: 16px 18px; background: #fafafa;\r\n border: 1px solid #efefef; border-radius: 10px;\r\n font-size: 14px; color: #555; line-height: 1.65;\r\n}\r\n.info-list > li .icon { margin-top: 2px; }\r\n.info-list strong { color: #111; font-weight: 500; }\r\n.sub-list { list-style: none; margin-top: 6px; display: flex; flex-direction: column; gap: 3px; }\r\n.sub-list li { color: #777; font-size: 13px; }\r\n.sub-list li::before { content: \"\u2192 \"; color: #ccc; }\r\n\r\n.trouble-list { display: flex; flex-direction: column; gap: 6px; }\r\n.trouble-item { border: 1px solid #efefef; border-radius: 10px; overflow: hidden; }\r\n.trouble-q { display: flex; align-items: center; gap: 14px; padding: 15px 20px; background: #fafafa; }\r\n.trouble-num { font-size: 11px; font-weight: 600; color: #ccc; min-width: 22px; }\r\n.trouble-q-text { font-size: 15px; font-weight: 500; color: #111; }\r\n.trouble-a { padding: 14px 20px 16px 56px; font-size: 14px; color: #555; line-height: 1.72; border-top: 1px solid #f2f2f2; background: #fff; }\r\n.trouble-a p { margin-bottom: 6px; }\r\n.trouble-a p:last-child { margin-bottom: 0; }\r\n.trouble-a .step { color: #999; font-size: 13px; display: block; margin-top: 2px; }\r\n.trouble-a .indent { padding-left: 14px; }\r\n\r\n.screens-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 28px; }\r\n.screen-card { display: flex; flex-direction: column; align-items: center; gap: 14px; }\r\n.phone-wrap {\r\n width: 100%; max-width: 200px;\r\n background: #111; border-radius: 28px;\r\n padding: 10px; border: 1px solid #2a2a2a;\r\n}\r\n.phone-wrap img { width: 100%; border-radius: 20px; display: block; height: 370px; object-fit: cover; object-position: top; }\r\n.screen-info { width: 100%; max-width: 200px; }\r\n.screen-title { font-size: 13px; font-weight: 600; color: #111; margin-bottom: 8px; }\r\n.screen-bullets { list-style: none; display: flex; flex-direction: column; gap: 4px; }\r\n.screen-bullets li { font-size: 12px; color: #888; display: flex; align-items: flex-start; gap: 7px; line-height: 1.5; }\r\n.screen-bullets li::before { content: \"\"; display: inline-block; width: 3px; height: 3px; border-radius: 50%; background: #ddd; margin-top: 6px; flex-shrink: 0; }\r\n\r\n.guide-footer { margin-top: 60px; padding-top: 28px; border-top: 1px solid #e8e8e8; display: flex; align-items: center; gap: 12px; font-size: 14px; color: #999; }\r\n.guide-footer strong { color: #333; font-weight: 500; }\r\n\r\n@media (max-width: 540px) {\r\n body { padding: 32px 16px 64px; }\r\n .guide-header h1 { font-size: 24px; }\r\n .screens-grid { grid-template-columns: 1fr 1fr; gap: 16px; }\r\n .phone-wrap img { height: 280px; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"guide-header\">\r\n <div class=\"guide-eyebrow\">Another Iceland<\/div>\r\n <h1>Navigation App \u2014 User Guide<\/h1>\r\n <p>Everything you need to get started and make the most of your trip planner while in Iceland.<\/p>\r\n<\/div>\r\n\r\n<section>\r\n <div class=\"section-label\">Getting Started<\/div>\r\n <div class=\"start-card\">\r\n <div class=\"app-link\">\r\n <svg class=\"icon\" viewBox=\"0 0 24 24\"><path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"\/><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"\/><\/svg>\r\n <a href=\"https:\/\/another-iceland.web.app\/\" target=\"_blank\" class=\"start-url\">another-iceland.web.app<\/a>\r\n <\/div>\r\n <p>Enter your booking number to access your full trip itinerary.<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<section>\r\n <div class=\"section-label\">Things to Know<\/div>\r\n <ul class=\"info-list\">\r\n <li>\r\n <svg class=\"icon\" viewBox=\"0 0 24 24\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\"\/><line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"\/><\/svg>\r\n <div><strong>Web-based app<\/strong> \u2014 works like a website. No download needed. Use it at home on your computer or on your phone while traveling in Iceland.<\/div>\r\n <\/li>\r\n <li>\r\n <svg class=\"icon\" viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\r\n <div>\r\n <strong>Add to Home Screen (recommended)<\/strong>\r\n <ul class=\"sub-list\">\r\n <li>iPhone: Open in Safari \u2192 tap Share \u2192 \"Add to Home Screen\"<\/li>\r\n <li>Android: Open in Chrome \u2192 tap \u22ee \u2192 \"Add to Home Screen\"<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/li>\r\n <li>\r\n <svg class=\"icon\" viewBox=\"0 0 24 24\"><path d=\"M5 12.55a11 11 0 0 1 14.08 0\"\/><path d=\"M1.42 9a16 16 0 0 1 21.16 0\"\/><path d=\"M8.53 16.11a6 6 0 0 1 6.95 0\"\/><line x1=\"12\" y1=\"20\" x2=\"12.01\" y2=\"20\"\/><\/svg>\r\n <div><strong>Internet connection required.<\/strong> Coverage across Iceland is excellent. Any local SIM, eSIM, or international plan works \u2014 the app uses very little data.<\/div>\r\n <\/li>\r\n <li>\r\n <svg class=\"icon\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg>\r\n <div><strong>Best browsers:<\/strong> Chrome (Android & iPhone) and Safari (iPhone).<\/div>\r\n <\/li>\r\n <li>\r\n <svg class=\"icon\" viewBox=\"0 0 24 24\"><polygon points=\"3 6 9 3 15 6 21 3 21 18 15 21 9 18 3 21\"\/><line x1=\"9\" y1=\"3\" x2=\"9\" y2=\"18\"\/><line x1=\"15\" y1=\"6\" x2=\"15\" y2=\"21\"\/><\/svg>\r\n <div><strong>Google Maps integration.<\/strong> Make sure Google Maps is installed on your device before you travel.<\/div>\r\n <\/li>\r\n <\/ul>\r\n<\/section>\r\n\r\n<section>\r\n <div class=\"section-label\">Troubleshooting<\/div>\r\n <div class=\"trouble-list\">\r\n\r\n <div class=\"trouble-item\">\r\n <div class=\"trouble-q\">\r\n <span class=\"trouble-num\">01<\/span>\r\n <span class=\"trouble-q-text\">App is not loading<\/span>\r\n <\/div>\r\n <div class=\"trouble-a\">\r\n <p>In 99% of cases, this is due to no internet connection. Check your connection by opening another website or app.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"trouble-item\">\r\n <div class=\"trouble-q\">\r\n <span class=\"trouble-num\">02<\/span>\r\n <span class=\"trouble-q-text\">Navigation is not opening<\/span>\r\n <\/div>\r\n <div class=\"trouble-a\">\r\n <p>Make sure location services are enabled and that your browser has permission to access your location.<\/p>\r\n <p><span class=\"step\">iPhone: Settings \u2192 Privacy & Security \u2192 Location Services \u2192 ON<\/span><\/p>\r\n <p><span class=\"step indent\">Then: Settings \u2192 Safari \u2192 Location \u2192 Allow<\/span><\/p>\r\n <p><span class=\"step\">Android: Settings \u2192 Location \u2192 ON<\/span><\/p>\r\n <p><span class=\"step indent\">Then: Settings \u2192 Apps \u2192 Chrome \u2192 Permissions \u2192 Location \u2192 Allow<\/span><\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"trouble-item\">\r\n <div class=\"trouble-q\">\r\n <span class=\"trouble-num\">03<\/span>\r\n <span class=\"trouble-q-text\">Route is only partially displayed<\/span>\r\n <\/div>\r\n <div class=\"trouble-a\">\r\n <p>This usually means that some roads (such as F-roads) are still closed for the season. The route will update automatically once they open.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"trouble-item\">\r\n <div class=\"trouble-q\">\r\n <span class=\"trouble-num\">04<\/span>\r\n <span class=\"trouble-q-text\">Daily mileage is missing<\/span>\r\n <\/div>\r\n <div class=\"trouble-a\">\r\n <p>Mileage is not displayed when roads are still closed. It will appear automatically once those roads open.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"trouble-item\">\r\n <div class=\"trouble-q\">\r\n <span class=\"trouble-num\">05<\/span>\r\n <span class=\"trouble-q-text\">A point seems to be missing from the map<\/span>\r\n <\/div>\r\n <div class=\"trouble-a\">\r\n <p>All points listed below the map are present on the map. If one appears missing, it is likely overlapping with a nearby point. Zoom in on that area to reveal it.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"trouble-item\">\r\n <div class=\"trouble-q\">\r\n <span class=\"trouble-num\">06<\/span>\r\n <span class=\"trouble-q-text\">Trip dates appear to start one day early<\/span>\r\n <\/div>\r\n <div class=\"trouble-a\">\r\n <p>This is a known display issue that commonly affects travelers based in the United States. Due to the time zone difference between the US and Iceland, the app may show your itinerary beginning one day before your actual arrival date.<\/p>\r\n <p>Your booking is not affected \u2014 the dates are correct. Once you arrive in Iceland, the app will display all dates accurately according to local Icelandic time.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<section>\r\n <div class=\"section-label\">App Overview<\/div>\r\n <div class=\"screens-grid\">\r\n\r\n <div class=\"screen-card\">\r\n <div class=\"phone-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/www.anothericeland.com\/wp-content\/uploads\/2026\/04\/MAIN1.png\" alt=\"Main trip screen\">\r\n <\/div>\r\n <div class=\"screen-info\">\r\n <div class=\"screen-title\">Main trip screen<\/div>\r\n <ul class=\"screen-bullets\">\r\n <li>Full itinerary at a glance<\/li>\r\n <li>All travel days listed<\/li>\r\n <li>Tap any day to open it<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"screen-card\">\r\n <div class=\"phone-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/www.anothericeland.com\/wp-content\/uploads\/2026\/04\/day-trip-screen.jpeg\" alt=\"Daily plan screen\">\r\n <\/div>\r\n <div class=\"screen-info\">\r\n <div class=\"screen-title\">Daily plan screen<\/div>\r\n <ul class=\"screen-bullets\">\r\n <li>Points of interest<\/li>\r\n <li>Booked activities<\/li>\r\n <li>Hotel & restaurants<\/li>\r\n <li>Tap Info or Navigate per item<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"screen-card\">\r\n <div class=\"phone-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/www.anothericeland.com\/wp-content\/uploads\/2026\/04\/HIKING-TRAIL3.jpg\" alt=\"Hiking trails\">\r\n <\/div>\r\n <div class=\"screen-info\">\r\n <div class=\"screen-title\">Hiking trails<\/div>\r\n <ul class=\"screen-bullets\">\r\n <li>Trail name & distance<\/li>\r\n <li>Estimated duration<\/li>\r\n <li>Difficulty level<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"screen-card\">\r\n <div class=\"phone-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/www.anothericeland.com\/wp-content\/uploads\/2026\/04\/HOTELS2.jpg\" alt=\"Hotels screen\">\r\n <\/div>\r\n <div class=\"screen-info\">\r\n <div class=\"screen-title\">Hotels & check-in<\/div>\r\n <ul class=\"screen-bullets\">\r\n <li>All booked hotels<\/li>\r\n <li>Booking numbers & addresses<\/li>\r\n <li>Self check-in instructions<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"screen-card\">\r\n <div class=\"phone-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/www.anothericeland.com\/wp-content\/uploads\/2026\/04\/CAR2.jpg\" alt=\"Car rental screen\">\r\n <\/div>\r\n <div class=\"screen-info\">\r\n <div class=\"screen-title\">Car rental<\/div>\r\n <ul class=\"screen-bullets\">\r\n <li>Pickup & drop-off details<\/li>\r\n <li>Reservation number<\/li>\r\n <li>One-tap navigation to return<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<div class=\"guide-footer\">\r\n <svg class=\"icon\" viewBox=\"0 0 24 24\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\r\n <span><strong>You're all set.<\/strong> Have an amazing trip in Iceland.<\/span>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-026e767 e-con-full e-flex e-con e-parent\" data-id=\"026e767\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c06814c elementor-widget elementor-widget-html\" data-id=\"c06814c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<style>\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n .ai-login-wrap {\r\n position: relative;\r\n width: 100%;\r\n min-height: 100vh;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: space-between;\r\n overflow: hidden;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;\r\n }\r\n\r\n \/* Background image \u2014 replace src with your actual bg *\/\r\n .ai-bg {\r\n position: absolute;\r\n inset: 0;\r\n background-image: url('https:\/\/www.anothericeland.com\/wp-content\/uploads\/2026\/03\/puffin-g9e55f94c4_1920.jpg');\r\n background-size: cover;\r\n background-position: center;\r\n z-index: 0;\r\n }\r\n\r\n \/* Dark gradient overlay *\/\r\n .ai-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(\r\n to bottom,\r\n rgba(5, 15, 25, 0.52) 0%,\r\n rgba(5, 15, 25, 0.10) 40%,\r\n rgba(5, 15, 25, 0.55) 72%,\r\n rgba(5, 15, 25, 0.88) 100%\r\n );\r\n z-index: 1;\r\n }\r\n\r\n \/* Hero \u2014 top section with logo + titles *\/\r\n .ai-hero {\r\n position: relative;\r\n z-index: 2;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n padding: 72px 32px 0;\r\n gap: 0;\r\n }\r\n\r\n .ai-logo {\r\n width: 80px;\r\n height: auto;\r\n margin-bottom: 20px;\r\n filter: brightness(0) invert(1); \/* force white *\/\r\n }\r\n\r\n .ai-title {\r\n font-family: Georgia, 'Times New Roman', serif;\r\n font-size: clamp(26px, 6vw, 34px);\r\n font-weight: 700;\r\n color: #ffffff;\r\n letter-spacing: 4px;\r\n text-transform: uppercase;\r\n line-height: 1.1;\r\n text-shadow: 0 2px 20px rgba(0,0,0,0.45);\r\n margin-bottom: 12px;\r\n }\r\n\r\n .ai-subtitle {\r\n font-size: clamp(13px, 3vw, 15px);\r\n font-weight: 400;\r\n color: rgba(255, 255, 255, 0.82);\r\n letter-spacing: 0.3px;\r\n line-height: 1.65;\r\n max-width: 260px;\r\n text-shadow: 0 1px 8px rgba(0,0,0,0.5);\r\n }\r\n\r\n \/* Bottom section \u2014 input + button *\/\r\n .ai-bottom {\r\n position: relative;\r\n z-index: 2;\r\n width: 100%;\r\n max-width: 420px;\r\n padding: 0 24px 48px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n }\r\n\r\n .ai-input {\r\n width: 100%;\r\n background: rgba(255, 255, 255, 0.13);\r\n border: 1px solid rgba(255, 255, 255, 0.28);\r\n border-radius: 50px;\r\n padding: 15px 24px;\r\n color: rgba(255, 255, 255, 0.7);\r\n font-size: 15px;\r\n font-family: inherit;\r\n text-align: center;\r\n outline: none;\r\n transition: background 0.2s, border-color 0.2s;\r\n -webkit-appearance: none;\r\n }\r\n\r\n .ai-input::placeholder {\r\n color: rgba(255, 255, 255, 0.5);\r\n }\r\n\r\n .ai-input:focus {\r\n background: rgba(255, 255, 255, 0.20);\r\n border-color: rgba(255, 255, 255, 0.50);\r\n color: #fff;\r\n }\r\n\r\n .ai-btn {\r\n width: 100%;\r\n background: #3a8fd4;\r\n border: none;\r\n border-radius: 50px;\r\n padding: 15px 24px;\r\n color: #ffffff;\r\n font-size: 15px;\r\n font-weight: 600;\r\n font-family: inherit;\r\n letter-spacing: 0.5px;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n transition: background 0.2s, transform 0.1s;\r\n }\r\n\r\n .ai-btn:hover { background: #2e80c5; }\r\n .ai-btn:active { transform: scale(0.98); background: #2272b5; }\r\n\r\n .ai-btn-arrow {\r\n font-size: 18px;\r\n line-height: 1;\r\n display: inline-block;\r\n }\r\n\r\n .ai-version {\r\n text-align: center;\r\n color: rgba(255, 255, 255, 0.28);\r\n font-size: 11px;\r\n margin-top: 2px;\r\n letter-spacing: 0.5px;\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"ai-login-wrap\">\r\n\r\n <div class=\"ai-bg\"><\/div>\r\n <div class=\"ai-overlay\"><\/div>\r\n\r\n \r\n <div class=\"ai-hero\">\r\n <img decoding=\"async\"\r\n class=\"ai-logo\"\r\n src=\"https:\/\/www.anothericeland.com\/wp-content\/uploads\/2026\/04\/logo-full-3.png\"\r\n alt=\"Another Iceland\"\r\n \/>\r\n <h1 class=\"ai-title\">Another Iceland<\/h1>\r\n <p class=\"ai-subtitle\">Built for travellers who go further<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"ai-bottom\">\r\n <input\r\n class=\"ai-input\"\r\n type=\"text\"\r\n placeholder=\"Booking No\"\r\n inputmode=\"numeric\"\r\n \/>\r\n <button class=\"ai-btn\">\r\n Sign in\r\n <span class=\"ai-btn-arrow\">\u279c<\/span>\r\n <\/button>\r\n <p class=\"ai-version\">v. 1.6.1<\/p>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e4c14e6 e-con-full e-flex e-con e-parent\" data-id=\"e4c14e6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a4f823 elementor-widget elementor-widget-html\" data-id=\"4a4f823\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\" dir=\"ltr\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Another Iceland \u2014 App Mockup<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\nbody {\r\n background: #e8eef4;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-start;\r\n min-height: 100vh;\r\n padding: 24px 16px;\r\n font-family: Montserrat, sans-serif;\r\n line-height: 1.5;\r\n}\r\n.phone {\r\n width: 100%;\r\n max-width: 390px;\r\n background: #f4f7fa;\r\n border-radius: 24px;\r\n overflow: hidden;\r\n box-shadow: 0 8px 40px rgba(0,0,0,0.14);\r\n}\r\n\r\n\/* Map *\/\r\n.map-wrap {\r\n position: relative;\r\n height: 210px;\r\n overflow: hidden;\r\n}\r\n.app-header {\r\n background: #1a3a5c;\r\n padding: 16px 18px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n.app-header .logo {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n}\r\n.app-header .logo-icon {\r\n width: 34px;\r\n height: 34px;\r\n background: #fff;\r\n border-radius: 8px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n}\r\n.app-header .logo-text .name {\r\n font-size: 13px;\r\n font-weight: 700;\r\n color: #fff;\r\n letter-spacing: 0.3px;\r\n line-height: 1.3;\r\n}\r\n.app-header .logo-text .sub {\r\n font-size: 10px;\r\n color: rgba(255,255,255,0.55);\r\n margin-top: 2px;\r\n line-height: 1.3;\r\n}\r\n.hamburger {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n cursor: pointer;\r\n}\r\n.hamburger span {\r\n display: block;\r\n height: 2px;\r\n background: rgba(255,255,255,0.8);\r\n border-radius: 2px;\r\n}\r\n.hamburger span:nth-child(1) { width: 20px; }\r\n.hamburger span:nth-child(2) { width: 14px; }\r\n.hamburger span:nth-child(3) { width: 20px; }\r\n\r\n\/* Map *\/\r\n.map-wrap {\r\n position: relative;\r\n height: 210px;\r\n overflow: hidden;\r\n}\r\n.map-wrap img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n}\r\n.map-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(180deg, transparent 50%, rgba(26,58,92,0.25) 100%);\r\n}\r\n.map-tabs {\r\n position: absolute;\r\n bottom: 12px;\r\n left: 14px;\r\n display: flex;\r\n gap: 6px;\r\n}\r\n.map-tab {\r\n background: #fff;\r\n border-radius: 8px;\r\n padding: 5px 10px;\r\n font-size: 10px;\r\n font-weight: 600;\r\n line-height: 1.4;\r\n color: #1a3a5c;\r\n display: flex;\r\n align-items: center;\r\n gap: 4px;\r\n box-shadow: 0 2px 6px rgba(0,0,0,0.12);\r\n cursor: pointer;\r\n}\r\n.map-tab.active {\r\n background: #1a3a5c;\r\n color: #fff;\r\n}\r\n.map-fullscreen {\r\n position: absolute;\r\n top: 12px;\r\n right: 12px;\r\n background: rgba(255,255,255,0.2);\r\n border: 1px solid rgba(255,255,255,0.35);\r\n border-radius: 8px;\r\n padding: 6px;\r\n cursor: pointer;\r\n}\r\n\r\n\/* Trip info *\/\r\n.trip-info {\r\n background: #fff;\r\n padding: 16px 18px 14px;\r\n border-bottom: 1px solid #edf2f6;\r\n}\r\n.trip-info h2 {\r\n font-size: 15px;\r\n font-weight: 700;\r\n color: #1a3a5c;\r\n line-height: 1.5;\r\n margin-bottom: 10px;\r\n}\r\n.trip-meta {\r\n display: flex;\r\n gap: 18px;\r\n flex-wrap: wrap;\r\n}\r\n.trip-meta-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n font-size: 12px;\r\n color: #4a5a68;\r\n font-weight: 500;\r\n line-height: 1.5;\r\n}\r\n.trip-meta-item svg {\r\n flex-shrink: 0;\r\n color: #185FA5;\r\n}\r\n\r\n\/* Night pins *\/\r\n.night-pin {\r\n position: absolute;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 3px;\r\n transform: translateX(-50%);\r\n}\r\n.pin-dot {\r\n width: 22px;\r\n height: 22px;\r\n border-radius: 50%;\r\n background: #fff;\r\n border: 2px solid #1a3a5c;\r\n box-shadow: 0 1px 5px rgba(0,0,0,0.2);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n}\r\n.pin-dot svg { display: block; }\r\n.pin-label {\r\n background: rgba(26,58,92,0.82);\r\n color: #fff;\r\n font-size: 8px;\r\n font-weight: 600;\r\n line-height: 1.3;\r\n padding: 2px 6px;\r\n border-radius: 6px;\r\n white-space: nowrap;\r\n}\r\n.night-pin.past .pin-dot {\r\n width: 18px;\r\n height: 18px;\r\n border-color: #8a9ab0;\r\n opacity: 0.5;\r\n}\r\n.night-pin.past .pin-label {\r\n background: rgba(100,120,140,0.6);\r\n opacity: 0.5;\r\n}\r\n.night-pin.current .pin-dot {\r\n width: 26px;\r\n height: 26px;\r\n background: #185FA5;\r\n border: 2.5px solid #fff;\r\n box-shadow: 0 0 0 4px rgba(24,95,165,0.25), 0 2px 6px rgba(0,0,0,0.2);\r\n}\r\n.night-pin.current .pin-label {\r\n background: #185FA5;\r\n font-size: 9px;\r\n}\r\n.days-section {\r\n background: #f4f7fa;\r\n padding: 16px 0 8px;\r\n}\r\n.days-label {\r\n font-size: 10px;\r\n font-weight: 700;\r\n color: #8a9ab0;\r\n letter-spacing: 1.2px;\r\n text-transform: uppercase;\r\n line-height: 1.4;\r\n padding: 0 18px 12px;\r\n}\r\n.days-scroll {\r\n display: flex;\r\n gap: 10px;\r\n overflow-x: auto;\r\n padding: 0 18px 16px;\r\n scrollbar-width: none;\r\n -ms-overflow-style: none;\r\n}\r\n.days-scroll::-webkit-scrollbar { display: none; }\r\n\r\n.day-card {\r\n flex-shrink: 0;\r\n width: 100px;\r\n background: #fff;\r\n border-radius: 14px;\r\n overflow: hidden;\r\n box-shadow: 0 2px 10px rgba(0,0,0,0.07);\r\n border: 1.5px solid transparent;\r\n transition: transform 0.15s, box-shadow 0.15s;\r\n cursor: pointer;\r\n}\r\n.day-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 18px rgba(0,0,0,0.12);\r\n}\r\n.day-card.today {\r\n border-color: #185FA5;\r\n box-shadow: 0 4px 16px rgba(24,95,165,0.2);\r\n}\r\n.day-card .thumb {\r\n position: relative;\r\n height: 76px;\r\n overflow: hidden;\r\n}\r\n.day-card .thumb img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n}\r\n.day-card .thumb-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(180deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.4) 100%);\r\n}\r\n.day-badge {\r\n position: absolute;\r\n top: 7px;\r\n left: 7px;\r\n background: #1a3a5c;\r\n color: #fff;\r\n font-size: 9px;\r\n font-weight: 700;\r\n line-height: 1.4;\r\n padding: 2px 7px;\r\n border-radius: 10px;\r\n}\r\n.today .day-badge {\r\n background: #185FA5;\r\n}\r\n.today-label {\r\n position: absolute;\r\n top: 7px;\r\n right: 7px;\r\n background: #185FA5;\r\n color: #fff;\r\n font-size: 8px;\r\n font-weight: 700;\r\n line-height: 1.4;\r\n padding: 2px 6px;\r\n border-radius: 8px;\r\n}\r\n.day-date {\r\n position: absolute;\r\n bottom: 6px;\r\n left: 7px;\r\n font-size: 9px;\r\n font-weight: 500;\r\n line-height: 1.4;\r\n color: rgba(255,255,255,0.9);\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"phone\">\r\n\r\n \r\n <div class=\"app-header\">\r\n <div class=\"logo\">\r\n <div class=\"logo-icon\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a3a5c\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"10\" r=\"3\"\/>\r\n <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"logo-text\">\r\n <div class=\"name\">Another Iceland<\/div>\r\n <div class=\"sub\">My Itinerary<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hamburger\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"map-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/www.anothericeland.com\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-26-140821.png\" alt=\"Map\">\r\n <div class=\"map-overlay\"><\/div>\r\n\r\n \r\n <svg style=\"position:absolute;inset:0;width:100%;height:100%;pointer-events:none;\" viewBox=\"0 0 390 210\" preserveAspectRatio=\"none\">\r\n <polyline\r\n points=\"70,168 110,148 160,130 200,118 248,105 292,95 330,80 355,62\"\r\n fill=\"none\"\r\n stroke=\"#185FA5\"\r\n stroke-width=\"2\"\r\n stroke-dasharray=\"5 3\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n opacity=\"0.75\"\r\n \/>\r\n <\/svg>\r\n\r\n \r\n <div class=\"night-pin past\" style=\"top:80%;left:18%;\">\r\n <div class=\"pin-dot\"><svg width=\"8\" height=\"8\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8a9ab0\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"\/><path d=\"M13.73 21a2 2 0 0 1-3.46 0\"\/><\/svg><\/div>\r\n <div class=\"pin-label\">Aug 25<\/div>\r\n <\/div>\r\n <div class=\"night-pin past\" style=\"top:70%;left:28%;\">\r\n <div class=\"pin-dot\"><svg width=\"8\" height=\"8\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8a9ab0\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"\/><path d=\"M13.73 21a2 2 0 0 1-3.46 0\"\/><\/svg><\/div>\r\n <div class=\"pin-label\">Aug 26<\/div>\r\n <\/div>\r\n <div class=\"night-pin current\" style=\"top:62%;left:41%;\">\r\n <div class=\"pin-dot\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"\/><path d=\"M13.73 21a2 2 0 0 1-3.46 0\"\/><\/svg><\/div>\r\n <div class=\"pin-label\">Aug 27<\/div>\r\n <\/div>\r\n <div class=\"night-pin\" style=\"top:56%;left:51%;\">\r\n <div class=\"pin-dot\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a3a5c\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"\/><path d=\"M13.73 21a2 2 0 0 1-3.46 0\"\/><\/svg><\/div>\r\n <div class=\"pin-label\">Aug 28<\/div>\r\n <\/div>\r\n <div class=\"night-pin\" style=\"top:50%;left:63%;\">\r\n <div class=\"pin-dot\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a3a5c\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"\/><path d=\"M13.73 21a2 2 0 0 1-3.46 0\"\/><\/svg><\/div>\r\n <div class=\"pin-label\">Aug 29<\/div>\r\n <\/div>\r\n <div class=\"night-pin\" style=\"top:45%;left:75%;\">\r\n <div class=\"pin-dot\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a3a5c\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"\/><path d=\"M13.73 21a2 2 0 0 1-3.46 0\"\/><\/svg><\/div>\r\n <div class=\"pin-label\">Aug 30<\/div>\r\n <\/div>\r\n <div class=\"night-pin\" style=\"top:38%;left:85%;\">\r\n <div class=\"pin-dot\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a3a5c\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"\/><path d=\"M13.73 21a2 2 0 0 1-3.46 0\"\/><\/svg><\/div>\r\n <div class=\"pin-label\">Aug 31<\/div>\r\n <\/div>\r\n\r\n <div class=\"map-tabs\">\r\n <div class=\"map-tab active\">\r\n <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n Map\r\n <\/div>\r\n <div class=\"map-tab\">\r\n <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><\/svg>\r\n Satellite\r\n <\/div>\r\n <\/div>\r\n <div class=\"map-fullscreen\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"trip-info\">\r\n <h2>Iceland Full Circle \u2014 Highlands & Beyond<\/h2>\r\n <div class=\"trip-meta\">\r\n <div class=\"trip-meta-item\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\r\n 14 Days\r\n <\/div>\r\n <div class=\"trip-meta-item\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg>\r\n Yoram\r\n <\/div>\r\n <div class=\"trip-meta-item\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"10\" width=\"20\" height=\"7\" rx=\"1\"\/><path d=\"M5 10V8a1 1 0 0 1 1-1h5l3 3\"\/><path d=\"M13 7h3l3 3\"\/><circle cx=\"7\" cy=\"17.5\" r=\"1.5\"\/><circle cx=\"17\" cy=\"17.5\" r=\"1.5\"\/><\/svg>\r\n Toyota RAV4 4WD Auto\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"days-section\">\r\n <div class=\"days-label\">Trip Days<\/div>\r\n <div class=\"days-scroll\">\r\n\r\n <div class=\"day-card\">\r\n <div class=\"thumb\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1504233529578-6d46baba6d34?w=200&q=70\" alt=\"Day 1\">\r\n <div class=\"thumb-overlay\"><\/div>\r\n <div class=\"day-badge\">Day 1<\/div>\r\n <div class=\"day-date\">Aug 25<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"day-card\">\r\n <div class=\"thumb\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1531366936337-7c912a4589a7?w=200&q=70\" alt=\"Day 2\">\r\n <div class=\"thumb-overlay\"><\/div>\r\n <div class=\"day-badge\">Day 2<\/div>\r\n <div class=\"day-date\">Aug 26<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"day-card today\">\r\n <div class=\"thumb\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1476610182048-b716b8518aae?w=200&q=70\" alt=\"Day 3\">\r\n <div class=\"thumb-overlay\"><\/div>\r\n <div class=\"day-badge\">Day 3<\/div>\r\n <div class=\"today-label\">Today<\/div>\r\n <div class=\"day-date\">Aug 27<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"day-card\">\r\n <div class=\"thumb\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1509773896068-7fd415d91e2e?w=200&q=70\" alt=\"Day 4\">\r\n <div class=\"thumb-overlay\"><\/div>\r\n <div class=\"day-badge\">Day 4<\/div>\r\n <div class=\"day-date\">Aug 28<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"day-card\">\r\n <div class=\"thumb\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1548013146-72479768bada?w=200&q=70\" alt=\"Day 5\">\r\n <div class=\"thumb-overlay\"><\/div>\r\n <div class=\"day-badge\">Day 5<\/div>\r\n <div class=\"day-date\">Aug 29<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"day-card\">\r\n <div class=\"thumb\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1520769945061-0a448c463865?w=200&q=70\" alt=\"Day 6\">\r\n <div class=\"thumb-overlay\"><\/div>\r\n <div class=\"day-badge\">Day 6<\/div>\r\n <div class=\"day-date\">Aug 30<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5cf7787 e-con-full e-flex e-con e-parent\" data-id=\"5cf7787\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f09877e elementor-widget elementor-widget-html\" data-id=\"f09877e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\" dir=\"ltr\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Another Iceland \u2014 Day View<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\nbody {\r\n background: #e8eef4;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-start;\r\n min-height: 100vh;\r\n padding: 24px 16px;\r\n font-family: Montserrat, sans-serif;\r\n}\r\n.phone {\r\n width: 100%;\r\n max-width: 390px;\r\n background: #f4f7fa;\r\n border-radius: 24px;\r\n overflow: hidden;\r\n box-shadow: 0 8px 40px rgba(0,0,0,0.14);\r\n}\r\n\r\n\/* Header *\/\r\n.app-header {\r\n background: #1a3a5c;\r\n padding: 14px 18px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n.app-header .logo { display: flex; align-items: center; gap: 10px; }\r\n.logo-icon {\r\n width: 32px; height: 32px; background: #fff;\r\n border-radius: 8px; display: flex; align-items: center; justify-content: center;\r\n}\r\n.logo-text .name { font-size: 13px; font-weight: 700; color: #fff; line-height: 1.3; }\r\n.logo-text .sub { font-size: 10px; color: rgba(255,255,255,0.55); line-height: 1.3; margin-top: 2px; }\r\n.back-link {\r\n display: flex; align-items: center; gap: 5px;\r\n font-size: 11px; font-weight: 600; color: rgba(255,255,255,0.8);\r\n text-decoration: none; line-height: 1.4;\r\n}\r\n\r\n\/* Map *\/\r\n.map-wrap {\r\n position: relative;\r\n overflow: hidden;\r\n transition: height 0.4s ease;\r\n}\r\n.map-wrap.expanded { height: 240px; }\r\n.map-wrap.collapsed { height: 0; }\r\n.map-wrap img { width: 100%; height: 100%; object-fit: cover; display: block; }\r\n.map-overlay {\r\n position: absolute; inset: 0;\r\n background: linear-gradient(180deg, transparent 55%, rgba(26,58,92,0.2) 100%);\r\n}\r\n\r\n\/* Map pins *\/\r\n.map-pin {\r\n position: absolute;\r\n display: flex; flex-direction: column; align-items: center; gap: 2px;\r\n transform: translateX(-50%);\r\n}\r\n.pin-circle {\r\n width: 24px; height: 24px; border-radius: 50%;\r\n background: #E24B4A; border: 2px solid #fff;\r\n box-shadow: 0 1px 5px rgba(0,0,0,0.25);\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 9px; font-weight: 700; color: #fff; line-height: 1;\r\n}\r\n.pin-circle.start {\r\n width: 36px; height: 36px;\r\n background: #1a3a5c;\r\n border: 2.5px solid #fff;\r\n box-shadow: 0 2px 8px rgba(0,0,0,0.3);\r\n font-size: 8px; font-weight: 700; letter-spacing: 0.3px;\r\n}\r\n.pin-circle.hotel {\r\n background: #185FA5;\r\n width: 30px; height: 30px;\r\n box-shadow: 0 0 0 3px rgba(24,95,165,0.25), 0 2px 6px rgba(0,0,0,0.2);\r\n}\r\n.pin-circle.activity {\r\n background: #185FA5;\r\n border: 2px solid #fff;\r\n box-shadow: 0 1px 5px rgba(0,0,0,0.25);\r\n}\r\n\r\n\/* Map route line *\/\r\n.map-svg {\r\n position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none;\r\n}\r\n\r\n\/* Map controls *\/\r\n.map-tabs {\r\n position: absolute; bottom: 10px; left: 12px; display: flex; gap: 6px;\r\n}\r\n.map-tab {\r\n background: #fff; border-radius: 8px; padding: 5px 10px;\r\n font-size: 10px; font-weight: 600; line-height: 1.4; color: #1a3a5c;\r\n display: flex; align-items: center; gap: 4px;\r\n box-shadow: 0 2px 6px rgba(0,0,0,0.12); cursor: pointer;\r\n}\r\n.map-tab.active { background: #1a3a5c; color: #fff; }\r\n.map-fullscreen {\r\n position: absolute; top: 10px; right: 10px;\r\n background: rgba(255,255,255,0.2); border: 1px solid rgba(255,255,255,0.35);\r\n border-radius: 8px; padding: 5px; cursor: pointer;\r\n}\r\n\r\n\/* Drag handle *\/\r\n.drag-handle {\r\n background: #fff;\r\n display: flex; flex-direction: column; align-items: center;\r\n padding: 10px 0 0;\r\n cursor: pointer;\r\n position: relative;\r\n z-index: 5;\r\n}\r\n.drag-handle .bar {\r\n width: 36px; height: 4px; background: #dce6ed; border-radius: 4px;\r\n margin-bottom: 0;\r\n}\r\n.drag-handle .toggle-hint {\r\n font-size: 9px; color: #a0b0bc; font-weight: 500;\r\n margin-top: 4px; margin-bottom: 6px; line-height: 1.3;\r\n}\r\n\r\n\/* Day nav *\/\r\n.day-nav {\r\n background: #fff;\r\n padding: 10px 18px 12px;\r\n display: flex; align-items: center; justify-content: center; gap: 16px;\r\n border-bottom: 1px solid #edf2f6;\r\n}\r\n.day-nav .nav-arrow {\r\n width: 32px; height: 32px; border-radius: 50%;\r\n background: #e6f1fb;\r\n border: 1px solid #b5d4f4;\r\n cursor: pointer;\r\n display: flex; align-items: center; justify-content: center;\r\n color: #185FA5;\r\n flex-shrink: 0;\r\n padding: 0;\r\n}\r\n.day-nav .nav-arrow svg { display: block; }\r\n.day-nav .day-label { text-align: center; }\r\n.day-nav .day-num { font-size: 18px; font-weight: 700; color: #1a3a5c; line-height: 1.2; }\r\n.day-nav .day-meta { font-size: 11px; color: #8a9ab0; font-weight: 500; line-height: 1.4; margin-top: 3px; }\r\n.day-nav .day-meta .sep { color: #b5d4f4; margin: 0 4px; }\r\n\r\n\/* POI items \u2014 new card style *\/\r\n.poi-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n padding: 10px 14px;\r\n border-bottom: 1px solid #f5f7fa;\r\n cursor: pointer;\r\n}\r\n.poi-item:last-child { border-bottom: none; }\r\n\r\n\r\n\/* Scrollable content *\/\r\n.day-content {\r\n overflow-y: auto;\r\n max-height: 460px;\r\n background: #f4f7fa;\r\n scrollbar-width: none;\r\n}\r\n.day-content::-webkit-scrollbar { display: none; }\r\n\r\n\/* Section *\/\r\n.section {\r\n background: #fff;\r\n margin: 10px 12px;\r\n border-radius: 14px;\r\n overflow: hidden;\r\n box-shadow: 0 1px 6px rgba(0,0,0,0.06);\r\n}\r\n.section-header {\r\n padding: 12px 14px 10px;\r\n display: flex; align-items: center; gap: 8px;\r\n border-bottom: 1px solid #f0f4f8;\r\n}\r\n.section-header svg { flex-shrink: 0; color: #185FA5; }\r\n.section-title { font-size: 11px; font-weight: 700; color: #1a3a5c; letter-spacing: 0.8px; text-transform: uppercase; line-height: 1.4; }\r\n\r\n\/* Highlight items *\/\r\n.highlight-item {\r\n display: flex; align-items: flex-start; gap: 10px;\r\n padding: 10px 14px;\r\n border-bottom: 1px solid #f5f7fa;\r\n}\r\n.highlight-item:last-child { border-bottom: none; }\r\n.highlight-check {\r\n width: 18px; height: 18px; border-radius: 5px;\r\n background: #e6f1fb; border: none; flex-shrink: 0; margin-top: 1px;\r\n display: flex; align-items: center; justify-content: center;\r\n}\r\n.highlight-check.checked { background: #185FA5; }\r\n.highlight-text { font-size: 12px; color: #2a3d52; font-weight: 500; line-height: 1.55; }\r\n\r\n\/* POI items *\/\r\n.poi-item {\r\n display: flex; align-items: center; gap: 12px;\r\n padding: 10px 14px; border-bottom: 1px solid #f5f7fa; cursor: pointer;\r\n}\r\n.poi-item:last-child { border-bottom: none; }\r\n.poi-thumb-wrap {\r\n position: relative; flex-shrink: 0;\r\n width: 114px;\r\n border-radius: 10px; overflow: hidden;\r\n font-size: 0; line-height: 0;\r\n}\r\n.poi-thumb { width: 100%; height: 81px; object-fit: cover; display: block; }\r\n.poi-thumb-overlay {\r\n position: absolute; inset: 0;\r\n background: linear-gradient(160deg, rgba(0,0,0,0.5) 0%, transparent 50%, rgba(0,0,0,0.3) 100%);\r\n}\r\n.poi-num {\r\n position: absolute; top: 6px; left: 6px;\r\n width: 20px; height: 20px; border-radius: 50%;\r\n background: #E24B4A; border: 1.5px solid #fff;\r\n color: #fff; font-size: 9px; font-weight: 700; line-height: 1;\r\n display: flex; align-items: center; justify-content: center;\r\n}\r\n.poi-num.activity {\r\n background: #185FA5;\r\n}\r\n.poi-time-badge {\r\n position: absolute; bottom: 5px; left: 0; right: 0;\r\n display: flex; align-items: center; justify-content: center; gap: 3px;\r\n font-size: 9px; font-weight: 600; color: rgba(255,255,255,0.92); line-height: 1.3;\r\n}\r\n.poi-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 7px; }\r\n.poi-name { font-size: 13px; font-weight: 600; color: #1a3a5c; line-height: 1.35; }\r\n.poi-bottom { display: flex; gap: 6px; }\r\n.poi-action {\r\n display: flex; flex-direction: row; align-items: center; gap: 5px;\r\n padding: 6px 10px; border-radius: 20px; border: none; cursor: pointer;\r\n font-size: 10px; font-weight: 600; font-family: Montserrat, sans-serif;\r\n line-height: 1.3; white-space: nowrap;\r\n}\r\n.poi-action svg { flex-shrink: 0; }\r\n.poi-action-nav { background: #e6f1fb; color: #185FA5; border: 1px solid #b5d4f4; }\r\n.poi-action-info { background: #f0f4f8; color: #4a5a68; border: 1px solid #dce6ed; }\r\n\r\n\/* Hotel card *\/\r\n.hotel-card {\r\n display: flex; gap: 12px; padding: 12px 14px; align-items: center;\r\n}\r\n.hotel-thumb {\r\n width: 72px; height: 56px; border-radius: 10px;\r\n object-fit: cover; flex-shrink: 0;\r\n}\r\n.hotel-info { flex: 1; }\r\n.hotel-name { font-size: 13px; font-weight: 700; color: #1a3a5c; line-height: 1.4; }\r\n.hotel-booking { font-size: 11px; color: #185FA5; font-weight: 600; line-height: 1.4; margin-top: 3px; }\r\n.hotel-phone { font-size: 11px; color: #6b8090; font-weight: 500; line-height: 1.4; margin-top: 2px; }\r\n.hotel-actions { display: flex; gap: 6px; margin-top: 6px; }\r\n.hotel-btn {\r\n padding: 5px 10px; border-radius: 20px; border: none; cursor: pointer;\r\n font-size: 10px; font-weight: 600; font-family: Montserrat, sans-serif;\r\n display: flex; align-items: center; gap: 4px; line-height: 1.4;\r\n}\r\n.hotel-btn-map { background: #e6f1fb; color: #185FA5; }\r\n.hotel-btn-info { background: #f0f4f8; color: #4a5a68; }\r\n\r\n\/* Restaurant *\/\r\n.resto-item {\r\n display: flex; align-items: center; gap: 10px;\r\n padding: 10px 14px; border-bottom: 1px solid #f5f7fa;\r\n}\r\n.resto-item:last-child { border-bottom: none; }\r\n.resto-thumb {\r\n width: 52px; height: 40px; border-radius: 8px;\r\n object-fit: cover; flex-shrink: 0;\r\n}\r\n.resto-info { flex: 1; }\r\n.resto-name { font-size: 13px; font-weight: 600; color: #1a3a5c; line-height: 1.4; }\r\n.resto-phone { font-size: 11px; color: #185FA5; font-weight: 500; line-height: 1.4; margin-top: 2px; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"phone\">\r\n\r\n \r\n <div class=\"app-header\">\r\n <div class=\"logo\">\r\n <div class=\"logo-icon\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a3a5c\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"10\" r=\"3\"\/>\r\n <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"logo-text\">\r\n <div class=\"name\">Another Iceland<\/div>\r\n <div class=\"sub\">Daily Itinerary<\/div>\r\n <\/div>\r\n <\/div>\r\n <a class=\"back-link\" href=\"#\">\r\n Back to full route\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"map-wrap expanded\" id=\"mapWrap\">\r\n <img decoding=\"async\" src=\"https:\/\/www.anothericeland.com\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-26-140821.png\" alt=\"Day map\">\r\n <div class=\"map-overlay\"><\/div>\r\n\r\n \r\n <svg class=\"map-svg\" viewBox=\"0 0 390 240\" preserveAspectRatio=\"none\">\r\n <polyline\r\n points=\"60,200 90,175 130,155 170,135 210,118 250,105 290,90 330,75 360,58\"\r\n fill=\"none\" stroke=\"#E24B4A\" stroke-width=\"2.5\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" opacity=\"0.85\"\/>\r\n <\/svg>\r\n\r\n \r\n <div class=\"map-pin\" style=\"top:68%;left:15%;\">\r\n <div class=\"pin-circle start\">START<\/div>\r\n <\/div>\r\n \r\n <div class=\"map-pin\" style=\"top:72%;left:23%;\">\r\n <div class=\"pin-circle\">1<\/div>\r\n <\/div>\r\n <div class=\"map-pin\" style=\"top:64%;left:33%;\">\r\n <div class=\"pin-circle\">2<\/div>\r\n <\/div>\r\n <div class=\"map-pin\" style=\"top:56%;left:43%;\">\r\n <div class=\"pin-circle activity\">3<\/div>\r\n <\/div>\r\n <div class=\"map-pin\" style=\"top:49%;left:55%;\">\r\n <div class=\"pin-circle\">4<\/div>\r\n <\/div>\r\n <div class=\"map-pin\" style=\"top:43%;left:66%;\">\r\n <div class=\"pin-circle activity\">5<\/div>\r\n <\/div>\r\n \r\n <div class=\"map-pin\" style=\"top:31%;left:85%;\">\r\n <div class=\"pin-circle hotel\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"map-tabs\">\r\n <div class=\"map-tab active\">\r\n <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n Map\r\n <\/div>\r\n <div class=\"map-tab\">\r\n <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\r\n Satellite\r\n <\/div>\r\n <\/div>\r\n <div class=\"map-fullscreen\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"drag-handle\" id=\"dragHandle\" onclick=\"toggleMap()\">\r\n <div class=\"bar\"><\/div>\r\n <div class=\"toggle-hint\" id=\"toggleHint\">Drag up to see day details<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"day-nav\">\r\n <button class=\"nav-arrow\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n <\/button>\r\n <div class=\"day-label\">\r\n <div class=\"day-num\">Day 6<\/div>\r\n <div class=\"day-meta\">Aug 30, 2026 <span class=\"sep\">\u00b7<\/span> ~257 km<\/div>\r\n <\/div>\r\n <button class=\"nav-arrow\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"day-content\">\r\n\r\n \r\n <div class=\"section\">\r\n <div class=\"section-header\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"\/><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/><\/svg>\r\n <span class=\"section-title\">Important for today<\/span>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-check checked\">\r\n <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n <\/div>\r\n <div class=\"highlight-text\">Whale watching departs from Siglufj\u00f6r\u00f0ur village<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-check checked\">\r\n <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n <\/div>\r\n <div class=\"highlight-text\">Book river rafting tickets in advance<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"section\">\r\n <div class=\"section-header\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n <span class=\"section-title\">Points of interest<\/span>\r\n <\/div>\r\n\r\n <div class=\"poi-item\">\r\n <div class=\"poi-thumb-wrap\">\r\n <img decoding=\"async\" class=\"poi-thumb\" src=\"https:\/\/images.unsplash.com\/photo-1476514525535-07fb3b4ae5f1?w=160&q=70\" alt=\"Holar\">\r\n <div class=\"poi-thumb-overlay\"><\/div>\r\n <div class=\"poi-num\">1<\/div>\r\n <div class=\"poi-time-badge\"><svg width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg> Half day<\/div>\r\n <\/div>\r\n <div class=\"poi-body\">\r\n <div class=\"poi-name\">Holar<\/div>\r\n <div class=\"poi-bottom\">\r\n <button class=\"poi-action poi-action-nav\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>Navigate<\/button>\r\n <button class=\"poi-action poi-action-info\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>Details<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"poi-item\">\r\n <div class=\"poi-thumb-wrap\">\r\n <img decoding=\"async\" class=\"poi-thumb\" src=\"https:\/\/images.unsplash.com\/photo-1504233529578-6d46baba6d34?w=160&q=70\" alt=\"Siglufj\u00f6r\u00f0ur\">\r\n <div class=\"poi-thumb-overlay\"><\/div>\r\n <div class=\"poi-num\">2<\/div>\r\n <div class=\"poi-time-badge\"><svg width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg> 2\u20133 hrs<\/div>\r\n <\/div>\r\n <div class=\"poi-body\">\r\n <div class=\"poi-name\">Siglufj\u00f6r\u00f0ur<\/div>\r\n <div class=\"poi-bottom\">\r\n <button class=\"poi-action poi-action-nav\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>Navigate<\/button>\r\n <button class=\"poi-action poi-action-info\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>Details<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"poi-item\" style=\"background:#f0f6ff;border-radius:12px;margin:4px 0;\">\r\n <div class=\"poi-thumb-wrap\">\r\n <img decoding=\"async\" class=\"poi-thumb\" src=\"https:\/\/images.unsplash.com\/photo-1531366936337-7c912a4589a7?w=160&q=70\" alt=\"Snorkeling\">\r\n <div class=\"poi-thumb-overlay\"><\/div>\r\n <div class=\"poi-num activity\">3<\/div>\r\n <div class=\"poi-time-badge\"><svg width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg> 3 hrs<\/div>\r\n <\/div>\r\n <div class=\"poi-body\">\r\n <div style=\"display:flex;align-items:center;gap:5px;margin-bottom:2px;\">\r\n <span style=\"background:#185FA5;color:#fff;font-size:8px;font-weight:700;padding:2px 7px;border-radius:10px;font-family:Montserrat,sans-serif;line-height:1.4;white-space:nowrap;\">\u2713 Booked<\/span>\r\n <span style=\"background:#FF9200;color:#fff;font-size:8px;font-weight:700;padding:2px 7px;border-radius:10px;font-family:Montserrat,sans-serif;line-height:1.4;white-space:nowrap;border:1px solid #e68600;\">10:30<\/span>\r\n <\/div>\r\n <div class=\"poi-name\">Snorkeling at Silfra<\/div>\r\n <div class=\"poi-bottom\">\r\n <button class=\"poi-action poi-action-nav\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>Navigate<\/button>\r\n <button class=\"poi-action poi-action-info\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>Details<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"poi-item\">\r\n <div class=\"poi-thumb-wrap\">\r\n <img decoding=\"async\" class=\"poi-thumb\" src=\"https:\/\/images.unsplash.com\/photo-1476610182048-b716b8518aae?w=160&q=70\" alt=\"Dalv\u00edk\">\r\n <div class=\"poi-thumb-overlay\"><\/div>\r\n <div class=\"poi-num\">4<\/div>\r\n <div class=\"poi-time-badge\"><svg width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg> 1 hr<\/div>\r\n <\/div>\r\n <div class=\"poi-body\">\r\n <div class=\"poi-name\">Dalv\u00edk<\/div>\r\n <div class=\"poi-bottom\">\r\n <button class=\"poi-action poi-action-nav\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>Navigate<\/button>\r\n <button class=\"poi-action poi-action-info\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>Details<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"poi-item\" style=\"background:#f0f6ff;border-radius:12px;margin:4px 0;\">\r\n <div class=\"poi-thumb-wrap\">\r\n <img decoding=\"async\" class=\"poi-thumb\" src=\"https:\/\/images.unsplash.com\/photo-1520769945061-0a448c463865?w=160&q=70\" alt=\"Akureyri\">\r\n <div class=\"poi-thumb-overlay\"><\/div>\r\n <div class=\"poi-num activity\">5<\/div>\r\n <div class=\"poi-time-badge\"><svg width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg> 2 hrs<\/div>\r\n <\/div>\r\n <div class=\"poi-body\">\r\n <div style=\"display:flex;align-items:center;gap:5px;margin-bottom:2px;\">\r\n <span style=\"background:#185FA5;color:#fff;font-size:8px;font-weight:700;padding:2px 7px;border-radius:10px;font-family:Montserrat,sans-serif;line-height:1.4;white-space:nowrap;\">\u2713 Booked<\/span>\r\n <span style=\"background:#FF9200;color:#fff;font-size:8px;font-weight:700;padding:2px 7px;border-radius:10px;font-family:Montserrat,sans-serif;line-height:1.4;white-space:nowrap;border:1px solid #e68600;\">14:00<\/span>\r\n <\/div>\r\n <div class=\"poi-name\">Whale Watching Tour<\/div>\r\n <div class=\"poi-bottom\">\r\n <button class=\"poi-action poi-action-nav\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>Navigate<\/button>\r\n <button class=\"poi-action poi-action-info\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>Details<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"section\">\r\n <div class=\"section-header\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"\/><path d=\"M13.73 21a2 2 0 0 1-3.46 0\"\/><\/svg>\r\n <span class=\"section-title\">Accommodation<\/span>\r\n <\/div>\r\n <div class=\"hotel-card\">\r\n <img decoding=\"async\" class=\"hotel-thumb\" src=\"https:\/\/images.unsplash.com\/photo-1509773896068-7fd415d91e2e?w=160&q=70\" alt=\"Hotel\">\r\n <div class=\"hotel-info\">\r\n <div class=\"hotel-name\">Fljotsbakki Farm Hotel<\/div>\r\n <div class=\"hotel-booking\">Booking: 81357052<\/div>\r\n <div class=\"hotel-phone\">+354 865 1934<\/div>\r\n <div class=\"hotel-actions\">\r\n <button class=\"hotel-btn hotel-btn-map\">\r\n <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n Navigate\r\n <\/button>\r\n <button class=\"hotel-btn hotel-btn-info\">\r\n <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\r\n Details\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"section\" style=\"margin-bottom:16px;\">\r\n <div class=\"section-header\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 11l19-9-9 19-2-8-8-2z\"\/><\/svg>\r\n <span class=\"section-title\">Recommended restaurants<\/span>\r\n <\/div>\r\n <div class=\"resto-item\">\r\n <img decoding=\"async\" class=\"resto-thumb\" src=\"https:\/\/images.unsplash.com\/photo-1548013146-72479768bada?w=120&q=70\" alt=\"Rub 23\">\r\n <div class=\"resto-info\">\r\n <div class=\"resto-name\">Rub 23 (Akureyri)<\/div>\r\n <div class=\"resto-phone\">+354 462 2223<\/div>\r\n <\/div>\r\n <div class=\"poi-actions\">\r\n <button class=\"poi-action poi-action-nav\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>Navigate<\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"resto-item\">\r\n <img decoding=\"async\" class=\"resto-thumb\" src=\"https:\/\/images.unsplash.com\/photo-1504674900247-0877df9cc836?w=120&q=70\" alt=\"Strikid\">\r\n <div class=\"resto-info\">\r\n <div class=\"resto-name\">Strikid (Akureyri)<\/div>\r\n <div class=\"resto-phone\">+354 462 7100<\/div>\r\n <\/div>\r\n <div class=\"poi-actions\">\r\n <button class=\"poi-action poi-action-nav\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>Navigate<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\nvar expanded = true;\r\nfunction toggleMap() {\r\n var wrap = document.getElementById('mapWrap');\r\n var hint = document.getElementById('toggleHint');\r\n expanded = !expanded;\r\n wrap.className = 'map-wrap ' + (expanded ? 'expanded' : 'collapsed');\r\n hint.textContent = expanded ? 'Drag up to see day details' : 'Drag down to show map';\r\n}\r\n<\/script>\r\n\r\n\r\n<div id=\"bottomSheet\" style=\"\r\n position:fixed; bottom:0; left:50%; transform:translateX(-50%) translateY(100%);\r\n width:100%; max-width:390px;\r\n background:#fff; border-radius:18px 18px 0 0;\r\n box-shadow:0 -4px 24px rgba(0,0,0,0.15);\r\n transition:transform 0.45s cubic-bezier(0.32,0.72,0,1);\r\n z-index:100; overflow:hidden;\r\n\">\r\n <div style=\"display:flex;justify-content:center;padding:10px 0 4px;\">\r\n <div style=\"width:36px;height:4px;background:#dce6ed;border-radius:4px;\"><\/div>\r\n <\/div>\r\n <div style=\"display:flex;gap:14px;padding:8px 16px 14px;align-items:flex-start;\">\r\n <img decoding=\"async\" id=\"sheetThumb\" src=\"\" alt=\"\" style=\"width:80px;height:70px;border-radius:10px;object-fit:cover;flex-shrink:0;\">\r\n <div style=\"flex:1;min-width:0;\">\r\n <div id=\"sheetName\" style=\"font-size:15px;font-weight:700;color:#1a3a5c;line-height:1.3;margin-bottom:5px;font-family:Montserrat,sans-serif;\"><\/div>\r\n <div id=\"sheetMeta\" style=\"display:flex;align-items:center;gap:5px;font-size:11px;color:#6b8090;font-weight:500;line-height:1.4;font-family:Montserrat,sans-serif;\">\r\n <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#185FA5\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg>\r\n <span id=\"sheetTime\"><\/span>\r\n <\/div>\r\n <\/div>\r\n <button onclick=\"closeSheet()\" style=\"width:28px;height:28px;border-radius:50%;background:#f0f4f8;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b8090;flex-shrink:0;margin-top:2px;padding:0;\">\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 16px 20px;\">\r\n <button style=\"display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 14px;border-radius:50px;border:none;cursor:pointer;font-size:12px;font-weight:700;font-family:Montserrat,sans-serif;background:#1a3a5c;color:#fff;line-height:1.3;\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n Navigate\r\n <\/button>\r\n <button style=\"display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 14px;border-radius:50px;border:1.5px solid #b5d4f4;cursor:pointer;font-size:12px;font-weight:700;font-family:Montserrat,sans-serif;background:#e6f1fb;color:#185FA5;line-height:1.3;\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\r\n More Details\r\n <\/button>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div id=\"sheetBackdrop\" onclick=\"closeSheet()\" style=\"\r\n display:none; position:fixed; inset:0; background:rgba(0,0,0,0.3); z-index:99;\r\n\"><\/div>\r\n\r\n<script>\r\nvar sheetData = [\r\n { name: \"Holar\", time: \"Recommended half day\", img: \"https:\/\/images.unsplash.com\/photo-1476514525535-07fb3b4ae5f1?w=200&q=70\" },\r\n { name: \"Siglufj\u00f6r\u00f0ur\", time: \"2\u20133 hours\", img: \"https:\/\/images.unsplash.com\/photo-1504233529578-6d46baba6d34?w=200&q=70\" },\r\n { name: \"\u00d3lafsfj\u00f6r\u00f0ur Tunnel\", time: \"Quick stop\", img: \"https:\/\/images.unsplash.com\/photo-1531366936337-7c912a4589a7?w=200&q=70\" },\r\n { name: \"Dalv\u00edk\", time: \"1 hour\", img: \"https:\/\/images.unsplash.com\/photo-1476610182048-b716b8518aae?w=200&q=70\" },\r\n { name: \"Akureyri\", time: \"2\u20133 hours\", img: \"https:\/\/images.unsplash.com\/photo-1520769945061-0a448c463865?w=200&q=70\" },\r\n];\r\n\r\nfunction openSheet(index) {\r\n var d = sheetData[index];\r\n document.getElementById('sheetName').textContent = d.name;\r\n document.getElementById('sheetTime').textContent = d.time;\r\n document.getElementById('sheetThumb').src = d.img;\r\n document.getElementById('sheetThumb').alt = d.name;\r\n document.getElementById('bottomSheet').style.transform = 'translateX(-50%) translateY(0)';\r\n document.getElementById('sheetBackdrop').style.display = 'block';\r\n}\r\n\r\nfunction closeSheet() {\r\n document.getElementById('bottomSheet').style.transform = 'translateX(-50%) translateY(100%)';\r\n document.getElementById('sheetBackdrop').style.display = 'none';\r\n}\r\n\r\ndocument.querySelectorAll('.map-pin').forEach(function(pin, i) {\r\n if (pin.querySelector('.pin-circle.start') || pin.querySelector('.pin-circle.hotel')) return;\r\n pin.style.cursor = 'pointer';\r\n pin.addEventListener('click', function() { openSheet(i - 1); });\r\n});\r\n\r\ndocument.querySelectorAll('.poi-item').forEach(function(item, i) {\r\n item.addEventListener('click', function(e) {\r\n if (e.target.closest('button')) return;\r\n openSheet(i);\r\n });\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0b28993 e-con-full e-flex e-con e-parent\" data-id=\"0b28993\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b92f7a elementor-widget elementor-widget-html\" data-id=\"5b92f7a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\" dir=\"ltr\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Another Iceland \u2014 POI Detail<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\nbody {\r\n background: #e8eef4;\r\n display: flex; justify-content: center; align-items: flex-start;\r\n min-height: 100vh; padding: 24px 16px;\r\n font-family: Montserrat, sans-serif;\r\n}\r\n.phone {\r\n width: 100%; max-width: 390px;\r\n background: #f4f7fa;\r\n border-radius: 24px; overflow: hidden;\r\n box-shadow: 0 8px 40px rgba(0,0,0,0.14);\r\n position: relative;\r\n}\r\n\r\n\/* Hero image *\/\r\n.hero {\r\n position: relative;\r\n height: 240px; overflow: hidden;\r\n}\r\n.hero img {\r\n width: 100%; height: 100%; object-fit: cover; display: block;\r\n}\r\n.hero-overlay {\r\n position: absolute; inset: 0;\r\n background: linear-gradient(180deg, rgba(0,0,0,0.35) 0%, transparent 40%, rgba(0,0,0,0.6) 70%, rgba(0,0,0,0.75) 100%);\r\n}\r\n\r\n\/* Back button *\/\r\n.hero-back {\r\n position: absolute; top: 14px; left: 14px;\r\n width: 32px; height: 32px; border-radius: 50%;\r\n background: rgba(255,255,255,0.2);\r\n border: 1px solid rgba(255,255,255,0.35);\r\n display: flex; align-items: center; justify-content: center;\r\n cursor: pointer; color: #fff;\r\n}\r\n\r\n\/* Title on image *\/\r\n.hero-title {\r\n position: absolute; bottom: 0; left: 0; right: 0;\r\n padding: 14px 16px;\r\n}\r\n.hero-title h1 {\r\n font-size: 18px; font-weight: 700; color: #fff;\r\n line-height: 1.3; margin-bottom: 8px;\r\n}\r\n.hero-badges {\r\n display: flex; gap: 8px; flex-wrap: wrap;\r\n}\r\n.hero-badge {\r\n display: flex; align-items: center; gap: 5px;\r\n background: rgba(255,255,255,0.18);\r\n border: 1px solid rgba(255,255,255,0.3);\r\n padding: 4px 10px; border-radius: 20px;\r\n font-size: 10px; font-weight: 600; color: #fff; line-height: 1.3;\r\n}\r\n\r\n\/* Scrollable content *\/\r\n.content {\r\n overflow-y: auto; padding: 16px 14px;\r\n display: flex; flex-direction: column; gap: 27px;\r\n scrollbar-width: none;\r\n}\r\n.content::-webkit-scrollbar { display: none; }\r\n\r\n\/* Section *\/\r\n.section {\r\n background: #fff; border-radius: 14px;\r\n padding: 16px 18px 18px;\r\n box-shadow: 0 1px 6px rgba(0,0,0,0.06);\r\n min-height: 90px;\r\n}\r\n.section-label {\r\n display: flex; align-items: center; gap: 7px;\r\n margin-bottom: 10px;\r\n}\r\n.section-label svg { color: #185FA5; flex-shrink: 0; }\r\n.section-label span {\r\n font-size: 11px; font-weight: 700; color: #1a3a5c;\r\n letter-spacing: 0.8px; text-transform: uppercase; line-height: 1.4;\r\n}\r\n.description {\r\n font-size: 13px; color: #4a5a68; line-height: 1.75; font-weight: 400;\r\n}\r\n.description strong { color: #1a3a5c; font-weight: 700; }\r\n\r\n\/* Meta grid *\/\r\n.meta-grid {\r\n display: grid; grid-template-columns: 1fr 1fr; gap: 10px;\r\n}\r\n.meta-card {\r\n background: #f4f7fa; border-radius: 10px; padding: 10px 12px 12px;\r\n}\r\n.meta-card .label {\r\n font-size: 9px; font-weight: 700; color: #8a9ab0;\r\n text-transform: uppercase; letter-spacing: 1px; line-height: 1.4;\r\n margin-bottom: 4px;\r\n}\r\n.meta-card .value {\r\n font-size: 13px; font-weight: 600; color: #1a3a5c; line-height: 1.3;\r\n display: flex; align-items: center; gap: 5px;\r\n}\r\n.meta-card .value svg { color: #185FA5; flex-shrink: 0; }\r\n\r\n\/* Tips *\/\r\n.tip-item {\r\n display: flex; align-items: flex-start; gap: 9px;\r\n padding: 8px 0; border-bottom: 1px solid #f5f7fa;\r\n}\r\n.tip-item:last-child { border-bottom: none; padding-bottom: 0; }\r\n.tip-dot {\r\n width: 6px; height: 6px; border-radius: 50%;\r\n background: #185FA5; flex-shrink: 0; margin-top: 5px;\r\n}\r\n.tip-text {\r\n font-size: 12px; color: #4a5a68; line-height: 1.6; font-weight: 400;\r\n}\r\n\r\n\/* Bottom CTA *\/\r\n.bottom-cta {\r\n padding: 12px 16px 20px;\r\n background: #fff;\r\n border-top: 1px solid #f0f4f8;\r\n}\r\n.cta-btn {\r\n width: 100%;\r\n display: flex; align-items: center; justify-content: center; gap: 8px;\r\n padding: 13px 20px; border-radius: 50px; border: none; cursor: pointer;\r\n font-size: 13px; font-weight: 700; font-family: Montserrat, sans-serif;\r\n background: #1a3a5c; color: #fff; line-height: 1.3;\r\n}\r\n.cta-btn:hover { background: #004384; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"phone\">\r\n\r\n \r\n <div class=\"hero\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1504233529578-6d46baba6d34?w=800&q=80\" alt=\"Barnafoss\">\r\n <div class=\"hero-overlay\"><\/div>\r\n <div class=\"hero-back\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n <\/div>\r\n <div class=\"hero-title\">\r\n <h1>Barnafoss & Hraunfossar<\/h1>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"content\">\r\n\r\n \r\n <div class=\"section\">\r\n <div class=\"meta-grid\" style=\"margin-bottom:16px;\">\r\n <div class=\"meta-card\">\r\n <div class=\"label\">Difficulty<\/div>\r\n <div class=\"value\">\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\r\n Easy\r\n <\/div>\r\n <\/div>\r\n <div class=\"meta-card\">\r\n <div class=\"label\">Suggested time<\/div>\r\n <div class=\"value\">\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg>\r\n 2\u20133 hours\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"section-label\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\r\n <span>About<\/span>\r\n <\/div>\r\n <p class=\"description\">\r\n Hraunfossar is a series of waterfalls formed by rivulets streaming out of the Hallmundarhraun lava field and cascading into the Hv\u00edt\u00e1 river \u2014 one of Iceland's most unusual natural phenomena. Just steps away, <strong>Barnafoss<\/strong> (Children's Waterfall) rushes through a narrow rocky gorge with thundering force. Together they make one of the most scenic and accessible stops in West Iceland.\r\n <\/p>\r\n\r\n <div style=\"border-top: 1px solid #f0f4f8; margin-top: 14px; padding-top: 14px;\">\r\n <div class=\"section-label\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n <span>Tips<\/span>\r\n <\/div>\r\n <div class=\"tip-item\">\r\n <div class=\"tip-dot\"><\/div>\r\n <div class=\"tip-text\">Visit in the morning for the best light and fewer crowds.<\/div>\r\n <\/div>\r\n <div class=\"tip-item\">\r\n <div class=\"tip-dot\"><\/div>\r\n <div class=\"tip-text\">Wear waterproof shoes \u2014 the path along the river can be slippery.<\/div>\r\n <\/div>\r\n <div class=\"tip-item\">\r\n <div class=\"tip-dot\"><\/div>\r\n <div class=\"tip-text\">Combine with a visit to Reykholt and Snorrastofa nearby for a full day in the Saga Valley.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"bottom-cta\">\r\n <button class=\"cta-btn\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n Navigate Here\r\n <\/button>\r\n <\/div>\r\n\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e4cad20 e-con-full e-flex e-con e-parent\" data-id=\"e4cad20\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-65fa1a5 elementor-widget elementor-widget-html\" data-id=\"65fa1a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\" dir=\"ltr\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Another Iceland \u2014 My Accommodation<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\nbody {\r\n background: #e8eef4;\r\n display: flex; justify-content: center;\r\n min-height: 100vh; padding: 24px 16px;\r\n font-family: Montserrat, sans-serif;\r\n}\r\n.phone {\r\n width: 390px;\r\n background: #f4f7fa;\r\n border-radius: 24px; overflow: hidden;\r\n box-shadow: 0 8px 40px rgba(0,0,0,0.14);\r\n}\r\n.app-header {\r\n background: #1a3a5c; padding: 14px 18px;\r\n display: flex; justify-content: space-between; align-items: center;\r\n}\r\n.logo { display: flex; align-items: center; gap: 10px; }\r\n.logo-icon { width: 32px; height: 32px; background: #fff; border-radius: 8px; display: flex; align-items: center; justify-content: center; }\r\n.logo-name { font-size: 13px; font-weight: 700; color: #fff; line-height: 1.3; }\r\n.logo-sub { font-size: 10px; color: rgba(255,255,255,0.55); line-height: 1.3; margin-top: 2px; }\r\n.hamburger { display: flex; flex-direction: column; gap: 4px; cursor: pointer; }\r\n.hamburger span { display: block; height: 2px; background: rgba(255,255,255,0.8); border-radius: 2px; }\r\n.hamburger span:nth-child(1) { width: 20px; }\r\n.hamburger span:nth-child(2) { width: 14px; }\r\n.hamburger span:nth-child(3) { width: 20px; }\r\n.page-title {\r\n background: #fff; padding: 14px 18px;\r\n display: flex; align-items: center; gap: 10px;\r\n border-bottom: 1px solid #edf2f6;\r\n}\r\n.page-title svg { color: #185FA5; flex-shrink: 0; }\r\n.page-title span { font-size: 15px; font-weight: 700; color: #1a3a5c; }\r\n.list { overflow-y: auto; max-height: 580px; padding: 10px 12px 16px; scrollbar-width: none; }\r\n.list::-webkit-scrollbar { display: none; }\r\n.night-label {\r\n font-size: 10px; font-weight: 700; color: #8a9ab0;\r\n letter-spacing: 0.8px; text-transform: uppercase;\r\n padding: 8px 2px 6px;\r\n display: flex; align-items: center; gap: 6px;\r\n}\r\n.night-label svg { color: #b5d4f4; flex-shrink: 0; }\r\n.card {\r\n background: #fff; border-radius: 14px;\r\n border: 1px solid #edf2f6;\r\n box-shadow: 0 1px 8px rgba(0,0,0,0.07);\r\n overflow: hidden; margin-bottom: 10px;\r\n}\r\n.card-top { display: flex; height: 90px; }\r\n.card-img {\r\n width: 100px; min-width: 100px;\r\n height: 90px; object-fit: cover; display: block;\r\n}\r\n.card-info {\r\n flex: 1; padding: 9px 12px;\r\n display: flex; flex-direction: column; justify-content: center; gap: 3px;\r\n overflow: hidden;\r\n}\r\n.c-name { font-size: 13px; font-weight: 700; color: #1a3a5c; line-height: 1.35; }\r\n.c-booking { font-size: 11px; color: #E24B4A; font-weight: 600; line-height: 1.4; }\r\n.c-address { font-size: 10px; color: #8a9ab0; font-weight: 500; line-height: 1.4; }\r\n.c-phone { font-size: 11px; color: #185FA5; font-weight: 600; line-height: 1.4; display: flex; align-items: center; gap: 4px; }\r\n.card-checkin {\r\n background: #f4f8fe; border-top: 1px solid #e6f1fb;\r\n padding: 8px 12px;\r\n display: flex; align-items: flex-start; gap: 7px;\r\n}\r\n.card-checkin svg { color: #185FA5; flex-shrink: 0; margin-top: 2px; }\r\n.card-checkin-text { font-size: 10px; color: #4a6a8a; font-weight: 500; line-height: 1.6; }\r\n.card-checkin-text strong { color: #1a3a5c; font-weight: 700; }\r\n.card-actions { display: flex; border-top: 1px solid #f0f4f8; }\r\n.card-btn {\r\n flex: 1; display: flex; align-items: center; justify-content: center; gap: 5px;\r\n padding: 9px 8px; border: none; background: transparent; cursor: pointer;\r\n font-size: 10px; font-weight: 600; font-family: Montserrat, sans-serif;\r\n color: #185FA5; line-height: 1.3;\r\n}\r\n.card-btn + .card-btn { border-left: 1px solid #f0f4f8; }\r\n.card-btn:hover { background: #f4f7fa; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"phone\">\r\n\r\n <div class=\"app-header\">\r\n <div class=\"logo\">\r\n <div class=\"logo-icon\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a3a5c\" stroke-width=\"2\"><circle cx=\"12\" cy=\"10\" r=\"3\"\/><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"logo-name\">Another Iceland<\/div>\r\n <div class=\"logo-sub\">Trip Accommodation<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hamburger\"><span><\/span><span><\/span><span><\/span><\/div>\r\n <\/div>\r\n\r\n <div class=\"page-title\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"\/><path d=\"M13.73 21a2 2 0 0 1-3.46 0\"\/><\/svg>\r\n <span>My Accommodation<\/span>\r\n <\/div>\r\n\r\n <div class=\"list\">\r\n\r\n \r\n <div class=\"night-label\">\r\n <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\r\n Aug 25 \u2192 Aug 26 \u00b7 Night 1\r\n <\/div>\r\n <div class=\"card\">\r\n <div class=\"card-top\">\r\n <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/images.unsplash.com\/photo-1566073771259-6a8506099945?w=200&q=70\" alt=\"\">\r\n <div class=\"card-info\">\r\n <div class=\"c-name\">Aurora Hotel at Keflavik<\/div>\r\n <div class=\"c-booking\">Booking: 81356595<\/div>\r\n <div class=\"c-address\">Blikav\u00f6llur 2, 235 Keflav\u00edk<\/div>\r\n <div class=\"c-phone\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13.1 19.79 19.79 0 0 1 1.59 4.5 2 2 0 0 1 3.56 2.34h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.09 6.09l.89-.89a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 21.73 17z\"\/><\/svg>+354 595 1900<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-actions\">\r\n <button class=\"card-btn\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>Navigate<\/button>\r\n <button class=\"card-btn\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>Details<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"night-label\">\r\n <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\r\n Aug 26 \u2192 Aug 27 \u00b7 Night 2\r\n <\/div>\r\n <div class=\"card\">\r\n <div class=\"card-top\">\r\n <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/images.unsplash.com\/photo-1520769945061-0a448c463865?w=200&q=70\" alt=\"\">\r\n <div class=\"card-info\">\r\n <div class=\"c-name\">The Hvita Inn By Ourhotels<\/div>\r\n <div class=\"c-booking\">Booking: 81357041<\/div>\r\n <div class=\"c-address\">Hv\u00edt\u00e1rbakki 7, Borgarbygg\u00f0 311<\/div>\r\n <div class=\"c-phone\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13.1 19.79 19.79 0 0 1 1.59 4.5 2 2 0 0 1 3.56 2.34h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.09 6.09l.89-.89a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 21.73 17z\"\/><\/svg>+354 497 1373<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-checkin\">\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\r\n <div class=\"card-checkin-text\"><strong>Self Check-in \u00b7 Room 301<\/strong><br>Door code: 7041 #1. Press centre until light turns on 2, enter code, press #4.<br><strong>Check-in:<\/strong> from 15:00 \u00b7 <strong>Check-out:<\/strong> by 11:00<\/div>\r\n <\/div>\r\n <div class=\"card-actions\">\r\n <button class=\"card-btn\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>Navigate<\/button>\r\n <button class=\"card-btn\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>Details<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"night-label\">\r\n <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\r\n Aug 27 \u2192 Aug 29 \u00b7 Nights 3\u20134\r\n <\/div>\r\n <div class=\"card\">\r\n <div class=\"card-top\">\r\n <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/images.unsplash.com\/photo-1509773896068-7fd415d91e2e?w=200&q=70\" alt=\"\">\r\n <div class=\"card-info\">\r\n <div class=\"c-name\">Hotel Varmahlid<\/div>\r\n <div class=\"c-booking\">Booking: 81357050<\/div>\r\n <div class=\"c-address\">Laugavegur, 560 Varmahl\u00ed\u00f0<\/div>\r\n <div class=\"c-phone\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13.1 19.79 19.79 0 0 1 1.59 4.5 2 2 0 0 1 3.56 2.34h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.09 6.09l.89-.89a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 21.73 17z\"\/><\/svg>+354 453 8170<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-actions\">\r\n <button class=\"card-btn\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>Navigate<\/button>\r\n <button class=\"card-btn\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>Details<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"night-label\">\r\n <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\r\n Aug 29 \u2192 Aug 30 \u00b7 Night 5\r\n <\/div>\r\n <div class=\"card\">\r\n <div class=\"card-top\">\r\n <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/images.unsplash.com\/photo-1476514525535-07fb3b4ae5f1?w=200&q=70\" alt=\"\">\r\n <div class=\"card-info\">\r\n <div class=\"c-name\">Fljotsbakki Farm Hotel<\/div>\r\n <div class=\"c-booking\">Booking: 81357052<\/div>\r\n <div class=\"c-address\">Flj\u00f3tsbakki Farm, 641<\/div>\r\n <div class=\"c-phone\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13.1 19.79 19.79 0 0 1 1.59 4.5 2 2 0 0 1 3.56 2.34h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.09 6.09l.89-.89a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 21.73 17z\"\/><\/svg>+354 865 1934<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-actions\">\r\n <button class=\"card-btn\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>Navigate<\/button>\r\n <button class=\"card-btn\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>Details<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"night-label\">\r\n <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\r\n Aug 30 \u2192 Sep 1 \u00b7 Night 6\r\n <\/div>\r\n <div class=\"card\">\r\n <div class=\"card-top\">\r\n <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/images.unsplash.com\/photo-1531366936337-7c912a4589a7?w=200&q=70\" alt=\"\">\r\n <div class=\"card-info\">\r\n <div class=\"c-name\">Hotel Studlagil<\/div>\r\n <div class=\"c-booking\">Booking: 81357056<\/div>\r\n <div class=\"c-address\">Skjoldolfsstadir<\/div>\r\n <div class=\"c-phone\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13.1 19.79 19.79 0 0 1 1.59 4.5 2 2 0 0 1 3.56 2.34h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.09 6.09l.89-.89a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 21.73 17z\"\/><\/svg>+354 471 2006<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-actions\">\r\n <button class=\"card-btn\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>Navigate<\/button>\r\n <button class=\"card-btn\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>Details<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7b78f3e e-con-full e-flex e-con e-parent\" data-id=\"7b78f3e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-71183df elementor-widget elementor-widget-html\" data-id=\"71183df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\" dir=\"ltr\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Another Iceland \u2014 My Car<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\nbody { background: #e8eef4; display: flex; justify-content: center; min-height: 100vh; padding: 24px 16px; font-family: Montserrat, sans-serif; }\r\n.phone { width: 390px; background: #f4f7fa; border-radius: 24px; overflow: hidden; box-shadow: 0 8px 40px rgba(0,0,0,0.14); }\r\n.app-header { background: #1a3a5c; padding: 14px 18px; display: flex; justify-content: space-between; align-items: center; }\r\n.logo { display: flex; align-items: center; gap: 10px; }\r\n.logo-icon { width: 32px; height: 32px; background: #fff; border-radius: 8px; display: flex; align-items: center; justify-content: center; }\r\n.logo-name { font-size: 13px; font-weight: 700; color: #fff; line-height: 1.3; }\r\n.logo-sub { font-size: 10px; color: rgba(255,255,255,0.55); line-height: 1.3; margin-top: 2px; }\r\n.hamburger { display: flex; flex-direction: column; gap: 4px; cursor: pointer; }\r\n.hamburger span { display: block; height: 2px; background: rgba(255,255,255,0.8); border-radius: 2px; }\r\n.hamburger span:nth-child(1) { width: 20px; }\r\n.hamburger span:nth-child(2) { width: 14px; }\r\n.hamburger span:nth-child(3) { width: 20px; }\r\n.page-title { background: #fff; padding: 14px 18px; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid #edf2f6; }\r\n.page-title svg { color: #185FA5; }\r\n.page-title span { font-size: 15px; font-weight: 700; color: #1a3a5c; }\r\n.content { padding: 14px 14px 24px; display: flex; flex-direction: column; gap: 12px; overflow-y: auto; max-height: calc(100vh - 120px); scrollbar-width: none; }\r\n.content::-webkit-scrollbar { display: none; }\r\n\r\n\/* Rental company *\/\r\n.company-card { background: #fff; border-radius: 14px; border: 1px solid #edf2f6; box-shadow: 0 1px 8px rgba(0,0,0,0.06); padding: 14px 16px; }\r\n.company-row { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 10px; }\r\n.small-label { font-size: 10px; font-weight: 700; color: #8a9ab0; text-transform: uppercase; letter-spacing: 0.8px; line-height: 1.4; margin-bottom: 2px; }\r\n.company-name { font-size: 14px; font-weight: 700; color: #1a3a5c; line-height: 1.3; }\r\n.booking-num { font-size: 14px; font-weight: 700; color: #E24B4A; line-height: 1.3; }\r\n.company-phone { display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: #185FA5; padding-top: 10px; border-top: 1px solid #f0f4f8; }\r\n\r\n\/* Vehicle card *\/\r\n.vehicle-card { background: #1a3a5c; border-radius: 16px; padding: 16px 18px 0; }\r\n.vehicle-label { font-size: 10px; font-weight: 700; color: rgba(255,255,255,0.5); text-transform: uppercase; letter-spacing: 1px; line-height: 1.4; }\r\n.vehicle-name { font-size: 18px; font-weight: 700; color: #fff; line-height: 1.3; margin-top: 4px; margin-bottom: 16px; }\r\n.vehicle-img { width: 100%; display: block; }\r\n\r\n\/* Trip cards *\/\r\n.trip-card { background: #fff; border-radius: 14px; border: 1px solid #edf2f6; box-shadow: 0 1px 8px rgba(0,0,0,0.06); overflow: hidden; }\r\n.trip-header { padding: 10px 14px 8px; display: flex; align-items: center; gap: 7px; border-bottom: 1px solid #f0f4f8; }\r\n.trip-header svg { color: #185FA5; }\r\n.trip-title { font-size: 11px; font-weight: 700; color: #1a3a5c; text-transform: uppercase; letter-spacing: 0.8px; }\r\n.trip-row { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-bottom: 1px solid #f5f7fa; }\r\n.trip-row:last-of-type { border-bottom: none; }\r\n.trip-row svg { color: #185FA5; flex-shrink: 0; }\r\n.trip-text { font-size: 12px; color: #4a5a68; font-weight: 500; line-height: 1.4; flex: 1; min-width: 0; }\r\n.trip-text strong { color: #1a3a5c; font-weight: 700; }\r\n.trip-action { padding: 10px 14px; border-top: 1px solid #f0f4f8; }\r\n.trip-btn { width: 100%; display: flex; align-items: center; justify-content: center; gap: 6px; padding: 9px 14px; border-radius: 50px; border: 1.5px solid #b5d4f4; background: #e6f1fb; color: #185FA5; font-size: 11px; font-weight: 700; font-family: Montserrat, sans-serif; cursor: pointer; line-height: 1.3; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"phone\">\r\n\r\n <div class=\"app-header\">\r\n <div class=\"logo\">\r\n <div class=\"logo-icon\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a3a5c\" stroke-width=\"2\"><circle cx=\"12\" cy=\"10\" r=\"3\"\/><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"logo-name\">Another Iceland<\/div>\r\n <div class=\"logo-sub\">My Car<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hamburger\"><span><\/span><span><\/span><span><\/span><\/div>\r\n <\/div>\r\n\r\n <div class=\"page-title\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"10\" width=\"20\" height=\"7\" rx=\"1\"\/><path d=\"M5 10V8a1 1 0 0 1 1-1h5l3 3\"\/><path d=\"M13 7h3l3 3\"\/><circle cx=\"7\" cy=\"17.5\" r=\"1.5\"\/><circle cx=\"17\" cy=\"17.5\" r=\"1.5\"\/><\/svg>\r\n <span>My Car<\/span>\r\n <\/div>\r\n\r\n <div class=\"content\">\r\n\r\n <div class=\"company-card\">\r\n <div class=\"company-row\">\r\n <div>\r\n <div class=\"small-label\">Rental Company<\/div>\r\n <div class=\"company-name\">Bluecar<\/div>\r\n <\/div>\r\n <div style=\"text-align:right;\">\r\n <div class=\"small-label\">Booking Ref.<\/div>\r\n <div class=\"booking-num\">7H9PZQ<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"company-phone\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13.1 19.79 19.79 0 0 1 1.59 4.5 2 2 0 0 1 3.56 2.34h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.09 6.09l.89-.89a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 21.73 17z\"\/><\/svg>\r\n +354 773 7070\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"vehicle-card\">\r\n <div class=\"vehicle-label\">Your Vehicle<\/div>\r\n <div class=\"vehicle-name\">Toyota RAV4 4WD Auto<\/div>\r\n <img decoding=\"async\" class=\"vehicle-img\" src=\"https:\/\/www.anothericeland.com\/wp-content\/uploads\/2026\/03\/forester.png.png\" alt=\"Toyota RAV4\">\r\n <\/div>\r\n\r\n <div class=\"trip-card\">\r\n <div class=\"trip-header\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg>\r\n <span class=\"trip-title\">Pickup<\/span>\r\n <\/div>\r\n <div class=\"trip-row\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\r\n <div class=\"trip-text\"><strong>Aug 26, 2026<\/strong> \u00b7 09:00<\/div>\r\n <\/div>\r\n <div class=\"trip-row\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n <div class=\"trip-text\">Bluecar \u2014 <strong>Keflavik International Airport<\/strong><\/div>\r\n <\/div>\r\n <div class=\"trip-action\">\r\n <button class=\"trip-btn\">\r\n <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n Navigate to Pickup\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"trip-card\">\r\n <div class=\"trip-header\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M9 14l-4-4 4-4\"\/><path d=\"M5 10h11a4 4 0 0 1 0 8h-1\"\/><\/svg>\r\n <span class=\"trip-title\">Return<\/span>\r\n <\/div>\r\n <div class=\"trip-row\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\r\n <div class=\"trip-text\"><strong>Sep 5, 2026<\/strong> \u00b7 18:00<\/div>\r\n <\/div>\r\n <div class=\"trip-row\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n <div class=\"trip-text\">Bluecar \u2014 <strong>Reykjavik City<\/strong><\/div>\r\n <\/div>\r\n <div class=\"trip-action\">\r\n <button class=\"trip-btn\">\r\n <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n Navigate to Return\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a3d689b e-con-full e-flex e-con e-parent\" data-id=\"a3d689b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9fbfad1 elementor-widget elementor-widget-html\" data-id=\"9fbfad1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\" dir=\"ltr\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Another Iceland \u2014 My Activities<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\nbody { background: #e8eef4; display: flex; justify-content: center; min-height: 100vh; padding: 24px 16px; font-family: Montserrat, sans-serif; }\r\n.phone { width: 390px; background: #f4f7fa; border-radius: 24px; overflow: hidden; box-shadow: 0 8px 40px rgba(0,0,0,0.14); }\r\n\r\n.app-header { background: #1a3a5c; padding: 14px 18px; display: flex; justify-content: space-between; align-items: center; }\r\n.logo { display: flex; align-items: center; gap: 10px; }\r\n.logo-icon { width: 32px; height: 32px; background: #fff; border-radius: 8px; display: flex; align-items: center; justify-content: center; }\r\n.logo-name { font-size: 13px; font-weight: 700; color: #fff; line-height: 1.3; }\r\n.logo-sub { font-size: 10px; color: rgba(255,255,255,0.55); line-height: 1.3; margin-top: 2px; }\r\n.hamburger { display: flex; flex-direction: column; gap: 4px; cursor: pointer; }\r\n.hamburger span { display: block; height: 2px; background: rgba(255,255,255,0.8); border-radius: 2px; }\r\n.hamburger span:nth-child(1) { width: 20px; }\r\n.hamburger span:nth-child(2) { width: 14px; }\r\n.hamburger span:nth-child(3) { width: 20px; }\r\n\r\n.page-title { background: #fff; padding: 14px 18px; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid #edf2f6; }\r\n.page-title svg { color: #185FA5; }\r\n.page-title span { font-size: 15px; font-weight: 700; color: #1a3a5c; }\r\n\r\n.list { overflow-y: auto; max-height: 580px; padding: 10px 14px 24px; scrollbar-width: none; }\r\n.list::-webkit-scrollbar { display: none; }\r\n\r\n\/* Date separator *\/\r\n.date-sep {\r\n display: flex; align-items: center; gap: 8px;\r\n padding: 12px 2px 6px;\r\n}\r\n.date-sep svg { color: #b5d4f4; flex-shrink: 0; }\r\n.date-sep span { font-size: 10px; font-weight: 700; color: #8a9ab0; text-transform: uppercase; letter-spacing: 0.8px; line-height: 1.4; }\r\n\r\n\/* Activity card *\/\r\n.act-card {\r\n background: #fff; border-radius: 14px;\r\n border: 1px solid #edf2f6;\r\n box-shadow: 0 1px 8px rgba(0,0,0,0.06);\r\n overflow: hidden; margin-bottom: 10px;\r\n}\r\n.act-top { display: flex; height: 88px; }\r\n.act-img { width: 100px; min-width: 100px; height: 88px; object-fit: cover; display: block; flex-shrink: 0; position: relative; }\r\n.act-img-wrap { position: relative; width: 100px; min-width: 100px; flex-shrink: 0; }\r\n.act-img-wrap img { width: 100%; height: 88px; object-fit: cover; display: block; }\r\n.act-time-badge {\r\n position: absolute; bottom: 7px; left: 7px;\r\n background: rgba(26,58,92,0.82);\r\n color: #fff; font-size: 10px; font-weight: 700;\r\n padding: 3px 8px; border-radius: 6px; line-height: 1.3;\r\n font-family: Montserrat, sans-serif;\r\n}\r\n.act-body { flex: 1; width: 0; padding: 10px 12px; display: flex; flex-direction: column; gap: 3px; }\r\n.act-name { font-size: 13px; font-weight: 700; color: #1a3a5c; line-height: 1.35; }\r\n.act-duration { display: flex; align-items: center; gap: 4px; font-size: 11px; color: #6b8090; font-weight: 500; line-height: 1.4; }\r\n.act-duration svg { color: #185FA5; flex-shrink: 0; }\r\n.act-booking { font-size: 11px; color: #E24B4A; font-weight: 600; line-height: 1.4; }\r\n.act-phone { display: flex; align-items: center; gap: 4px; font-size: 11px; color: #185FA5; font-weight: 600; line-height: 1.4; }\r\n.act-actions { display: flex; border-top: 1px solid #f0f4f8; }\r\n.act-btn {\r\n flex: 1; display: flex; align-items: center; justify-content: center; gap: 5px;\r\n padding: 9px 8px; border: none; background: transparent; cursor: pointer;\r\n font-size: 10px; font-weight: 600; font-family: Montserrat, sans-serif;\r\n color: #185FA5; line-height: 1.3;\r\n}\r\n.act-btn + .act-btn { border-left: 1px solid #f0f4f8; }\r\n.act-btn:hover { background: #f4f7fa; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"phone\">\r\n\r\n <div class=\"app-header\">\r\n <div class=\"logo\">\r\n <div class=\"logo-icon\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a3a5c\" stroke-width=\"2\"><circle cx=\"12\" cy=\"10\" r=\"3\"\/><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"logo-name\">Another Iceland<\/div>\r\n <div class=\"logo-sub\">My Activities<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hamburger\"><span><\/span><span><\/span><span><\/span><\/div>\r\n <\/div>\r\n\r\n <div class=\"page-title\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n <span>My Activities<\/span>\r\n <\/div>\r\n\r\n <div class=\"list\">\r\n\r\n \r\n <div class=\"date-sep\">\r\n <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\r\n <span>Aug 27, 2026<\/span>\r\n <\/div>\r\n <div class=\"act-card\">\r\n <div class=\"act-top\">\r\n <div class=\"act-img-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1504233529578-6d46baba6d34?w=200&q=70\" alt=\"Snorkeling\">\r\n <div class=\"act-time-badge\">10:30<\/div>\r\n <\/div>\r\n <div class=\"act-body\">\r\n <div class=\"act-name\">Snorkeling (Arctic Adventures)<\/div>\r\n <div class=\"act-duration\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg>3 hours<\/div>\r\n <div class=\"act-booking\">ARC-T123842376<\/div>\r\n <div class=\"act-phone\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13.1 19.79 19.79 0 0 1 1.59 4.5 2 2 0 0 1 3.56 2.34h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.09 6.09l.89-.89a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 21.73 17z\"\/><\/svg>+354 562 7000<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"act-actions\">\r\n <button class=\"act-btn\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>Navigate<\/button>\r\n <button class=\"act-btn\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>Details<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"date-sep\">\r\n <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\r\n <span>Aug 30, 2026<\/span>\r\n <\/div>\r\n <div class=\"act-card\">\r\n <div class=\"act-top\">\r\n <div class=\"act-img-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1531366936337-7c912a4589a7?w=200&q=70\" alt=\"Whale Watching\">\r\n <div class=\"act-time-badge\">13:00<\/div>\r\n <\/div>\r\n <div class=\"act-body\">\r\n <div class=\"act-name\">Speed Boat Whale Watching<\/div>\r\n <div class=\"act-duration\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg>1.5 hours<\/div>\r\n <div class=\"act-booking\">AST-T123842524<\/div>\r\n <div class=\"act-phone\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13.1 19.79 19.79 0 0 1 1.59 4.5 2 2 0 0 1 3.56 2.34h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.09 6.09l.89-.89a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 21.73 17z\"\/><\/svg>+354 771 7600<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"act-actions\">\r\n <button class=\"act-btn\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>Navigate<\/button>\r\n <button class=\"act-btn\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>Details<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"date-sep\">\r\n <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\r\n <span>Sep 2, 2026<\/span>\r\n <\/div>\r\n <div class=\"act-card\">\r\n <div class=\"act-top\">\r\n <div class=\"act-img-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1476610182048-b716b8518aae?w=200&q=70\" alt=\"Vok Baths\">\r\n <div class=\"act-time-badge\">17:00<\/div>\r\n <\/div>\r\n <div class=\"act-body\">\r\n <div class=\"act-name\">Vok Baths<\/div>\r\n <div class=\"act-duration\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg>2 hours<\/div>\r\n <div class=\"act-booking\">VOK-T123842647<\/div>\r\n <div class=\"act-phone\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13.1 19.79 19.79 0 0 1 1.59 4.5 2 2 0 0 1 3.56 2.34h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.09 6.09l.89-.89a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 21.73 17z\"\/><\/svg>+354 470 9500<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"act-actions\">\r\n <button class=\"act-btn\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>Navigate<\/button>\r\n <button class=\"act-btn\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>Details<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"date-sep\">\r\n <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\r\n <span>Sep 4, 2026<\/span>\r\n <\/div>\r\n <div class=\"act-card\">\r\n <div class=\"act-top\">\r\n <div class=\"act-img-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1520769945061-0a448c463865?w=200&q=70\" alt=\"Glacier Walk\">\r\n <div class=\"act-time-badge\">09:00<\/div>\r\n <\/div>\r\n <div class=\"act-body\">\r\n <div class=\"act-name\">Glacier Walk on Vatnaj\u00f6kull<\/div>\r\n <div class=\"act-duration\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg>3 hours<\/div>\r\n <div class=\"act-booking\">GLA-T123842891<\/div>\r\n <div class=\"act-phone\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13.1 19.79 19.79 0 0 1 1.59 4.5 2 2 0 0 1 3.56 2.34h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.09 6.09l.89-.89a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 21.73 17z\"\/><\/svg>+354 478 1500<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"act-actions\">\r\n <button class=\"act-btn\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>Navigate<\/button>\r\n <button class=\"act-btn\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>Details<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4e1befa e-con-full e-flex e-con e-parent\" data-id=\"4e1befa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c4fcae elementor-widget elementor-widget-html\" data-id=\"1c4fcae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\" dir=\"ltr\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Another Iceland \u2014 Need Help?<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\nbody { background: #e8eef4; display: flex; justify-content: center; min-height: 100vh; padding: 24px 16px; font-family: Montserrat, sans-serif; }\r\n\r\n.hs-phone { width: 390px; background: #f4f7fa; border-radius: 24px; box-shadow: 0 8px 40px rgba(0,0,0,0.14); overflow: hidden; }\r\n\r\n.hs-header { background: #1a3a5c; padding: 14px 18px; display: flex; justify-content: space-between; align-items: center; }\r\n.hs-logo { display: flex; align-items: center; gap: 10px; }\r\n.hs-logo-icon { width: 32px; height: 32px; background: #fff; border-radius: 8px; display: flex; align-items: center; justify-content: center; }\r\n.hs-logo-name { font-size: 13px; font-weight: 700; color: #fff; line-height: 1.3; }\r\n.hs-logo-sub { font-size: 10px; color: rgba(255,255,255,0.55); line-height: 1.3; margin-top: 2px; }\r\n.hs-hamburger { display: flex; flex-direction: column; gap: 4px; cursor: pointer; }\r\n.hs-hamburger span { display: block; height: 2px; background: rgba(255,255,255,0.8); border-radius: 2px; }\r\n.hs-hamburger span:nth-child(1) { width: 20px; }\r\n.hs-hamburger span:nth-child(2) { width: 14px; }\r\n.hs-hamburger span:nth-child(3) { width: 20px; }\r\n\r\n.hs-content { padding: 28px 18px 36px; display: flex; flex-direction: column; gap: 20px; }\r\n\r\n.hs-page-header { text-align: center; }\r\n.hs-page-icon { width: 56px; height: 56px; border-radius: 50%; background: #e6f1fb; border: 1.5px solid #b5d4f4; display: flex; align-items: center; justify-content: center; margin: 0 auto 14px; color: #185FA5; }\r\n.hs-page-title { font-size: 20px; font-weight: 700; color: #1a3a5c; line-height: 1.3; margin-bottom: 8px; }\r\n.hs-page-sub { font-size: 13px; color: #6b8090; font-weight: 500; line-height: 1.6; }\r\n\r\n.hs-card { background: #fff; border-radius: 16px; border: 1px solid #edf2f6; box-shadow: 0 1px 8px rgba(0,0,0,0.06); overflow: hidden; }\r\n.hs-card-header { padding: 14px 18px 10px; border-bottom: 1px solid #f0f4f8; }\r\n.hs-card-label { font-size: 10px; font-weight: 700; color: #8a9ab0; text-transform: uppercase; letter-spacing: 0.8px; line-height: 1.4; margin-bottom: 3px; }\r\n.hs-card-title { font-size: 14px; font-weight: 700; color: #1a3a5c; line-height: 1.35; }\r\n.hs-card-desc { font-size: 12px; color: #6b8090; font-weight: 500; line-height: 1.5; margin-top: 4px; }\r\n.hs-card-action { padding: 12px 18px; }\r\n\r\n.hs-btn-whatsapp { width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 13px 18px; border-radius: 50px; border: none; cursor: pointer; font-size: 13px; font-weight: 700; font-family: Montserrat, sans-serif; background: #25D366; color: #fff; line-height: 1.3; }\r\n.hs-btn-emergency { width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 13px 18px; border-radius: 50px; border: none; cursor: pointer; font-size: 13px; font-weight: 700; font-family: Montserrat, sans-serif; background: #E24B4A; color: #fff; line-height: 1.3; }\r\n\r\n.hs-divider { display: flex; align-items: center; gap: 10px; }\r\n.hs-divider-line { flex: 1; height: 1px; background: #dce6ed; }\r\n.hs-divider-text { font-size: 10px; font-weight: 600; color: #a0b0bc; text-transform: uppercase; letter-spacing: 0.8px; white-space: nowrap; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"hs-phone\">\r\n\r\n <div class=\"hs-header\">\r\n <div class=\"hs-logo\">\r\n <div class=\"hs-logo-icon\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a3a5c\" stroke-width=\"2\"><circle cx=\"12\" cy=\"10\" r=\"3\"\/><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"hs-logo-name\">Another Iceland<\/div>\r\n <div class=\"hs-logo-sub\">Need Help?<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hs-hamburger\"><span><\/span><span><\/span><span><\/span><\/div>\r\n <\/div>\r\n\r\n <div class=\"hs-content\">\r\n\r\n <div class=\"hs-page-header\">\r\n <div class=\"hs-page-icon\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13.1 19.79 19.79 0 0 1 1.59 4.5 2 2 0 0 1 3.56 2.34h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.09 6.09l.89-.89a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 21.73 17z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"hs-page-title\">Need Help?<\/div>\r\n <div class=\"hs-page-sub\">We're here for you throughout your trip \u2014<br>any question, any time.<\/div>\r\n <\/div>\r\n\r\n <div class=\"hs-card\">\r\n <div class=\"hs-card-header\">\r\n <div class=\"hs-card-label\">Another Iceland team<\/div>\r\n <div class=\"hs-card-title\">Contact us on WhatsApp<\/div>\r\n <div class=\"hs-card-desc\">Questions about your itinerary, activities, hotels or anything else \u2014 we've got you covered.<\/div>\r\n <\/div>\r\n <div class=\"hs-card-action\">\r\n <button class=\"hs-btn-whatsapp\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413z\"\/><\/svg>\r\n Send us a WhatsApp\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hs-divider\">\r\n <div class=\"hs-divider-line\"><\/div>\r\n <div class=\"hs-divider-text\">Emergency<\/div>\r\n <div class=\"hs-divider-line\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"hs-card\">\r\n <div class=\"hs-card-header\">\r\n <div class=\"hs-card-label\">Icelandic authorities<\/div>\r\n <div class=\"hs-card-title\">Emergency line \u2014 112<\/div>\r\n <div class=\"hs-card-desc\">Police, ambulance and search & rescue. Available 24\/7 across Iceland.<\/div>\r\n <\/div>\r\n <div class=\"hs-card-action\">\r\n <button class=\"hs-btn-emergency\">\r\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13.1 19.79 19.79 0 0 1 1.59 4.5 2 2 0 0 1 3.56 2.34h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.09 6.09l.89-.89a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 21.73 17z\"\/><\/svg>\r\n Call 112\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8c15f25 e-con-full e-flex e-con e-parent\" data-id=\"8c15f25\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a4c9db1 elementor-widget elementor-widget-html\" data-id=\"a4c9db1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\" dir=\"ltr\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Another Iceland \u2014 Menu<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\nbody { background: #e8eef4; display: flex; justify-content: center; min-height: 100vh; padding: 24px 16px; font-family: Montserrat, sans-serif; }\r\n\r\n.mn-phone { width: 390px; background: #f4f7fa; border-radius: 24px; box-shadow: 0 8px 40px rgba(0,0,0,0.14); overflow: hidden; position: relative; }\r\n\r\n\/* Dimmed background behind menu *\/\r\n.mn-backdrop { position: absolute; inset: 0; background: rgba(15,30,50,0.45); z-index: 1; border-radius: 24px; }\r\n\r\n\/* Slide-in menu panel from left *\/\r\n.mn-panel {\r\n position: absolute; top: 0; left: 0; bottom: 0;\r\n width: 300px; background: #fff;\r\n z-index: 2; display: flex; flex-direction: column;\r\n border-radius: 24px 0 0 24px;\r\n overflow: hidden;\r\n}\r\n\r\n\/* Menu header *\/\r\n.mn-header {\r\n background: #1a3a5c; padding: 16px 18px;\r\n display: flex; align-items: center; justify-content: space-between;\r\n}\r\n.mn-header-title { font-size: 15px; font-weight: 700; color: #fff; line-height: 1.3; }\r\n.mn-close {\r\n width: 30px; height: 30px; border-radius: 50%;\r\n background: rgba(255,255,255,0.15); border: none; cursor: pointer;\r\n display: flex; align-items: center; justify-content: center; color: #fff;\r\n}\r\n\r\n\/* Menu items *\/\r\n.mn-items { flex: 1; overflow-y: auto; padding: 8px 0; scrollbar-width: none; }\r\n.mn-items::-webkit-scrollbar { display: none; }\r\n\r\n.mn-item {\r\n display: flex; align-items: center; gap: 14px;\r\n padding: 13px 20px; cursor: pointer;\r\n border-bottom: 1px solid #f5f7fa;\r\n transition: background 0.15s;\r\n}\r\n.mn-item:last-child { border-bottom: none; }\r\n.mn-item:hover { background: #f4f7fa; }\r\n.mn-item-icon {\r\n width: 34px; height: 34px; border-radius: 10px;\r\n background: #e6f1fb; display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0; color: #185FA5;\r\n}\r\n.mn-item-label { font-size: 13px; font-weight: 600; color: #1a3a5c; line-height: 1.3; }\r\n.mn-item-arrow { margin-left: auto; color: #c0cdd8; }\r\n\r\n\/* Version + logout *\/\r\n.mn-footer { padding: 12px 20px 20px; border-top: 1px solid #edf2f6; }\r\n.mn-version { font-size: 10px; color: #b0bec8; font-weight: 500; text-align: center; margin-bottom: 12px; }\r\n.mn-logout {\r\n display: flex; align-items: center; gap: 10px;\r\n padding: 11px 14px; border-radius: 10px; cursor: pointer;\r\n background: #fff5f5; border: 1px solid #fdd;\r\n}\r\n.mn-logout-label { font-size: 13px; font-weight: 600; color: #E24B4A; line-height: 1.3; }\r\n\r\n\/* App preview behind menu *\/\r\n.mn-app-preview {\r\n width: 100%; height: 680px;\r\n background: #f4f7fa;\r\n}\r\n.mn-preview-header { background: #1a3a5c; padding: 14px 18px; display: flex; justify-content: space-between; align-items: center; }\r\n.mn-preview-logo { display: flex; align-items: center; gap: 10px; }\r\n.mn-preview-logo-icon { width: 32px; height: 32px; background: #fff; border-radius: 8px; display: flex; align-items: center; justify-content: center; }\r\n.mn-preview-logo-name { font-size: 13px; font-weight: 700; color: #fff; }\r\n.mn-preview-logo-sub { font-size: 10px; color: rgba(255,255,255,0.55); margin-top: 2px; }\r\n.mn-preview-map { background: #b8d4e0; height: 220px; }\r\n.mn-preview-content { padding: 16px 18px; }\r\n.mn-preview-title { font-size: 15px; font-weight: 700; color: #1a3a5c; margin-bottom: 8px; }\r\n.mn-preview-meta { display: flex; gap: 14px; }\r\n.mn-preview-meta-item { font-size: 12px; color: #6b8090; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"mn-phone\">\r\n\r\n \r\n <div class=\"mn-app-preview\">\r\n <div class=\"mn-preview-header\">\r\n <div class=\"mn-preview-logo\">\r\n <div class=\"mn-preview-logo-icon\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a3a5c\" stroke-width=\"2\"><circle cx=\"12\" cy=\"10\" r=\"3\"\/><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"mn-preview-logo-name\">Another Iceland<\/div>\r\n <div class=\"mn-preview-logo-sub\">My Itinerary<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mn-preview-map\"><\/div>\r\n <div class=\"mn-preview-content\">\r\n <div class=\"mn-preview-title\">Iceland Full Circle \u2014 Highlands & Beyond<\/div>\r\n <div class=\"mn-preview-meta\">\r\n <div class=\"mn-preview-meta-item\">14 Days<\/div>\r\n <div class=\"mn-preview-meta-item\">Yoram<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mn-backdrop\"><\/div>\r\n\r\n \r\n <div class=\"mn-panel\">\r\n <div class=\"mn-header\">\r\n <div class=\"mn-header-title\">Main Menu<\/div>\r\n <button class=\"mn-close\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"mn-items\">\r\n\r\n <div class=\"mn-item\">\r\n <div class=\"mn-item-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"10\" r=\"3\"\/><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z\"\/><\/svg><\/div>\r\n <div class=\"mn-item-label\">My Itinerary<\/div>\r\n <div class=\"mn-item-arrow\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/div>\r\n <\/div>\r\n\r\n <div class=\"mn-item\">\r\n <div class=\"mn-item-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"\/><path d=\"M13.73 21a2 2 0 0 1-3.46 0\"\/><\/svg><\/div>\r\n <div class=\"mn-item-label\">My Accommodation<\/div>\r\n <div class=\"mn-item-arrow\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/div>\r\n <\/div>\r\n\r\n <div class=\"mn-item\">\r\n <div class=\"mn-item-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"2\" y=\"10\" width=\"20\" height=\"7\" rx=\"1\"\/><path d=\"M5 10V8a1 1 0 0 1 1-1h5l3 3\"\/><path d=\"M13 7h3l3 3\"\/><circle cx=\"7\" cy=\"17.5\" r=\"1.5\"\/><circle cx=\"17\" cy=\"17.5\" r=\"1.5\"\/><\/svg><\/div>\r\n <div class=\"mn-item-label\">My Car<\/div>\r\n <div class=\"mn-item-arrow\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/div>\r\n <\/div>\r\n\r\n <div class=\"mn-item\">\r\n <div class=\"mn-item-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><\/div>\r\n <div class=\"mn-item-label\">My Activities<\/div>\r\n <div class=\"mn-item-arrow\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/div>\r\n <\/div>\r\n\r\n <div class=\"mn-item\">\r\n <div class=\"mn-item-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg><\/div>\r\n <div class=\"mn-item-label\">Trip PDF<\/div>\r\n <div class=\"mn-item-arrow\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/div>\r\n <\/div>\r\n\r\n <div class=\"mn-item\">\r\n <div class=\"mn-item-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg><\/div>\r\n <div class=\"mn-item-label\">Important Info<\/div>\r\n <div class=\"mn-item-arrow\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/div>\r\n <\/div>\r\n\r\n <div class=\"mn-item\">\r\n <div class=\"mn-item-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13.1 19.79 19.79 0 0 1 1.59 4.5 2 2 0 0 1 3.56 2.34h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.09 6.09l.89-.89a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 21.73 17z\"\/><\/svg><\/div>\r\n <div class=\"mn-item-label\">Need Help?<\/div>\r\n <div class=\"mn-item-arrow\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/div>\r\n <\/div>\r\n\r\n <div class=\"mn-item\">\r\n <div class=\"mn-item-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div>\r\n <div class=\"mn-item-label\">Iceland Safety Guide<\/div>\r\n <div class=\"mn-item-arrow\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/div>\r\n <\/div>\r\n\r\n <div class=\"mn-item\">\r\n <div class=\"mn-item-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M9 11l3 3L22 4\"\/><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"\/><\/svg><\/div>\r\n <div class=\"mn-item-label\">Packing List<\/div>\r\n <div class=\"mn-item-arrow\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/div>\r\n <\/div>\r\n\r\n <div class=\"mn-item\">\r\n <div class=\"mn-item-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg><\/div>\r\n <div class=\"mn-item-label\">Add to Home Screen<\/div>\r\n <div class=\"mn-item-arrow\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"mn-footer\">\r\n <div class=\"mn-version\">v. 1.6.1<\/div>\r\n <div class=\"mn-logout\">\r\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E24B4A\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4\"\/><polyline points=\"16 17 21 12 16 7\"\/><line x1=\"21\" y1=\"12\" x2=\"9\" y2=\"12\"\/><\/svg>\r\n <div class=\"mn-logout-label\">Sign Out<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4174bfb e-con-full e-flex e-con e-parent\" data-id=\"4174bfb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e231cbc elementor-widget elementor-widget-html\" data-id=\"e231cbc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\" dir=\"ltr\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Another Iceland \u2014 Important Info<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\nbody { background: #e8eef4; display: flex; justify-content: center; min-height: 100vh; padding: 24px 16px; font-family: Montserrat, sans-serif; }\r\n\r\n.ii-phone { width: 390px; background: #f4f7fa; border-radius: 24px; box-shadow: 0 8px 40px rgba(0,0,0,0.14); overflow: hidden; }\r\n\r\n.ii-header { background: #1a3a5c; padding: 14px 18px; display: flex; justify-content: space-between; align-items: center; }\r\n.ii-logo { display: flex; align-items: center; gap: 10px; }\r\n.ii-logo-icon { width: 32px; height: 32px; background: #fff; border-radius: 8px; display: flex; align-items: center; justify-content: center; }\r\n.ii-logo-name { font-size: 13px; font-weight: 700; color: #fff; line-height: 1.3; }\r\n.ii-logo-sub { font-size: 10px; color: rgba(255,255,255,0.55); line-height: 1.3; margin-top: 2px; }\r\n.ii-hamburger { display: flex; flex-direction: column; gap: 4px; cursor: pointer; }\r\n.ii-hamburger span { display: block; height: 2px; background: rgba(255,255,255,0.8); border-radius: 2px; }\r\n.ii-hamburger span:nth-child(1) { width: 20px; }\r\n.ii-hamburger span:nth-child(2) { width: 14px; }\r\n.ii-hamburger span:nth-child(3) { width: 20px; }\r\n\r\n.ii-page-title { background: #fff; padding: 14px 18px; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid #edf2f6; }\r\n.ii-page-title svg { color: #185FA5; flex-shrink: 0; }\r\n.ii-page-title span { font-size: 15px; font-weight: 700; color: #1a3a5c; }\r\n\r\n.ii-content { padding: 14px 14px 28px; display: flex; flex-direction: column; gap: 10px; overflow-y: auto; scrollbar-width: none; }\r\n.ii-content::-webkit-scrollbar { display: none; }\r\n\r\n.ii-card { background: #fff; border-radius: 14px; border: 1px solid #edf2f6; box-shadow: 0 1px 6px rgba(0,0,0,0.05); overflow: hidden; }\r\n\r\n.ii-card-header { padding: 12px 16px 10px; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid #f0f4f8; cursor: pointer; }\r\n.ii-card-icon { width: 32px; height: 32px; border-radius: 9px; background: #e6f1fb; display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: #185FA5; }\r\n.ii-card-title { font-size: 13px; font-weight: 700; color: #1a3a5c; line-height: 1.3; flex: 1; }\r\n.ii-card-chevron { color: #b5d4f4; flex-shrink: 0; }\r\n\r\n.ii-card-body { padding: 12px 16px 14px; }\r\n.ii-text { font-size: 12px; color: #4a5a68; font-weight: 400; line-height: 1.75; }\r\n.ii-text strong { color: #1a3a5c; font-weight: 700; }\r\n.ii-text a { color: #185FA5; font-weight: 600; text-decoration: none; }\r\n\r\n.ii-list { margin-top: 8px; display: flex; flex-direction: column; gap: 6px; }\r\n.ii-list-item { display: flex; align-items: flex-start; gap: 8px; font-size: 12px; color: #4a5a68; line-height: 1.65; }\r\n.ii-dot { width: 5px; height: 5px; border-radius: 50%; background: #185FA5; flex-shrink: 0; margin-top: 6px; }\r\n\r\n.ii-tip { background: #f0f6ff; border-radius: 9px; padding: 10px 12px; margin-top: 10px; display: flex; align-items: flex-start; gap: 8px; }\r\n.ii-tip svg { color: #FF9200; flex-shrink: 0; margin-top: 1px; }\r\n.ii-tip-text { font-size: 11px; color: #3a5a78; font-weight: 500; line-height: 1.6; }\r\n\r\n.ii-footer { text-align: center; padding: 8px 18px 4px; font-size: 11px; color: #8a9ab0; font-weight: 500; line-height: 1.6; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"ii-phone\">\r\n\r\n <div class=\"ii-header\">\r\n <div class=\"ii-logo\">\r\n <div class=\"ii-logo-icon\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a3a5c\" stroke-width=\"2\"><circle cx=\"12\" cy=\"10\" r=\"3\"\/><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"ii-logo-name\">Another Iceland<\/div>\r\n <div class=\"ii-logo-sub\">Important Info<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"ii-hamburger\"><span><\/span><span><\/span><span><\/span><\/div>\r\n <\/div>\r\n\r\n <div class=\"ii-page-title\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\r\n <span>Important Info<\/span>\r\n <\/div>\r\n\r\n <div class=\"ii-content\">\r\n\r\n \r\n <div class=\"ii-card\">\r\n <div class=\"ii-card-header\">\r\n <div class=\"ii-card-icon\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg><\/div>\r\n <div class=\"ii-card-title\">Before You Go<\/div>\r\n <div class=\"ii-card-chevron\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/div>\r\n <\/div>\r\n <div class=\"ii-card-body\">\r\n <div class=\"ii-text\">Most nationalities (US, UK, EU, Australia, Canada, NZ) do not need a visa for Iceland. Make sure your passport is valid for at least 6 months beyond your return date.<\/div>\r\n <div class=\"ii-list\">\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>Your regular driver's license is valid in Iceland \u2014 no international license required.<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>Travel insurance with medical coverage is strongly recommended.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"ii-card\">\r\n <div class=\"ii-card-header\">\r\n <div class=\"ii-card-icon\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"5\"\/><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"\/><line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"\/><line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"\/><line x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"\/><line x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"\/><line x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"\/><\/svg><\/div>\r\n <div class=\"ii-card-title\">Weather<\/div>\r\n <div class=\"ii-card-chevron\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/div>\r\n <\/div>\r\n <div class=\"ii-card-body\">\r\n <div class=\"ii-text\">Iceland's weather is mild but unpredictable. Warm Atlantic currents keep winters manageable, but wind is the real challenge year-round \u2014 even on sunny days.<\/div>\r\n <div class=\"ii-tip\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\r\n <div class=\"ii-tip-text\">Check <strong>vedur.is<\/strong> daily \u2014 the official Icelandic Met Office for forecasts.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"ii-card\">\r\n <div class=\"ii-card-header\">\r\n <div class=\"ii-card-icon\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 7H4a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2z\"\/><path d=\"M16 7V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2\"\/><\/svg><\/div>\r\n <div class=\"ii-card-title\">What to Pack<\/div>\r\n <div class=\"ii-card-chevron\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/div>\r\n <\/div>\r\n <div class=\"ii-card-body\">\r\n <div class=\"ii-text\">Layer up \u2014 the \"onion method\" works best in Iceland. Add or remove layers as conditions change.<\/div>\r\n <div class=\"ii-list\">\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>Waterproof windproof outer shell<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>Fleece or warm mid-layer<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>Hat, gloves and ear cover<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>Waterproof hiking boots with good grip<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>Swimwear (for geothermal pools)<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>Sunscreen SPF 30+ and sunglasses<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"ii-card\">\r\n <div class=\"ii-card-header\">\r\n <div class=\"ii-card-icon\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"2\" y=\"10\" width=\"20\" height=\"7\" rx=\"1\"\/><path d=\"M5 10V8a1 1 0 0 1 1-1h5l3 3\"\/><path d=\"M13 7h3l3 3\"\/><circle cx=\"7\" cy=\"17.5\" r=\"1.5\"\/><circle cx=\"17\" cy=\"17.5\" r=\"1.5\"\/><\/svg><\/div>\r\n <div class=\"ii-card-title\">Driving in Iceland<\/div>\r\n <div class=\"ii-card-chevron\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/div>\r\n <\/div>\r\n <div class=\"ii-card-body\">\r\n <div class=\"ii-list\">\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>Headlights and seatbelts are mandatory at all times.<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>Speed cameras are common \u2014 strictly obey limits.<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>Watch out for sheep crossing roads, especially in early summer.<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>F-roads (highlands) require a 4WD vehicle \u2014 never drive a regular car on them.<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>Zero tolerance for drink driving.<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>Strong gusts can rip car doors off \u2014 open carefully.<\/div>\r\n <\/div>\r\n <div class=\"ii-tip\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\r\n <div class=\"ii-tip-text\">Road conditions at <strong>road.is<\/strong> \u00b7 Safety alerts at <strong>safetravel.is<\/strong><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"ii-card\">\r\n <div class=\"ii-card-header\">\r\n <div class=\"ii-card-icon\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg><\/div>\r\n <div class=\"ii-card-title\">Money & Payments<\/div>\r\n <div class=\"ii-card-chevron\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/div>\r\n <\/div>\r\n <div class=\"ii-card-body\">\r\n <div class=\"ii-list\">\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>Currency is the Icelandic Kr\u00f3na (ISK). Foreign currencies are not accepted.<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>Visa and Mastercard accepted virtually everywhere.<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>ATMs are widely available. Banks open Mon\u2013Fri 10:00\u201316:00.<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>VAT refund on purchases over ~6,000 ISK (~$45). Ask for a Tax-Free form in-store, claim refund at the airport.<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>Tipping is not expected, but 10% for exceptional service is appreciated.<\/div>\r\n <\/div>\r\n <div class=\"ii-tip\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\r\n <div class=\"ii-tip-text\">Duty-free at the airport arrival hall has the best alcohol prices in Iceland \u2014 stock up on arrival.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"ii-card\">\r\n <div class=\"ii-card-header\">\r\n <div class=\"ii-card-icon\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M9 17V7h4a3 3 0 0 1 0 6H9\"\/><\/svg><\/div>\r\n <div class=\"ii-card-title\">Parking<\/div>\r\n <div class=\"ii-card-chevron\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/div>\r\n <\/div>\r\n <div class=\"ii-card-body\">\r\n <div class=\"ii-text\">Most paid parking lots in Iceland use the <strong>Parka.is<\/strong> app \u2014 available on iOS and Android.<\/div>\r\n <div class=\"ii-list\">\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>Pay by international credit card \u2014 no printed receipt needed.<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>The system recognises your plate number automatically.<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>Also covers road tolls and some nature site fees.<\/div>\r\n <\/div>\r\n <div class=\"ii-tip\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\r\n <div class=\"ii-tip-text\">Download <strong>Parka.is<\/strong> before you leave \u2014 it saves time at the first stop.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"ii-card\">\r\n <div class=\"ii-card-header\">\r\n <div class=\"ii-card-icon\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 22V8a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v14\"\/><path d=\"M17 10h1a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-1\"\/><line x1=\"3\" y1=\"22\" x2=\"21\" y2=\"22\"\/><line x1=\"7\" y1=\"10\" x2=\"13\" y2=\"10\"\/><\/svg><\/div>\r\n <div class=\"ii-card-title\">Fuel<\/div>\r\n <div class=\"ii-card-chevron\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/div>\r\n <\/div>\r\n <div class=\"ii-card-body\">\r\n <div class=\"ii-text\">Many stations are self-service 24\/7 \u2014 you'll need a credit card with a PIN. When heading into remote areas, fill up at every opportunity.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"ii-card\">\r\n <div class=\"ii-card-header\">\r\n <div class=\"ii-card-icon\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 11l19-9-9 19-2-8-8-2z\"\/><\/svg><\/div>\r\n <div class=\"ii-card-title\">Food & Eating Out<\/div>\r\n <div class=\"ii-card-chevron\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/div>\r\n <\/div>\r\n <div class=\"ii-card-body\">\r\n <div class=\"ii-list\">\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>Dining out is expensive \u2014 expect $35\u201355 per person at a sit-down restaurant.<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>The local hot dog (Pylsur) is a cheap, filling classic \u2014 around $5\u20136.<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>Best budget supermarkets: <strong>Kr\u00f3nan<\/strong> and <strong>B\u00f3nus<\/strong>.<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>Tap water is among the purest in the world \u2014 no need to buy bottled water.<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>Hot tap water is geothermally heated and may smell of sulphur \u2014 this is normal and safe.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"ii-card\">\r\n <div class=\"ii-card-header\">\r\n <div class=\"ii-card-icon\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg><\/div>\r\n <div class=\"ii-card-title\">Practicalities<\/div>\r\n <div class=\"ii-card-chevron\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/div>\r\n <\/div>\r\n <div class=\"ii-card-body\">\r\n <div class=\"ii-list\">\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div><strong>Electricity:<\/strong> 220V, European Type C\/F plugs. Bring an adapter.<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div><strong>Language:<\/strong> English is spoken fluently across Iceland.<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div><strong>SIM cards:<\/strong> Available at the airport duty-free and at petrol stations.<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div><strong>WiFi:<\/strong> Available at most hotels, caf\u00e9s and restaurants.<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div><strong>Hotel check-in:<\/strong> From 14:00 \u00b7 Check-out by 12:00.<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div><strong>Laundry:<\/strong> Hotels rarely have laundry facilities \u2014 self-service laundromats are available in larger towns.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"ii-card\">\r\n <div class=\"ii-card-header\">\r\n <div class=\"ii-card-icon\" style=\"background:#fff0f0;color:#E24B4A;\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polygon points=\"7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg><\/div>\r\n <div class=\"ii-card-title\" style=\"color:#E24B4A;\">Emergency<\/div>\r\n <div class=\"ii-card-chevron\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/div>\r\n <\/div>\r\n <div class=\"ii-card-body\">\r\n <div class=\"ii-list\">\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\" style=\"background:#E24B4A;\"><\/div><strong>Emergency number: 112<\/strong> \u2014 Police, ambulance, search & rescue.<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\" style=\"background:#E24B4A;\"><\/div>Pharmacies (Ap\u00f3tek) generally open 09:00\u201317:00.<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\" style=\"background:#E24B4A;\"><\/div>Healthcare is excellent but costly \u2014 ensure your travel insurance includes medical cover.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ii-footer\">The Another Iceland team wishes you an unforgettable journey. \ud83c\uddee\ud83c\uddf8<\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bbabcf9 e-con-full e-flex e-con e-parent\" data-id=\"bbabcf9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-73848ad elementor-widget elementor-widget-html\" data-id=\"73848ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\" dir=\"ltr\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Another Iceland \u2014 Packing List<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\nbody { background: #e8eef4; display: flex; justify-content: center; min-height: 100vh; padding: 24px 16px; font-family: Montserrat, sans-serif; }\r\n\r\n.pl-phone { width: 390px; background: #f4f7fa; border-radius: 24px; box-shadow: 0 8px 40px rgba(0,0,0,0.14); overflow: hidden; }\r\n\r\n.pl-header { background: #1a3a5c; padding: 14px 18px; display: flex; justify-content: space-between; align-items: center; }\r\n.pl-logo { display: flex; align-items: center; gap: 10px; }\r\n.pl-logo-icon { width: 32px; height: 32px; background: #fff; border-radius: 8px; display: flex; align-items: center; justify-content: center; }\r\n.pl-logo-name { font-size: 13px; font-weight: 700; color: #fff; line-height: 1.3; }\r\n.pl-logo-sub { font-size: 10px; color: rgba(255,255,255,0.55); line-height: 1.3; margin-top: 2px; }\r\n.pl-hamburger { display: flex; flex-direction: column; gap: 4px; cursor: pointer; }\r\n.pl-hamburger span { display: block; height: 2px; background: rgba(255,255,255,0.8); border-radius: 2px; }\r\n.pl-hamburger span:nth-child(1) { width: 20px; }\r\n.pl-hamburger span:nth-child(2) { width: 14px; }\r\n.pl-hamburger span:nth-child(3) { width: 20px; }\r\n\r\n.pl-page-title { background: #fff; padding: 14px 18px; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid #edf2f6; }\r\n.pl-page-title svg { color: #185FA5; flex-shrink: 0; }\r\n.pl-page-title span { font-size: 15px; font-weight: 700; color: #1a3a5c; }\r\n\r\n.pl-content { padding: 14px 14px 28px; display: flex; flex-direction: column; gap: 10px; overflow-y: auto; scrollbar-width: none; }\r\n.pl-content::-webkit-scrollbar { display: none; }\r\n\r\n\/* Intro *\/\r\n.pl-intro { background: #1a3a5c; border-radius: 14px; padding: 14px 16px; display: flex; gap: 12px; align-items: flex-start; }\r\n.pl-intro svg { color: rgba(255,255,255,0.7); flex-shrink: 0; margin-top: 2px; }\r\n.pl-intro-text { font-size: 12px; color: rgba(255,255,255,0.85); font-weight: 500; line-height: 1.7; }\r\n\r\n\/* Card *\/\r\n.pl-card { background: #fff; border-radius: 14px; border: 1px solid #edf2f6; box-shadow: 0 1px 6px rgba(0,0,0,0.05); overflow: hidden; }\r\n.pl-card-header { padding: 12px 16px 10px; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid #f0f4f8; }\r\n.pl-card-icon { width: 32px; height: 32px; border-radius: 9px; background: #e6f1fb; display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: #185FA5; }\r\n.pl-card-title { font-size: 13px; font-weight: 700; color: #1a3a5c; line-height: 1.3; }\r\n\r\n.pl-items { padding: 8px 16px 14px; display: flex; flex-direction: column; }\r\n.pl-item { display: flex; align-items: center; gap: 12px; padding: 9px 0; border-bottom: 1px solid #f5f7fa; cursor: pointer; }\r\n.pl-item:last-child { border-bottom: none; }\r\n.pl-checkbox { width: 20px; height: 20px; border-radius: 6px; border: 1.5px solid #c8d8e8; background: #fff; flex-shrink: 0; display: flex; align-items: center; justify-content: center; transition: all 0.15s; }\r\n.pl-checkbox.checked { background: #185FA5; border-color: #185FA5; }\r\n.pl-item-label { font-size: 12px; color: #2a3d52; font-weight: 500; line-height: 1.4; flex: 1; }\r\n.pl-item-label.checked { color: #a0b4c4; text-decoration: line-through; }\r\n\r\n\/* Tip *\/\r\n.pl-tip { background: #fff8ee; border-radius: 12px; padding: 11px 14px; display: flex; align-items: flex-start; gap: 8px; border: 1px solid #ffe4b0; }\r\n.pl-tip svg { color: #FF9200; flex-shrink: 0; margin-top: 1px; }\r\n.pl-tip-text { font-size: 11px; color: #7a5500; font-weight: 500; line-height: 1.65; }\r\n\r\n\/* Progress *\/\r\n.pl-progress-wrap { background: #fff; border-radius: 14px; border: 1px solid #edf2f6; padding: 14px 16px; }\r\n.pl-progress-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }\r\n.pl-progress-label { font-size: 11px; font-weight: 700; color: #1a3a5c; }\r\n.pl-progress-count { font-size: 11px; font-weight: 600; color: #185FA5; }\r\n.pl-progress-bar { height: 6px; background: #e6f1fb; border-radius: 10px; overflow: hidden; }\r\n.pl-progress-fill { height: 100%; background: #185FA5; border-radius: 10px; width: 0%; transition: width 0.3s ease; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"pl-phone\">\r\n\r\n <div class=\"pl-header\">\r\n <div class=\"pl-logo\">\r\n <div class=\"pl-logo-icon\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a3a5c\" stroke-width=\"2\"><circle cx=\"12\" cy=\"10\" r=\"3\"\/><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"pl-logo-name\">Another Iceland<\/div>\r\n <div class=\"pl-logo-sub\">Packing List<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pl-hamburger\"><span><\/span><span><\/span><span><\/span><\/div>\r\n <\/div>\r\n\r\n <div class=\"pl-page-title\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M9 11l3 3L22 4\"\/><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"\/><\/svg>\r\n <span>Packing List<\/span>\r\n <\/div>\r\n\r\n <div class=\"pl-content\">\r\n\r\n \r\n <div class=\"pl-intro\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"5\"\/><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"\/><line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"\/><line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"\/><line x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"\/><line x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"\/><line x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"\/><\/svg>\r\n <div class=\"pl-intro-text\">Iceland's weather changes fast \u2014 be ready for sun, rain and wind all in one day. Pack in layers and you'll be comfortable whatever the day brings.<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"pl-progress-wrap\">\r\n <div class=\"pl-progress-top\">\r\n <div class=\"pl-progress-label\">Packing progress<\/div>\r\n <div class=\"pl-progress-count\" id=\"pl-count\">0 \/ 20<\/div>\r\n <\/div>\r\n <div class=\"pl-progress-bar\">\r\n <div class=\"pl-progress-fill\" id=\"pl-bar\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"pl-card\">\r\n <div class=\"pl-card-header\">\r\n <div class=\"pl-card-icon\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20.38 3.46L16 2a4 4 0 0 1-8 0L3.62 3.46a2 2 0 0 0-1.34 2.23l.58 3.57a1 1 0 0 0 .99.84H6v10c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2V10h2.15a1 1 0 0 0 .99-.84l.58-3.57a2 2 0 0 0-1.34-2.23z\"\/><\/svg><\/div>\r\n <div class=\"pl-card-title\">Clothing<\/div>\r\n <\/div>\r\n <div class=\"pl-items\">\r\n <div class=\"pl-item\" onclick=\"toggle(this)\"><div class=\"pl-checkbox\"><\/div><div class=\"pl-item-label\">Waterproof windproof outer shell<\/div><\/div>\r\n <div class=\"pl-item\" onclick=\"toggle(this)\"><div class=\"pl-checkbox\"><\/div><div class=\"pl-item-label\">Fleece or lightweight wool sweater<\/div><\/div>\r\n <div class=\"pl-item\" onclick=\"toggle(this)\"><div class=\"pl-checkbox\"><\/div><div class=\"pl-item-label\">Waterproof rain trousers<\/div><\/div>\r\n <div class=\"pl-item\" onclick=\"toggle(this)\"><div class=\"pl-checkbox\"><\/div><div class=\"pl-item-label\">Thermal base layer (top & bottom)<\/div><\/div>\r\n <div class=\"pl-item\" onclick=\"toggle(this)\"><div class=\"pl-checkbox\"><\/div><div class=\"pl-item-label\">Long trousers (waterproof preferred)<\/div><\/div>\r\n <div class=\"pl-item\" onclick=\"toggle(this)\"><div class=\"pl-checkbox\"><\/div><div class=\"pl-item-label\">Wool or thermal socks<\/div><\/div>\r\n <div class=\"pl-item\" onclick=\"toggle(this)\"><div class=\"pl-checkbox\"><\/div><div class=\"pl-item-label\">Gloves<\/div><\/div>\r\n <div class=\"pl-item\" onclick=\"toggle(this)\"><div class=\"pl-checkbox\"><\/div><div class=\"pl-item-label\">Wool hat or beanie<\/div><\/div>\r\n <div class=\"pl-item\" onclick=\"toggle(this)\"><div class=\"pl-checkbox\"><\/div><div class=\"pl-item-label\">Scarf or neck warmer<\/div><\/div>\r\n <div class=\"pl-item\" onclick=\"toggle(this)\"><div class=\"pl-checkbox\"><\/div><div class=\"pl-item-label\">Swimwear (for hot springs & pools)<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"pl-card\">\r\n <div class=\"pl-card-header\">\r\n <div class=\"pl-card-icon\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 7h18v13a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7z\"\/><path d=\"M3 7l2-4h14l2 4\"\/><\/svg><\/div>\r\n <div class=\"pl-card-title\">Footwear<\/div>\r\n <\/div>\r\n <div class=\"pl-items\">\r\n <div class=\"pl-item\" onclick=\"toggle(this)\"><div class=\"pl-checkbox\"><\/div><div class=\"pl-item-label\">Sturdy waterproof hiking boots with good grip<\/div><\/div>\r\n <div class=\"pl-item\" onclick=\"toggle(this)\"><div class=\"pl-checkbox\"><\/div><div class=\"pl-item-label\">Comfortable everyday shoes or trainers<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"pl-card\">\r\n <div class=\"pl-card-header\">\r\n <div class=\"pl-card-icon\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 7H4a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2z\"\/><path d=\"M16 7V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2\"\/><\/svg><\/div>\r\n <div class=\"pl-card-title\">Accessories & Gear<\/div>\r\n <\/div>\r\n <div class=\"pl-items\">\r\n <div class=\"pl-item\" onclick=\"toggle(this)\"><div class=\"pl-checkbox\"><\/div><div class=\"pl-item-label\">Sunglasses<\/div><\/div>\r\n <div class=\"pl-item\" onclick=\"toggle(this)\"><div class=\"pl-checkbox\"><\/div><div class=\"pl-item-label\">Sunscreen SPF 30+<\/div><\/div>\r\n <div class=\"pl-item\" onclick=\"toggle(this)\"><div class=\"pl-checkbox\"><\/div><div class=\"pl-item-label\">Sleep mask (for the midnight sun in summer)<\/div><\/div>\r\n <div class=\"pl-item\" onclick=\"toggle(this)\"><div class=\"pl-checkbox\"><\/div><div class=\"pl-item-label\">Reusable water bottle (tap water is excellent)<\/div><\/div>\r\n <div class=\"pl-item\" onclick=\"toggle(this)\"><div class=\"pl-checkbox\"><\/div><div class=\"pl-item-label\">Thermos flask<\/div><\/div>\r\n <div class=\"pl-item\" onclick=\"toggle(this)\"><div class=\"pl-checkbox\"><\/div><div class=\"pl-item-label\">Quick-dry towel (for pools \u2014 towels rentable on site)<\/div><\/div>\r\n <div class=\"pl-item\" onclick=\"toggle(this)\"><div class=\"pl-checkbox\"><\/div><div class=\"pl-item-label\">Reusable shopping bag<\/div><\/div>\r\n <div class=\"pl-item\" onclick=\"toggle(this)\"><div class=\"pl-checkbox\"><\/div><div class=\"pl-item-label\">Power adapter (Type C\/F, 220V)<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"pl-tip\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\r\n <div class=\"pl-tip-text\"><strong>Visiting Lake M\u00fdvatn in summer?<\/strong> Pack insect repellent or a head net \u2014 midges around the lake can be intense in June and July.<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\nvar total = document.querySelectorAll('.pl-item').length;\r\n\r\nfunction toggle(item) {\r\n var cb = item.querySelector('.pl-checkbox');\r\n var label = item.querySelector('.pl-item-label');\r\n cb.classList.toggle('checked');\r\n label.classList.toggle('checked');\r\n if (cb.classList.contains('checked')) {\r\n cb.innerHTML = '<svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>';\r\n } else {\r\n cb.innerHTML = '';\r\n }\r\n updateProgress();\r\n}\r\n\r\nfunction updateProgress() {\r\n var checked = document.querySelectorAll('.pl-checkbox.checked').length;\r\n var pct = Math.round((checked \/ total) * 100);\r\n document.getElementById('pl-count').textContent = checked + ' \/ ' + total;\r\n document.getElementById('pl-bar').style.width = pct + '%';\r\n}\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Navigation App Guide Another Iceland Navigation App \u2014 User Guide Everything you need to get started and make the most of your trip planner while in Iceland. Getting Started another-iceland.web.app Enter your booking number to…<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-6169","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.anothericeland.com\/de\/wp-json\/wp\/v2\/pages\/6169","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.anothericeland.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.anothericeland.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.anothericeland.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.anothericeland.com\/de\/wp-json\/wp\/v2\/comments?post=6169"}],"version-history":[{"count":124,"href":"https:\/\/www.anothericeland.com\/de\/wp-json\/wp\/v2\/pages\/6169\/revisions"}],"predecessor-version":[{"id":6813,"href":"https:\/\/www.anothericeland.com\/de\/wp-json\/wp\/v2\/pages\/6169\/revisions\/6813"}],"wp:attachment":[{"href":"https:\/\/www.anothericeland.com\/de\/wp-json\/wp\/v2\/media?parent=6169"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nNavigation App Guide<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\nbody {\r\n font-family: 'Inter', sans-serif;\r\n font-size: 15px;\r\n line-height: 1.75;\r\n color: #1c1c1e;\r\n background: #fff;\r\n max-width: 820px;\r\n margin: 0 auto;\r\n padding: 56px 28px 96px;\r\n}\r\n\r\n.guide-header { margin-bottom: 60px; padding-bottom: 36px; border-bottom: 1px solid #e8e8e8; }\r\n.guide-eyebrow { font-size: 11px; font-weight: 600; letter-spacing: 1.8px; text-transform: uppercase; color: #aaa; margin-bottom: 14px; }\r\n.guide-header h1 { font-size: 30px; font-weight: 600; letter-spacing: -0.5px; color: #111; margin-bottom: 12px; }\r\n.guide-header p { color: #666; font-size: 15px; max-width: 520px; }\r\n\r\nsection { margin-bottom: 60px; }\r\n\r\n.section-label {\r\n font-size: 11px; font-weight: 600; letter-spacing: 1.8px; text-transform: uppercase;\r\n color: #bbb; margin-bottom: 22px; padding-bottom: 10px; border-bottom: 1px solid #f0f0f0;\r\n}\r\n\r\n.icon { width: 16px; height: 16px; flex-shrink: 0; stroke: #888; fill: none; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }\r\n\r\n.start-card { background: #f7f7f7; border-radius: 12px; padding: 22px 26px; }\r\n.start-card .app-link { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }\r\n.start-url { font-size: 15px; font-weight: 500; color: #111; text-decoration: none; border-bottom: 1px solid #ccc; padding-bottom: 1px; }\r\n.start-url:hover { color: #555; }\r\n.start-card p { font-size: 14px; color: #777; }\r\n\r\n.info-list { list-style: none; display: flex; flex-direction: column; gap: 10px; }\r\n.info-list > li {\r\n display: flex; align-items: flex-start; gap: 14px;\r\n padding: 16px 18px; background: #fafafa;\r\n border: 1px solid #efefef; border-radius: 10px;\r\n font-size: 14px; color: #555; line-height: 1.65;\r\n}\r\n.info-list > li .icon { margin-top: 2px; }\r\n.info-list strong { color: #111; font-weight: 500; }\r\n.sub-list { list-style: none; margin-top: 6px; display: flex; flex-direction: column; gap: 3px; }\r\n.sub-list li { color: #777; font-size: 13px; }\r\n.sub-list li::before { content: \"\u2192 \"; color: #ccc; }\r\n\r\n.trouble-list { display: flex; flex-direction: column; gap: 6px; }\r\n.trouble-item { border: 1px solid #efefef; border-radius: 10px; overflow: hidden; }\r\n.trouble-q { display: flex; align-items: center; gap: 14px; padding: 15px 20px; background: #fafafa; }\r\n.trouble-num { font-size: 11px; font-weight: 600; color: #ccc; min-width: 22px; }\r\n.trouble-q-text { font-size: 15px; font-weight: 500; color: #111; }\r\n.trouble-a { padding: 14px 20px 16px 56px; font-size: 14px; color: #555; line-height: 1.72; border-top: 1px solid #f2f2f2; background: #fff; }\r\n.trouble-a p { margin-bottom: 6px; }\r\n.trouble-a p:last-child { margin-bottom: 0; }\r\n.trouble-a .step { color: #999; font-size: 13px; display: block; margin-top: 2px; }\r\n.trouble-a .indent { padding-left: 14px; }\r\n\r\n.screens-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 28px; }\r\n.screen-card { display: flex; flex-direction: column; align-items: center; gap: 14px; }\r\n.phone-wrap {\r\n width: 100%; max-width: 200px;\r\n background: #111; border-radius: 28px;\r\n padding: 10px; border: 1px solid #2a2a2a;\r\n}\r\n.phone-wrap img { width: 100%; border-radius: 20px; display: block; height: 370px; object-fit: cover; object-position: top; }\r\n.screen-info { width: 100%; max-width: 200px; }\r\n.screen-title { font-size: 13px; font-weight: 600; color: #111; margin-bottom: 8px; }\r\n.screen-bullets { list-style: none; display: flex; flex-direction: column; gap: 4px; }\r\n.screen-bullets li { font-size: 12px; color: #888; display: flex; align-items: flex-start; gap: 7px; line-height: 1.5; }\r\n.screen-bullets li::before { content: \"\"; display: inline-block; width: 3px; height: 3px; border-radius: 50%; background: #ddd; margin-top: 6px; flex-shrink: 0; }\r\n\r\n.guide-footer { margin-top: 60px; padding-top: 28px; border-top: 1px solid #e8e8e8; display: flex; align-items: center; gap: 12px; font-size: 14px; color: #999; }\r\n.guide-footer strong { color: #333; font-weight: 500; }\r\n\r\n@media (max-width: 540px) {\r\n body { padding: 32px 16px 64px; }\r\n .guide-header h1 { font-size: 24px; }\r\n .screens-grid { grid-template-columns: 1fr 1fr; gap: 16px; }\r\n .phone-wrap img { height: 280px; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"guide-header\">\r\n <div class=\"guide-eyebrow\">Another Iceland<\/div>\r\n <h1>Navigation App \u2014 User Guide<\/h1>\r\n <p>Everything you need to get started and make the most of your trip planner while in Iceland.<\/p>\r\n<\/div>\r\n\r\n<section>\r\n <div class=\"section-label\">Getting Started<\/div>\r\n <div class=\"start-card\">\r\n <div class=\"app-link\">\r\n <svg class=\"icon\" viewBox=\"0 0 24 24\"><path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"\/><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"\/><\/svg>\r\n <a href=\"https:\/\/another-iceland.web.app\/\" target=\"_blank\" class=\"start-url\">another-iceland.web.app<\/a>\r\n <\/div>\r\n <p>Enter your booking number to access your full trip itinerary.<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<section>\r\n <div class=\"section-label\">Things to Know<\/div>\r\n <ul class=\"info-list\">\r\n <li>\r\n <svg class=\"icon\" viewBox=\"0 0 24 24\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\"\/><line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"\/><\/svg>\r\n <div><strong>Web-based app<\/strong> \u2014 works like a website. No download needed. Use it at home on your computer or on your phone while traveling in Iceland.<\/div>\r\n <\/li>\r\n <li>\r\n <svg class=\"icon\" viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\r\n <div>\r\n <strong>Add to Home Screen (recommended)<\/strong>\r\n <ul class=\"sub-list\">\r\n <li>iPhone: Open in Safari \u2192 tap Share \u2192 \"Add to Home Screen\"<\/li>\r\n <li>Android: Open in Chrome \u2192 tap \u22ee \u2192 \"Add to Home Screen\"<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/li>\r\n <li>\r\n <svg class=\"icon\" viewBox=\"0 0 24 24\"><path d=\"M5 12.55a11 11 0 0 1 14.08 0\"\/><path d=\"M1.42 9a16 16 0 0 1 21.16 0\"\/><path d=\"M8.53 16.11a6 6 0 0 1 6.95 0\"\/><line x1=\"12\" y1=\"20\" x2=\"12.01\" y2=\"20\"\/><\/svg>\r\n <div><strong>Internet connection required.<\/strong> Coverage across Iceland is excellent. Any local SIM, eSIM, or international plan works \u2014 the app uses very little data.<\/div>\r\n <\/li>\r\n <li>\r\n <svg class=\"icon\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg>\r\n <div><strong>Best browsers:<\/strong> Chrome (Android & iPhone) and Safari (iPhone).<\/div>\r\n <\/li>\r\n <li>\r\n <svg class=\"icon\" viewBox=\"0 0 24 24\"><polygon points=\"3 6 9 3 15 6 21 3 21 18 15 21 9 18 3 21\"\/><line x1=\"9\" y1=\"3\" x2=\"9\" y2=\"18\"\/><line x1=\"15\" y1=\"6\" x2=\"15\" y2=\"21\"\/><\/svg>\r\n <div><strong>Google Maps integration.<\/strong> Make sure Google Maps is installed on your device before you travel.<\/div>\r\n <\/li>\r\n <\/ul>\r\n<\/section>\r\n\r\n<section>\r\n <div class=\"section-label\">Troubleshooting<\/div>\r\n <div class=\"trouble-list\">\r\n\r\n <div class=\"trouble-item\">\r\n <div class=\"trouble-q\">\r\n <span class=\"trouble-num\">01<\/span>\r\n <span class=\"trouble-q-text\">App is not loading<\/span>\r\n <\/div>\r\n <div class=\"trouble-a\">\r\n <p>In 99% of cases, this is due to no internet connection. Check your connection by opening another website or app.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"trouble-item\">\r\n <div class=\"trouble-q\">\r\n <span class=\"trouble-num\">02<\/span>\r\n <span class=\"trouble-q-text\">Navigation is not opening<\/span>\r\n <\/div>\r\n <div class=\"trouble-a\">\r\n <p>Make sure location services are enabled and that your browser has permission to access your location.<\/p>\r\n <p><span class=\"step\">iPhone: Settings \u2192 Privacy & Security \u2192 Location Services \u2192 ON<\/span><\/p>\r\n <p><span class=\"step indent\">Then: Settings \u2192 Safari \u2192 Location \u2192 Allow<\/span><\/p>\r\n <p><span class=\"step\">Android: Settings \u2192 Location \u2192 ON<\/span><\/p>\r\n <p><span class=\"step indent\">Then: Settings \u2192 Apps \u2192 Chrome \u2192 Permissions \u2192 Location \u2192 Allow<\/span><\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"trouble-item\">\r\n <div class=\"trouble-q\">\r\n <span class=\"trouble-num\">03<\/span>\r\n <span class=\"trouble-q-text\">Route is only partially displayed<\/span>\r\n <\/div>\r\n <div class=\"trouble-a\">\r\n <p>This usually means that some roads (such as F-roads) are still closed for the season. The route will update automatically once they open.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"trouble-item\">\r\n <div class=\"trouble-q\">\r\n <span class=\"trouble-num\">04<\/span>\r\n <span class=\"trouble-q-text\">Daily mileage is missing<\/span>\r\n <\/div>\r\n <div class=\"trouble-a\">\r\n <p>Mileage is not displayed when roads are still closed. It will appear automatically once those roads open.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"trouble-item\">\r\n <div class=\"trouble-q\">\r\n <span class=\"trouble-num\">05<\/span>\r\n <span class=\"trouble-q-text\">A point seems to be missing from the map<\/span>\r\n <\/div>\r\n <div class=\"trouble-a\">\r\n <p>All points listed below the map are present on the map. If one appears missing, it is likely overlapping with a nearby point. Zoom in on that area to reveal it.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"trouble-item\">\r\n <div class=\"trouble-q\">\r\n <span class=\"trouble-num\">06<\/span>\r\n <span class=\"trouble-q-text\">Trip dates appear to start one day early<\/span>\r\n <\/div>\r\n <div class=\"trouble-a\">\r\n <p>This is a known display issue that commonly affects travelers based in the United States. Due to the time zone difference between the US and Iceland, the app may show your itinerary beginning one day before your actual arrival date.<\/p>\r\n <p>Your booking is not affected \u2014 the dates are correct. Once you arrive in Iceland, the app will display all dates accurately according to local Icelandic time.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<section>\r\n <div class=\"section-label\">App Overview<\/div>\r\n <div class=\"screens-grid\">\r\n\r\n <div class=\"screen-card\">\r\n <div class=\"phone-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/www.anothericeland.com\/wp-content\/uploads\/2026\/04\/MAIN1.png\" alt=\"Main trip screen\">\r\n <\/div>\r\n <div class=\"screen-info\">\r\n <div class=\"screen-title\">Main trip screen<\/div>\r\n <ul class=\"screen-bullets\">\r\n <li>Full itinerary at a glance<\/li>\r\n <li>All travel days listed<\/li>\r\n <li>Tap any day to open it<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"screen-card\">\r\n <div class=\"phone-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/www.anothericeland.com\/wp-content\/uploads\/2026\/04\/day-trip-screen.jpeg\" alt=\"Daily plan screen\">\r\n <\/div>\r\n <div class=\"screen-info\">\r\n <div class=\"screen-title\">Daily plan screen<\/div>\r\n <ul class=\"screen-bullets\">\r\n <li>Points of interest<\/li>\r\n <li>Booked activities<\/li>\r\n <li>Hotel & restaurants<\/li>\r\n <li>Tap Info or Navigate per item<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"screen-card\">\r\n <div class=\"phone-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/www.anothericeland.com\/wp-content\/uploads\/2026\/04\/HIKING-TRAIL3.jpg\" alt=\"Hiking trails\">\r\n <\/div>\r\n <div class=\"screen-info\">\r\n <div class=\"screen-title\">Hiking trails<\/div>\r\n <ul class=\"screen-bullets\">\r\n <li>Trail name & distance<\/li>\r\n <li>Estimated duration<\/li>\r\n <li>Difficulty level<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"screen-card\">\r\n <div class=\"phone-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/www.anothericeland.com\/wp-content\/uploads\/2026\/04\/HOTELS2.jpg\" alt=\"Hotels screen\">\r\n <\/div>\r\n <div class=\"screen-info\">\r\n <div class=\"screen-title\">Hotels & check-in<\/div>\r\n <ul class=\"screen-bullets\">\r\n <li>All booked hotels<\/li>\r\n <li>Booking numbers & addresses<\/li>\r\n <li>Self check-in instructions<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"screen-card\">\r\n <div class=\"phone-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/www.anothericeland.com\/wp-content\/uploads\/2026\/04\/CAR2.jpg\" alt=\"Car rental screen\">\r\n <\/div>\r\n <div class=\"screen-info\">\r\n <div class=\"screen-title\">Car rental<\/div>\r\n <ul class=\"screen-bullets\">\r\n <li>Pickup & drop-off details<\/li>\r\n <li>Reservation number<\/li>\r\n <li>One-tap navigation to return<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<div class=\"guide-footer\">\r\n <svg class=\"icon\" viewBox=\"0 0 24 24\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\r\n <span><strong>You're all set.<\/strong> Have an amazing trip in Iceland.<\/span>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-026e767 e-con-full e-flex e-con e-parent\" data-id=\"026e767\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c06814c elementor-widget elementor-widget-html\" data-id=\"c06814c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<style>\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n .ai-login-wrap {\r\n position: relative;\r\n width: 100%;\r\n min-height: 100vh;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: space-between;\r\n overflow: hidden;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;\r\n }\r\n\r\n \/* Background image \u2014 replace src with your actual bg *\/\r\n .ai-bg {\r\n position: absolute;\r\n inset: 0;\r\n background-image: url('https:\/\/www.anothericeland.com\/wp-content\/uploads\/2026\/03\/puffin-g9e55f94c4_1920.jpg');\r\n background-size: cover;\r\n background-position: center;\r\n z-index: 0;\r\n }\r\n\r\n \/* Dark gradient overlay *\/\r\n .ai-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(\r\n to bottom,\r\n rgba(5, 15, 25, 0.52) 0%,\r\n rgba(5, 15, 25, 0.10) 40%,\r\n rgba(5, 15, 25, 0.55) 72%,\r\n rgba(5, 15, 25, 0.88) 100%\r\n );\r\n z-index: 1;\r\n }\r\n\r\n \/* Hero \u2014 top section with logo + titles *\/\r\n .ai-hero {\r\n position: relative;\r\n z-index: 2;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n padding: 72px 32px 0;\r\n gap: 0;\r\n }\r\n\r\n .ai-logo {\r\n width: 80px;\r\n height: auto;\r\n margin-bottom: 20px;\r\n filter: brightness(0) invert(1); \/* force white *\/\r\n }\r\n\r\n .ai-title {\r\n font-family: Georgia, 'Times New Roman', serif;\r\n font-size: clamp(26px, 6vw, 34px);\r\n font-weight: 700;\r\n color: #ffffff;\r\n letter-spacing: 4px;\r\n text-transform: uppercase;\r\n line-height: 1.1;\r\n text-shadow: 0 2px 20px rgba(0,0,0,0.45);\r\n margin-bottom: 12px;\r\n }\r\n\r\n .ai-subtitle {\r\n font-size: clamp(13px, 3vw, 15px);\r\n font-weight: 400;\r\n color: rgba(255, 255, 255, 0.82);\r\n letter-spacing: 0.3px;\r\n line-height: 1.65;\r\n max-width: 260px;\r\n text-shadow: 0 1px 8px rgba(0,0,0,0.5);\r\n }\r\n\r\n \/* Bottom section \u2014 input + button *\/\r\n .ai-bottom {\r\n position: relative;\r\n z-index: 2;\r\n width: 100%;\r\n max-width: 420px;\r\n padding: 0 24px 48px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n }\r\n\r\n .ai-input {\r\n width: 100%;\r\n background: rgba(255, 255, 255, 0.13);\r\n border: 1px solid rgba(255, 255, 255, 0.28);\r\n border-radius: 50px;\r\n padding: 15px 24px;\r\n color: rgba(255, 255, 255, 0.7);\r\n font-size: 15px;\r\n font-family: inherit;\r\n text-align: center;\r\n outline: none;\r\n transition: background 0.2s, border-color 0.2s;\r\n -webkit-appearance: none;\r\n }\r\n\r\n .ai-input::placeholder {\r\n color: rgba(255, 255, 255, 0.5);\r\n }\r\n\r\n .ai-input:focus {\r\n background: rgba(255, 255, 255, 0.20);\r\n border-color: rgba(255, 255, 255, 0.50);\r\n color: #fff;\r\n }\r\n\r\n .ai-btn {\r\n width: 100%;\r\n background: #3a8fd4;\r\n border: none;\r\n border-radius: 50px;\r\n padding: 15px 24px;\r\n color: #ffffff;\r\n font-size: 15px;\r\n font-weight: 600;\r\n font-family: inherit;\r\n letter-spacing: 0.5px;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n transition: background 0.2s, transform 0.1s;\r\n }\r\n\r\n .ai-btn:hover { background: #2e80c5; }\r\n .ai-btn:active { transform: scale(0.98); background: #2272b5; }\r\n\r\n .ai-btn-arrow {\r\n font-size: 18px;\r\n line-height: 1;\r\n display: inline-block;\r\n }\r\n\r\n .ai-version {\r\n text-align: center;\r\n color: rgba(255, 255, 255, 0.28);\r\n font-size: 11px;\r\n margin-top: 2px;\r\n letter-spacing: 0.5px;\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"ai-login-wrap\">\r\n\r\n <div class=\"ai-bg\"><\/div>\r\n <div class=\"ai-overlay\"><\/div>\r\n\r\n \r\n <div class=\"ai-hero\">\r\n <img decoding=\"async\"\r\n class=\"ai-logo\"\r\n src=\"https:\/\/www.anothericeland.com\/wp-content\/uploads\/2026\/04\/logo-full-3.png\"\r\n alt=\"Another Iceland\"\r\n \/>\r\n <h1 class=\"ai-title\">Another Iceland<\/h1>\r\n <p class=\"ai-subtitle\">Built for travellers who go further<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"ai-bottom\">\r\n <input\r\n class=\"ai-input\"\r\n type=\"text\"\r\n placeholder=\"Booking No\"\r\n inputmode=\"numeric\"\r\n \/>\r\n <button class=\"ai-btn\">\r\n Sign in\r\n <span class=\"ai-btn-arrow\">\u279c<\/span>\r\n <\/button>\r\n <p class=\"ai-version\">v. 1.6.1<\/p>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e4c14e6 e-con-full e-flex e-con e-parent\" data-id=\"e4c14e6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a4f823 elementor-widget elementor-widget-html\" data-id=\"4a4f823\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\" dir=\"ltr\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Another Iceland \u2014 App Mockup<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\nbody {\r\n background: #e8eef4;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-start;\r\n min-height: 100vh;\r\n padding: 24px 16px;\r\n font-family: Montserrat, sans-serif;\r\n line-height: 1.5;\r\n}\r\n.phone {\r\n width: 100%;\r\n max-width: 390px;\r\n background: #f4f7fa;\r\n border-radius: 24px;\r\n overflow: hidden;\r\n box-shadow: 0 8px 40px rgba(0,0,0,0.14);\r\n}\r\n\r\n\/* Map *\/\r\n.map-wrap {\r\n position: relative;\r\n height: 210px;\r\n overflow: hidden;\r\n}\r\n.app-header {\r\n background: #1a3a5c;\r\n padding: 16px 18px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n.app-header .logo {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n}\r\n.app-header .logo-icon {\r\n width: 34px;\r\n height: 34px;\r\n background: #fff;\r\n border-radius: 8px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n}\r\n.app-header .logo-text .name {\r\n font-size: 13px;\r\n font-weight: 700;\r\n color: #fff;\r\n letter-spacing: 0.3px;\r\n line-height: 1.3;\r\n}\r\n.app-header .logo-text .sub {\r\n font-size: 10px;\r\n color: rgba(255,255,255,0.55);\r\n margin-top: 2px;\r\n line-height: 1.3;\r\n}\r\n.hamburger {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n cursor: pointer;\r\n}\r\n.hamburger span {\r\n display: block;\r\n height: 2px;\r\n background: rgba(255,255,255,0.8);\r\n border-radius: 2px;\r\n}\r\n.hamburger span:nth-child(1) { width: 20px; }\r\n.hamburger span:nth-child(2) { width: 14px; }\r\n.hamburger span:nth-child(3) { width: 20px; }\r\n\r\n\/* Map *\/\r\n.map-wrap {\r\n position: relative;\r\n height: 210px;\r\n overflow: hidden;\r\n}\r\n.map-wrap img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n}\r\n.map-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(180deg, transparent 50%, rgba(26,58,92,0.25) 100%);\r\n}\r\n.map-tabs {\r\n position: absolute;\r\n bottom: 12px;\r\n left: 14px;\r\n display: flex;\r\n gap: 6px;\r\n}\r\n.map-tab {\r\n background: #fff;\r\n border-radius: 8px;\r\n padding: 5px 10px;\r\n font-size: 10px;\r\n font-weight: 600;\r\n line-height: 1.4;\r\n color: #1a3a5c;\r\n display: flex;\r\n align-items: center;\r\n gap: 4px;\r\n box-shadow: 0 2px 6px rgba(0,0,0,0.12);\r\n cursor: pointer;\r\n}\r\n.map-tab.active {\r\n background: #1a3a5c;\r\n color: #fff;\r\n}\r\n.map-fullscreen {\r\n position: absolute;\r\n top: 12px;\r\n right: 12px;\r\n background: rgba(255,255,255,0.2);\r\n border: 1px solid rgba(255,255,255,0.35);\r\n border-radius: 8px;\r\n padding: 6px;\r\n cursor: pointer;\r\n}\r\n\r\n\/* Trip info *\/\r\n.trip-info {\r\n background: #fff;\r\n padding: 16px 18px 14px;\r\n border-bottom: 1px solid #edf2f6;\r\n}\r\n.trip-info h2 {\r\n font-size: 15px;\r\n font-weight: 700;\r\n color: #1a3a5c;\r\n line-height: 1.5;\r\n margin-bottom: 10px;\r\n}\r\n.trip-meta {\r\n display: flex;\r\n gap: 18px;\r\n flex-wrap: wrap;\r\n}\r\n.trip-meta-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n font-size: 12px;\r\n color: #4a5a68;\r\n font-weight: 500;\r\n line-height: 1.5;\r\n}\r\n.trip-meta-item svg {\r\n flex-shrink: 0;\r\n color: #185FA5;\r\n}\r\n\r\n\/* Night pins *\/\r\n.night-pin {\r\n position: absolute;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 3px;\r\n transform: translateX(-50%);\r\n}\r\n.pin-dot {\r\n width: 22px;\r\n height: 22px;\r\n border-radius: 50%;\r\n background: #fff;\r\n border: 2px solid #1a3a5c;\r\n box-shadow: 0 1px 5px rgba(0,0,0,0.2);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n}\r\n.pin-dot svg { display: block; }\r\n.pin-label {\r\n background: rgba(26,58,92,0.82);\r\n color: #fff;\r\n font-size: 8px;\r\n font-weight: 600;\r\n line-height: 1.3;\r\n padding: 2px 6px;\r\n border-radius: 6px;\r\n white-space: nowrap;\r\n}\r\n.night-pin.past .pin-dot {\r\n width: 18px;\r\n height: 18px;\r\n border-color: #8a9ab0;\r\n opacity: 0.5;\r\n}\r\n.night-pin.past .pin-label {\r\n background: rgba(100,120,140,0.6);\r\n opacity: 0.5;\r\n}\r\n.night-pin.current .pin-dot {\r\n width: 26px;\r\n height: 26px;\r\n background: #185FA5;\r\n border: 2.5px solid #fff;\r\n box-shadow: 0 0 0 4px rgba(24,95,165,0.25), 0 2px 6px rgba(0,0,0,0.2);\r\n}\r\n.night-pin.current .pin-label {\r\n background: #185FA5;\r\n font-size: 9px;\r\n}\r\n.days-section {\r\n background: #f4f7fa;\r\n padding: 16px 0 8px;\r\n}\r\n.days-label {\r\n font-size: 10px;\r\n font-weight: 700;\r\n color: #8a9ab0;\r\n letter-spacing: 1.2px;\r\n text-transform: uppercase;\r\n line-height: 1.4;\r\n padding: 0 18px 12px;\r\n}\r\n.days-scroll {\r\n display: flex;\r\n gap: 10px;\r\n overflow-x: auto;\r\n padding: 0 18px 16px;\r\n scrollbar-width: none;\r\n -ms-overflow-style: none;\r\n}\r\n.days-scroll::-webkit-scrollbar { display: none; }\r\n\r\n.day-card {\r\n flex-shrink: 0;\r\n width: 100px;\r\n background: #fff;\r\n border-radius: 14px;\r\n overflow: hidden;\r\n box-shadow: 0 2px 10px rgba(0,0,0,0.07);\r\n border: 1.5px solid transparent;\r\n transition: transform 0.15s, box-shadow 0.15s;\r\n cursor: pointer;\r\n}\r\n.day-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 18px rgba(0,0,0,0.12);\r\n}\r\n.day-card.today {\r\n border-color: #185FA5;\r\n box-shadow: 0 4px 16px rgba(24,95,165,0.2);\r\n}\r\n.day-card .thumb {\r\n position: relative;\r\n height: 76px;\r\n overflow: hidden;\r\n}\r\n.day-card .thumb img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n}\r\n.day-card .thumb-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(180deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.4) 100%);\r\n}\r\n.day-badge {\r\n position: absolute;\r\n top: 7px;\r\n left: 7px;\r\n background: #1a3a5c;\r\n color: #fff;\r\n font-size: 9px;\r\n font-weight: 700;\r\n line-height: 1.4;\r\n padding: 2px 7px;\r\n border-radius: 10px;\r\n}\r\n.today .day-badge {\r\n background: #185FA5;\r\n}\r\n.today-label {\r\n position: absolute;\r\n top: 7px;\r\n right: 7px;\r\n background: #185FA5;\r\n color: #fff;\r\n font-size: 8px;\r\n font-weight: 700;\r\n line-height: 1.4;\r\n padding: 2px 6px;\r\n border-radius: 8px;\r\n}\r\n.day-date {\r\n position: absolute;\r\n bottom: 6px;\r\n left: 7px;\r\n font-size: 9px;\r\n font-weight: 500;\r\n line-height: 1.4;\r\n color: rgba(255,255,255,0.9);\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"phone\">\r\n\r\n \r\n <div class=\"app-header\">\r\n <div class=\"logo\">\r\n <div class=\"logo-icon\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a3a5c\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"10\" r=\"3\"\/>\r\n <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"logo-text\">\r\n <div class=\"name\">Another Iceland<\/div>\r\n <div class=\"sub\">My Itinerary<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hamburger\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"map-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/www.anothericeland.com\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-26-140821.png\" alt=\"Map\">\r\n <div class=\"map-overlay\"><\/div>\r\n\r\n \r\n <svg style=\"position:absolute;inset:0;width:100%;height:100%;pointer-events:none;\" viewBox=\"0 0 390 210\" preserveAspectRatio=\"none\">\r\n <polyline\r\n points=\"70,168 110,148 160,130 200,118 248,105 292,95 330,80 355,62\"\r\n fill=\"none\"\r\n stroke=\"#185FA5\"\r\n stroke-width=\"2\"\r\n stroke-dasharray=\"5 3\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n opacity=\"0.75\"\r\n \/>\r\n <\/svg>\r\n\r\n \r\n <div class=\"night-pin past\" style=\"top:80%;left:18%;\">\r\n <div class=\"pin-dot\"><svg width=\"8\" height=\"8\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8a9ab0\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"\/><path d=\"M13.73 21a2 2 0 0 1-3.46 0\"\/><\/svg><\/div>\r\n <div class=\"pin-label\">Aug 25<\/div>\r\n <\/div>\r\n <div class=\"night-pin past\" style=\"top:70%;left:28%;\">\r\n <div class=\"pin-dot\"><svg width=\"8\" height=\"8\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8a9ab0\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"\/><path d=\"M13.73 21a2 2 0 0 1-3.46 0\"\/><\/svg><\/div>\r\n <div class=\"pin-label\">Aug 26<\/div>\r\n <\/div>\r\n <div class=\"night-pin current\" style=\"top:62%;left:41%;\">\r\n <div class=\"pin-dot\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"\/><path d=\"M13.73 21a2 2 0 0 1-3.46 0\"\/><\/svg><\/div>\r\n <div class=\"pin-label\">Aug 27<\/div>\r\n <\/div>\r\n <div class=\"night-pin\" style=\"top:56%;left:51%;\">\r\n <div class=\"pin-dot\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a3a5c\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"\/><path d=\"M13.73 21a2 2 0 0 1-3.46 0\"\/><\/svg><\/div>\r\n <div class=\"pin-label\">Aug 28<\/div>\r\n <\/div>\r\n <div class=\"night-pin\" style=\"top:50%;left:63%;\">\r\n <div class=\"pin-dot\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a3a5c\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"\/><path d=\"M13.73 21a2 2 0 0 1-3.46 0\"\/><\/svg><\/div>\r\n <div class=\"pin-label\">Aug 29<\/div>\r\n <\/div>\r\n <div class=\"night-pin\" style=\"top:45%;left:75%;\">\r\n <div class=\"pin-dot\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a3a5c\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"\/><path d=\"M13.73 21a2 2 0 0 1-3.46 0\"\/><\/svg><\/div>\r\n <div class=\"pin-label\">Aug 30<\/div>\r\n <\/div>\r\n <div class=\"night-pin\" style=\"top:38%;left:85%;\">\r\n <div class=\"pin-dot\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a3a5c\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"\/><path d=\"M13.73 21a2 2 0 0 1-3.46 0\"\/><\/svg><\/div>\r\n <div class=\"pin-label\">Aug 31<\/div>\r\n <\/div>\r\n\r\n <div class=\"map-tabs\">\r\n <div class=\"map-tab active\">\r\n <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n Map\r\n <\/div>\r\n <div class=\"map-tab\">\r\n <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><\/svg>\r\n Satellite\r\n <\/div>\r\n <\/div>\r\n <div class=\"map-fullscreen\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"trip-info\">\r\n <h2>Iceland Full Circle \u2014 Highlands & Beyond<\/h2>\r\n <div class=\"trip-meta\">\r\n <div class=\"trip-meta-item\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\r\n 14 Days\r\n <\/div>\r\n <div class=\"trip-meta-item\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg>\r\n Yoram\r\n <\/div>\r\n <div class=\"trip-meta-item\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"10\" width=\"20\" height=\"7\" rx=\"1\"\/><path d=\"M5 10V8a1 1 0 0 1 1-1h5l3 3\"\/><path d=\"M13 7h3l3 3\"\/><circle cx=\"7\" cy=\"17.5\" r=\"1.5\"\/><circle cx=\"17\" cy=\"17.5\" r=\"1.5\"\/><\/svg>\r\n Toyota RAV4 4WD Auto\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"days-section\">\r\n <div class=\"days-label\">Trip Days<\/div>\r\n <div class=\"days-scroll\">\r\n\r\n <div class=\"day-card\">\r\n <div class=\"thumb\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1504233529578-6d46baba6d34?w=200&q=70\" alt=\"Day 1\">\r\n <div class=\"thumb-overlay\"><\/div>\r\n <div class=\"day-badge\">Day 1<\/div>\r\n <div class=\"day-date\">Aug 25<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"day-card\">\r\n <div class=\"thumb\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1531366936337-7c912a4589a7?w=200&q=70\" alt=\"Day 2\">\r\n <div class=\"thumb-overlay\"><\/div>\r\n <div class=\"day-badge\">Day 2<\/div>\r\n <div class=\"day-date\">Aug 26<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"day-card today\">\r\n <div class=\"thumb\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1476610182048-b716b8518aae?w=200&q=70\" alt=\"Day 3\">\r\n <div class=\"thumb-overlay\"><\/div>\r\n <div class=\"day-badge\">Day 3<\/div>\r\n <div class=\"today-label\">Today<\/div>\r\n <div class=\"day-date\">Aug 27<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"day-card\">\r\n <div class=\"thumb\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1509773896068-7fd415d91e2e?w=200&q=70\" alt=\"Day 4\">\r\n <div class=\"thumb-overlay\"><\/div>\r\n <div class=\"day-badge\">Day 4<\/div>\r\n <div class=\"day-date\">Aug 28<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"day-card\">\r\n <div class=\"thumb\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1548013146-72479768bada?w=200&q=70\" alt=\"Day 5\">\r\n <div class=\"thumb-overlay\"><\/div>\r\n <div class=\"day-badge\">Day 5<\/div>\r\n <div class=\"day-date\">Aug 29<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"day-card\">\r\n <div class=\"thumb\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1520769945061-0a448c463865?w=200&q=70\" alt=\"Day 6\">\r\n <div class=\"thumb-overlay\"><\/div>\r\n <div class=\"day-badge\">Day 6<\/div>\r\n <div class=\"day-date\">Aug 30<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5cf7787 e-con-full e-flex e-con e-parent\" data-id=\"5cf7787\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f09877e elementor-widget elementor-widget-html\" data-id=\"f09877e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\" dir=\"ltr\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Another Iceland \u2014 Day View<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\nbody {\r\n background: #e8eef4;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-start;\r\n min-height: 100vh;\r\n padding: 24px 16px;\r\n font-family: Montserrat, sans-serif;\r\n}\r\n.phone {\r\n width: 100%;\r\n max-width: 390px;\r\n background: #f4f7fa;\r\n border-radius: 24px;\r\n overflow: hidden;\r\n box-shadow: 0 8px 40px rgba(0,0,0,0.14);\r\n}\r\n\r\n\/* Header *\/\r\n.app-header {\r\n background: #1a3a5c;\r\n padding: 14px 18px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n.app-header .logo { display: flex; align-items: center; gap: 10px; }\r\n.logo-icon {\r\n width: 32px; height: 32px; background: #fff;\r\n border-radius: 8px; display: flex; align-items: center; justify-content: center;\r\n}\r\n.logo-text .name { font-size: 13px; font-weight: 700; color: #fff; line-height: 1.3; }\r\n.logo-text .sub { font-size: 10px; color: rgba(255,255,255,0.55); line-height: 1.3; margin-top: 2px; }\r\n.back-link {\r\n display: flex; align-items: center; gap: 5px;\r\n font-size: 11px; font-weight: 600; color: rgba(255,255,255,0.8);\r\n text-decoration: none; line-height: 1.4;\r\n}\r\n\r\n\/* Map *\/\r\n.map-wrap {\r\n position: relative;\r\n overflow: hidden;\r\n transition: height 0.4s ease;\r\n}\r\n.map-wrap.expanded { height: 240px; }\r\n.map-wrap.collapsed { height: 0; }\r\n.map-wrap img { width: 100%; height: 100%; object-fit: cover; display: block; }\r\n.map-overlay {\r\n position: absolute; inset: 0;\r\n background: linear-gradient(180deg, transparent 55%, rgba(26,58,92,0.2) 100%);\r\n}\r\n\r\n\/* Map pins *\/\r\n.map-pin {\r\n position: absolute;\r\n display: flex; flex-direction: column; align-items: center; gap: 2px;\r\n transform: translateX(-50%);\r\n}\r\n.pin-circle {\r\n width: 24px; height: 24px; border-radius: 50%;\r\n background: #E24B4A; border: 2px solid #fff;\r\n box-shadow: 0 1px 5px rgba(0,0,0,0.25);\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 9px; font-weight: 700; color: #fff; line-height: 1;\r\n}\r\n.pin-circle.start {\r\n width: 36px; height: 36px;\r\n background: #1a3a5c;\r\n border: 2.5px solid #fff;\r\n box-shadow: 0 2px 8px rgba(0,0,0,0.3);\r\n font-size: 8px; font-weight: 700; letter-spacing: 0.3px;\r\n}\r\n.pin-circle.hotel {\r\n background: #185FA5;\r\n width: 30px; height: 30px;\r\n box-shadow: 0 0 0 3px rgba(24,95,165,0.25), 0 2px 6px rgba(0,0,0,0.2);\r\n}\r\n.pin-circle.activity {\r\n background: #185FA5;\r\n border: 2px solid #fff;\r\n box-shadow: 0 1px 5px rgba(0,0,0,0.25);\r\n}\r\n\r\n\/* Map route line *\/\r\n.map-svg {\r\n position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none;\r\n}\r\n\r\n\/* Map controls *\/\r\n.map-tabs {\r\n position: absolute; bottom: 10px; left: 12px; display: flex; gap: 6px;\r\n}\r\n.map-tab {\r\n background: #fff; border-radius: 8px; padding: 5px 10px;\r\n font-size: 10px; font-weight: 600; line-height: 1.4; color: #1a3a5c;\r\n display: flex; align-items: center; gap: 4px;\r\n box-shadow: 0 2px 6px rgba(0,0,0,0.12); cursor: pointer;\r\n}\r\n.map-tab.active { background: #1a3a5c; color: #fff; }\r\n.map-fullscreen {\r\n position: absolute; top: 10px; right: 10px;\r\n background: rgba(255,255,255,0.2); border: 1px solid rgba(255,255,255,0.35);\r\n border-radius: 8px; padding: 5px; cursor: pointer;\r\n}\r\n\r\n\/* Drag handle *\/\r\n.drag-handle {\r\n background: #fff;\r\n display: flex; flex-direction: column; align-items: center;\r\n padding: 10px 0 0;\r\n cursor: pointer;\r\n position: relative;\r\n z-index: 5;\r\n}\r\n.drag-handle .bar {\r\n width: 36px; height: 4px; background: #dce6ed; border-radius: 4px;\r\n margin-bottom: 0;\r\n}\r\n.drag-handle .toggle-hint {\r\n font-size: 9px; color: #a0b0bc; font-weight: 500;\r\n margin-top: 4px; margin-bottom: 6px; line-height: 1.3;\r\n}\r\n\r\n\/* Day nav *\/\r\n.day-nav {\r\n background: #fff;\r\n padding: 10px 18px 12px;\r\n display: flex; align-items: center; justify-content: center; gap: 16px;\r\n border-bottom: 1px solid #edf2f6;\r\n}\r\n.day-nav .nav-arrow {\r\n width: 32px; height: 32px; border-radius: 50%;\r\n background: #e6f1fb;\r\n border: 1px solid #b5d4f4;\r\n cursor: pointer;\r\n display: flex; align-items: center; justify-content: center;\r\n color: #185FA5;\r\n flex-shrink: 0;\r\n padding: 0;\r\n}\r\n.day-nav .nav-arrow svg { display: block; }\r\n.day-nav .day-label { text-align: center; }\r\n.day-nav .day-num { font-size: 18px; font-weight: 700; color: #1a3a5c; line-height: 1.2; }\r\n.day-nav .day-meta { font-size: 11px; color: #8a9ab0; font-weight: 500; line-height: 1.4; margin-top: 3px; }\r\n.day-nav .day-meta .sep { color: #b5d4f4; margin: 0 4px; }\r\n\r\n\/* POI items \u2014 new card style *\/\r\n.poi-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n padding: 10px 14px;\r\n border-bottom: 1px solid #f5f7fa;\r\n cursor: pointer;\r\n}\r\n.poi-item:last-child { border-bottom: none; }\r\n\r\n\r\n\/* Scrollable content *\/\r\n.day-content {\r\n overflow-y: auto;\r\n max-height: 460px;\r\n background: #f4f7fa;\r\n scrollbar-width: none;\r\n}\r\n.day-content::-webkit-scrollbar { display: none; }\r\n\r\n\/* Section *\/\r\n.section {\r\n background: #fff;\r\n margin: 10px 12px;\r\n border-radius: 14px;\r\n overflow: hidden;\r\n box-shadow: 0 1px 6px rgba(0,0,0,0.06);\r\n}\r\n.section-header {\r\n padding: 12px 14px 10px;\r\n display: flex; align-items: center; gap: 8px;\r\n border-bottom: 1px solid #f0f4f8;\r\n}\r\n.section-header svg { flex-shrink: 0; color: #185FA5; }\r\n.section-title { font-size: 11px; font-weight: 700; color: #1a3a5c; letter-spacing: 0.8px; text-transform: uppercase; line-height: 1.4; }\r\n\r\n\/* Highlight items *\/\r\n.highlight-item {\r\n display: flex; align-items: flex-start; gap: 10px;\r\n padding: 10px 14px;\r\n border-bottom: 1px solid #f5f7fa;\r\n}\r\n.highlight-item:last-child { border-bottom: none; }\r\n.highlight-check {\r\n width: 18px; height: 18px; border-radius: 5px;\r\n background: #e6f1fb; border: none; flex-shrink: 0; margin-top: 1px;\r\n display: flex; align-items: center; justify-content: center;\r\n}\r\n.highlight-check.checked { background: #185FA5; }\r\n.highlight-text { font-size: 12px; color: #2a3d52; font-weight: 500; line-height: 1.55; }\r\n\r\n\/* POI items *\/\r\n.poi-item {\r\n display: flex; align-items: center; gap: 12px;\r\n padding: 10px 14px; border-bottom: 1px solid #f5f7fa; cursor: pointer;\r\n}\r\n.poi-item:last-child { border-bottom: none; }\r\n.poi-thumb-wrap {\r\n position: relative; flex-shrink: 0;\r\n width: 114px;\r\n border-radius: 10px; overflow: hidden;\r\n font-size: 0; line-height: 0;\r\n}\r\n.poi-thumb { width: 100%; height: 81px; object-fit: cover; display: block; }\r\n.poi-thumb-overlay {\r\n position: absolute; inset: 0;\r\n background: linear-gradient(160deg, rgba(0,0,0,0.5) 0%, transparent 50%, rgba(0,0,0,0.3) 100%);\r\n}\r\n.poi-num {\r\n position: absolute; top: 6px; left: 6px;\r\n width: 20px; height: 20px; border-radius: 50%;\r\n background: #E24B4A; border: 1.5px solid #fff;\r\n color: #fff; font-size: 9px; font-weight: 700; line-height: 1;\r\n display: flex; align-items: center; justify-content: center;\r\n}\r\n.poi-num.activity {\r\n background: #185FA5;\r\n}\r\n.poi-time-badge {\r\n position: absolute; bottom: 5px; left: 0; right: 0;\r\n display: flex; align-items: center; justify-content: center; gap: 3px;\r\n font-size: 9px; font-weight: 600; color: rgba(255,255,255,0.92); line-height: 1.3;\r\n}\r\n.poi-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 7px; }\r\n.poi-name { font-size: 13px; font-weight: 600; color: #1a3a5c; line-height: 1.35; }\r\n.poi-bottom { display: flex; gap: 6px; }\r\n.poi-action {\r\n display: flex; flex-direction: row; align-items: center; gap: 5px;\r\n padding: 6px 10px; border-radius: 20px; border: none; cursor: pointer;\r\n font-size: 10px; font-weight: 600; font-family: Montserrat, sans-serif;\r\n line-height: 1.3; white-space: nowrap;\r\n}\r\n.poi-action svg { flex-shrink: 0; }\r\n.poi-action-nav { background: #e6f1fb; color: #185FA5; border: 1px solid #b5d4f4; }\r\n.poi-action-info { background: #f0f4f8; color: #4a5a68; border: 1px solid #dce6ed; }\r\n\r\n\/* Hotel card *\/\r\n.hotel-card {\r\n display: flex; gap: 12px; padding: 12px 14px; align-items: center;\r\n}\r\n.hotel-thumb {\r\n width: 72px; height: 56px; border-radius: 10px;\r\n object-fit: cover; flex-shrink: 0;\r\n}\r\n.hotel-info { flex: 1; }\r\n.hotel-name { font-size: 13px; font-weight: 700; color: #1a3a5c; line-height: 1.4; }\r\n.hotel-booking { font-size: 11px; color: #185FA5; font-weight: 600; line-height: 1.4; margin-top: 3px; }\r\n.hotel-phone { font-size: 11px; color: #6b8090; font-weight: 500; line-height: 1.4; margin-top: 2px; }\r\n.hotel-actions { display: flex; gap: 6px; margin-top: 6px; }\r\n.hotel-btn {\r\n padding: 5px 10px; border-radius: 20px; border: none; cursor: pointer;\r\n font-size: 10px; font-weight: 600; font-family: Montserrat, sans-serif;\r\n display: flex; align-items: center; gap: 4px; line-height: 1.4;\r\n}\r\n.hotel-btn-map { background: #e6f1fb; color: #185FA5; }\r\n.hotel-btn-info { background: #f0f4f8; color: #4a5a68; }\r\n\r\n\/* Restaurant *\/\r\n.resto-item {\r\n display: flex; align-items: center; gap: 10px;\r\n padding: 10px 14px; border-bottom: 1px solid #f5f7fa;\r\n}\r\n.resto-item:last-child { border-bottom: none; }\r\n.resto-thumb {\r\n width: 52px; height: 40px; border-radius: 8px;\r\n object-fit: cover; flex-shrink: 0;\r\n}\r\n.resto-info { flex: 1; }\r\n.resto-name { font-size: 13px; font-weight: 600; color: #1a3a5c; line-height: 1.4; }\r\n.resto-phone { font-size: 11px; color: #185FA5; font-weight: 500; line-height: 1.4; margin-top: 2px; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"phone\">\r\n\r\n \r\n <div class=\"app-header\">\r\n <div class=\"logo\">\r\n <div class=\"logo-icon\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a3a5c\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"10\" r=\"3\"\/>\r\n <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"logo-text\">\r\n <div class=\"name\">Another Iceland<\/div>\r\n <div class=\"sub\">Daily Itinerary<\/div>\r\n <\/div>\r\n <\/div>\r\n <a class=\"back-link\" href=\"#\">\r\n Back to full route\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"map-wrap expanded\" id=\"mapWrap\">\r\n <img decoding=\"async\" src=\"https:\/\/www.anothericeland.com\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-26-140821.png\" alt=\"Day map\">\r\n <div class=\"map-overlay\"><\/div>\r\n\r\n \r\n <svg class=\"map-svg\" viewBox=\"0 0 390 240\" preserveAspectRatio=\"none\">\r\n <polyline\r\n points=\"60,200 90,175 130,155 170,135 210,118 250,105 290,90 330,75 360,58\"\r\n fill=\"none\" stroke=\"#E24B4A\" stroke-width=\"2.5\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" opacity=\"0.85\"\/>\r\n <\/svg>\r\n\r\n \r\n <div class=\"map-pin\" style=\"top:68%;left:15%;\">\r\n <div class=\"pin-circle start\">START<\/div>\r\n <\/div>\r\n \r\n <div class=\"map-pin\" style=\"top:72%;left:23%;\">\r\n <div class=\"pin-circle\">1<\/div>\r\n <\/div>\r\n <div class=\"map-pin\" style=\"top:64%;left:33%;\">\r\n <div class=\"pin-circle\">2<\/div>\r\n <\/div>\r\n <div class=\"map-pin\" style=\"top:56%;left:43%;\">\r\n <div class=\"pin-circle activity\">3<\/div>\r\n <\/div>\r\n <div class=\"map-pin\" style=\"top:49%;left:55%;\">\r\n <div class=\"pin-circle\">4<\/div>\r\n <\/div>\r\n <div class=\"map-pin\" style=\"top:43%;left:66%;\">\r\n <div class=\"pin-circle activity\">5<\/div>\r\n <\/div>\r\n \r\n <div class=\"map-pin\" style=\"top:31%;left:85%;\">\r\n <div class=\"pin-circle hotel\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"map-tabs\">\r\n <div class=\"map-tab active\">\r\n <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n Map\r\n <\/div>\r\n <div class=\"map-tab\">\r\n <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\r\n Satellite\r\n <\/div>\r\n <\/div>\r\n <div class=\"map-fullscreen\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"drag-handle\" id=\"dragHandle\" onclick=\"toggleMap()\">\r\n <div class=\"bar\"><\/div>\r\n <div class=\"toggle-hint\" id=\"toggleHint\">Drag up to see day details<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"day-nav\">\r\n <button class=\"nav-arrow\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n <\/button>\r\n <div class=\"day-label\">\r\n <div class=\"day-num\">Day 6<\/div>\r\n <div class=\"day-meta\">Aug 30, 2026 <span class=\"sep\">\u00b7<\/span> ~257 km<\/div>\r\n <\/div>\r\n <button class=\"nav-arrow\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"day-content\">\r\n\r\n \r\n <div class=\"section\">\r\n <div class=\"section-header\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"\/><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/><\/svg>\r\n <span class=\"section-title\">Important for today<\/span>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-check checked\">\r\n <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n <\/div>\r\n <div class=\"highlight-text\">Whale watching departs from Siglufj\u00f6r\u00f0ur village<\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-check checked\">\r\n <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n <\/div>\r\n <div class=\"highlight-text\">Book river rafting tickets in advance<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"section\">\r\n <div class=\"section-header\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n <span class=\"section-title\">Points of interest<\/span>\r\n <\/div>\r\n\r\n <div class=\"poi-item\">\r\n <div class=\"poi-thumb-wrap\">\r\n <img decoding=\"async\" class=\"poi-thumb\" src=\"https:\/\/images.unsplash.com\/photo-1476514525535-07fb3b4ae5f1?w=160&q=70\" alt=\"Holar\">\r\n <div class=\"poi-thumb-overlay\"><\/div>\r\n <div class=\"poi-num\">1<\/div>\r\n <div class=\"poi-time-badge\"><svg width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg> Half day<\/div>\r\n <\/div>\r\n <div class=\"poi-body\">\r\n <div class=\"poi-name\">Holar<\/div>\r\n <div class=\"poi-bottom\">\r\n <button class=\"poi-action poi-action-nav\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>Navigate<\/button>\r\n <button class=\"poi-action poi-action-info\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>Details<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"poi-item\">\r\n <div class=\"poi-thumb-wrap\">\r\n <img decoding=\"async\" class=\"poi-thumb\" src=\"https:\/\/images.unsplash.com\/photo-1504233529578-6d46baba6d34?w=160&q=70\" alt=\"Siglufj\u00f6r\u00f0ur\">\r\n <div class=\"poi-thumb-overlay\"><\/div>\r\n <div class=\"poi-num\">2<\/div>\r\n <div class=\"poi-time-badge\"><svg width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg> 2\u20133 hrs<\/div>\r\n <\/div>\r\n <div class=\"poi-body\">\r\n <div class=\"poi-name\">Siglufj\u00f6r\u00f0ur<\/div>\r\n <div class=\"poi-bottom\">\r\n <button class=\"poi-action poi-action-nav\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>Navigate<\/button>\r\n <button class=\"poi-action poi-action-info\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>Details<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"poi-item\" style=\"background:#f0f6ff;border-radius:12px;margin:4px 0;\">\r\n <div class=\"poi-thumb-wrap\">\r\n <img decoding=\"async\" class=\"poi-thumb\" src=\"https:\/\/images.unsplash.com\/photo-1531366936337-7c912a4589a7?w=160&q=70\" alt=\"Snorkeling\">\r\n <div class=\"poi-thumb-overlay\"><\/div>\r\n <div class=\"poi-num activity\">3<\/div>\r\n <div class=\"poi-time-badge\"><svg width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg> 3 hrs<\/div>\r\n <\/div>\r\n <div class=\"poi-body\">\r\n <div style=\"display:flex;align-items:center;gap:5px;margin-bottom:2px;\">\r\n <span style=\"background:#185FA5;color:#fff;font-size:8px;font-weight:700;padding:2px 7px;border-radius:10px;font-family:Montserrat,sans-serif;line-height:1.4;white-space:nowrap;\">\u2713 Booked<\/span>\r\n <span style=\"background:#FF9200;color:#fff;font-size:8px;font-weight:700;padding:2px 7px;border-radius:10px;font-family:Montserrat,sans-serif;line-height:1.4;white-space:nowrap;border:1px solid #e68600;\">10:30<\/span>\r\n <\/div>\r\n <div class=\"poi-name\">Snorkeling at Silfra<\/div>\r\n <div class=\"poi-bottom\">\r\n <button class=\"poi-action poi-action-nav\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>Navigate<\/button>\r\n <button class=\"poi-action poi-action-info\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>Details<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"poi-item\">\r\n <div class=\"poi-thumb-wrap\">\r\n <img decoding=\"async\" class=\"poi-thumb\" src=\"https:\/\/images.unsplash.com\/photo-1476610182048-b716b8518aae?w=160&q=70\" alt=\"Dalv\u00edk\">\r\n <div class=\"poi-thumb-overlay\"><\/div>\r\n <div class=\"poi-num\">4<\/div>\r\n <div class=\"poi-time-badge\"><svg width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg> 1 hr<\/div>\r\n <\/div>\r\n <div class=\"poi-body\">\r\n <div class=\"poi-name\">Dalv\u00edk<\/div>\r\n <div class=\"poi-bottom\">\r\n <button class=\"poi-action poi-action-nav\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>Navigate<\/button>\r\n <button class=\"poi-action poi-action-info\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>Details<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"poi-item\" style=\"background:#f0f6ff;border-radius:12px;margin:4px 0;\">\r\n <div class=\"poi-thumb-wrap\">\r\n <img decoding=\"async\" class=\"poi-thumb\" src=\"https:\/\/images.unsplash.com\/photo-1520769945061-0a448c463865?w=160&q=70\" alt=\"Akureyri\">\r\n <div class=\"poi-thumb-overlay\"><\/div>\r\n <div class=\"poi-num activity\">5<\/div>\r\n <div class=\"poi-time-badge\"><svg width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg> 2 hrs<\/div>\r\n <\/div>\r\n <div class=\"poi-body\">\r\n <div style=\"display:flex;align-items:center;gap:5px;margin-bottom:2px;\">\r\n <span style=\"background:#185FA5;color:#fff;font-size:8px;font-weight:700;padding:2px 7px;border-radius:10px;font-family:Montserrat,sans-serif;line-height:1.4;white-space:nowrap;\">\u2713 Booked<\/span>\r\n <span style=\"background:#FF9200;color:#fff;font-size:8px;font-weight:700;padding:2px 7px;border-radius:10px;font-family:Montserrat,sans-serif;line-height:1.4;white-space:nowrap;border:1px solid #e68600;\">14:00<\/span>\r\n <\/div>\r\n <div class=\"poi-name\">Whale Watching Tour<\/div>\r\n <div class=\"poi-bottom\">\r\n <button class=\"poi-action poi-action-nav\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>Navigate<\/button>\r\n <button class=\"poi-action poi-action-info\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>Details<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"section\">\r\n <div class=\"section-header\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"\/><path d=\"M13.73 21a2 2 0 0 1-3.46 0\"\/><\/svg>\r\n <span class=\"section-title\">Accommodation<\/span>\r\n <\/div>\r\n <div class=\"hotel-card\">\r\n <img decoding=\"async\" class=\"hotel-thumb\" src=\"https:\/\/images.unsplash.com\/photo-1509773896068-7fd415d91e2e?w=160&q=70\" alt=\"Hotel\">\r\n <div class=\"hotel-info\">\r\n <div class=\"hotel-name\">Fljotsbakki Farm Hotel<\/div>\r\n <div class=\"hotel-booking\">Booking: 81357052<\/div>\r\n <div class=\"hotel-phone\">+354 865 1934<\/div>\r\n <div class=\"hotel-actions\">\r\n <button class=\"hotel-btn hotel-btn-map\">\r\n <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n Navigate\r\n <\/button>\r\n <button class=\"hotel-btn hotel-btn-info\">\r\n <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\r\n Details\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"section\" style=\"margin-bottom:16px;\">\r\n <div class=\"section-header\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 11l19-9-9 19-2-8-8-2z\"\/><\/svg>\r\n <span class=\"section-title\">Recommended restaurants<\/span>\r\n <\/div>\r\n <div class=\"resto-item\">\r\n <img decoding=\"async\" class=\"resto-thumb\" src=\"https:\/\/images.unsplash.com\/photo-1548013146-72479768bada?w=120&q=70\" alt=\"Rub 23\">\r\n <div class=\"resto-info\">\r\n <div class=\"resto-name\">Rub 23 (Akureyri)<\/div>\r\n <div class=\"resto-phone\">+354 462 2223<\/div>\r\n <\/div>\r\n <div class=\"poi-actions\">\r\n <button class=\"poi-action poi-action-nav\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>Navigate<\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"resto-item\">\r\n <img decoding=\"async\" class=\"resto-thumb\" src=\"https:\/\/images.unsplash.com\/photo-1504674900247-0877df9cc836?w=120&q=70\" alt=\"Strikid\">\r\n <div class=\"resto-info\">\r\n <div class=\"resto-name\">Strikid (Akureyri)<\/div>\r\n <div class=\"resto-phone\">+354 462 7100<\/div>\r\n <\/div>\r\n <div class=\"poi-actions\">\r\n <button class=\"poi-action poi-action-nav\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>Navigate<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\nvar expanded = true;\r\nfunction toggleMap() {\r\n var wrap = document.getElementById('mapWrap');\r\n var hint = document.getElementById('toggleHint');\r\n expanded = !expanded;\r\n wrap.className = 'map-wrap ' + (expanded ? 'expanded' : 'collapsed');\r\n hint.textContent = expanded ? 'Drag up to see day details' : 'Drag down to show map';\r\n}\r\n<\/script>\r\n\r\n\r\n<div id=\"bottomSheet\" style=\"\r\n position:fixed; bottom:0; left:50%; transform:translateX(-50%) translateY(100%);\r\n width:100%; max-width:390px;\r\n background:#fff; border-radius:18px 18px 0 0;\r\n box-shadow:0 -4px 24px rgba(0,0,0,0.15);\r\n transition:transform 0.45s cubic-bezier(0.32,0.72,0,1);\r\n z-index:100; overflow:hidden;\r\n\">\r\n <div style=\"display:flex;justify-content:center;padding:10px 0 4px;\">\r\n <div style=\"width:36px;height:4px;background:#dce6ed;border-radius:4px;\"><\/div>\r\n <\/div>\r\n <div style=\"display:flex;gap:14px;padding:8px 16px 14px;align-items:flex-start;\">\r\n <img decoding=\"async\" id=\"sheetThumb\" src=\"\" alt=\"\" style=\"width:80px;height:70px;border-radius:10px;object-fit:cover;flex-shrink:0;\">\r\n <div style=\"flex:1;min-width:0;\">\r\n <div id=\"sheetName\" style=\"font-size:15px;font-weight:700;color:#1a3a5c;line-height:1.3;margin-bottom:5px;font-family:Montserrat,sans-serif;\"><\/div>\r\n <div id=\"sheetMeta\" style=\"display:flex;align-items:center;gap:5px;font-size:11px;color:#6b8090;font-weight:500;line-height:1.4;font-family:Montserrat,sans-serif;\">\r\n <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#185FA5\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg>\r\n <span id=\"sheetTime\"><\/span>\r\n <\/div>\r\n <\/div>\r\n <button onclick=\"closeSheet()\" style=\"width:28px;height:28px;border-radius:50%;background:#f0f4f8;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b8090;flex-shrink:0;margin-top:2px;padding:0;\">\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 16px 20px;\">\r\n <button style=\"display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 14px;border-radius:50px;border:none;cursor:pointer;font-size:12px;font-weight:700;font-family:Montserrat,sans-serif;background:#1a3a5c;color:#fff;line-height:1.3;\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n Navigate\r\n <\/button>\r\n <button style=\"display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 14px;border-radius:50px;border:1.5px solid #b5d4f4;cursor:pointer;font-size:12px;font-weight:700;font-family:Montserrat,sans-serif;background:#e6f1fb;color:#185FA5;line-height:1.3;\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\r\n More Details\r\n <\/button>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div id=\"sheetBackdrop\" onclick=\"closeSheet()\" style=\"\r\n display:none; position:fixed; inset:0; background:rgba(0,0,0,0.3); z-index:99;\r\n\"><\/div>\r\n\r\n<script>\r\nvar sheetData = [\r\n { name: \"Holar\", time: \"Recommended half day\", img: \"https:\/\/images.unsplash.com\/photo-1476514525535-07fb3b4ae5f1?w=200&q=70\" },\r\n { name: \"Siglufj\u00f6r\u00f0ur\", time: \"2\u20133 hours\", img: \"https:\/\/images.unsplash.com\/photo-1504233529578-6d46baba6d34?w=200&q=70\" },\r\n { name: \"\u00d3lafsfj\u00f6r\u00f0ur Tunnel\", time: \"Quick stop\", img: \"https:\/\/images.unsplash.com\/photo-1531366936337-7c912a4589a7?w=200&q=70\" },\r\n { name: \"Dalv\u00edk\", time: \"1 hour\", img: \"https:\/\/images.unsplash.com\/photo-1476610182048-b716b8518aae?w=200&q=70\" },\r\n { name: \"Akureyri\", time: \"2\u20133 hours\", img: \"https:\/\/images.unsplash.com\/photo-1520769945061-0a448c463865?w=200&q=70\" },\r\n];\r\n\r\nfunction openSheet(index) {\r\n var d = sheetData[index];\r\n document.getElementById('sheetName').textContent = d.name;\r\n document.getElementById('sheetTime').textContent = d.time;\r\n document.getElementById('sheetThumb').src = d.img;\r\n document.getElementById('sheetThumb').alt = d.name;\r\n document.getElementById('bottomSheet').style.transform = 'translateX(-50%) translateY(0)';\r\n document.getElementById('sheetBackdrop').style.display = 'block';\r\n}\r\n\r\nfunction closeSheet() {\r\n document.getElementById('bottomSheet').style.transform = 'translateX(-50%) translateY(100%)';\r\n document.getElementById('sheetBackdrop').style.display = 'none';\r\n}\r\n\r\ndocument.querySelectorAll('.map-pin').forEach(function(pin, i) {\r\n if (pin.querySelector('.pin-circle.start') || pin.querySelector('.pin-circle.hotel')) return;\r\n pin.style.cursor = 'pointer';\r\n pin.addEventListener('click', function() { openSheet(i - 1); });\r\n});\r\n\r\ndocument.querySelectorAll('.poi-item').forEach(function(item, i) {\r\n item.addEventListener('click', function(e) {\r\n if (e.target.closest('button')) return;\r\n openSheet(i);\r\n });\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0b28993 e-con-full e-flex e-con e-parent\" data-id=\"0b28993\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b92f7a elementor-widget elementor-widget-html\" data-id=\"5b92f7a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\" dir=\"ltr\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Another Iceland \u2014 POI Detail<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\nbody {\r\n background: #e8eef4;\r\n display: flex; justify-content: center; align-items: flex-start;\r\n min-height: 100vh; padding: 24px 16px;\r\n font-family: Montserrat, sans-serif;\r\n}\r\n.phone {\r\n width: 100%; max-width: 390px;\r\n background: #f4f7fa;\r\n border-radius: 24px; overflow: hidden;\r\n box-shadow: 0 8px 40px rgba(0,0,0,0.14);\r\n position: relative;\r\n}\r\n\r\n\/* Hero image *\/\r\n.hero {\r\n position: relative;\r\n height: 240px; overflow: hidden;\r\n}\r\n.hero img {\r\n width: 100%; height: 100%; object-fit: cover; display: block;\r\n}\r\n.hero-overlay {\r\n position: absolute; inset: 0;\r\n background: linear-gradient(180deg, rgba(0,0,0,0.35) 0%, transparent 40%, rgba(0,0,0,0.6) 70%, rgba(0,0,0,0.75) 100%);\r\n}\r\n\r\n\/* Back button *\/\r\n.hero-back {\r\n position: absolute; top: 14px; left: 14px;\r\n width: 32px; height: 32px; border-radius: 50%;\r\n background: rgba(255,255,255,0.2);\r\n border: 1px solid rgba(255,255,255,0.35);\r\n display: flex; align-items: center; justify-content: center;\r\n cursor: pointer; color: #fff;\r\n}\r\n\r\n\/* Title on image *\/\r\n.hero-title {\r\n position: absolute; bottom: 0; left: 0; right: 0;\r\n padding: 14px 16px;\r\n}\r\n.hero-title h1 {\r\n font-size: 18px; font-weight: 700; color: #fff;\r\n line-height: 1.3; margin-bottom: 8px;\r\n}\r\n.hero-badges {\r\n display: flex; gap: 8px; flex-wrap: wrap;\r\n}\r\n.hero-badge {\r\n display: flex; align-items: center; gap: 5px;\r\n background: rgba(255,255,255,0.18);\r\n border: 1px solid rgba(255,255,255,0.3);\r\n padding: 4px 10px; border-radius: 20px;\r\n font-size: 10px; font-weight: 600; color: #fff; line-height: 1.3;\r\n}\r\n\r\n\/* Scrollable content *\/\r\n.content {\r\n overflow-y: auto; padding: 16px 14px;\r\n display: flex; flex-direction: column; gap: 27px;\r\n scrollbar-width: none;\r\n}\r\n.content::-webkit-scrollbar { display: none; }\r\n\r\n\/* Section *\/\r\n.section {\r\n background: #fff; border-radius: 14px;\r\n padding: 16px 18px 18px;\r\n box-shadow: 0 1px 6px rgba(0,0,0,0.06);\r\n min-height: 90px;\r\n}\r\n.section-label {\r\n display: flex; align-items: center; gap: 7px;\r\n margin-bottom: 10px;\r\n}\r\n.section-label svg { color: #185FA5; flex-shrink: 0; }\r\n.section-label span {\r\n font-size: 11px; font-weight: 700; color: #1a3a5c;\r\n letter-spacing: 0.8px; text-transform: uppercase; line-height: 1.4;\r\n}\r\n.description {\r\n font-size: 13px; color: #4a5a68; line-height: 1.75; font-weight: 400;\r\n}\r\n.description strong { color: #1a3a5c; font-weight: 700; }\r\n\r\n\/* Meta grid *\/\r\n.meta-grid {\r\n display: grid; grid-template-columns: 1fr 1fr; gap: 10px;\r\n}\r\n.meta-card {\r\n background: #f4f7fa; border-radius: 10px; padding: 10px 12px 12px;\r\n}\r\n.meta-card .label {\r\n font-size: 9px; font-weight: 700; color: #8a9ab0;\r\n text-transform: uppercase; letter-spacing: 1px; line-height: 1.4;\r\n margin-bottom: 4px;\r\n}\r\n.meta-card .value {\r\n font-size: 13px; font-weight: 600; color: #1a3a5c; line-height: 1.3;\r\n display: flex; align-items: center; gap: 5px;\r\n}\r\n.meta-card .value svg { color: #185FA5; flex-shrink: 0; }\r\n\r\n\/* Tips *\/\r\n.tip-item {\r\n display: flex; align-items: flex-start; gap: 9px;\r\n padding: 8px 0; border-bottom: 1px solid #f5f7fa;\r\n}\r\n.tip-item:last-child { border-bottom: none; padding-bottom: 0; }\r\n.tip-dot {\r\n width: 6px; height: 6px; border-radius: 50%;\r\n background: #185FA5; flex-shrink: 0; margin-top: 5px;\r\n}\r\n.tip-text {\r\n font-size: 12px; color: #4a5a68; line-height: 1.6; font-weight: 400;\r\n}\r\n\r\n\/* Bottom CTA *\/\r\n.bottom-cta {\r\n padding: 12px 16px 20px;\r\n background: #fff;\r\n border-top: 1px solid #f0f4f8;\r\n}\r\n.cta-btn {\r\n width: 100%;\r\n display: flex; align-items: center; justify-content: center; gap: 8px;\r\n padding: 13px 20px; border-radius: 50px; border: none; cursor: pointer;\r\n font-size: 13px; font-weight: 700; font-family: Montserrat, sans-serif;\r\n background: #1a3a5c; color: #fff; line-height: 1.3;\r\n}\r\n.cta-btn:hover { background: #004384; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"phone\">\r\n\r\n \r\n <div class=\"hero\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1504233529578-6d46baba6d34?w=800&q=80\" alt=\"Barnafoss\">\r\n <div class=\"hero-overlay\"><\/div>\r\n <div class=\"hero-back\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n <\/div>\r\n <div class=\"hero-title\">\r\n <h1>Barnafoss & Hraunfossar<\/h1>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"content\">\r\n\r\n \r\n <div class=\"section\">\r\n <div class=\"meta-grid\" style=\"margin-bottom:16px;\">\r\n <div class=\"meta-card\">\r\n <div class=\"label\">Difficulty<\/div>\r\n <div class=\"value\">\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\r\n Easy\r\n <\/div>\r\n <\/div>\r\n <div class=\"meta-card\">\r\n <div class=\"label\">Suggested time<\/div>\r\n <div class=\"value\">\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg>\r\n 2\u20133 hours\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"section-label\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\r\n <span>About<\/span>\r\n <\/div>\r\n <p class=\"description\">\r\n Hraunfossar is a series of waterfalls formed by rivulets streaming out of the Hallmundarhraun lava field and cascading into the Hv\u00edt\u00e1 river \u2014 one of Iceland's most unusual natural phenomena. Just steps away, <strong>Barnafoss<\/strong> (Children's Waterfall) rushes through a narrow rocky gorge with thundering force. Together they make one of the most scenic and accessible stops in West Iceland.\r\n <\/p>\r\n\r\n <div style=\"border-top: 1px solid #f0f4f8; margin-top: 14px; padding-top: 14px;\">\r\n <div class=\"section-label\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n <span>Tips<\/span>\r\n <\/div>\r\n <div class=\"tip-item\">\r\n <div class=\"tip-dot\"><\/div>\r\n <div class=\"tip-text\">Visit in the morning for the best light and fewer crowds.<\/div>\r\n <\/div>\r\n <div class=\"tip-item\">\r\n <div class=\"tip-dot\"><\/div>\r\n <div class=\"tip-text\">Wear waterproof shoes \u2014 the path along the river can be slippery.<\/div>\r\n <\/div>\r\n <div class=\"tip-item\">\r\n <div class=\"tip-dot\"><\/div>\r\n <div class=\"tip-text\">Combine with a visit to Reykholt and Snorrastofa nearby for a full day in the Saga Valley.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"bottom-cta\">\r\n <button class=\"cta-btn\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n Navigate Here\r\n <\/button>\r\n <\/div>\r\n\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e4cad20 e-con-full e-flex e-con e-parent\" data-id=\"e4cad20\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-65fa1a5 elementor-widget elementor-widget-html\" data-id=\"65fa1a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\" dir=\"ltr\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Another Iceland \u2014 My Accommodation<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\nbody {\r\n background: #e8eef4;\r\n display: flex; justify-content: center;\r\n min-height: 100vh; padding: 24px 16px;\r\n font-family: Montserrat, sans-serif;\r\n}\r\n.phone {\r\n width: 390px;\r\n background: #f4f7fa;\r\n border-radius: 24px; overflow: hidden;\r\n box-shadow: 0 8px 40px rgba(0,0,0,0.14);\r\n}\r\n.app-header {\r\n background: #1a3a5c; padding: 14px 18px;\r\n display: flex; justify-content: space-between; align-items: center;\r\n}\r\n.logo { display: flex; align-items: center; gap: 10px; }\r\n.logo-icon { width: 32px; height: 32px; background: #fff; border-radius: 8px; display: flex; align-items: center; justify-content: center; }\r\n.logo-name { font-size: 13px; font-weight: 700; color: #fff; line-height: 1.3; }\r\n.logo-sub { font-size: 10px; color: rgba(255,255,255,0.55); line-height: 1.3; margin-top: 2px; }\r\n.hamburger { display: flex; flex-direction: column; gap: 4px; cursor: pointer; }\r\n.hamburger span { display: block; height: 2px; background: rgba(255,255,255,0.8); border-radius: 2px; }\r\n.hamburger span:nth-child(1) { width: 20px; }\r\n.hamburger span:nth-child(2) { width: 14px; }\r\n.hamburger span:nth-child(3) { width: 20px; }\r\n.page-title {\r\n background: #fff; padding: 14px 18px;\r\n display: flex; align-items: center; gap: 10px;\r\n border-bottom: 1px solid #edf2f6;\r\n}\r\n.page-title svg { color: #185FA5; flex-shrink: 0; }\r\n.page-title span { font-size: 15px; font-weight: 700; color: #1a3a5c; }\r\n.list { overflow-y: auto; max-height: 580px; padding: 10px 12px 16px; scrollbar-width: none; }\r\n.list::-webkit-scrollbar { display: none; }\r\n.night-label {\r\n font-size: 10px; font-weight: 700; color: #8a9ab0;\r\n letter-spacing: 0.8px; text-transform: uppercase;\r\n padding: 8px 2px 6px;\r\n display: flex; align-items: center; gap: 6px;\r\n}\r\n.night-label svg { color: #b5d4f4; flex-shrink: 0; }\r\n.card {\r\n background: #fff; border-radius: 14px;\r\n border: 1px solid #edf2f6;\r\n box-shadow: 0 1px 8px rgba(0,0,0,0.07);\r\n overflow: hidden; margin-bottom: 10px;\r\n}\r\n.card-top { display: flex; height: 90px; }\r\n.card-img {\r\n width: 100px; min-width: 100px;\r\n height: 90px; object-fit: cover; display: block;\r\n}\r\n.card-info {\r\n flex: 1; padding: 9px 12px;\r\n display: flex; flex-direction: column; justify-content: center; gap: 3px;\r\n overflow: hidden;\r\n}\r\n.c-name { font-size: 13px; font-weight: 700; color: #1a3a5c; line-height: 1.35; }\r\n.c-booking { font-size: 11px; color: #E24B4A; font-weight: 600; line-height: 1.4; }\r\n.c-address { font-size: 10px; color: #8a9ab0; font-weight: 500; line-height: 1.4; }\r\n.c-phone { font-size: 11px; color: #185FA5; font-weight: 600; line-height: 1.4; display: flex; align-items: center; gap: 4px; }\r\n.card-checkin {\r\n background: #f4f8fe; border-top: 1px solid #e6f1fb;\r\n padding: 8px 12px;\r\n display: flex; align-items: flex-start; gap: 7px;\r\n}\r\n.card-checkin svg { color: #185FA5; flex-shrink: 0; margin-top: 2px; }\r\n.card-checkin-text { font-size: 10px; color: #4a6a8a; font-weight: 500; line-height: 1.6; }\r\n.card-checkin-text strong { color: #1a3a5c; font-weight: 700; }\r\n.card-actions { display: flex; border-top: 1px solid #f0f4f8; }\r\n.card-btn {\r\n flex: 1; display: flex; align-items: center; justify-content: center; gap: 5px;\r\n padding: 9px 8px; border: none; background: transparent; cursor: pointer;\r\n font-size: 10px; font-weight: 600; font-family: Montserrat, sans-serif;\r\n color: #185FA5; line-height: 1.3;\r\n}\r\n.card-btn + .card-btn { border-left: 1px solid #f0f4f8; }\r\n.card-btn:hover { background: #f4f7fa; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"phone\">\r\n\r\n <div class=\"app-header\">\r\n <div class=\"logo\">\r\n <div class=\"logo-icon\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a3a5c\" stroke-width=\"2\"><circle cx=\"12\" cy=\"10\" r=\"3\"\/><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"logo-name\">Another Iceland<\/div>\r\n <div class=\"logo-sub\">Trip Accommodation<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hamburger\"><span><\/span><span><\/span><span><\/span><\/div>\r\n <\/div>\r\n\r\n <div class=\"page-title\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"\/><path d=\"M13.73 21a2 2 0 0 1-3.46 0\"\/><\/svg>\r\n <span>My Accommodation<\/span>\r\n <\/div>\r\n\r\n <div class=\"list\">\r\n\r\n \r\n <div class=\"night-label\">\r\n <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\r\n Aug 25 \u2192 Aug 26 \u00b7 Night 1\r\n <\/div>\r\n <div class=\"card\">\r\n <div class=\"card-top\">\r\n <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/images.unsplash.com\/photo-1566073771259-6a8506099945?w=200&q=70\" alt=\"\">\r\n <div class=\"card-info\">\r\n <div class=\"c-name\">Aurora Hotel at Keflavik<\/div>\r\n <div class=\"c-booking\">Booking: 81356595<\/div>\r\n <div class=\"c-address\">Blikav\u00f6llur 2, 235 Keflav\u00edk<\/div>\r\n <div class=\"c-phone\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13.1 19.79 19.79 0 0 1 1.59 4.5 2 2 0 0 1 3.56 2.34h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.09 6.09l.89-.89a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 21.73 17z\"\/><\/svg>+354 595 1900<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-actions\">\r\n <button class=\"card-btn\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>Navigate<\/button>\r\n <button class=\"card-btn\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>Details<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"night-label\">\r\n <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\r\n Aug 26 \u2192 Aug 27 \u00b7 Night 2\r\n <\/div>\r\n <div class=\"card\">\r\n <div class=\"card-top\">\r\n <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/images.unsplash.com\/photo-1520769945061-0a448c463865?w=200&q=70\" alt=\"\">\r\n <div class=\"card-info\">\r\n <div class=\"c-name\">The Hvita Inn By Ourhotels<\/div>\r\n <div class=\"c-booking\">Booking: 81357041<\/div>\r\n <div class=\"c-address\">Hv\u00edt\u00e1rbakki 7, Borgarbygg\u00f0 311<\/div>\r\n <div class=\"c-phone\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13.1 19.79 19.79 0 0 1 1.59 4.5 2 2 0 0 1 3.56 2.34h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.09 6.09l.89-.89a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 21.73 17z\"\/><\/svg>+354 497 1373<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-checkin\">\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\r\n <div class=\"card-checkin-text\"><strong>Self Check-in \u00b7 Room 301<\/strong><br>Door code: 7041 #1. Press centre until light turns on 2, enter code, press #4.<br><strong>Check-in:<\/strong> from 15:00 \u00b7 <strong>Check-out:<\/strong> by 11:00<\/div>\r\n <\/div>\r\n <div class=\"card-actions\">\r\n <button class=\"card-btn\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>Navigate<\/button>\r\n <button class=\"card-btn\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>Details<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"night-label\">\r\n <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\r\n Aug 27 \u2192 Aug 29 \u00b7 Nights 3\u20134\r\n <\/div>\r\n <div class=\"card\">\r\n <div class=\"card-top\">\r\n <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/images.unsplash.com\/photo-1509773896068-7fd415d91e2e?w=200&q=70\" alt=\"\">\r\n <div class=\"card-info\">\r\n <div class=\"c-name\">Hotel Varmahlid<\/div>\r\n <div class=\"c-booking\">Booking: 81357050<\/div>\r\n <div class=\"c-address\">Laugavegur, 560 Varmahl\u00ed\u00f0<\/div>\r\n <div class=\"c-phone\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13.1 19.79 19.79 0 0 1 1.59 4.5 2 2 0 0 1 3.56 2.34h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.09 6.09l.89-.89a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 21.73 17z\"\/><\/svg>+354 453 8170<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-actions\">\r\n <button class=\"card-btn\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>Navigate<\/button>\r\n <button class=\"card-btn\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>Details<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"night-label\">\r\n <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\r\n Aug 29 \u2192 Aug 30 \u00b7 Night 5\r\n <\/div>\r\n <div class=\"card\">\r\n <div class=\"card-top\">\r\n <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/images.unsplash.com\/photo-1476514525535-07fb3b4ae5f1?w=200&q=70\" alt=\"\">\r\n <div class=\"card-info\">\r\n <div class=\"c-name\">Fljotsbakki Farm Hotel<\/div>\r\n <div class=\"c-booking\">Booking: 81357052<\/div>\r\n <div class=\"c-address\">Flj\u00f3tsbakki Farm, 641<\/div>\r\n <div class=\"c-phone\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13.1 19.79 19.79 0 0 1 1.59 4.5 2 2 0 0 1 3.56 2.34h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.09 6.09l.89-.89a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 21.73 17z\"\/><\/svg>+354 865 1934<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-actions\">\r\n <button class=\"card-btn\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>Navigate<\/button>\r\n <button class=\"card-btn\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>Details<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"night-label\">\r\n <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\r\n Aug 30 \u2192 Sep 1 \u00b7 Night 6\r\n <\/div>\r\n <div class=\"card\">\r\n <div class=\"card-top\">\r\n <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/images.unsplash.com\/photo-1531366936337-7c912a4589a7?w=200&q=70\" alt=\"\">\r\n <div class=\"card-info\">\r\n <div class=\"c-name\">Hotel Studlagil<\/div>\r\n <div class=\"c-booking\">Booking: 81357056<\/div>\r\n <div class=\"c-address\">Skjoldolfsstadir<\/div>\r\n <div class=\"c-phone\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13.1 19.79 19.79 0 0 1 1.59 4.5 2 2 0 0 1 3.56 2.34h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.09 6.09l.89-.89a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 21.73 17z\"\/><\/svg>+354 471 2006<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-actions\">\r\n <button class=\"card-btn\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>Navigate<\/button>\r\n <button class=\"card-btn\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>Details<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7b78f3e e-con-full e-flex e-con e-parent\" data-id=\"7b78f3e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-71183df elementor-widget elementor-widget-html\" data-id=\"71183df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\" dir=\"ltr\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Another Iceland \u2014 My Car<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\nbody { background: #e8eef4; display: flex; justify-content: center; min-height: 100vh; padding: 24px 16px; font-family: Montserrat, sans-serif; }\r\n.phone { width: 390px; background: #f4f7fa; border-radius: 24px; overflow: hidden; box-shadow: 0 8px 40px rgba(0,0,0,0.14); }\r\n.app-header { background: #1a3a5c; padding: 14px 18px; display: flex; justify-content: space-between; align-items: center; }\r\n.logo { display: flex; align-items: center; gap: 10px; }\r\n.logo-icon { width: 32px; height: 32px; background: #fff; border-radius: 8px; display: flex; align-items: center; justify-content: center; }\r\n.logo-name { font-size: 13px; font-weight: 700; color: #fff; line-height: 1.3; }\r\n.logo-sub { font-size: 10px; color: rgba(255,255,255,0.55); line-height: 1.3; margin-top: 2px; }\r\n.hamburger { display: flex; flex-direction: column; gap: 4px; cursor: pointer; }\r\n.hamburger span { display: block; height: 2px; background: rgba(255,255,255,0.8); border-radius: 2px; }\r\n.hamburger span:nth-child(1) { width: 20px; }\r\n.hamburger span:nth-child(2) { width: 14px; }\r\n.hamburger span:nth-child(3) { width: 20px; }\r\n.page-title { background: #fff; padding: 14px 18px; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid #edf2f6; }\r\n.page-title svg { color: #185FA5; }\r\n.page-title span { font-size: 15px; font-weight: 700; color: #1a3a5c; }\r\n.content { padding: 14px 14px 24px; display: flex; flex-direction: column; gap: 12px; overflow-y: auto; max-height: calc(100vh - 120px); scrollbar-width: none; }\r\n.content::-webkit-scrollbar { display: none; }\r\n\r\n\/* Rental company *\/\r\n.company-card { background: #fff; border-radius: 14px; border: 1px solid #edf2f6; box-shadow: 0 1px 8px rgba(0,0,0,0.06); padding: 14px 16px; }\r\n.company-row { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 10px; }\r\n.small-label { font-size: 10px; font-weight: 700; color: #8a9ab0; text-transform: uppercase; letter-spacing: 0.8px; line-height: 1.4; margin-bottom: 2px; }\r\n.company-name { font-size: 14px; font-weight: 700; color: #1a3a5c; line-height: 1.3; }\r\n.booking-num { font-size: 14px; font-weight: 700; color: #E24B4A; line-height: 1.3; }\r\n.company-phone { display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: #185FA5; padding-top: 10px; border-top: 1px solid #f0f4f8; }\r\n\r\n\/* Vehicle card *\/\r\n.vehicle-card { background: #1a3a5c; border-radius: 16px; padding: 16px 18px 0; }\r\n.vehicle-label { font-size: 10px; font-weight: 700; color: rgba(255,255,255,0.5); text-transform: uppercase; letter-spacing: 1px; line-height: 1.4; }\r\n.vehicle-name { font-size: 18px; font-weight: 700; color: #fff; line-height: 1.3; margin-top: 4px; margin-bottom: 16px; }\r\n.vehicle-img { width: 100%; display: block; }\r\n\r\n\/* Trip cards *\/\r\n.trip-card { background: #fff; border-radius: 14px; border: 1px solid #edf2f6; box-shadow: 0 1px 8px rgba(0,0,0,0.06); overflow: hidden; }\r\n.trip-header { padding: 10px 14px 8px; display: flex; align-items: center; gap: 7px; border-bottom: 1px solid #f0f4f8; }\r\n.trip-header svg { color: #185FA5; }\r\n.trip-title { font-size: 11px; font-weight: 700; color: #1a3a5c; text-transform: uppercase; letter-spacing: 0.8px; }\r\n.trip-row { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-bottom: 1px solid #f5f7fa; }\r\n.trip-row:last-of-type { border-bottom: none; }\r\n.trip-row svg { color: #185FA5; flex-shrink: 0; }\r\n.trip-text { font-size: 12px; color: #4a5a68; font-weight: 500; line-height: 1.4; flex: 1; min-width: 0; }\r\n.trip-text strong { color: #1a3a5c; font-weight: 700; }\r\n.trip-action { padding: 10px 14px; border-top: 1px solid #f0f4f8; }\r\n.trip-btn { width: 100%; display: flex; align-items: center; justify-content: center; gap: 6px; padding: 9px 14px; border-radius: 50px; border: 1.5px solid #b5d4f4; background: #e6f1fb; color: #185FA5; font-size: 11px; font-weight: 700; font-family: Montserrat, sans-serif; cursor: pointer; line-height: 1.3; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"phone\">\r\n\r\n <div class=\"app-header\">\r\n <div class=\"logo\">\r\n <div class=\"logo-icon\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a3a5c\" stroke-width=\"2\"><circle cx=\"12\" cy=\"10\" r=\"3\"\/><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"logo-name\">Another Iceland<\/div>\r\n <div class=\"logo-sub\">My Car<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hamburger\"><span><\/span><span><\/span><span><\/span><\/div>\r\n <\/div>\r\n\r\n <div class=\"page-title\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"10\" width=\"20\" height=\"7\" rx=\"1\"\/><path d=\"M5 10V8a1 1 0 0 1 1-1h5l3 3\"\/><path d=\"M13 7h3l3 3\"\/><circle cx=\"7\" cy=\"17.5\" r=\"1.5\"\/><circle cx=\"17\" cy=\"17.5\" r=\"1.5\"\/><\/svg>\r\n <span>My Car<\/span>\r\n <\/div>\r\n\r\n <div class=\"content\">\r\n\r\n <div class=\"company-card\">\r\n <div class=\"company-row\">\r\n <div>\r\n <div class=\"small-label\">Rental Company<\/div>\r\n <div class=\"company-name\">Bluecar<\/div>\r\n <\/div>\r\n <div style=\"text-align:right;\">\r\n <div class=\"small-label\">Booking Ref.<\/div>\r\n <div class=\"booking-num\">7H9PZQ<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"company-phone\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13.1 19.79 19.79 0 0 1 1.59 4.5 2 2 0 0 1 3.56 2.34h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.09 6.09l.89-.89a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 21.73 17z\"\/><\/svg>\r\n +354 773 7070\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"vehicle-card\">\r\n <div class=\"vehicle-label\">Your Vehicle<\/div>\r\n <div class=\"vehicle-name\">Toyota RAV4 4WD Auto<\/div>\r\n <img decoding=\"async\" class=\"vehicle-img\" src=\"https:\/\/www.anothericeland.com\/wp-content\/uploads\/2026\/03\/forester.png.png\" alt=\"Toyota RAV4\">\r\n <\/div>\r\n\r\n <div class=\"trip-card\">\r\n <div class=\"trip-header\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg>\r\n <span class=\"trip-title\">Pickup<\/span>\r\n <\/div>\r\n <div class=\"trip-row\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\r\n <div class=\"trip-text\"><strong>Aug 26, 2026<\/strong> \u00b7 09:00<\/div>\r\n <\/div>\r\n <div class=\"trip-row\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n <div class=\"trip-text\">Bluecar \u2014 <strong>Keflavik International Airport<\/strong><\/div>\r\n <\/div>\r\n <div class=\"trip-action\">\r\n <button class=\"trip-btn\">\r\n <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n Navigate to Pickup\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"trip-card\">\r\n <div class=\"trip-header\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M9 14l-4-4 4-4\"\/><path d=\"M5 10h11a4 4 0 0 1 0 8h-1\"\/><\/svg>\r\n <span class=\"trip-title\">Return<\/span>\r\n <\/div>\r\n <div class=\"trip-row\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\r\n <div class=\"trip-text\"><strong>Sep 5, 2026<\/strong> \u00b7 18:00<\/div>\r\n <\/div>\r\n <div class=\"trip-row\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n <div class=\"trip-text\">Bluecar \u2014 <strong>Reykjavik City<\/strong><\/div>\r\n <\/div>\r\n <div class=\"trip-action\">\r\n <button class=\"trip-btn\">\r\n <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n Navigate to Return\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a3d689b e-con-full e-flex e-con e-parent\" data-id=\"a3d689b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9fbfad1 elementor-widget elementor-widget-html\" data-id=\"9fbfad1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\" dir=\"ltr\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Another Iceland \u2014 My Activities<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\nbody { background: #e8eef4; display: flex; justify-content: center; min-height: 100vh; padding: 24px 16px; font-family: Montserrat, sans-serif; }\r\n.phone { width: 390px; background: #f4f7fa; border-radius: 24px; overflow: hidden; box-shadow: 0 8px 40px rgba(0,0,0,0.14); }\r\n\r\n.app-header { background: #1a3a5c; padding: 14px 18px; display: flex; justify-content: space-between; align-items: center; }\r\n.logo { display: flex; align-items: center; gap: 10px; }\r\n.logo-icon { width: 32px; height: 32px; background: #fff; border-radius: 8px; display: flex; align-items: center; justify-content: center; }\r\n.logo-name { font-size: 13px; font-weight: 700; color: #fff; line-height: 1.3; }\r\n.logo-sub { font-size: 10px; color: rgba(255,255,255,0.55); line-height: 1.3; margin-top: 2px; }\r\n.hamburger { display: flex; flex-direction: column; gap: 4px; cursor: pointer; }\r\n.hamburger span { display: block; height: 2px; background: rgba(255,255,255,0.8); border-radius: 2px; }\r\n.hamburger span:nth-child(1) { width: 20px; }\r\n.hamburger span:nth-child(2) { width: 14px; }\r\n.hamburger span:nth-child(3) { width: 20px; }\r\n\r\n.page-title { background: #fff; padding: 14px 18px; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid #edf2f6; }\r\n.page-title svg { color: #185FA5; }\r\n.page-title span { font-size: 15px; font-weight: 700; color: #1a3a5c; }\r\n\r\n.list { overflow-y: auto; max-height: 580px; padding: 10px 14px 24px; scrollbar-width: none; }\r\n.list::-webkit-scrollbar { display: none; }\r\n\r\n\/* Date separator *\/\r\n.date-sep {\r\n display: flex; align-items: center; gap: 8px;\r\n padding: 12px 2px 6px;\r\n}\r\n.date-sep svg { color: #b5d4f4; flex-shrink: 0; }\r\n.date-sep span { font-size: 10px; font-weight: 700; color: #8a9ab0; text-transform: uppercase; letter-spacing: 0.8px; line-height: 1.4; }\r\n\r\n\/* Activity card *\/\r\n.act-card {\r\n background: #fff; border-radius: 14px;\r\n border: 1px solid #edf2f6;\r\n box-shadow: 0 1px 8px rgba(0,0,0,0.06);\r\n overflow: hidden; margin-bottom: 10px;\r\n}\r\n.act-top { display: flex; height: 88px; }\r\n.act-img { width: 100px; min-width: 100px; height: 88px; object-fit: cover; display: block; flex-shrink: 0; position: relative; }\r\n.act-img-wrap { position: relative; width: 100px; min-width: 100px; flex-shrink: 0; }\r\n.act-img-wrap img { width: 100%; height: 88px; object-fit: cover; display: block; }\r\n.act-time-badge {\r\n position: absolute; bottom: 7px; left: 7px;\r\n background: rgba(26,58,92,0.82);\r\n color: #fff; font-size: 10px; font-weight: 700;\r\n padding: 3px 8px; border-radius: 6px; line-height: 1.3;\r\n font-family: Montserrat, sans-serif;\r\n}\r\n.act-body { flex: 1; width: 0; padding: 10px 12px; display: flex; flex-direction: column; gap: 3px; }\r\n.act-name { font-size: 13px; font-weight: 700; color: #1a3a5c; line-height: 1.35; }\r\n.act-duration { display: flex; align-items: center; gap: 4px; font-size: 11px; color: #6b8090; font-weight: 500; line-height: 1.4; }\r\n.act-duration svg { color: #185FA5; flex-shrink: 0; }\r\n.act-booking { font-size: 11px; color: #E24B4A; font-weight: 600; line-height: 1.4; }\r\n.act-phone { display: flex; align-items: center; gap: 4px; font-size: 11px; color: #185FA5; font-weight: 600; line-height: 1.4; }\r\n.act-actions { display: flex; border-top: 1px solid #f0f4f8; }\r\n.act-btn {\r\n flex: 1; display: flex; align-items: center; justify-content: center; gap: 5px;\r\n padding: 9px 8px; border: none; background: transparent; cursor: pointer;\r\n font-size: 10px; font-weight: 600; font-family: Montserrat, sans-serif;\r\n color: #185FA5; line-height: 1.3;\r\n}\r\n.act-btn + .act-btn { border-left: 1px solid #f0f4f8; }\r\n.act-btn:hover { background: #f4f7fa; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"phone\">\r\n\r\n <div class=\"app-header\">\r\n <div class=\"logo\">\r\n <div class=\"logo-icon\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a3a5c\" stroke-width=\"2\"><circle cx=\"12\" cy=\"10\" r=\"3\"\/><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"logo-name\">Another Iceland<\/div>\r\n <div class=\"logo-sub\">My Activities<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hamburger\"><span><\/span><span><\/span><span><\/span><\/div>\r\n <\/div>\r\n\r\n <div class=\"page-title\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n <span>My Activities<\/span>\r\n <\/div>\r\n\r\n <div class=\"list\">\r\n\r\n \r\n <div class=\"date-sep\">\r\n <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\r\n <span>Aug 27, 2026<\/span>\r\n <\/div>\r\n <div class=\"act-card\">\r\n <div class=\"act-top\">\r\n <div class=\"act-img-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1504233529578-6d46baba6d34?w=200&q=70\" alt=\"Snorkeling\">\r\n <div class=\"act-time-badge\">10:30<\/div>\r\n <\/div>\r\n <div class=\"act-body\">\r\n <div class=\"act-name\">Snorkeling (Arctic Adventures)<\/div>\r\n <div class=\"act-duration\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg>3 hours<\/div>\r\n <div class=\"act-booking\">ARC-T123842376<\/div>\r\n <div class=\"act-phone\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13.1 19.79 19.79 0 0 1 1.59 4.5 2 2 0 0 1 3.56 2.34h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.09 6.09l.89-.89a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 21.73 17z\"\/><\/svg>+354 562 7000<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"act-actions\">\r\n <button class=\"act-btn\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>Navigate<\/button>\r\n <button class=\"act-btn\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>Details<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"date-sep\">\r\n <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\r\n <span>Aug 30, 2026<\/span>\r\n <\/div>\r\n <div class=\"act-card\">\r\n <div class=\"act-top\">\r\n <div class=\"act-img-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1531366936337-7c912a4589a7?w=200&q=70\" alt=\"Whale Watching\">\r\n <div class=\"act-time-badge\">13:00<\/div>\r\n <\/div>\r\n <div class=\"act-body\">\r\n <div class=\"act-name\">Speed Boat Whale Watching<\/div>\r\n <div class=\"act-duration\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg>1.5 hours<\/div>\r\n <div class=\"act-booking\">AST-T123842524<\/div>\r\n <div class=\"act-phone\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13.1 19.79 19.79 0 0 1 1.59 4.5 2 2 0 0 1 3.56 2.34h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.09 6.09l.89-.89a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 21.73 17z\"\/><\/svg>+354 771 7600<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"act-actions\">\r\n <button class=\"act-btn\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>Navigate<\/button>\r\n <button class=\"act-btn\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>Details<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"date-sep\">\r\n <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\r\n <span>Sep 2, 2026<\/span>\r\n <\/div>\r\n <div class=\"act-card\">\r\n <div class=\"act-top\">\r\n <div class=\"act-img-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1476610182048-b716b8518aae?w=200&q=70\" alt=\"Vok Baths\">\r\n <div class=\"act-time-badge\">17:00<\/div>\r\n <\/div>\r\n <div class=\"act-body\">\r\n <div class=\"act-name\">Vok Baths<\/div>\r\n <div class=\"act-duration\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg>2 hours<\/div>\r\n <div class=\"act-booking\">VOK-T123842647<\/div>\r\n <div class=\"act-phone\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13.1 19.79 19.79 0 0 1 1.59 4.5 2 2 0 0 1 3.56 2.34h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.09 6.09l.89-.89a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 21.73 17z\"\/><\/svg>+354 470 9500<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"act-actions\">\r\n <button class=\"act-btn\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>Navigate<\/button>\r\n <button class=\"act-btn\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>Details<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"date-sep\">\r\n <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\r\n <span>Sep 4, 2026<\/span>\r\n <\/div>\r\n <div class=\"act-card\">\r\n <div class=\"act-top\">\r\n <div class=\"act-img-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1520769945061-0a448c463865?w=200&q=70\" alt=\"Glacier Walk\">\r\n <div class=\"act-time-badge\">09:00<\/div>\r\n <\/div>\r\n <div class=\"act-body\">\r\n <div class=\"act-name\">Glacier Walk on Vatnaj\u00f6kull<\/div>\r\n <div class=\"act-duration\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg>3 hours<\/div>\r\n <div class=\"act-booking\">GLA-T123842891<\/div>\r\n <div class=\"act-phone\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13.1 19.79 19.79 0 0 1 1.59 4.5 2 2 0 0 1 3.56 2.34h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.09 6.09l.89-.89a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 21.73 17z\"\/><\/svg>+354 478 1500<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"act-actions\">\r\n <button class=\"act-btn\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>Navigate<\/button>\r\n <button class=\"act-btn\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>Details<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4e1befa e-con-full e-flex e-con e-parent\" data-id=\"4e1befa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c4fcae elementor-widget elementor-widget-html\" data-id=\"1c4fcae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\" dir=\"ltr\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Another Iceland \u2014 Need Help?<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\nbody { background: #e8eef4; display: flex; justify-content: center; min-height: 100vh; padding: 24px 16px; font-family: Montserrat, sans-serif; }\r\n\r\n.hs-phone { width: 390px; background: #f4f7fa; border-radius: 24px; box-shadow: 0 8px 40px rgba(0,0,0,0.14); overflow: hidden; }\r\n\r\n.hs-header { background: #1a3a5c; padding: 14px 18px; display: flex; justify-content: space-between; align-items: center; }\r\n.hs-logo { display: flex; align-items: center; gap: 10px; }\r\n.hs-logo-icon { width: 32px; height: 32px; background: #fff; border-radius: 8px; display: flex; align-items: center; justify-content: center; }\r\n.hs-logo-name { font-size: 13px; font-weight: 700; color: #fff; line-height: 1.3; }\r\n.hs-logo-sub { font-size: 10px; color: rgba(255,255,255,0.55); line-height: 1.3; margin-top: 2px; }\r\n.hs-hamburger { display: flex; flex-direction: column; gap: 4px; cursor: pointer; }\r\n.hs-hamburger span { display: block; height: 2px; background: rgba(255,255,255,0.8); border-radius: 2px; }\r\n.hs-hamburger span:nth-child(1) { width: 20px; }\r\n.hs-hamburger span:nth-child(2) { width: 14px; }\r\n.hs-hamburger span:nth-child(3) { width: 20px; }\r\n\r\n.hs-content { padding: 28px 18px 36px; display: flex; flex-direction: column; gap: 20px; }\r\n\r\n.hs-page-header { text-align: center; }\r\n.hs-page-icon { width: 56px; height: 56px; border-radius: 50%; background: #e6f1fb; border: 1.5px solid #b5d4f4; display: flex; align-items: center; justify-content: center; margin: 0 auto 14px; color: #185FA5; }\r\n.hs-page-title { font-size: 20px; font-weight: 700; color: #1a3a5c; line-height: 1.3; margin-bottom: 8px; }\r\n.hs-page-sub { font-size: 13px; color: #6b8090; font-weight: 500; line-height: 1.6; }\r\n\r\n.hs-card { background: #fff; border-radius: 16px; border: 1px solid #edf2f6; box-shadow: 0 1px 8px rgba(0,0,0,0.06); overflow: hidden; }\r\n.hs-card-header { padding: 14px 18px 10px; border-bottom: 1px solid #f0f4f8; }\r\n.hs-card-label { font-size: 10px; font-weight: 700; color: #8a9ab0; text-transform: uppercase; letter-spacing: 0.8px; line-height: 1.4; margin-bottom: 3px; }\r\n.hs-card-title { font-size: 14px; font-weight: 700; color: #1a3a5c; line-height: 1.35; }\r\n.hs-card-desc { font-size: 12px; color: #6b8090; font-weight: 500; line-height: 1.5; margin-top: 4px; }\r\n.hs-card-action { padding: 12px 18px; }\r\n\r\n.hs-btn-whatsapp { width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 13px 18px; border-radius: 50px; border: none; cursor: pointer; font-size: 13px; font-weight: 700; font-family: Montserrat, sans-serif; background: #25D366; color: #fff; line-height: 1.3; }\r\n.hs-btn-emergency { width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 13px 18px; border-radius: 50px; border: none; cursor: pointer; font-size: 13px; font-weight: 700; font-family: Montserrat, sans-serif; background: #E24B4A; color: #fff; line-height: 1.3; }\r\n\r\n.hs-divider { display: flex; align-items: center; gap: 10px; }\r\n.hs-divider-line { flex: 1; height: 1px; background: #dce6ed; }\r\n.hs-divider-text { font-size: 10px; font-weight: 600; color: #a0b0bc; text-transform: uppercase; letter-spacing: 0.8px; white-space: nowrap; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"hs-phone\">\r\n\r\n <div class=\"hs-header\">\r\n <div class=\"hs-logo\">\r\n <div class=\"hs-logo-icon\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a3a5c\" stroke-width=\"2\"><circle cx=\"12\" cy=\"10\" r=\"3\"\/><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"hs-logo-name\">Another Iceland<\/div>\r\n <div class=\"hs-logo-sub\">Need Help?<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hs-hamburger\"><span><\/span><span><\/span><span><\/span><\/div>\r\n <\/div>\r\n\r\n <div class=\"hs-content\">\r\n\r\n <div class=\"hs-page-header\">\r\n <div class=\"hs-page-icon\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13.1 19.79 19.79 0 0 1 1.59 4.5 2 2 0 0 1 3.56 2.34h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.09 6.09l.89-.89a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 21.73 17z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"hs-page-title\">Need Help?<\/div>\r\n <div class=\"hs-page-sub\">We're here for you throughout your trip \u2014<br>any question, any time.<\/div>\r\n <\/div>\r\n\r\n <div class=\"hs-card\">\r\n <div class=\"hs-card-header\">\r\n <div class=\"hs-card-label\">Another Iceland team<\/div>\r\n <div class=\"hs-card-title\">Contact us on WhatsApp<\/div>\r\n <div class=\"hs-card-desc\">Questions about your itinerary, activities, hotels or anything else \u2014 we've got you covered.<\/div>\r\n <\/div>\r\n <div class=\"hs-card-action\">\r\n <button class=\"hs-btn-whatsapp\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413z\"\/><\/svg>\r\n Send us a WhatsApp\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hs-divider\">\r\n <div class=\"hs-divider-line\"><\/div>\r\n <div class=\"hs-divider-text\">Emergency<\/div>\r\n <div class=\"hs-divider-line\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"hs-card\">\r\n <div class=\"hs-card-header\">\r\n <div class=\"hs-card-label\">Icelandic authorities<\/div>\r\n <div class=\"hs-card-title\">Emergency line \u2014 112<\/div>\r\n <div class=\"hs-card-desc\">Police, ambulance and search & rescue. Available 24\/7 across Iceland.<\/div>\r\n <\/div>\r\n <div class=\"hs-card-action\">\r\n <button class=\"hs-btn-emergency\">\r\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13.1 19.79 19.79 0 0 1 1.59 4.5 2 2 0 0 1 3.56 2.34h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.09 6.09l.89-.89a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 21.73 17z\"\/><\/svg>\r\n Call 112\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8c15f25 e-con-full e-flex e-con e-parent\" data-id=\"8c15f25\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a4c9db1 elementor-widget elementor-widget-html\" data-id=\"a4c9db1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\" dir=\"ltr\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Another Iceland \u2014 Menu<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\nbody { background: #e8eef4; display: flex; justify-content: center; min-height: 100vh; padding: 24px 16px; font-family: Montserrat, sans-serif; }\r\n\r\n.mn-phone { width: 390px; background: #f4f7fa; border-radius: 24px; box-shadow: 0 8px 40px rgba(0,0,0,0.14); overflow: hidden; position: relative; }\r\n\r\n\/* Dimmed background behind menu *\/\r\n.mn-backdrop { position: absolute; inset: 0; background: rgba(15,30,50,0.45); z-index: 1; border-radius: 24px; }\r\n\r\n\/* Slide-in menu panel from left *\/\r\n.mn-panel {\r\n position: absolute; top: 0; left: 0; bottom: 0;\r\n width: 300px; background: #fff;\r\n z-index: 2; display: flex; flex-direction: column;\r\n border-radius: 24px 0 0 24px;\r\n overflow: hidden;\r\n}\r\n\r\n\/* Menu header *\/\r\n.mn-header {\r\n background: #1a3a5c; padding: 16px 18px;\r\n display: flex; align-items: center; justify-content: space-between;\r\n}\r\n.mn-header-title { font-size: 15px; font-weight: 700; color: #fff; line-height: 1.3; }\r\n.mn-close {\r\n width: 30px; height: 30px; border-radius: 50%;\r\n background: rgba(255,255,255,0.15); border: none; cursor: pointer;\r\n display: flex; align-items: center; justify-content: center; color: #fff;\r\n}\r\n\r\n\/* Menu items *\/\r\n.mn-items { flex: 1; overflow-y: auto; padding: 8px 0; scrollbar-width: none; }\r\n.mn-items::-webkit-scrollbar { display: none; }\r\n\r\n.mn-item {\r\n display: flex; align-items: center; gap: 14px;\r\n padding: 13px 20px; cursor: pointer;\r\n border-bottom: 1px solid #f5f7fa;\r\n transition: background 0.15s;\r\n}\r\n.mn-item:last-child { border-bottom: none; }\r\n.mn-item:hover { background: #f4f7fa; }\r\n.mn-item-icon {\r\n width: 34px; height: 34px; border-radius: 10px;\r\n background: #e6f1fb; display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0; color: #185FA5;\r\n}\r\n.mn-item-label { font-size: 13px; font-weight: 600; color: #1a3a5c; line-height: 1.3; }\r\n.mn-item-arrow { margin-left: auto; color: #c0cdd8; }\r\n\r\n\/* Version + logout *\/\r\n.mn-footer { padding: 12px 20px 20px; border-top: 1px solid #edf2f6; }\r\n.mn-version { font-size: 10px; color: #b0bec8; font-weight: 500; text-align: center; margin-bottom: 12px; }\r\n.mn-logout {\r\n display: flex; align-items: center; gap: 10px;\r\n padding: 11px 14px; border-radius: 10px; cursor: pointer;\r\n background: #fff5f5; border: 1px solid #fdd;\r\n}\r\n.mn-logout-label { font-size: 13px; font-weight: 600; color: #E24B4A; line-height: 1.3; }\r\n\r\n\/* App preview behind menu *\/\r\n.mn-app-preview {\r\n width: 100%; height: 680px;\r\n background: #f4f7fa;\r\n}\r\n.mn-preview-header { background: #1a3a5c; padding: 14px 18px; display: flex; justify-content: space-between; align-items: center; }\r\n.mn-preview-logo { display: flex; align-items: center; gap: 10px; }\r\n.mn-preview-logo-icon { width: 32px; height: 32px; background: #fff; border-radius: 8px; display: flex; align-items: center; justify-content: center; }\r\n.mn-preview-logo-name { font-size: 13px; font-weight: 700; color: #fff; }\r\n.mn-preview-logo-sub { font-size: 10px; color: rgba(255,255,255,0.55); margin-top: 2px; }\r\n.mn-preview-map { background: #b8d4e0; height: 220px; }\r\n.mn-preview-content { padding: 16px 18px; }\r\n.mn-preview-title { font-size: 15px; font-weight: 700; color: #1a3a5c; margin-bottom: 8px; }\r\n.mn-preview-meta { display: flex; gap: 14px; }\r\n.mn-preview-meta-item { font-size: 12px; color: #6b8090; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"mn-phone\">\r\n\r\n \r\n <div class=\"mn-app-preview\">\r\n <div class=\"mn-preview-header\">\r\n <div class=\"mn-preview-logo\">\r\n <div class=\"mn-preview-logo-icon\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a3a5c\" stroke-width=\"2\"><circle cx=\"12\" cy=\"10\" r=\"3\"\/><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"mn-preview-logo-name\">Another Iceland<\/div>\r\n <div class=\"mn-preview-logo-sub\">My Itinerary<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mn-preview-map\"><\/div>\r\n <div class=\"mn-preview-content\">\r\n <div class=\"mn-preview-title\">Iceland Full Circle \u2014 Highlands & Beyond<\/div>\r\n <div class=\"mn-preview-meta\">\r\n <div class=\"mn-preview-meta-item\">14 Days<\/div>\r\n <div class=\"mn-preview-meta-item\">Yoram<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mn-backdrop\"><\/div>\r\n\r\n \r\n <div class=\"mn-panel\">\r\n <div class=\"mn-header\">\r\n <div class=\"mn-header-title\">Main Menu<\/div>\r\n <button class=\"mn-close\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"mn-items\">\r\n\r\n <div class=\"mn-item\">\r\n <div class=\"mn-item-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"10\" r=\"3\"\/><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z\"\/><\/svg><\/div>\r\n <div class=\"mn-item-label\">My Itinerary<\/div>\r\n <div class=\"mn-item-arrow\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/div>\r\n <\/div>\r\n\r\n <div class=\"mn-item\">\r\n <div class=\"mn-item-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"\/><path d=\"M13.73 21a2 2 0 0 1-3.46 0\"\/><\/svg><\/div>\r\n <div class=\"mn-item-label\">My Accommodation<\/div>\r\n <div class=\"mn-item-arrow\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/div>\r\n <\/div>\r\n\r\n <div class=\"mn-item\">\r\n <div class=\"mn-item-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"2\" y=\"10\" width=\"20\" height=\"7\" rx=\"1\"\/><path d=\"M5 10V8a1 1 0 0 1 1-1h5l3 3\"\/><path d=\"M13 7h3l3 3\"\/><circle cx=\"7\" cy=\"17.5\" r=\"1.5\"\/><circle cx=\"17\" cy=\"17.5\" r=\"1.5\"\/><\/svg><\/div>\r\n <div class=\"mn-item-label\">My Car<\/div>\r\n <div class=\"mn-item-arrow\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/div>\r\n <\/div>\r\n\r\n <div class=\"mn-item\">\r\n <div class=\"mn-item-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><\/div>\r\n <div class=\"mn-item-label\">My Activities<\/div>\r\n <div class=\"mn-item-arrow\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/div>\r\n <\/div>\r\n\r\n <div class=\"mn-item\">\r\n <div class=\"mn-item-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg><\/div>\r\n <div class=\"mn-item-label\">Trip PDF<\/div>\r\n <div class=\"mn-item-arrow\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/div>\r\n <\/div>\r\n\r\n <div class=\"mn-item\">\r\n <div class=\"mn-item-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg><\/div>\r\n <div class=\"mn-item-label\">Important Info<\/div>\r\n <div class=\"mn-item-arrow\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/div>\r\n <\/div>\r\n\r\n <div class=\"mn-item\">\r\n <div class=\"mn-item-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13.1 19.79 19.79 0 0 1 1.59 4.5 2 2 0 0 1 3.56 2.34h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.09 6.09l.89-.89a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 21.73 17z\"\/><\/svg><\/div>\r\n <div class=\"mn-item-label\">Need Help?<\/div>\r\n <div class=\"mn-item-arrow\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/div>\r\n <\/div>\r\n\r\n <div class=\"mn-item\">\r\n <div class=\"mn-item-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div>\r\n <div class=\"mn-item-label\">Iceland Safety Guide<\/div>\r\n <div class=\"mn-item-arrow\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/div>\r\n <\/div>\r\n\r\n <div class=\"mn-item\">\r\n <div class=\"mn-item-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M9 11l3 3L22 4\"\/><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"\/><\/svg><\/div>\r\n <div class=\"mn-item-label\">Packing List<\/div>\r\n <div class=\"mn-item-arrow\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/div>\r\n <\/div>\r\n\r\n <div class=\"mn-item\">\r\n <div class=\"mn-item-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg><\/div>\r\n <div class=\"mn-item-label\">Add to Home Screen<\/div>\r\n <div class=\"mn-item-arrow\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"mn-footer\">\r\n <div class=\"mn-version\">v. 1.6.1<\/div>\r\n <div class=\"mn-logout\">\r\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E24B4A\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4\"\/><polyline points=\"16 17 21 12 16 7\"\/><line x1=\"21\" y1=\"12\" x2=\"9\" y2=\"12\"\/><\/svg>\r\n <div class=\"mn-logout-label\">Sign Out<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4174bfb e-con-full e-flex e-con e-parent\" data-id=\"4174bfb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e231cbc elementor-widget elementor-widget-html\" data-id=\"e231cbc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\" dir=\"ltr\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Another Iceland \u2014 Important Info<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\nbody { background: #e8eef4; display: flex; justify-content: center; min-height: 100vh; padding: 24px 16px; font-family: Montserrat, sans-serif; }\r\n\r\n.ii-phone { width: 390px; background: #f4f7fa; border-radius: 24px; box-shadow: 0 8px 40px rgba(0,0,0,0.14); overflow: hidden; }\r\n\r\n.ii-header { background: #1a3a5c; padding: 14px 18px; display: flex; justify-content: space-between; align-items: center; }\r\n.ii-logo { display: flex; align-items: center; gap: 10px; }\r\n.ii-logo-icon { width: 32px; height: 32px; background: #fff; border-radius: 8px; display: flex; align-items: center; justify-content: center; }\r\n.ii-logo-name { font-size: 13px; font-weight: 700; color: #fff; line-height: 1.3; }\r\n.ii-logo-sub { font-size: 10px; color: rgba(255,255,255,0.55); line-height: 1.3; margin-top: 2px; }\r\n.ii-hamburger { display: flex; flex-direction: column; gap: 4px; cursor: pointer; }\r\n.ii-hamburger span { display: block; height: 2px; background: rgba(255,255,255,0.8); border-radius: 2px; }\r\n.ii-hamburger span:nth-child(1) { width: 20px; }\r\n.ii-hamburger span:nth-child(2) { width: 14px; }\r\n.ii-hamburger span:nth-child(3) { width: 20px; }\r\n\r\n.ii-page-title { background: #fff; padding: 14px 18px; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid #edf2f6; }\r\n.ii-page-title svg { color: #185FA5; flex-shrink: 0; }\r\n.ii-page-title span { font-size: 15px; font-weight: 700; color: #1a3a5c; }\r\n\r\n.ii-content { padding: 14px 14px 28px; display: flex; flex-direction: column; gap: 10px; overflow-y: auto; scrollbar-width: none; }\r\n.ii-content::-webkit-scrollbar { display: none; }\r\n\r\n.ii-card { background: #fff; border-radius: 14px; border: 1px solid #edf2f6; box-shadow: 0 1px 6px rgba(0,0,0,0.05); overflow: hidden; }\r\n\r\n.ii-card-header { padding: 12px 16px 10px; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid #f0f4f8; cursor: pointer; }\r\n.ii-card-icon { width: 32px; height: 32px; border-radius: 9px; background: #e6f1fb; display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: #185FA5; }\r\n.ii-card-title { font-size: 13px; font-weight: 700; color: #1a3a5c; line-height: 1.3; flex: 1; }\r\n.ii-card-chevron { color: #b5d4f4; flex-shrink: 0; }\r\n\r\n.ii-card-body { padding: 12px 16px 14px; }\r\n.ii-text { font-size: 12px; color: #4a5a68; font-weight: 400; line-height: 1.75; }\r\n.ii-text strong { color: #1a3a5c; font-weight: 700; }\r\n.ii-text a { color: #185FA5; font-weight: 600; text-decoration: none; }\r\n\r\n.ii-list { margin-top: 8px; display: flex; flex-direction: column; gap: 6px; }\r\n.ii-list-item { display: flex; align-items: flex-start; gap: 8px; font-size: 12px; color: #4a5a68; line-height: 1.65; }\r\n.ii-dot { width: 5px; height: 5px; border-radius: 50%; background: #185FA5; flex-shrink: 0; margin-top: 6px; }\r\n\r\n.ii-tip { background: #f0f6ff; border-radius: 9px; padding: 10px 12px; margin-top: 10px; display: flex; align-items: flex-start; gap: 8px; }\r\n.ii-tip svg { color: #FF9200; flex-shrink: 0; margin-top: 1px; }\r\n.ii-tip-text { font-size: 11px; color: #3a5a78; font-weight: 500; line-height: 1.6; }\r\n\r\n.ii-footer { text-align: center; padding: 8px 18px 4px; font-size: 11px; color: #8a9ab0; font-weight: 500; line-height: 1.6; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"ii-phone\">\r\n\r\n <div class=\"ii-header\">\r\n <div class=\"ii-logo\">\r\n <div class=\"ii-logo-icon\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a3a5c\" stroke-width=\"2\"><circle cx=\"12\" cy=\"10\" r=\"3\"\/><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"ii-logo-name\">Another Iceland<\/div>\r\n <div class=\"ii-logo-sub\">Important Info<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"ii-hamburger\"><span><\/span><span><\/span><span><\/span><\/div>\r\n <\/div>\r\n\r\n <div class=\"ii-page-title\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\r\n <span>Important Info<\/span>\r\n <\/div>\r\n\r\n <div class=\"ii-content\">\r\n\r\n \r\n <div class=\"ii-card\">\r\n <div class=\"ii-card-header\">\r\n <div class=\"ii-card-icon\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg><\/div>\r\n <div class=\"ii-card-title\">Before You Go<\/div>\r\n <div class=\"ii-card-chevron\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/div>\r\n <\/div>\r\n <div class=\"ii-card-body\">\r\n <div class=\"ii-text\">Most nationalities (US, UK, EU, Australia, Canada, NZ) do not need a visa for Iceland. Make sure your passport is valid for at least 6 months beyond your return date.<\/div>\r\n <div class=\"ii-list\">\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>Your regular driver's license is valid in Iceland \u2014 no international license required.<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>Travel insurance with medical coverage is strongly recommended.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"ii-card\">\r\n <div class=\"ii-card-header\">\r\n <div class=\"ii-card-icon\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"5\"\/><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"\/><line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"\/><line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"\/><line x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"\/><line x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"\/><line x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"\/><\/svg><\/div>\r\n <div class=\"ii-card-title\">Weather<\/div>\r\n <div class=\"ii-card-chevron\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/div>\r\n <\/div>\r\n <div class=\"ii-card-body\">\r\n <div class=\"ii-text\">Iceland's weather is mild but unpredictable. Warm Atlantic currents keep winters manageable, but wind is the real challenge year-round \u2014 even on sunny days.<\/div>\r\n <div class=\"ii-tip\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\r\n <div class=\"ii-tip-text\">Check <strong>vedur.is<\/strong> daily \u2014 the official Icelandic Met Office for forecasts.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"ii-card\">\r\n <div class=\"ii-card-header\">\r\n <div class=\"ii-card-icon\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 7H4a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2z\"\/><path d=\"M16 7V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2\"\/><\/svg><\/div>\r\n <div class=\"ii-card-title\">What to Pack<\/div>\r\n <div class=\"ii-card-chevron\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/div>\r\n <\/div>\r\n <div class=\"ii-card-body\">\r\n <div class=\"ii-text\">Layer up \u2014 the \"onion method\" works best in Iceland. Add or remove layers as conditions change.<\/div>\r\n <div class=\"ii-list\">\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>Waterproof windproof outer shell<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>Fleece or warm mid-layer<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>Hat, gloves and ear cover<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>Waterproof hiking boots with good grip<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>Swimwear (for geothermal pools)<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>Sunscreen SPF 30+ and sunglasses<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"ii-card\">\r\n <div class=\"ii-card-header\">\r\n <div class=\"ii-card-icon\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"2\" y=\"10\" width=\"20\" height=\"7\" rx=\"1\"\/><path d=\"M5 10V8a1 1 0 0 1 1-1h5l3 3\"\/><path d=\"M13 7h3l3 3\"\/><circle cx=\"7\" cy=\"17.5\" r=\"1.5\"\/><circle cx=\"17\" cy=\"17.5\" r=\"1.5\"\/><\/svg><\/div>\r\n <div class=\"ii-card-title\">Driving in Iceland<\/div>\r\n <div class=\"ii-card-chevron\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/div>\r\n <\/div>\r\n <div class=\"ii-card-body\">\r\n <div class=\"ii-list\">\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>Headlights and seatbelts are mandatory at all times.<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>Speed cameras are common \u2014 strictly obey limits.<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>Watch out for sheep crossing roads, especially in early summer.<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>F-roads (highlands) require a 4WD vehicle \u2014 never drive a regular car on them.<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>Zero tolerance for drink driving.<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>Strong gusts can rip car doors off \u2014 open carefully.<\/div>\r\n <\/div>\r\n <div class=\"ii-tip\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\r\n <div class=\"ii-tip-text\">Road conditions at <strong>road.is<\/strong> \u00b7 Safety alerts at <strong>safetravel.is<\/strong><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"ii-card\">\r\n <div class=\"ii-card-header\">\r\n <div class=\"ii-card-icon\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg><\/div>\r\n <div class=\"ii-card-title\">Money & Payments<\/div>\r\n <div class=\"ii-card-chevron\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/div>\r\n <\/div>\r\n <div class=\"ii-card-body\">\r\n <div class=\"ii-list\">\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>Currency is the Icelandic Kr\u00f3na (ISK). Foreign currencies are not accepted.<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>Visa and Mastercard accepted virtually everywhere.<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>ATMs are widely available. Banks open Mon\u2013Fri 10:00\u201316:00.<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>VAT refund on purchases over ~6,000 ISK (~$45). Ask for a Tax-Free form in-store, claim refund at the airport.<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>Tipping is not expected, but 10% for exceptional service is appreciated.<\/div>\r\n <\/div>\r\n <div class=\"ii-tip\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\r\n <div class=\"ii-tip-text\">Duty-free at the airport arrival hall has the best alcohol prices in Iceland \u2014 stock up on arrival.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"ii-card\">\r\n <div class=\"ii-card-header\">\r\n <div class=\"ii-card-icon\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M9 17V7h4a3 3 0 0 1 0 6H9\"\/><\/svg><\/div>\r\n <div class=\"ii-card-title\">Parking<\/div>\r\n <div class=\"ii-card-chevron\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/div>\r\n <\/div>\r\n <div class=\"ii-card-body\">\r\n <div class=\"ii-text\">Most paid parking lots in Iceland use the <strong>Parka.is<\/strong> app \u2014 available on iOS and Android.<\/div>\r\n <div class=\"ii-list\">\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>Pay by international credit card \u2014 no printed receipt needed.<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>The system recognises your plate number automatically.<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>Also covers road tolls and some nature site fees.<\/div>\r\n <\/div>\r\n <div class=\"ii-tip\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\r\n <div class=\"ii-tip-text\">Download <strong>Parka.is<\/strong> before you leave \u2014 it saves time at the first stop.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"ii-card\">\r\n <div class=\"ii-card-header\">\r\n <div class=\"ii-card-icon\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 22V8a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v14\"\/><path d=\"M17 10h1a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-1\"\/><line x1=\"3\" y1=\"22\" x2=\"21\" y2=\"22\"\/><line x1=\"7\" y1=\"10\" x2=\"13\" y2=\"10\"\/><\/svg><\/div>\r\n <div class=\"ii-card-title\">Fuel<\/div>\r\n <div class=\"ii-card-chevron\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/div>\r\n <\/div>\r\n <div class=\"ii-card-body\">\r\n <div class=\"ii-text\">Many stations are self-service 24\/7 \u2014 you'll need a credit card with a PIN. When heading into remote areas, fill up at every opportunity.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"ii-card\">\r\n <div class=\"ii-card-header\">\r\n <div class=\"ii-card-icon\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 11l19-9-9 19-2-8-8-2z\"\/><\/svg><\/div>\r\n <div class=\"ii-card-title\">Food & Eating Out<\/div>\r\n <div class=\"ii-card-chevron\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/div>\r\n <\/div>\r\n <div class=\"ii-card-body\">\r\n <div class=\"ii-list\">\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>Dining out is expensive \u2014 expect $35\u201355 per person at a sit-down restaurant.<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>The local hot dog (Pylsur) is a cheap, filling classic \u2014 around $5\u20136.<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>Best budget supermarkets: <strong>Kr\u00f3nan<\/strong> and <strong>B\u00f3nus<\/strong>.<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>Tap water is among the purest in the world \u2014 no need to buy bottled water.<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div>Hot tap water is geothermally heated and may smell of sulphur \u2014 this is normal and safe.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"ii-card\">\r\n <div class=\"ii-card-header\">\r\n <div class=\"ii-card-icon\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg><\/div>\r\n <div class=\"ii-card-title\">Practicalities<\/div>\r\n <div class=\"ii-card-chevron\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/div>\r\n <\/div>\r\n <div class=\"ii-card-body\">\r\n <div class=\"ii-list\">\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div><strong>Electricity:<\/strong> 220V, European Type C\/F plugs. Bring an adapter.<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div><strong>Language:<\/strong> English is spoken fluently across Iceland.<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div><strong>SIM cards:<\/strong> Available at the airport duty-free and at petrol stations.<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div><strong>WiFi:<\/strong> Available at most hotels, caf\u00e9s and restaurants.<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div><strong>Hotel check-in:<\/strong> From 14:00 \u00b7 Check-out by 12:00.<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\"><\/div><strong>Laundry:<\/strong> Hotels rarely have laundry facilities \u2014 self-service laundromats are available in larger towns.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"ii-card\">\r\n <div class=\"ii-card-header\">\r\n <div class=\"ii-card-icon\" style=\"background:#fff0f0;color:#E24B4A;\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polygon points=\"7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg><\/div>\r\n <div class=\"ii-card-title\" style=\"color:#E24B4A;\">Emergency<\/div>\r\n <div class=\"ii-card-chevron\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/div>\r\n <\/div>\r\n <div class=\"ii-card-body\">\r\n <div class=\"ii-list\">\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\" style=\"background:#E24B4A;\"><\/div><strong>Emergency number: 112<\/strong> \u2014 Police, ambulance, search & rescue.<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\" style=\"background:#E24B4A;\"><\/div>Pharmacies (Ap\u00f3tek) generally open 09:00\u201317:00.<\/div>\r\n <div class=\"ii-list-item\"><div class=\"ii-dot\" style=\"background:#E24B4A;\"><\/div>Healthcare is excellent but costly \u2014 ensure your travel insurance includes medical cover.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ii-footer\">The Another Iceland team wishes you an unforgettable journey. \ud83c\uddee\ud83c\uddf8<\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bbabcf9 e-con-full e-flex e-con e-parent\" data-id=\"bbabcf9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-73848ad elementor-widget elementor-widget-html\" data-id=\"73848ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\" dir=\"ltr\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Another Iceland \u2014 Packing List<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\nbody { background: #e8eef4; display: flex; justify-content: center; min-height: 100vh; padding: 24px 16px; font-family: Montserrat, sans-serif; }\r\n\r\n.pl-phone { width: 390px; background: #f4f7fa; border-radius: 24px; box-shadow: 0 8px 40px rgba(0,0,0,0.14); overflow: hidden; }\r\n\r\n.pl-header { background: #1a3a5c; padding: 14px 18px; display: flex; justify-content: space-between; align-items: center; }\r\n.pl-logo { display: flex; align-items: center; gap: 10px; }\r\n.pl-logo-icon { width: 32px; height: 32px; background: #fff; border-radius: 8px; display: flex; align-items: center; justify-content: center; }\r\n.pl-logo-name { font-size: 13px; font-weight: 700; color: #fff; line-height: 1.3; }\r\n.pl-logo-sub { font-size: 10px; color: rgba(255,255,255,0.55); line-height: 1.3; margin-top: 2px; }\r\n.pl-hamburger { display: flex; flex-direction: column; gap: 4px; cursor: pointer; }\r\n.pl-hamburger span { display: block; height: 2px; background: rgba(255,255,255,0.8); border-radius: 2px; }\r\n.pl-hamburger span:nth-child(1) { width: 20px; }\r\n.pl-hamburger span:nth-child(2) { width: 14px; }\r\n.pl-hamburger span:nth-child(3) { width: 20px; }\r\n\r\n.pl-page-title { background: #fff; padding: 14px 18px; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid #edf2f6; }\r\n.pl-page-title svg { color: #185FA5; flex-shrink: 0; }\r\n.pl-page-title span { font-size: 15px; font-weight: 700; color: #1a3a5c; }\r\n\r\n.pl-content { padding: 14px 14px 28px; display: flex; flex-direction: column; gap: 10px; overflow-y: auto; scrollbar-width: none; }\r\n.pl-content::-webkit-scrollbar { display: none; }\r\n\r\n\/* Intro *\/\r\n.pl-intro { background: #1a3a5c; border-radius: 14px; padding: 14px 16px; display: flex; gap: 12px; align-items: flex-start; }\r\n.pl-intro svg { color: rgba(255,255,255,0.7); flex-shrink: 0; margin-top: 2px; }\r\n.pl-intro-text { font-size: 12px; color: rgba(255,255,255,0.85); font-weight: 500; line-height: 1.7; }\r\n\r\n\/* Card *\/\r\n.pl-card { background: #fff; border-radius: 14px; border: 1px solid #edf2f6; box-shadow: 0 1px 6px rgba(0,0,0,0.05); overflow: hidden; }\r\n.pl-card-header { padding: 12px 16px 10px; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid #f0f4f8; }\r\n.pl-card-icon { width: 32px; height: 32px; border-radius: 9px; background: #e6f1fb; display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: #185FA5; }\r\n.pl-card-title { font-size: 13px; font-weight: 700; color: #1a3a5c; line-height: 1.3; }\r\n\r\n.pl-items { padding: 8px 16px 14px; display: flex; flex-direction: column; }\r\n.pl-item { display: flex; align-items: center; gap: 12px; padding: 9px 0; border-bottom: 1px solid #f5f7fa; cursor: pointer; }\r\n.pl-item:last-child { border-bottom: none; }\r\n.pl-checkbox { width: 20px; height: 20px; border-radius: 6px; border: 1.5px solid #c8d8e8; background: #fff; flex-shrink: 0; display: flex; align-items: center; justify-content: center; transition: all 0.15s; }\r\n.pl-checkbox.checked { background: #185FA5; border-color: #185FA5; }\r\n.pl-item-label { font-size: 12px; color: #2a3d52; font-weight: 500; line-height: 1.4; flex: 1; }\r\n.pl-item-label.checked { color: #a0b4c4; text-decoration: line-through; }\r\n\r\n\/* Tip *\/\r\n.pl-tip { background: #fff8ee; border-radius: 12px; padding: 11px 14px; display: flex; align-items: flex-start; gap: 8px; border: 1px solid #ffe4b0; }\r\n.pl-tip svg { color: #FF9200; flex-shrink: 0; margin-top: 1px; }\r\n.pl-tip-text { font-size: 11px; color: #7a5500; font-weight: 500; line-height: 1.65; }\r\n\r\n\/* Progress *\/\r\n.pl-progress-wrap { background: #fff; border-radius: 14px; border: 1px solid #edf2f6; padding: 14px 16px; }\r\n.pl-progress-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }\r\n.pl-progress-label { font-size: 11px; font-weight: 700; color: #1a3a5c; }\r\n.pl-progress-count { font-size: 11px; font-weight: 600; color: #185FA5; }\r\n.pl-progress-bar { height: 6px; background: #e6f1fb; border-radius: 10px; overflow: hidden; }\r\n.pl-progress-fill { height: 100%; background: #185FA5; border-radius: 10px; width: 0%; transition: width 0.3s ease; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"pl-phone\">\r\n\r\n <div class=\"pl-header\">\r\n <div class=\"pl-logo\">\r\n <div class=\"pl-logo-icon\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a3a5c\" stroke-width=\"2\"><circle cx=\"12\" cy=\"10\" r=\"3\"\/><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"pl-logo-name\">Another Iceland<\/div>\r\n <div class=\"pl-logo-sub\">Packing List<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pl-hamburger\"><span><\/span><span><\/span><span><\/span><\/div>\r\n <\/div>\r\n\r\n <div class=\"pl-page-title\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M9 11l3 3L22 4\"\/><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"\/><\/svg>\r\n <span>Packing List<\/span>\r\n <\/div>\r\n\r\n <div class=\"pl-content\">\r\n\r\n \r\n <div class=\"pl-intro\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"5\"\/><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"\/><line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"\/><line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"\/><line x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"\/><line x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"\/><line x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"\/><\/svg>\r\n <div class=\"pl-intro-text\">Iceland's weather changes fast \u2014 be ready for sun, rain and wind all in one day. Pack in layers and you'll be comfortable whatever the day brings.<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"pl-progress-wrap\">\r\n <div class=\"pl-progress-top\">\r\n <div class=\"pl-progress-label\">Packing progress<\/div>\r\n <div class=\"pl-progress-count\" id=\"pl-count\">0 \/ 20<\/div>\r\n <\/div>\r\n <div class=\"pl-progress-bar\">\r\n <div class=\"pl-progress-fill\" id=\"pl-bar\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"pl-card\">\r\n <div class=\"pl-card-header\">\r\n <div class=\"pl-card-icon\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20.38 3.46L16 2a4 4 0 0 1-8 0L3.62 3.46a2 2 0 0 0-1.34 2.23l.58 3.57a1 1 0 0 0 .99.84H6v10c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2V10h2.15a1 1 0 0 0 .99-.84l.58-3.57a2 2 0 0 0-1.34-2.23z\"\/><\/svg><\/div>\r\n <div class=\"pl-card-title\">Clothing<\/div>\r\n <\/div>\r\n <div class=\"pl-items\">\r\n <div class=\"pl-item\" onclick=\"toggle(this)\"><div class=\"pl-checkbox\"><\/div><div class=\"pl-item-label\">Waterproof windproof outer shell<\/div><\/div>\r\n <div class=\"pl-item\" onclick=\"toggle(this)\"><div class=\"pl-checkbox\"><\/div><div class=\"pl-item-label\">Fleece or lightweight wool sweater<\/div><\/div>\r\n <div class=\"pl-item\" onclick=\"toggle(this)\"><div class=\"pl-checkbox\"><\/div><div class=\"pl-item-label\">Waterproof rain trousers<\/div><\/div>\r\n <div class=\"pl-item\" onclick=\"toggle(this)\"><div class=\"pl-checkbox\"><\/div><div class=\"pl-item-label\">Thermal base layer (top & bottom)<\/div><\/div>\r\n <div class=\"pl-item\" onclick=\"toggle(this)\"><div class=\"pl-checkbox\"><\/div><div class=\"pl-item-label\">Long trousers (waterproof preferred)<\/div><\/div>\r\n <div class=\"pl-item\" onclick=\"toggle(this)\"><div class=\"pl-checkbox\"><\/div><div class=\"pl-item-label\">Wool or thermal socks<\/div><\/div>\r\n <div class=\"pl-item\" onclick=\"toggle(this)\"><div class=\"pl-checkbox\"><\/div><div class=\"pl-item-label\">Gloves<\/div><\/div>\r\n <div class=\"pl-item\" onclick=\"toggle(this)\"><div class=\"pl-checkbox\"><\/div><div class=\"pl-item-label\">Wool hat or beanie<\/div><\/div>\r\n <div class=\"pl-item\" onclick=\"toggle(this)\"><div class=\"pl-checkbox\"><\/div><div class=\"pl-item-label\">Scarf or neck warmer<\/div><\/div>\r\n <div class=\"pl-item\" onclick=\"toggle(this)\"><div class=\"pl-checkbox\"><\/div><div class=\"pl-item-label\">Swimwear (for hot springs & pools)<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"pl-card\">\r\n <div class=\"pl-card-header\">\r\n <div class=\"pl-card-icon\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 7h18v13a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7z\"\/><path d=\"M3 7l2-4h14l2 4\"\/><\/svg><\/div>\r\n <div class=\"pl-card-title\">Footwear<\/div>\r\n <\/div>\r\n <div class=\"pl-items\">\r\n <div class=\"pl-item\" onclick=\"toggle(this)\"><div class=\"pl-checkbox\"><\/div><div class=\"pl-item-label\">Sturdy waterproof hiking boots with good grip<\/div><\/div>\r\n <div class=\"pl-item\" onclick=\"toggle(this)\"><div class=\"pl-checkbox\"><\/div><div class=\"pl-item-label\">Comfortable everyday shoes or trainers<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"pl-card\">\r\n <div class=\"pl-card-header\">\r\n <div class=\"pl-card-icon\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 7H4a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2z\"\/><path d=\"M16 7V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2\"\/><\/svg><\/div>\r\n <div class=\"pl-card-title\">Accessories & Gear<\/div>\r\n <\/div>\r\n <div class=\"pl-items\">\r\n <div class=\"pl-item\" onclick=\"toggle(this)\"><div class=\"pl-checkbox\"><\/div><div class=\"pl-item-label\">Sunglasses<\/div><\/div>\r\n <div class=\"pl-item\" onclick=\"toggle(this)\"><div class=\"pl-checkbox\"><\/div><div class=\"pl-item-label\">Sunscreen SPF 30+<\/div><\/div>\r\n <div class=\"pl-item\" onclick=\"toggle(this)\"><div class=\"pl-checkbox\"><\/div><div class=\"pl-item-label\">Sleep mask (for the midnight sun in summer)<\/div><\/div>\r\n <div class=\"pl-item\" onclick=\"toggle(this)\"><div class=\"pl-checkbox\"><\/div><div class=\"pl-item-label\">Reusable water bottle (tap water is excellent)<\/div><\/div>\r\n <div class=\"pl-item\" onclick=\"toggle(this)\"><div class=\"pl-checkbox\"><\/div><div class=\"pl-item-label\">Thermos flask<\/div><\/div>\r\n <div class=\"pl-item\" onclick=\"toggle(this)\"><div class=\"pl-checkbox\"><\/div><div class=\"pl-item-label\">Quick-dry towel (for pools \u2014 towels rentable on site)<\/div><\/div>\r\n <div class=\"pl-item\" onclick=\"toggle(this)\"><div class=\"pl-checkbox\"><\/div><div class=\"pl-item-label\">Reusable shopping bag<\/div><\/div>\r\n <div class=\"pl-item\" onclick=\"toggle(this)\"><div class=\"pl-checkbox\"><\/div><div class=\"pl-item-label\">Power adapter (Type C\/F, 220V)<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"pl-tip\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\r\n <div class=\"pl-tip-text\"><strong>Visiting Lake M\u00fdvatn in summer?<\/strong> Pack insect repellent or a head net \u2014 midges around the lake can be intense in June and July.<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\nvar total = document.querySelectorAll('.pl-item').length;\r\n\r\nfunction toggle(item) {\r\n var cb = item.querySelector('.pl-checkbox');\r\n var label = item.querySelector('.pl-item-label');\r\n cb.classList.toggle('checked');\r\n label.classList.toggle('checked');\r\n if (cb.classList.contains('checked')) {\r\n cb.innerHTML = '<svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>';\r\n } else {\r\n cb.innerHTML = '';\r\n }\r\n updateProgress();\r\n}\r\n\r\nfunction updateProgress() {\r\n var checked = document.querySelectorAll('.pl-checkbox.checked').length;\r\n var pct = Math.round((checked \/ total) * 100);\r\n document.getElementById('pl-count').textContent = checked + ' \/ ' + total;\r\n document.getElementById('pl-bar').style.width = pct + '%';\r\n}\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Navigation App Guide Another Iceland Navigation App \u2014 User Guide Everything you need to get started and make the most of your trip planner while in Iceland. Getting Started another-iceland.web.app Enter your booking number to…<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-6169","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.anothericeland.com\/de\/wp-json\/wp\/v2\/pages\/6169","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.anothericeland.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.anothericeland.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.anothericeland.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.anothericeland.com\/de\/wp-json\/wp\/v2\/comments?post=6169"}],"version-history":[{"count":124,"href":"https:\/\/www.anothericeland.com\/de\/wp-json\/wp\/v2\/pages\/6169\/revisions"}],"predecessor-version":[{"id":6813,"href":"https:\/\/www.anothericeland.com\/de\/wp-json\/wp\/v2\/pages\/6169\/revisions\/6813"}],"wp:attachment":[{"href":"https:\/\/www.anothericeland.com\/de\/wp-json\/wp\/v2\/media?parent=6169"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}