{"id":696,"date":"2025-12-12T16:19:44","date_gmt":"2025-12-12T16:19:44","guid":{"rendered":"https:\/\/moroccotravelsaharacamp.com\/?page_id=696"},"modified":"2025-12-19T17:41:49","modified_gmt":"2025-12-19T17:41:49","slug":"10-days-trek-from-marrakech-to-mhamid","status":"publish","type":"page","link":"https:\/\/moroccotravelsaharacamp.com\/es\/10-days-trek-from-marrakech-to-mhamid\/","title":{"rendered":"10 Days Trek from Marrakech to M&#8217;hamid"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"696\" class=\"elementor elementor-696\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dbd048f e-con-full e-flex e-con e-parent\" data-id=\"dbd048f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aaf784f elementor-widget elementor-widget-html\" data-id=\"aaf784f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\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    <title>10 Days Trek from Marrakech to M'hamid | Sahara Desert Walking Expedition via Ait Ben Haddou<\/title>\r\n    <meta name=\"description\" content=\"Book a 10-day trekking tour from Marrakech to M'hamid Sahara Desert via Ait Ben Haddou & Draa Valley. Experience extended desert walking, camel trekking, and authentic Berber camping.\">\r\n    <meta name=\"keywords\" content=\"10 Days Trek from Marrakech to M'hamid, Marrakech to M'hamid 10 day trek, Sahara desert trekking 10 days, extended desert walking tour, Ait Ben Haddou trek, Draa Valley trekking, M'hamid desert expedition, multi-day Sahara trek, Morocco desert adventure\">\r\n    \r\n    <!-- Fonts & Icons -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n    \r\n    <style>\r\n        \/* EXACT SAME CSS AS ORIGINAL - NO CHANGES *\/\r\n        #marrakech-mhamid-trek-wrapper * {\r\n            box-sizing: border-box !important;\r\n            margin: 0 !important;\r\n            padding: 0 !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper {\r\n            --primary-bg: #ffffff !important;\r\n            --card-bg: #ffffff !important;\r\n            --accent-color: #BF1A1A !important;\r\n            --accent-color-2: #FF6C0C !important;\r\n            --accent-light: #ffe4d6 !important;\r\n            --accent-dark: #a31616 !important;\r\n            --accent-gradient: linear-gradient(135deg, #BF1A1A, #FF6C0C) !important;\r\n            --text-primary: #1a1a1a !important;\r\n            --text-secondary: #555555 !important;\r\n            --border-color: rgba(191, 26, 26, 0.15) !important;\r\n            --radius-large: 16px !important;\r\n            --radius-medium: 12px !important;\r\n            --shadow-large: 0 10px 30px rgba(191, 26, 26, 0.15) !important;\r\n            --shadow-small: 0 5px 15px rgba(191, 26, 26, 0.1) !important;\r\n\r\n            font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\r\n            background: #ffffff !important;\r\n            color: var(--text-primary) !important;\r\n            line-height: 1.6 !important;\r\n            isolation: isolate !important;\r\n            position: relative !important;\r\n            z-index: 1 !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .container {\r\n            max-width: 1300px !important;\r\n            margin: 0 auto !important;\r\n            padding: 20px 18px 60px !important;\r\n        }\r\n\r\n        \/* Hero Section *\/\r\n        #marrakech-mhamid-trek-wrapper .hero-section {\r\n            display: grid !important;\r\n            grid-template-columns: minmax(0, 1.7fr) minmax(0, 1.3fr) !important;\r\n            gap: 24px !important;\r\n            align-items: stretch !important;\r\n            margin-bottom: 26px !important;\r\n        }\r\n\r\n        @media (max-width: 960px) {\r\n            #marrakech-mhamid-trek-wrapper .hero-section {\r\n                grid-template-columns: 1fr !important;\r\n            }\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .hero-content {\r\n            position: relative !important;\r\n            padding: 22px 24px 20px !important;\r\n            border-radius: var(--radius-large) !important;\r\n            background: linear-gradient(135deg, #fff8f3 0%, #ffffff 100%) !important;\r\n            box-shadow: var(--shadow-large) !important;\r\n            overflow: hidden !important;\r\n            border: 1px solid rgba(255, 108, 12, 0.1) !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .hero-content::after {\r\n            content: \"\" !important;\r\n            position: absolute !important;\r\n            width: 260px !important;\r\n            height: 260px !important;\r\n            border-radius: 999px !important;\r\n            background: radial-gradient(circle at center, rgba(255, 108, 12, 0.15), transparent 70%) !important;\r\n            top: -80px !important;\r\n            right: -120px !important;\r\n            opacity: 0.7 !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .route-badge {\r\n            display: inline-flex !important;\r\n            align-items: center !important;\r\n            gap: 8px !important;\r\n            padding: 6px 14px !important;\r\n            border-radius: 999px !important;\r\n            background: linear-gradient(135deg, #BF1A1A, #FF6C0C) !important;\r\n            color: #ffffff !important;\r\n            font-size: 0.75rem !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 0.16em !important;\r\n            margin-bottom: 12px !important;\r\n            position: relative !important;\r\n            z-index: 1 !important;\r\n            font-weight: 600 !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .hero-content h1 {\r\n            margin: 0 0 10px !important;\r\n            font-size: 30px !important;\r\n            font-weight: 800 !important;\r\n            letter-spacing: -0.02em !important;\r\n            position: relative !important;\r\n            z-index: 1 !important;\r\n            line-height: 1.2 !important;\r\n            color: #1a1a1a !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .hero-description {\r\n            margin: 0 0 18px !important;\r\n            color: var(--text-secondary) !important;\r\n            font-size: 1.05rem !important;\r\n            max-width: 38rem !important;\r\n            position: relative !important;\r\n            z-index: 1 !important;\r\n            line-height: 1.7 !important;\r\n        }\r\n\r\n        .keyword-highlight {\r\n            font-weight: 700 !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .transfer-details {\r\n            display: flex !important;\r\n            flex-wrap: wrap !important;\r\n            gap: 8px !important;\r\n            position: relative !important;\r\n            z-index: 1 !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .detail-pill {\r\n            display: inline-flex !important;\r\n            align-items: center !important;\r\n            gap: 6px !important;\r\n            font-size: 0.8rem !important;\r\n            padding: 8px 14px !important;\r\n            border-radius: 999px !important;\r\n            background: rgba(191, 26, 26, 0.08) !important;\r\n            color: #BF1A1A !important;\r\n            border: 1px solid rgba(191, 26, 26, 0.2) !important;\r\n            font-weight: 500 !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .detail-pill i {\r\n            color: #FF6C0C !important;\r\n        }\r\n\r\n        \/* Gallery Section *\/\r\n        #marrakech-mhamid-trek-wrapper .gallery-section {\r\n            display: grid !important;\r\n            gap: 10px !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .main-gallery {\r\n            position: relative !important;\r\n            border-radius: var(--radius-large) !important;\r\n            overflow: hidden !important;\r\n            height: 340px !important;\r\n            background: #000 !important;\r\n            box-shadow: var(--shadow-large) !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .main-gallery img {\r\n            width: 100% !important;\r\n            height: 100% !important;\r\n            object-fit: cover !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .gallery-overlay {\r\n            position: absolute !important;\r\n            inset: 0 !important;\r\n            background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent 55%) !important;\r\n            pointer-events: none !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .gallery-caption {\r\n            position: absolute !important;\r\n            left: 14px !important;\r\n            bottom: 14px !important;\r\n            padding: 8px 14px !important;\r\n            border-radius: 999px !important;\r\n            font-size: 0.8rem !important;\r\n            background: linear-gradient(135deg, #BF1A1A, #FF6C0C) !important;\r\n            color: #ffffff !important;\r\n            display: inline-flex !important;\r\n            align-items: center !important;\r\n            gap: 7px !important;\r\n            font-weight: 500 !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .thumbnail-grid {\r\n            display: grid !important;\r\n            grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\r\n            gap: 8px !important;\r\n            margin-top: 8px !important;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            #marrakech-mhamid-trek-wrapper .thumbnail-grid {\r\n                grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\r\n            }\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .thumbnail {\r\n            border-radius: 12px !important;\r\n            overflow: hidden !important;\r\n            position: relative !important;\r\n            border: 2px solid transparent !important;\r\n            cursor: pointer !important;\r\n            min-height: 90px !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .thumbnail img {\r\n            width: 100% !important;\r\n            height: 100% !important;\r\n            object-fit: cover !important;\r\n            display: block !important;\r\n            transform: scale(1.04) !important;\r\n            transition: transform 0.3s !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .thumbnail:hover img {\r\n            transform: scale(1.08) !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .thumbnail::after {\r\n            content: \"\" !important;\r\n            position: absolute !important;\r\n            inset: 0 !important;\r\n            background: linear-gradient(to top, rgba(191, 26, 26, 0.3), transparent 75%) !important;\r\n            opacity: 0 !important;\r\n            transition: opacity 0.3s !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .thumbnail:hover::after {\r\n            opacity: 1 !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .thumbnail.active {\r\n            border-color: var(--accent-color) !important;\r\n            box-shadow: 0 0 0 2px rgba(255, 108, 12, 0.3) !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .info-cards {\r\n            display: flex !important;\r\n            gap: 10px !important;\r\n            margin-top: 12px !important;\r\n            flex-wrap: wrap !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .info-card {\r\n            flex: 1 1 0 !important;\r\n            min-width: 0 !important;\r\n            border-radius: var(--radius-medium) !important;\r\n            background: var(--card-bg) !important;\r\n            border: 1px solid var(--border-color) !important;\r\n            padding: 14px 16px !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            gap: 12px !important;\r\n            box-shadow: var(--shadow-small) !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .info-icon {\r\n            width: 40px !important;\r\n            height: 40px !important;\r\n            border-radius: 999px !important;\r\n            display: grid !important;\r\n            place-items: center !important;\r\n            background: linear-gradient(135deg, #BF1A1A, #FF6C0C) !important;\r\n            color: #ffffff !important;\r\n            font-size: 1rem !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .info-text span {\r\n            display: block !important;\r\n            font-size: 0.75rem !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 0.08em !important;\r\n            color: var(--text-secondary) !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .info-text strong {\r\n            font-size: 1rem !important;\r\n            color: var(--text-primary) !important;\r\n        }\r\n\r\n        \/* Main Layout *\/\r\n        #marrakech-mhamid-trek-wrapper .main-layout {\r\n            display: grid !important;\r\n            grid-template-columns: minmax(0, 1.8fr) minmax(0, 1.1fr) !important;\r\n            gap: 26px !important;\r\n            align-items: flex-start !important;\r\n        }\r\n\r\n        @media (max-width: 980px) {\r\n            #marrakech-mhamid-trek-wrapper .main-layout {\r\n                grid-template-columns: 1fr !important;\r\n            }\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .content-section {\r\n            border-radius: var(--radius-large) !important;\r\n            background: var(--card-bg) !important;\r\n            border: 1px solid var(--border-color) !important;\r\n            padding: 24px 24px 22px !important;\r\n            margin-bottom: 20px !important;\r\n            box-shadow: var(--shadow-small) !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .section-header {\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            gap: 12px !important;\r\n            margin-bottom: 16px !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .section-header i {\r\n            width: 32px !important;\r\n            height: 32px !important;\r\n            border-radius: 999px !important;\r\n            display: grid !important;\r\n            place-items: center !important;\r\n            background: linear-gradient(135deg, #BF1A1A, #FF6C0C) !important;\r\n            color: #ffffff !important;\r\n            font-size: 1rem !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .section-header h2 {\r\n            margin: 0 !important;\r\n            font-size: 1.2rem !important;\r\n            letter-spacing: 0.02em !important;\r\n            text-transform: uppercase !important;\r\n            color: var(--text-primary) !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .section-header small {\r\n            display: block !important;\r\n            font-size: 0.8rem !important;\r\n            color: var(--text-secondary) !important;\r\n            margin-top: 2px !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .highlight-box {\r\n            padding: 16px 18px !important;\r\n            border-radius: 12px !important;\r\n            background: linear-gradient(135deg, #fff8f3 0%, #ffe4d6 100%) !important;\r\n            border: 1px solid rgba(255, 108, 12, 0.2) !important;\r\n            font-size: 1rem !important;\r\n            margin-bottom: 16px !important;\r\n            line-height: 1.7 !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .highlight-box strong {\r\n            color: #BF1A1A !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .content-section p {\r\n            color: var(--text-secondary) !important;\r\n            font-size: 1rem !important;\r\n            margin: 0 0 12px !important;\r\n            line-height: 1.7 !important;\r\n        }\r\n\r\n        \/* Feature Grid - Mobile: 1 item per line *\/\r\n        #marrakech-mhamid-trek-wrapper .feature-grid {\r\n            display: grid !important;\r\n            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n            gap: 12px !important;\r\n            margin-top: 16px !important;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            #marrakech-mhamid-trek-wrapper .feature-grid {\r\n                grid-template-columns: 1fr !important;\r\n            }\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .feature-card {\r\n            border-radius: var(--radius-medium) !important;\r\n            background: #f9f9f9 !important;\r\n            border: 1px solid var(--border-color) !important;\r\n            padding: 14px 16px !important;\r\n            font-size: 0.95rem !important;\r\n            display: flex !important;\r\n            align-items: flex-start !important;\r\n            gap: 10px !important;\r\n            transition: all 0.3s !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .feature-card:hover {\r\n            transform: translateY(-2px) !important;\r\n            box-shadow: var(--shadow-small) !important;\r\n            border-color: #FF6C0C !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .feature-card i {\r\n            color: #FF6C0C !important;\r\n            margin-top: 4px !important;\r\n            font-size: 1rem !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .feature-card strong {\r\n            display: block !important;\r\n            font-size: 0.95rem !important;\r\n            color: var(--text-primary) !important;\r\n            margin-bottom: 4px !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .feature-card div {\r\n            color: var(--text-secondary) !important;\r\n            font-size: 0.9rem !important;\r\n        }\r\n\r\n        \/* Itinerary *\/\r\n        #marrakech-mhamid-trek-wrapper .itinerary-step {\r\n            display: grid !important;\r\n            grid-template-columns: 180px minmax(0, 1fr) !important;\r\n            gap: 16px !important;\r\n            padding: 18px 0 !important;\r\n            border-bottom: 1px solid var(--border-color) !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .itinerary-step:last-child {\r\n            border-bottom: none !important;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            #marrakech-mhamid-trek-wrapper .itinerary-step {\r\n                grid-template-columns: 1fr !important;\r\n                gap: 8px !important;\r\n                padding: 16px 0 !important;\r\n            }\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .step-label {\r\n            font-size: 0.9rem !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 0.12em !important;\r\n            font-weight: 700 !important;\r\n            color: #BF1A1A !important;\r\n            background: rgba(191, 26, 26, 0.08) !important;\r\n            padding: 6px 12px !important;\r\n            border-radius: 6px !important;\r\n            display: inline-block !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .step-content h3 {\r\n            margin: 0 0 8px !important;\r\n            font-size: 1.1rem !important;\r\n            color: var(--text-primary) !important;\r\n            font-weight: 600 !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .step-content p {\r\n            margin: 0 !important;\r\n            color: var(--text-secondary) !important;\r\n            font-size: 0.98rem !important;\r\n            line-height: 1.7 !important;\r\n        }\r\n\r\n        \/* Tour Highlights Section (Separate from Itinerary) *\/\r\n        #marrakech-mhamid-trek-wrapper .highlights-grid {\r\n            display: grid !important;\r\n            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n            gap: 16px !important;\r\n            margin-top: 16px !important;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            #marrakech-mhamid-trek-wrapper .highlights-grid {\r\n                grid-template-columns: 1fr !important;\r\n            }\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .highlight-item {\r\n            background: #f9f9f9 !important;\r\n            border-radius: var(--radius-medium) !important;\r\n            padding: 18px 20px !important;\r\n            border: 1px solid var(--border-color) !important;\r\n            display: flex !important;\r\n            align-items: flex-start !important;\r\n            gap: 12px !important;\r\n            transition: all 0.3s !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .highlight-item:hover {\r\n            transform: translateY(-3px) !important;\r\n            box-shadow: var(--shadow-small) !important;\r\n            border-color: #FF6C0C !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .highlight-icon {\r\n            width: 40px !important;\r\n            height: 40px !important;\r\n            border-radius: 999px !important;\r\n            display: grid !important;\r\n            place-items: center !important;\r\n            background: linear-gradient(135deg, #BF1A1A, #FF6C0C) !important;\r\n            color: #ffffff !important;\r\n            font-size: 1rem !important;\r\n            flex-shrink: 0 !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .highlight-text h4 {\r\n            margin: 0 0 6px !important;\r\n            font-size: 1rem !important;\r\n            color: var(--text-primary) !important;\r\n            font-weight: 700 !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .highlight-text p {\r\n            margin: 0 !important;\r\n            color: var(--text-secondary) !important;\r\n            font-size: 0.95rem !important;\r\n            line-height: 1.6 !important;\r\n        }\r\n\r\n        \/* Inclusions - Mobile Optimized *\/\r\n        #marrakech-mhamid-trek-wrapper .two-column {\r\n            display: grid !important;\r\n            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n            gap: 24px !important;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            #marrakech-mhamid-trek-wrapper .two-column {\r\n                grid-template-columns: 1fr !important;\r\n                gap: 30px !important;\r\n            }\r\n            \r\n            #marrakech-mhamid-trek-wrapper .inclusion-column {\r\n                background: #f9f9f9 !important;\r\n                border-radius: var(--radius-medium) !important;\r\n                padding: 20px !important;\r\n                border: 1px solid var(--border-color) !important;\r\n                box-shadow: var(--shadow-small) !important;\r\n            }\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .list-title {\r\n            font-size: 1.1rem !important;\r\n            font-weight: 700 !important;\r\n            margin-bottom: 12px !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            gap: 8px !important;\r\n            color: var(--text-primary) !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .list-title i {\r\n            background: none !important;\r\n            width: auto !important;\r\n            height: auto !important;\r\n            color: #BF1A1A !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .bullet-list {\r\n            list-style: none !important;\r\n            padding: 0 !important;\r\n            margin: 0 !important;\r\n            font-size: 1rem !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .bullet-list li {\r\n            display: flex !important;\r\n            gap: 10px !important;\r\n            margin-bottom: 10px !important;\r\n            color: var(--text-secondary) !important;\r\n            align-items: flex-start !important;\r\n            line-height: 1.6 !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .bullet-list li i {\r\n            margin-top: 3px !important;\r\n            font-size: 0.9rem !important;\r\n            min-width: 16px !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .bullet-list.included li i {\r\n            color: #BF1A1A !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .bullet-list.excluded li i {\r\n            color: #dc2626 !important;\r\n        }\r\n\r\n        \/* FAQ *\/\r\n        #marrakech-mhamid-trek-wrapper .faq-item {\r\n            border-radius: var(--radius-medium) !important;\r\n            border: 1px solid var(--border-color) !important;\r\n            margin-bottom: 12px !important;\r\n            background: #f9f9f9 !important;\r\n            overflow: hidden !important;\r\n            transition: all 0.3s !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .faq-item:hover {\r\n            border-color: #FF6C0C !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .faq-question {\r\n            padding: 16px 20px !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: space-between !important;\r\n            gap: 16px !important;\r\n            cursor: pointer !important;\r\n            background: #ffffff !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .faq-question span {\r\n            font-size: 1rem !important;\r\n            font-weight: 600 !important;\r\n            color: var(--text-primary) !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .faq-question i {\r\n            color: #FF6C0C !important;\r\n            transition: transform 0.3s !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .faq-item.open .faq-question i {\r\n            transform: rotate(180deg) !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .faq-answer {\r\n            max-height: 0 !important;\r\n            overflow: hidden !important;\r\n            padding: 0 20px !important;\r\n            font-size: 0.95rem !important;\r\n            color: var(--text-secondary) !important;\r\n            transition: max-height 0.3s ease, padding 0.3s ease !important;\r\n            background: #ffffff !important;\r\n            line-height: 1.7 !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .faq-item.open .faq-answer {\r\n            padding: 0 20px 20px !important;\r\n            max-height: 300px !important;\r\n        }\r\n\r\n        \/* Sidebar - Fixed Form Only *\/\r\n        #marrakech-mhamid-trek-wrapper .sidebar {\r\n            position: sticky !important;\r\n            top: 20px !important;\r\n            align-self: flex-start !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .booking-form {\r\n            border-radius: var(--radius-large) !important;\r\n            background: var(--card-bg) !important;\r\n            border: 1px solid var(--border-color) !important;\r\n            padding: 24px !important;\r\n            box-shadow: var(--shadow-small) !important;\r\n            position: sticky !important;\r\n            top: 20px !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .booking-form h3 {\r\n            margin: 0 0 8px !important;\r\n            font-size: 1.2rem !important;\r\n            color: var(--text-primary) !important;\r\n            font-weight: 700 !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .booking-form p {\r\n            margin: 0 0 20px !important;\r\n            font-size: 0.95rem !important;\r\n            color: var(--text-secondary) !important;\r\n            line-height: 1.6 !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .form-group {\r\n            margin-bottom: 16px !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .form-row {\r\n            display: grid !important;\r\n            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n            gap: 16px !important;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            #marrakech-mhamid-trek-wrapper .sidebar {\r\n                position: static !important;\r\n                top: auto !important;\r\n                margin-top: 16px !important;\r\n            }\r\n            #marrakech-mhamid-trek-wrapper .booking-form {\r\n                position: static !important;\r\n                top: auto !important;\r\n            }\r\n            #marrakech-mhamid-trek-wrapper .form-row {\r\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n                gap: 12px !important;\r\n            }\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper label {\r\n            display: block !important;\r\n            font-size: 0.9rem !important;\r\n            font-weight: 600 !important;\r\n            margin-bottom: 6px !important;\r\n            color: var(--text-primary) !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .form-input,\r\n        #marrakech-mhamid-trek-wrapper textarea {\r\n            width: 100% !important;\r\n            border-radius: 8px !important;\r\n            border: 1px solid #ddd !important;\r\n            padding: 12px 14px !important;\r\n            font: inherit !important;\r\n            font-size: 0.95rem !important;\r\n            background: #ffffff !important;\r\n            outline: none !important;\r\n            transition: all 0.3s !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .form-input:focus,\r\n        #marrakech-mhamid-trek-wrapper textarea:focus {\r\n            border-color: #FF6C0C !important;\r\n            box-shadow: 0 0 0 3px rgba(255, 108, 12, 0.1) !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .form-input.error,\r\n        #marrakech-mhamid-trek-wrapper textarea.error {\r\n            border-color: #dc2626 !important;\r\n            background: #fef2f2 !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .error-message {\r\n            display: none !important;\r\n            font-size: 0.85rem !important;\r\n            color: #dc2626 !important;\r\n            margin-top: 4px !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .btn-primary {\r\n            width: 100% !important;\r\n            border-radius: 999px !important;\r\n            border: none !important;\r\n            padding: 14px !important;\r\n            background: linear-gradient(135deg, #BF1A1A, #FF6C0C) !important;\r\n            color: #ffffff !important;\r\n            font-weight: 700 !important;\r\n            font-size: 1rem !important;\r\n            display: inline-flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n            gap: 8px !important;\r\n            cursor: pointer !important;\r\n            box-shadow: 0 4px 15px rgba(191, 26, 26, 0.3) !important;\r\n            transition: all 0.3s !important;\r\n            margin-top: 8px !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .btn-primary:hover {\r\n            transform: translateY(-2px) !important;\r\n            box-shadow: 0 6px 20px rgba(191, 26, 26, 0.4) !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .btn-primary:disabled {\r\n            opacity: 0.6 !important;\r\n            cursor: not-allowed !important;\r\n            transform: none !important;\r\n            box-shadow: none !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .btn-primary i {\r\n            font-size: 1rem !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .form-note {\r\n            font-size: 0.85rem !important;\r\n            color: var(--text-secondary) !important;\r\n            margin-top: 12px !important;\r\n            text-align: center !important;\r\n            line-height: 1.5 !important;\r\n        }\r\n\r\n        \/* Toast *\/\r\n        #marrakech-mhamid-trek-wrapper .toast {\r\n            position: fixed !important;\r\n            left: 50% !important;\r\n            transform: translateX(-50%) !important;\r\n            bottom: 20px !important;\r\n            padding: 12px 20px !important;\r\n            border-radius: 999px !important;\r\n            background: linear-gradient(135deg, #BF1A1A, #FF6C0C) !important;\r\n            color: #ffffff !important;\r\n            font-size: 0.9rem !important;\r\n            box-shadow: var(--shadow-large) !important;\r\n            display: none !important;\r\n            z-index: 1050 !important;\r\n            font-weight: 500 !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .toast.show {\r\n            display: block !important;\r\n        }\r\n\r\n        \/* Thank You Overlay *\/\r\n        #marrakech-mhamid-trek-wrapper .thankyou-overlay {\r\n            display: none;\r\n            position: fixed !important;\r\n            inset: 0 !important;\r\n            background: rgba(26, 26, 26, 0.8) !important;\r\n            z-index: 1200 !important;\r\n            backdrop-filter: blur(8px) !important;\r\n            padding: 20px !important;\r\n            box-sizing: border-box !important;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .thankyou-card {\r\n            background: #ffffff !important;\r\n            border-radius: var(--radius-large) !important;\r\n            padding: 32px 28px 28px !important;\r\n            max-width: 420px !important;\r\n            width: 100% !important;\r\n            text-align: center !important;\r\n            box-shadow: 0 20px 60px rgba(26, 26, 26, 0.3) !important;\r\n            border: 1px solid var(--border-color) !important;\r\n            position: relative !important;\r\n            animation: thankYouPopIn 0.3s ease-out !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .thankyou-close {\r\n            position: absolute !important;\r\n            top: 16px !important;\r\n            right: 16px !important;\r\n            width: 32px !important;\r\n            height: 32px !important;\r\n            border-radius: 999px !important;\r\n            border: none !important;\r\n            background: #f9f9f9 !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n            cursor: pointer !important;\r\n            color: var(--text-secondary) !important;\r\n            font-size: 1rem !important;\r\n            transition: all 0.3s !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .thankyou-close:hover {\r\n            background: #f0f0f0 !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .thankyou-icon {\r\n            margin-bottom: 16px !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .thankyou-icon .circle {\r\n            width: 80px !important;\r\n            height: 80px !important;\r\n            border-radius: 999px !important;\r\n            margin: 0 auto !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n            background: linear-gradient(135deg, #22c55e, #16a34a) !important;\r\n            box-shadow: 0 8px 25px rgba(34, 197, 94, 0.4) !important;\r\n            color: #ffffff !important;\r\n            font-size: 2rem !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .thankyou-title {\r\n            font-size: 1.4rem !important;\r\n            font-weight: 700 !important;\r\n            margin-bottom: 12px !important;\r\n            color: var(--text-primary) !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .thankyou-text {\r\n            font-size: 1rem !important;\r\n            color: var(--text-secondary) !important;\r\n            margin-bottom: 8px !important;\r\n            line-height: 1.6 !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .thankyou-subtext {\r\n            font-size: 0.9rem !important;\r\n            color: var(--text-secondary) !important;\r\n            line-height: 1.6 !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .thankyou-actions {\r\n            margin-top: 24px !important;\r\n            display: flex !important;\r\n            justify-content: center !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .thankyou-actions button {\r\n            border-radius: 999px !important;\r\n            border: none !important;\r\n            padding: 12px 28px !important;\r\n            font-size: 1rem !important;\r\n            font-weight: 600 !important;\r\n            cursor: pointer !important;\r\n            background: linear-gradient(135deg, #BF1A1A, #FF6C0C) !important;\r\n            color: #ffffff !important;\r\n            display: inline-flex !important;\r\n            align-items: center !important;\r\n            gap: 8px !important;\r\n            box-shadow: var(--shadow-small) !important;\r\n            transition: all 0.3s !important;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .thankyou-actions button:hover {\r\n            transform: translateY(-2px) !important;\r\n        }\r\n\r\n        @keyframes thankYouPopIn {\r\n            0% {\r\n                opacity: 0;\r\n                transform: translateY(20px) scale(0.95);\r\n            }\r\n            100% {\r\n                opacity: 1;\r\n                transform: translateY(0) scale(1);\r\n            }\r\n        }\r\n\r\n        \/* Wikipedia link styling *\/\r\n        #marrakech-mhamid-trek-wrapper .wiki-link {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n            color: var(--accent-color);\r\n            text-decoration: none;\r\n            font-weight: 500;\r\n            margin-top: 10px;\r\n        }\r\n\r\n        #marrakech-mhamid-trek-wrapper .wiki-link:hover {\r\n            text-decoration: underline;\r\n        }\r\n\r\n        \/* Mobile Optimization *\/\r\n        @media (max-width: 768px) {\r\n            #marrakech-mhamid-trek-wrapper .container {\r\n                padding: 15px 12px 60px !important;\r\n            }\r\n            \r\n            #marrakech-mhamid-trek-wrapper .hero-section {\r\n                margin-bottom: 20px !important;\r\n                display: flex !important;\r\n                flex-direction: column !important;\r\n            }\r\n            \r\n            #marrakech-mhamid-trek-wrapper .gallery-section {\r\n                order: 1 !important;\r\n                margin-bottom: 16px !important;\r\n            }\r\n            \r\n            #marrakech-mhamid-trek-wrapper .hero-content {\r\n                padding: 20px 18px !important;\r\n                order: 2 !important;\r\n            }\r\n            \r\n            #marrakech-mhamid-trek-wrapper .main-gallery {\r\n                height: 280px !important;\r\n            }\r\n            \r\n            #marrakech-mhamid-trek-wrapper .thumbnail-grid {\r\n                grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\r\n            }\r\n            \r\n            #marrakech-mhamid-trek-wrapper .thumbnail {\r\n                min-height: 80px !important;\r\n            }\r\n            \r\n            #marrakech-mhamid-trek-wrapper .transfer-details {\r\n                display: grid !important;\r\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n                gap: 8px !important;\r\n            }\r\n            \r\n            #marrakech-mhamid-trek-wrapper .detail-pill {\r\n                width: 100% !important;\r\n                justify-content: center !important;\r\n                text-align: center !important;\r\n            }\r\n            \r\n            #marrakech-mhamid-trek-wrapper .content-section {\r\n                padding: 20px 18px !important;\r\n                margin-bottom: 16px !important;\r\n            }\r\n            \r\n            #marrakech-mhamid-trek-wrapper .highlight-box {\r\n                padding: 14px 16px !important;\r\n                font-size: 0.95rem !important;\r\n            }\r\n            \r\n            #marrakech-mhamid-trek-wrapper .info-cards {\r\n                flex-direction: column !important;\r\n            }\r\n            \r\n            #marrakech-mhamid-trek-wrapper .info-card {\r\n                width: 100% !important;\r\n            }\r\n            \r\n            #marrakech-mhamid-trek-wrapper .bullet-list.included {\r\n                display: grid !important;\r\n                grid-template-columns: 1fr !important;\r\n                gap: 12px !important;\r\n            }\r\n            \r\n            #marrakech-mhamid-trek-wrapper .bullet-list.included li {\r\n                background: #f9f9f9 !important;\r\n                padding: 14px !important;\r\n                border-radius: var(--radius-medium) !important;\r\n                border: 1px solid var(--border-color) !important;\r\n                margin-bottom: 0 !important;\r\n                align-items: flex-start !important;\r\n            }\r\n            \r\n            #marrakech-mhamid-trek-wrapper .bullet-list.included li i {\r\n                margin-top: 2px !important;\r\n                font-size: 1rem !important;\r\n                min-width: 20px !important;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 480px) {\r\n            #marrakech-mhamid-trek-wrapper .container {\r\n                padding: 12px 10px 60px !important;\r\n            }\r\n            \r\n            #marrakech-mhamid-trek-wrapper .hero-content {\r\n                padding: 18px 16px !important;\r\n            }\r\n            \r\n            #marrakech-mhamid-trek-wrapper .main-gallery {\r\n                height: 240px !important;\r\n            }\r\n            \r\n            #marrakech-mhamid-trek-wrapper .thumbnail-grid {\r\n                grid-template-columns: repeat(4, 1fr) !important;\r\n                gap: 6px !important;\r\n            }\r\n            \r\n            #marrakech-mhamid-trek-wrapper .thumbnail {\r\n                min-height: 70px !important;\r\n            }\r\n            \r\n            #marrakech-mhamid-trek-wrapper .content-section {\r\n                padding: 18px 16px !important;\r\n            }\r\n            \r\n            #marrakech-mhamid-trek-wrapper .bullet-list.included li {\r\n                padding: 12px !important;\r\n                font-size: 0.95rem !important;\r\n            }\r\n            \r\n            #marrakech-mhamid-trek-wrapper .hero-content h1 {\r\n                font-size: 24px !important;\r\n            }\r\n            \r\n            #marrakech-mhamid-trek-wrapper .hero-description {\r\n                font-size: 1rem !important;\r\n            }\r\n            \r\n            #marrakech-mhamid-trek-wrapper .transfer-details {\r\n                grid-template-columns: 1fr !important;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div id=\"marrakech-mhamid-trek-wrapper\">\r\n        <div class=\"container\">\r\n            <!-- Hero Section -->\r\n            <header class=\"hero-section\">\r\n                <!-- Gallery -->\r\n                <div class=\"gallery-section\">\r\n                    <div class=\"main-gallery\">\r\n                        <img decoding=\"async\"\r\n                            id=\"main-gallery-img\"\r\n                            src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/url-15-slot-C-500x334-1.jpg\"\r\n                            alt=\"10 Days Trek from Marrakech to M'hamid - Sahara Desert Expedition\"\r\n                        \/>\r\n                        <div class=\"gallery-overlay\"><\/div>\r\n                        <div class=\"gallery-caption\">\r\n                            <i class=\"fa-solid fa-calendar-days\"><\/i> 10-Day Desert Trek\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"thumbnail-grid\">\r\n                        <button\r\n                            class=\"thumbnail active\"\r\n                            data-src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/url-15-slot-C-500x334-1.jpg\"\r\n                        >\r\n                            <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/url-15-slot-C-500x334-1.jpg\" alt=\"Sahara Desert Trekking Morocco\" \/>\r\n                        <\/button>\r\n                        <button\r\n                            class=\"thumbnail\"\r\n                            data-src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/99-1.jpg\"\r\n                        >\r\n                            <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/99-1.jpg\" alt=\"Desert Trekking in Morocco\" \/>\r\n                        <\/button>\r\n                        <button\r\n                            class=\"thumbnail\"\r\n                            data-src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2025-11-28-at-16.42.13_8aa4f177.jpg\"\r\n                        >\r\n                            <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2025-11-28-at-16.42.13_8aa4f177.jpg\" alt=\"M'hamid Desert Camp Morocco\" \/>\r\n                        <\/button>\r\n                        <button\r\n                            class=\"thumbnail\"\r\n                            data-src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2025-11-28-at-16.41.53_40a8128f.jpg\"\r\n                        >\r\n                            <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2025-11-28-at-16.41.53_40a8128f.jpg\" alt=\"Desert Trekking Adventure\" \/>\r\n                        <\/button>\r\n                    <\/div>\r\n\r\n                    <div class=\"info-cards\">\r\n                        <div class=\"info-card\">\r\n                            <div class=\"info-icon\"><i class=\"fa-solid fa-clock\"><\/i><\/div>\r\n                            <div class=\"info-text\">\r\n                                <span>Duration<\/span>\r\n                                <strong>10 Days \/ 9 Nights<\/strong>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"info-card\">\r\n                            <div class=\"info-icon\"><i class=\"fa-solid fa-person-hiking\"><\/i><\/div>\r\n                            <div class=\"info-text\">\r\n                                <span>Activity Level<\/span>\r\n                                <strong>Advanced Desert Trekking<\/strong>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Hero Text -->\r\n                <div class=\"hero-content\">\r\n                    <div class=\"route-badge\">\r\n                        <i class=\"fa-solid fa-map-marked-alt\"><\/i>\r\n                        <span>10 Day Desert Expedition<\/span>\r\n                    <\/div>\r\n                    <h1>10 Days Trek from Marrakech to M'hamid \u2013 Ultimate Sahara Desert Walking Expedition via Ait Ben Haddou & Draa Valley<\/h1>\r\n                    <p class=\"hero-description\">\r\n                        Embark on an epic <span class=\"keyword-highlight\">10-day trek from Marrakech to M'hamid<\/span>, the ultimate <span class=\"keyword-highlight\">Sahara desert walking expedition<\/span>. Journey through the spectacular <span class=\"keyword-highlight\">High Atlas Mountains<\/span>, visit the UNESCO World Heritage site of <span class=\"keyword-highlight\">Ait Ben Haddou<\/span>, explore the cinematic landscapes of <span class=\"keyword-highlight\">Ouarzazate<\/span>, traverse Morocco's longest <span class=\"keyword-highlight\">Draa Valley<\/span>, and undertake an immersive <span class=\"keyword-highlight\">7-day desert trekking adventure<\/span> deep into the remote Sahara, culminating at the gateway to the desert in <span class=\"keyword-highlight\">M'hamid Elghazlane<\/span>.\r\n                    <\/p>\r\n                    <div class=\"transfer-details\">\r\n                        <div class=\"detail-pill\"><i class=\"fa-solid fa-mountain\"><\/i> High Atlas<\/div>\r\n                        <div class=\"detail-pill\"><i class=\"fa-solid fa-landmark\"><\/i> Ait Ben Haddou<\/div>\r\n                        <div class=\"detail-pill\"><i class=\"fa-solid fa-film\"><\/i> Ouarzazate<\/div>\r\n                        <div class=\"detail-pill\"><i class=\"fa-solid fa-water\"><\/i> Draa Valley<\/div>\r\n                        <div class=\"detail-pill\"><i class=\"fa-solid fa-person-hiking\"><\/i> 7-Day Desert Trek<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/header>\r\n\r\n            <!-- Main Content -->\r\n            <main class=\"main-layout\">\r\n                <!-- Left Column -->\r\n                <article>\r\n                    <!-- Overview -->\r\n                    <section class=\"content-section\" id=\"description\">\r\n                        <div class=\"section-header\">\r\n                            <i class=\"fa-solid fa-circle-info\"><\/i>\r\n                            <div>\r\n                                <h2>10-Day Marrakech to M'hamid Trek Overview<\/h2>\r\n                                <small>Complete Sahara Desert Walking Expedition with Extended Trekking<\/small>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"highlight-box\">\r\n                            <strong>This <span class=\"keyword-highlight\">10-day trek from Marrakech to M'hamid<\/span> offers the most comprehensive Sahara desert experience available, combining cultural immersion with <span class=\"keyword-highlight\">7 full days of desert trekking<\/span>. You'll travel through Morocco's most dramatic landscapes\u2014from the <span class=\"keyword-highlight\">High Atlas Mountains<\/span> and historic <span class=\"keyword-highlight\">Ait Ben Haddou kasbah<\/span> to the lush <span class=\"keyword-highlight\">Draa Valley palm groves<\/span>\u2014before embarking on an unparalleled <span class=\"keyword-highlight\">desert walking expedition<\/span> through untouched Saharan wilderness to <span class=\"keyword-highlight\">M'hamid Elghazlane<\/span>, the last oasis before the vast desert expanse.<\/strong><br \/> The expedition includes private transportation, all accommodations, most meals, expert desert guides, camel support, and authentic overnight camping under Saharan stars.\r\n                        <\/div>\r\n                        <p>\r\n                            The <span class=\"keyword-highlight\">Marrakech to M'hamid 10-day trek<\/span> covers approximately 1,200 kilometers through Morocco's most diverse and remote landscapes. This extended itinerary is designed for serious adventure seekers who want to fully immerse themselves in the Sahara desert environment with substantial trekking time. You'll experience the dramatic mountain scenery of the <span class=\"keyword-highlight\">High Atlas<\/span>, the historical significance of <span class=\"keyword-highlight\">Ait Ben Haddou<\/span>, the cinematic atmosphere of <span class=\"keyword-highlight\">Ouarzazate<\/span>, the extensive palm groves of the <span class=\"keyword-highlight\">Draa Valley<\/span> (Morocco's longest valley stretching 210 km), and finally the remote, untouched <span class=\"keyword-highlight\">Sahara desert wilderness<\/span>.\r\n                        <\/p>\r\n                        <p>\r\n                            Unlike shorter tours, this <span class=\"keyword-highlight\">10-day expedition<\/span> allows you to truly disconnect from modern civilization and connect with the desert's ancient rhythms. You'll enjoy <span class=\"keyword-highlight\">daily trekking<\/span> ranging from 5-8 hours, traditional Berber hospitality, unparalleled stargazing in pristine desert skies, authentic desert camping, and a truly transformative desert experience. The journey culminates in <span class=\"keyword-highlight\">M'hamid Elghazlane<\/span>, historically known as the last caravan stop before crossing the vast Sahara to Timbuktu.\r\n                        <\/p>\r\n                        <a href=\"https:\/\/en.wikipedia.org\/wiki\/Morocco\" target=\"_blank\" class=\"wiki-link\">\r\n                            <i class=\"fa-solid fa-external-link-alt\"><\/i>\r\n                            Learn more about Morocco on Wikipedia\r\n                        <\/a>\r\n                    <\/section>\r\n\r\n                    <!-- Itinerary -->\r\n                    <section class=\"content-section\" id=\"itineraire\">\r\n                        <div class=\"section-header\">\r\n                            <i class=\"fa-solid fa-route\"><\/i>\r\n                            <div>\r\n                                <h2>10-Day Trek Itinerary: Marrakech to M'hamid Desert<\/h2>\r\n                                <small>Detailed day-by-day itinerary of your desert walking expedition<\/small>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <h3 style=\"margin-bottom: 20px; color: var(--text-primary); font-size: 1.1rem; font-weight: 700;\">Day 1: Marrakech \u2013 High Atlas \u2013 Ait Ben Haddou \u2013 Ouarzazate<\/h3>\r\n\r\n                        <div class=\"itinerary-step\">\r\n                            <div class=\"step-label\">Morning<\/div>\r\n                            <div class=\"step-content\">\r\n                                <h3>Departure from Marrakech & High Atlas Crossing<\/h3>\r\n                                <p>Su <span class=\"keyword-highlight\">10-day trek from Marrakech to M'hamid<\/span> begins with pickup from your accommodation. Travel towards the <strong>High Atlas Mountains<\/strong> via the spectacular <strong>Tizi n'Tichka pass<\/strong> (2,260m), passing through traditional Berber villages with breathtaking mountain vistas. This dramatic landscape transition marks the beginning of your desert expedition.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-step\">\r\n                            <div class=\"step-label\">Afternoon<\/div>\r\n                            <div class=\"step-content\">\r\n                                <h3>Ait Ben Haddou Visit & Lunch<\/h3>\r\n                                <p>Arrive at the UNESCO World Heritage site of <strong>Ait Ben Haddou kasbah<\/strong>, the most famous fortified village in Morocco featured in numerous films. Enjoy lunch at a local restaurant, then explore the ancient kasbah with its impressive earthen architecture, learning about its historical significance as a former caravan trade post.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-step\">\r\n                            <div class=\"step-label\">Evening<\/div>\r\n                            <div class=\"step-content\">\r\n                                <h3>Ouarzazate & Hotel Check-in<\/h3>\r\n                                <p>Continue to <strong>Ouarzazate<\/strong>, known as the \"Hollywood of Morocco\" for its film studios. Check into your hotel, enjoy dinner, and receive a comprehensive briefing about your upcoming <span class=\"keyword-highlight\">7-day desert trekking adventure<\/span> to M'hamid.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <h3 style=\"margin-top: 30px; margin-bottom: 20px; color: var(--text-primary); font-size: 1.1rem; font-weight: 700;\">Day 2: Ouarzazate \u2013 Draa Valley \u2013 Zagora \u2013 Tamgroute \u2013 Desert Gateway<\/h3>\r\n\r\n                        <div class=\"itinerary-step\">\r\n                            <div class=\"step-label\">Morning<\/div>\r\n                            <div class=\"step-content\">\r\n                                <h3>Breakfast & Journey to Draa Valley<\/h3>\r\n                                <p>After breakfast, depart Ouarzazate for the spectacular <strong>Draa Valley<\/strong> - Morocco's longest valley stretching 210 km with continuous palm groves, ancient ksour (fortified villages), and emerald-green fields. This lush landscape gradually gives way to the desert as you approach your trekking starting point.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-step\">\r\n                            <div class=\"step-label\">Afternoon<\/div>\r\n                            <div class=\"step-content\">\r\n                                <h3>Zagora Lunch & Tamgroute Cultural Visit<\/h3>\r\n                                <p>Stop in <strong>Zagora<\/strong> for lunch, then visit <strong>Tamgroute<\/strong> to explore the Zaou\u00efa (religious school), the ancient Koranic library (one of Morocco's oldest), traditional potter's workshop with distinctive green glaze, and the underground kasbah. This cultural immersion provides context for the region's rich history.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-step\">\r\n                            <div class=\"step-label\">Evening<\/div>\r\n                            <div class=\"step-content\">\r\n                                <h3>Desert Gateway & Trek Preparation<\/h3>\r\n                                <p>Continue to the desert gateway where your <span class=\"keyword-highlight\">extended trekking adventure<\/span> begins. Meet your desert guides and support team, receive trekking equipment, and enjoy an orientation dinner. Overnight at a desert camp, acclimatizing to the desert environment.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <h3 style=\"margin-top: 30px; margin-bottom: 20px; color: var(--text-primary); font-size: 1.1rem; font-weight: 700;\">Day 3: Desert Trekking Day 1 \u2013 Erg Ait Ouneir (7 Hours)<\/h3>\r\n\r\n                        <div class=\"itinerary-step\">\r\n                            <div class=\"step-label\">Morning<\/div>\r\n                            <div class=\"step-content\">\r\n                                <h3>Desert Trek Commencement<\/h3>\r\n                                <p>After breakfast, begin your first full day of <span class=\"keyword-highlight\">desert trekking from Marrakech to M'hamid<\/span>. Your support team organizes the caravan as you start walking toward <strong>Erg Ait Ouneir<\/strong>. The initial hours introduce you to desert walking techniques, pacing, and navigation.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-step\">\r\n                            <div class=\"step-label\">Daytime<\/div>\r\n                            <div class=\"step-content\">\r\n                                <h3>Trekking & Desert Adaptation<\/h3>\r\n                                <p>Trek for 7 hours through varied desert terrain, stopping for a picnic lunch prepared by your support team. Learn about desert ecology, navigation using natural landmarks, and how to read the subtle signs of the desert environment from your experienced guides.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-step\">\r\n                            <div class=\"step-label\">Evening<\/div>\r\n                            <div class=\"step-content\">\r\n                                <h3>First Desert Camp & Orientation<\/h3>\r\n                                <p>Arrive at your first remote camping location near Erg Ait Ouneir. Your team sets up camp while you learn desert camping skills. Enjoy a traditional dinner under the stars, followed by orientation about desert safety, water conservation, and the trekking schedule for coming days.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <h3 style=\"margin-top: 30px; margin-bottom: 20px; color: var(--text-primary); font-size: 1.1rem; font-weight: 700;\">Day 4: Desert Trekking Day 2 \u2013 Erg Ezzahra (8 Hours)<\/h3>\r\n\r\n                        <div class=\"itinerary-step\">\r\n                            <div class=\"step-label\">Early Morning<\/div>\r\n                            <div class=\"step-content\">\r\n                                <h3>Sunrise & Morning Trek<\/h3>\r\n                                <p>Experience your first desert sunrise, then enjoy breakfast before continuing your trek toward the beautiful <strong>Erg Ezzahra dunes<\/strong>. Today's 8-hour trek takes you deeper into the Sahara's most scenic dune fields, with changing landscapes throughout the day.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-step\">\r\n                            <div class=\"step-label\">Daytime<\/div>\r\n                            <div class=\"step-content\">\r\n                                <h3>Advanced Desert Navigation<\/h3>\r\n                                <p>Your guides teach advanced desert navigation techniques as you traverse complex dune systems. Learn about desert survival skills, including finding water sources (historically used by nomads), identifying edible plants, and understanding weather patterns.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-step\">\r\n                            <div class=\"step-label\">Evening<\/div>\r\n                            <div class=\"step-content\">\r\n                                <h3>Sunset Tea Ceremony & Cultural Evening<\/h3>\r\n                                <p>At sunset, participate in a traditional <strong>tea ceremony on the dunes<\/strong>, followed by a delicious tagine dinner. Your guides share stories about Berber desert culture, nomadic traditions, and the historical significance of the trade routes you're following to M'hamid.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <h3 style=\"margin-top: 30px; margin-bottom: 20px; color: var(--text-primary); font-size: 1.1rem; font-weight: 700;\">Day 5: Desert Trekking Day 3 \u2013 Erg Zmila (7 Hours)<\/h3>\r\n\r\n                        <div class=\"itinerary-step\">\r\n                            <div class=\"step-label\">Full Day<\/div>\r\n                            <div class=\"step-content\">\r\n                                <h3>Deep Desert Immersion<\/h3>\r\n                                <p>Su <span class=\"keyword-highlight\">10-day trek<\/span> continues deeper into the desert with a 7-hour trek to <strong>Erg Zmila<\/strong>. As you move further from civilization, experience the true solitude and silence of the Sahara. Today focuses on mindfulness and connection with the desert environment.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-step\">\r\n                            <div class=\"step-label\">Evening<\/div>\r\n                            <div class=\"step-content\">\r\n                                <h3>Astronomy Night<\/h3>\r\n                                <p>Set up camp in a new remote location with 360-degree desert views. After dinner, enjoy an astronomy session where your guides point out constellations, planets, and share celestial navigation techniques historically used by desert travelers.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <h3 style=\"margin-top: 30px; margin-bottom: 20px; color: var(--text-primary); font-size: 1.1rem; font-weight: 700;\">Day 6: Desert Trekking Day 4 \u2013 Erg Laarida (6 Hours)<\/h3>\r\n\r\n                        <div class=\"itinerary-step\">\r\n                            <div class=\"step-label\">Morning<\/div>\r\n                            <div class=\"step-content\">\r\n                                <h3>Moderate Trekking Day<\/h3>\r\n                                <p>Enjoy a slightly shorter 6-hour trek to the <strong>dunes of Erg Laarida<\/strong>, allowing for physical recovery while maintaining the expedition rhythm. The changing pace helps prevent fatigue while continuing your progression toward M'hamid.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-step\">\r\n                            <div class=\"step-label\">Afternoon\/Evening<\/div>\r\n                            <div class=\"step-content\">\r\n                                <h3>Desert Skills Workshop<\/h3>\r\n                                <p>Arrive at camp with time for a desert skills workshop. Learn traditional crafts, cooking methods, or participate in a photography session capturing the perfect desert golden hour. The evening includes storytelling around the campfire about historic caravan journeys.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <h3 style=\"margin-top: 30px; margin-bottom: 20px; color: var(--text-primary); font-size: 1.1rem; font-weight: 700;\">Day 7: Desert Trekking Day 5 \u2013 Remote Wilderness (8 Hours)<\/h3>\r\n\r\n                        <div class=\"itinerary-step\">\r\n                            <div class=\"step-label\">Full Day<\/div>\r\n                            <div class=\"step-content\">\r\n                                <h3>Most Remote Trekking Day<\/h3>\r\n                                <p>Today represents the most remote segment of your <span class=\"keyword-highlight\">Marrakech to M'hamid trek<\/span> with an 8-hour trek through untouched wilderness. Experience complete isolation from modern civilization, relying entirely on your guides' expertise and the support team's preparations.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-step\">\r\n                            <div class=\"step-label\">Evening<\/div>\r\n                            <div class=\"step-content\">\r\n                                <h3>Traditional Nomadic Evening<\/h3>\r\n                                <p>Your camp tonight replicates traditional nomadic style. Participate in meal preparation using age-old methods, learn about water conservation techniques vital for desert survival, and experience music or poetry from desert cultures.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <h3 style=\"margin-top: 30px; margin-bottom: 20px; color: var(--text-primary); font-size: 1.1rem; font-weight: 700;\">Day 8: Desert Trekking Day 6 \u2013 Approaching M'hamid (7 Hours)<\/h3>\r\n\r\n                        <div class=\"itinerary-step\">\r\n                            <div class=\"step-label\">Morning<\/div>\r\n                            <div class=\"step-content\">\r\n                                <h3>Final Push Toward Civilization<\/h3>\r\n                                <p>Begin your 7-hour trek back toward the fringes of civilization, gradually noticing subtle signs of approaching the desert's edge. The landscape begins to show occasional vegetation and evidence of ancient human habitation as you near M'hamid.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-step\">\r\n                            <div class=\"step-label\">Afternoon\/Evening<\/div>\r\n                            <div class=\"step-content\">\r\n                                <h3>Last Remote Camp<\/h3>\r\n                                <p>Set up your final remote camp within one day's trek of M'hamid. Reflect on your desert journey during a special farewell dinner, sharing experiences and insights gained during your <span class=\"keyword-highlight\">extended desert trekking adventure<\/span>.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <h3 style=\"margin-top: 30px; margin-bottom: 20px; color: var(--text-primary); font-size: 1.1rem; font-weight: 700;\">Day 9: Desert Trekking Day 7 \u2013 Arrival at M'hamid (5 Hours)<\/h3>\r\n\r\n                        <div class=\"itinerary-step\">\r\n                            <div class=\"step-label\">Morning<\/div>\r\n                            <div class=\"step-content\">\r\n                                <h3>Final Trek to M'hamid<\/h3>\r\n                                <p>After breakfast, begin your final 5-hour trek to <strong>M'hamid Elghazlane<\/strong>, historically known as the last caravan stop before the vast Sahara crossing to Timbuktu. As you approach, notice the transition from pure desert to oasis environment.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-step\">\r\n                            <div class=\"step-label\">Afternoon\/Evening<\/div>\r\n                            <div class=\"step-content\">\r\n                                <h3>Arrival & Celebration<\/h3>\r\n                                <p>Arrive at M'hamid in the afternoon, completing your epic <span class=\"keyword-highlight\">10-day trek from Marrakech<\/span>. Enjoy a well-deserved shower at your desert camp or guesthouse, followed by a celebration dinner marking your successful desert expedition achievement.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <h3 style=\"margin-top: 30px; margin-bottom: 20px; color: var(--text-primary); font-size: 1.1rem; font-weight: 700;\">Day 10: M'hamid \u2013 Draa Valley \u2013 Ouarzazate \u2013 Marrakech<\/h3>\r\n\r\n                        <div class=\"itinerary-step\">\r\n                            <div class=\"step-label\">Morning<\/div>\r\n                            <div class=\"step-content\">\r\n                                <h3>Breakfast & Departure from M'hamid<\/h3>\r\n                                <p>After a final desert breakfast, meet your driver for the return journey to Marrakech. Depart from <strong>M'hamid Elghazlane<\/strong> with a new appreciation for this historic desert gateway, retracing your route through the Draa Valley.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-step\">\r\n                            <div class=\"step-label\">Afternoon\/Evening<\/div>\r\n                            <div class=\"step-content\">\r\n                                <h3>Return to Marrakech<\/h3>\r\n                                <p>Travel back through the Draa Valley, Ouarzazate, and over the High Atlas Mountains via Tizi n'Tichka pass. Arrive in Marrakech in the late afternoon, where you'll be dropped off at your accommodation, marking the end of your unforgettable <span class=\"keyword-highlight\">10-day trek from Marrakech to M'hamid<\/span>.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/section>\r\n\r\n                    <!-- Tour Highlights Section -->\r\n                    <section class=\"content-section\" id=\"highlights\">\r\n                        <div class=\"section-header\">\r\n                            <i class=\"fa-solid fa-star\"><\/i>\r\n                            <div>\r\n                                <h2>10-Day Trek Highlights<\/h2>\r\n                                <small>Experience the ultimate Sahara desert walking expedition<\/small>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"highlights-grid\">\r\n                            <div class=\"highlight-item\">\r\n                                <div class=\"highlight-icon\"><i class=\"fa-solid fa-mountain\"><\/i><\/div>\r\n                                <div class=\"highlight-text\">\r\n                                    <h4>High Atlas Crossing<\/h4>\r\n                                    <p>Tizi n'Tichka pass at 2,260m with Berber villages<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"highlight-item\">\r\n                                <div class=\"highlight-icon\"><i class=\"fa-solid fa-landmark\"><\/i><\/div>\r\n                                <div class=\"highlight-text\">\r\n                                    <h4>Ait Ben Haddou UNESCO Site<\/h4>\r\n                                    <p>Ancient kasbah & former caravan trade post<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"highlight-item\">\r\n                                <div class=\"highlight-icon\"><i class=\"fa-solid fa-film\"><\/i><\/div>\r\n                                <div class=\"highlight-text\">\r\n                                    <h4>Ouarzazate Exploration<\/h4>\r\n                                    <p>Hollywood of Morocco & cinematic landscapes<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"highlight-item\">\r\n                                <div class=\"highlight-icon\"><i class=\"fa-solid fa-water\"><\/i><\/div>\r\n                                <div class=\"highlight-text\">\r\n                                    <h4>Draa Valley Traverse<\/h4>\r\n                                    <p>210km of palm groves - Morocco's longest valley<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"highlight-item\">\r\n                                <div class=\"highlight-icon\"><i class=\"fa-solid fa-person-hiking\"><\/i><\/div>\r\n                                <div class=\"highlight-text\">\r\n                                    <h4>Extended Desert Trekking<\/h4>\r\n                                    <p>7 full days of desert walking (5-8 hours daily)<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"highlight-item\">\r\n                                <div class=\"highlight-icon\"><i class=\"fa-solid fa-campground\"><\/i><\/div>\r\n                                <div class=\"highlight-text\">\r\n                                    <h4>Remote Desert Camping<\/h4>\r\n                                    <p>Multiple nights camping in untouched wilderness<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"highlight-item\">\r\n                                <div class=\"highlight-icon\"><i class=\"fa-solid fa-star\"><\/i><\/div>\r\n                                <div class=\"highlight-text\">\r\n                                    <h4>Desert Astronomy<\/h4>\r\n                                    <p>Unparalleled stargazing with expert guidance<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"highlight-item\">\r\n                                <div class=\"highlight-icon\"><i class=\"fa-solid fa-map-marked-alt\"><\/i><\/div>\r\n                                <div class=\"highlight-text\">\r\n                                    <h4>M'hamid Arrival<\/h4>\r\n                                    <p>Historic desert gateway & expedition culmination<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/section>\r\n\r\n                    <!-- Includes \/ Excludes -->\r\n                    <section class=\"content-section\" id=\"inclus\">\r\n                        <div class=\"section-header\">\r\n                            <i class=\"fa-solid fa-clipboard-list\"><\/i>\r\n                            <div>\r\n                                <h2>What's Included \/ Not Included<\/h2>\r\n                                <small>Complete details for your 10-day trekking expedition package<\/small>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"two-column\">\r\n                            <div class=\"inclusion-column\">\r\n                                <div class=\"list-title\">\r\n                                    <i class=\"fa-solid fa-circle-check\"><\/i>\r\n                                    Price Includes\r\n                                <\/div>\r\n                                <ul class=\"bullet-list included\">\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> <div>Sahara Morocco Travel services throughout<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> <div>Dedicated multilingual Moroccan driver (10 days)<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> <div>Private air-conditioned 4\u00d74 vehicle and fuel<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> <div>Pick-up and drop-off at your accommodation in Marrakech<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> <div>All accommodation (hotels & desert camps)<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> <div>All breakfasts throughout the tour<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> <div>All dinners throughout the tour<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> <div>3 lunches (Day 1, 2, and 10)<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> <div>Expert desert guide for 7-day trekking period<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> <div>Camel support team for luggage transport<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> <div>All camping equipment (tents, sleeping mats, etc.)<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> <div>Drinking water during trekking days<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> <div>Guide service fee in Ait Ben Haddou<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> <div>Cultural visits in Tamgroute<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> <div>All desert trekking permits and fees<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> <div>Lunches on trekking days (except specified)<\/div><\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n\r\n                            <div class=\"inclusion-column\">\r\n                                <div class=\"list-title\">\r\n                                    <i class=\"fa-solid fa-circle-xmark\" style=\"color:#dc2626\"><\/i>\r\n                                    Price Excludes\r\n                                <\/div>\r\n                                <ul class=\"bullet-list excluded\">\r\n                                    \r\n                                    <li><i class=\"fa-solid fa-xmark\"><\/i> <div>Personal drinks and snacks<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-xmark\"><\/i> <div>Travel insurance (mandatory for this expedition)<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-xmark\"><\/i> <div>Tips for guides, drivers, and support team<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-xmark\"><\/i> <div>Personal trekking equipment (backpack, shoes, etc.)<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-xmark\"><\/i> <div>Any additional activities not specified<\/div><\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/section>\r\n\r\n                    <!-- Practical Details -->\r\n                    <section class=\"content-section\" id=\"details\">\r\n                        <div class=\"section-header\">\r\n                            <i class=\"fa-solid fa-list-ul\"><\/i>\r\n                            <div>\r\n                                <h2>Practical Details<\/h2>\r\n                                <small>Important information for your 10-day trekking expedition<\/small>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"feature-grid\">\r\n                            <div class=\"feature-card\">\r\n                                <i class=\"fa-solid fa-clock\"><\/i>\r\n                                <div>\r\n                                    <strong>Total Duration<\/strong>\r\n                                    10 Days \/ 9 Nights\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"feature-card\">\r\n                                <i class=\"fa-solid fa-person-hiking\"><\/i>\r\n                                <div>\r\n                                    <strong>Trekking Duration<\/strong>\r\n                                    7 Full Days Desert Trekking\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"feature-card\">\r\n                                <i class=\"fa-solid fa-car\"><\/i>\r\n                                <div>\r\n                                    <strong>Transporte<\/strong>\r\n                                    Private 4\u00d74 + Walking + Camel Support\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"feature-card\">\r\n                                <i class=\"fa-solid fa-user-friends\"><\/i>\r\n                                <div>\r\n                                    <strong>Group Size<\/strong>\r\n                                    Small Groups (4-8 persons max)\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"feature-card\">\r\n                                <i class=\"fa-solid fa-temperature-three-quarters\"><\/i>\r\n                                <div>\r\n                                    <strong>Best Season<\/strong>\r\n                                    October-April (avoid extreme heat)\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"feature-card\">\r\n                                <i class=\"fa-solid fa-campground\"><\/i>\r\n                                <div>\r\n                                    <strong>Desert Nights<\/strong>\r\n                                    7 Nights Remote Desert Camping\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"feature-card\">\r\n                                <i class=\"fa-solid fa-suitcase\"><\/i>\r\n                                <div>\r\n                                    <strong>Luggage<\/strong>\r\n                                    Trekking backpack + main luggage in vehicle\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"feature-card\">\r\n                                <i class=\"fa-solid fa-child\"><\/i>\r\n                                <div>\r\n                                    <strong>Fitness Level<\/strong>\r\n                                    Very Good fitness required\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/section>\r\n\r\n                    <!-- FAQ -->\r\n                    <section class=\"content-section\" id=\"faq\">\r\n                        <div class=\"section-header\">\r\n                            <i class=\"fa-solid fa-circle-question\"><\/i>\r\n                            <div>\r\n                                <h2>Frequently Asked Questions<\/h2>\r\n                                <small>About our 10-day Marrakech to M'hamid trekking expedition<\/small>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"faq\">\r\n                            <div class=\"faq-item\">\r\n                                <div class=\"faq-question\">\r\n                                    <span>What fitness level is required for this 10-day Marrakech to M'hamid trek?<\/span>\r\n                                    <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n                                <\/div>\r\n                                <div class=\"faq-answer\">\r\n                                    <p>\r\n                                        This expedition requires <strong>very good physical fitness<\/strong>. Participants should be capable of walking 5-8 hours daily for 7 consecutive days in desert conditions carrying a daypack (8-10kg). We recommend at least 2-3 months of preparation including regular hiking (15-20km with elevation), cardiovascular training, and strength exercises. The desert environment adds challenges like sand walking, temperature extremes, and potential dehydration. A medical check-up is advised before booking. This is not suitable for beginners or those with significant health issues. We can provide a pre-trek training program upon booking.\r\n                                    <\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"faq-item\">\r\n                                <div class=\"faq-question\">\r\n                                    <span>How remote is this trek and what safety measures are in place?<\/span>\r\n                                    <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n                                <\/div>\r\n                                <div class=\"faq-answer\">\r\n                                    <p>\r\n                                        This is a <strong>remote wilderness expedition<\/strong> with several days completely isolated from civilization. Safety measures include: experienced guides with wilderness first aid certification, satellite communication for emergencies, comprehensive medical kit, support vehicle accessible within 24 hours maximum, established evacuation plans with local authorities, daily health checks, strict water and nutrition protocols, and conservative pacing considering desert conditions. All guides carry GPS and know traditional navigation methods. <strong>Comprehensive travel insurance covering remote area evacuation is mandatory.<\/strong> We maintain communication with our base daily.\r\n                                    <\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"faq-item\">\r\n                                <div class=\"faq-question\">\r\n                                    <span>What is the difference between this 10-day trek and shorter desert tours?<\/span>\r\n                                    <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n                                <\/div>\r\n                                <div class=\"faq-answer\">\r\n                                    <p>\r\n                                        This <span class=\"keyword-highlight\">10-day trek from Marrakech to M'hamid<\/span> differs significantly from shorter tours: <strong>1) Duration & Depth<\/strong> - 7 full trekking days vs 1-2 days on shorter tours; <strong>2) Remoteness<\/strong> - reaches areas inaccessible to vehicles; <strong>3) Immersion<\/strong> - allows true adaptation to desert rhythms; <strong>4) Skill Development<\/strong> - teaches navigation, survival skills; <strong>5) Cultural Connection<\/strong> - deeper interaction with desert culture; <strong>6) Physical Challenge<\/strong> - serious expedition vs tourist experience; <strong>7) Group Size<\/strong> - small groups (4-8) vs larger tourist groups; <strong>8) Environmental Impact<\/strong> - low-impact trekking vs vehicle-based tours. This is a transformative journey, not just a desert visit.\r\n                                    <\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"faq-item\">\r\n                                <div class=\"faq-question\">\r\n                                    <span>What specialized equipment is needed for this extended desert trek?<\/span>\r\n                                    <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n                                <\/div>\r\n                                <div class=\"faq-answer\">\r\n                                    <p>\r\n                                        Essential personal equipment includes: <strong>trekking boots<\/strong> (broken in), <strong>sand gaiters<\/strong>, <strong>trekking poles<\/strong>, <strong>45-60L backpack<\/strong> with rain cover, <strong>sleeping bag<\/strong> (comfort -5\u00b0C), <strong>sleeping bag liner<\/strong>, <strong>headlamp<\/strong> with extra batteries, <strong>hydration system<\/strong> (3L capacity), <strong>sun protection<\/strong> (SPF 50+, lip balm, sunglasses), <strong>clothing system<\/strong> (moisture-wicking base layers, insulation, wind\/rain protection), <strong>desert-specific clothing<\/strong> (long sleeves, loose pants), <strong>personal first aid kit<\/strong>, <strong>multi-tool<\/strong>, <strong>camera with dust protection<\/strong>, <strong>power bank<\/strong>. We provide a detailed equipment list upon booking and can recommend specific brands for desert conditions.\r\n                                    <\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"faq-item\">\r\n                                <div class=\"faq-question\">\r\n                                    <span>How are meals handled during the 7-day remote trekking portion?<\/span>\r\n                                    <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n                                <\/div>\r\n                                <div class=\"faq-answer\">\r\n                                    <p>\r\n                                        Our support team prepares all meals using fresh ingredients carried by camels. <strong>Breakfasts<\/strong>: porridge, bread, dried fruit, nuts, coffee\/tea. <strong>Lunches<\/strong>: picnic style - salads, canned fish\/meat, bread, cheese, fruit. <strong>Dinners<\/strong>: hot meals - tagines, couscous, soups, pasta, with vegetables and protein. Caloric intake is calculated for trekking demands (3,500-4,000 calories daily). Dietary restrictions accommodated with advance notice. Water is purified and provided (5L\/person\/day minimum). Food safety protocols are strictly followed. Participants assist with meal preparation as part of the expedition experience. Special celebration meals mark significant milestones.\r\n                                    <\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"faq-item\">\r\n                                <div class=\"faq-question\">\r\n                                    <span>What is the environmental impact of this trek and sustainability measures?<\/span>\r\n                                    <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n                                <\/div>\r\n                                <div class=\"faq-answer\">\r\n                                    <p>\r\n                                        We follow <strong>strict Leave No Trace principles<\/strong>: all waste carried out (including human waste in remote areas), no disposable plastics, biodegradable soaps only, established campsites reused, firewood not collected (gas stoves used), group size limited to minimize impact, cultural sensitivity training for participants, financial support for local communities through guide employment and supplies purchased locally, education about desert ecology, carbon offset program available. We work with conservation organizations and monitor our impact annually. This low-impact approach contrasts with vehicle-based desert tourism that causes significant environmental damage.\r\n                                    <\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"faq-item\">\r\n                                <div class=\"faq-question\">\r\n                                    <span>Can this trek be customized for different experience levels or interests?<\/span>\r\n                                    <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n                                <\/div>\r\n                                <div class=\"faq-answer\">\r\n                                    <p>\r\n                                        <strong>Yes, with limitations.<\/strong> While the core expedition remains challenging, we can: adjust daily distances (within reason), incorporate rest days, focus on specific interests (photography, geology, culture), include additional cultural visits, extend with other Moroccan destinations, arrange different accommodation standards where available, provide additional support (personal porter option), or schedule during optimal conditions for your priorities (wildflowers, astronomy events). However, the remote wilderness experience and physical challenge remain central. We offer pre-expedition consultation to ensure alignment with expectations and capabilities. Private departures allow maximum customization.\r\n                                    <\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/section>\r\n                <\/article>\r\n\r\n                <!-- Sidebar - Booking Form (EXACT SAME AS ORIGINAL) -->\r\n                <aside class=\"sidebar\">\r\n                    <section class=\"booking-form\" id=\"booking-form-section\">\r\n                        <h3>Book This 10-Day Trekking Expedition<\/h3>\r\n                        <p>Complete the form below to get a quote for your Marrakech to M'hamid desert walking expedition.<\/p>\r\n                        <form id=\"desktop-form\" novalidate action=\"\">\r\n                            <!-- Row 1: Full Name and Email Address -->\r\n                            <div class=\"form-row\">\r\n                                <div class=\"form-group\">\r\n                                    <label for=\"d-fullname\">Full Name<\/label>\r\n                                    <input type=\"text\" id=\"d-fullname\" class=\"form-input\" placeholder=\"Your full name\" \/>\r\n                                    <div class=\"error-message\" id=\"d-fullname-error\">Please enter your name.<\/div>\r\n                                <\/div>\r\n                                <div class=\"form-group\">\r\n                                    <label for=\"d-email\">Email Address<\/label>\r\n                                    <input type=\"email\" id=\"d-email\" class=\"form-input\" placeholder=\"Your email address\" \/>\r\n                                    <div class=\"error-message\" id=\"d-email-error\">Please enter a valid email.<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            \r\n                            <!-- Row 2: Phone Number and Number of Travelers -->\r\n                            <div class=\"form-row\">\r\n                                <div class=\"form-group\">\r\n                                    <label for=\"d-phone\">Phone Number<\/label>\r\n                                    <input type=\"tel\" id=\"d-phone\" class=\"form-input\" placeholder=\"Your phone number\" \/>\r\n                                    <div class=\"error-message\" id=\"d-phone-error\">Invalid number (min. 10 digits).<\/div>\r\n                                <\/div>\r\n                                <div class=\"form-group\">\r\n                                    <label for=\"d-people\">Number of Travelers<\/label>\r\n                                    <input type=\"number\" id=\"d-people\" class=\"form-input\" min=\"1\" max=\"8\" value=\"2\" \/>\r\n                                    <div class=\"error-message\" id=\"d-people-error\">Please enter travelers (1\u20138).<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            \r\n                            <!-- Row 3: Tour Start Date (Full width) -->\r\n                            <div class=\"form-group\">\r\n                                <label for=\"d-date\">Tour Start Date<\/label>\r\n                                <input type=\"date\" id=\"d-date\" class=\"form-input\" \/>\r\n                                <div class=\"error-message\" id=\"d-date-error\">Please choose a date.<\/div>\r\n                            <\/div>\r\n                            \r\n                            <!-- Row 4: Special Requests -->\r\n                            <div class=\"form-group\">\r\n                                <label for=\"d-message\">Special Requests & Questions<\/label>\r\n                                <textarea id=\"d-message\" rows=\"4\" class=\"form-input\" placeholder=\"Pick-up address, dietary requirements, fitness level, room preferences, special needs, customization requests, etc.\"><\/textarea>\r\n                            <\/div>\r\n                            \r\n                            <button type=\"submit\" class=\"btn-primary\" id=\"d-submit\">\r\n                                <i class=\"fa-solid fa-paper-plane\"><\/i>\r\n                                Request a Quote\r\n                            <\/button>\r\n                            <div class=\"form-note\">\r\n                                We'll contact you within 24 hours with a customized trekking expedition quote and availability.\r\n                            <\/div>\r\n                        <input type=\"hidden\" name=\"trp-form-language\" value=\"es\"\/><\/form>\r\n                    <\/section>\r\n                <\/aside>\r\n            <\/main>\r\n        <\/div>\r\n\r\n        <!-- Thank You Overlay (EXACT SAME AS ORIGINAL) -->\r\n        <div class=\"thankyou-overlay\" id=\"thankyou\">\r\n            <div class=\"thankyou-card\">\r\n                <button class=\"thankyou-close\" id=\"ty-close\">\r\n                    <i class=\"fa-solid fa-xmark\"><\/i>\r\n                <\/button>\r\n\r\n                <div class=\"thankyou-icon\">\r\n                    <div class=\"circle\">\r\n                        <i class=\"fa-solid fa-check\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <h3 class=\"thankyou-title\">Trekking Expedition Quote Requested<\/h3>\r\n                <p class=\"thankyou-text\">\r\n                    Thank you for your interest in our 10-day Marrakech to M'hamid trekking expedition.\r\n                <\/p>\r\n                <p class=\"thankyou-subtext\">\r\n                    A desert adventure specialist will review your request and send you a detailed quote by email within 24 hours (working days).\r\n                <\/p>\r\n\r\n                <div class=\"thankyou-actions\">\r\n                    <button id=\"ty-ok\">\r\n                        <i class=\"fa-solid fa-check\"><\/i>\r\n                        Back to website\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Toast (EXACT SAME AS ORIGINAL) -->\r\n        <div class=\"toast\" id=\"toast\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- EmailJS SDK v4 (EXACT SAME AS ORIGINAL) -->\r\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@emailjs\/browser@4\/dist\/email.min.js\"><\/script>\r\n    <script>\r\n        \/\/ === EMAILJS CONFIG ===\r\n        const EMAILJS_PUBLIC_KEY   = '1eurDR9BoKUswr-Rj';\r\n        const EMAILJS_SERVICE_ID   = 'service_cwcsvc7';\r\n        const EMAILJS_TEMPLATE_ID  = 'template_i0hq02b';\r\n\r\n        \/\/ Init EmailJS\r\n        (function () {\r\n            try {\r\n                if (window.emailjs) {\r\n                    emailjs.init({ publicKey: EMAILJS_PUBLIC_KEY });\r\n                } else {\r\n                    console.warn('EmailJS SDK not loaded');\r\n                }\r\n            } catch (e) {\r\n                console.error('EmailJS init error:', e);\r\n            }\r\n        })();\r\n\r\n        \/\/ Gallery (EXACT SAME AS ORIGINAL)\r\n        const mainGalleryImg = document.getElementById('main-gallery-img');\r\n        const thumbnails = document.querySelectorAll('#marrakech-mhamid-trek-wrapper .thumbnail');\r\n        \r\n        thumbnails.forEach(thumb => {\r\n            thumb.addEventListener('click', () => {\r\n                const src = thumb.getAttribute('data-src');\r\n                if (src) mainGalleryImg.src = src;\r\n                thumbnails.forEach(t => t.classList.remove('active'));\r\n                thumb.classList.add('active');\r\n            });\r\n        });\r\n\r\n        \/\/ FAQ accordion (EXACT SAME AS ORIGINAL)\r\n        document.querySelectorAll('#marrakech-mhamid-trek-wrapper .faq-item').forEach(item => {\r\n            const question = item.querySelector('.faq-question');\r\n            question.addEventListener('click', () => {\r\n                const isOpen = item.classList.contains('open');\r\n                document.querySelectorAll('#marrakech-mhamid-trek-wrapper .faq-item').forEach(i => i.classList.remove('open'));\r\n                if (!isOpen) item.classList.add('open');\r\n            });\r\n        });\r\n\r\n        \/\/ Toast (EXACT SAME AS ORIGINAL)\r\n        function showToast(message, type = 'success') {\r\n            const toast = document.getElementById('toast');\r\n            toast.textContent = message;\r\n            toast.className = 'toast show ' + type;\r\n            setTimeout(() => {\r\n                toast.classList.remove('show');\r\n            }, 4000);\r\n        }\r\n\r\n        \/\/ Validation helpers (EXACT SAME AS ORIGINAL)\r\n        function validateEmail(email) {\r\n            const emailRegex = \/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$\/;\r\n            return emailRegex.test(email);\r\n        }\r\n\r\n        function validatePhone(phone) {\r\n            const cleanPhone = phone.replace(\/\\D\/g, '');\r\n            return cleanPhone.length >= 10;\r\n        }\r\n\r\n        function showError(inputId, errorId, message) {\r\n            document.getElementById(inputId).classList.add('error');\r\n            document.getElementById(errorId).textContent = message;\r\n            document.getElementById(errorId).style.display = 'block';\r\n        }\r\n\r\n        function hideError(inputId, errorId) {\r\n            document.getElementById(inputId).classList.remove('error');\r\n            document.getElementById(errorId).style.display = 'none';\r\n        }\r\n\r\n        function validateForm() {\r\n            let isValid = true;\r\n            const prefix = 'd-';\r\n\r\n            const email = document.getElementById(`${prefix}email`).value.trim();\r\n            if (!validateEmail(email)) {\r\n                showError(`${prefix}email`, `${prefix}email-error`, 'Please enter a valid email address');\r\n                isValid = false;\r\n            } else {\r\n                hideError(`${prefix}email`, `${prefix}email-error`);\r\n            }\r\n\r\n            const phone = document.getElementById(`${prefix}phone`).value.trim();\r\n            if (!validatePhone(phone)) {\r\n                showError(`${prefix}phone`, `${prefix}phone-error`, 'Please enter a valid phone number (min. 10 digits)');\r\n                isValid = false;\r\n            } else {\r\n                hideError(`${prefix}phone`, `${prefix}phone-error`);\r\n            }\r\n\r\n            const requiredFields = [\r\n                { id: `${prefix}fullname`, errorId: `${prefix}fullname-error`, message: 'Please enter your name' },\r\n                { id: `${prefix}date`, errorId: `${prefix}date-error`, message: 'Please choose start date' },\r\n                { id: `${prefix}people`, errorId: `${prefix}people-error`, message: 'Please enter number of travelers' }\r\n            ];\r\n\r\n            requiredFields.forEach(field => {\r\n                const value = document.getElementById(field.id).value.trim();\r\n                if (!value) {\r\n                    showError(field.id, field.errorId, field.message);\r\n                    isValid = false;\r\n                } else {\r\n                    hideError(field.id, field.errorId);\r\n                }\r\n            });\r\n\r\n            return isValid;\r\n        }\r\n\r\n        \/\/ EmailJS send (EXACT SAME AS ORIGINAL)\r\n        async function sendEmailJS() {\r\n            const prefix = 'd-';\r\n            const pax = parseInt(document.getElementById(`${prefix}people`).value || '2', 10);\r\n\r\n            const formData = {\r\n                full_name:        document.getElementById(`${prefix}fullname`).value,\r\n                email:            document.getElementById(`${prefix}email`).value,\r\n                phone:            document.getElementById(`${prefix}phone`).value,\r\n                start_date:       document.getElementById(`${prefix}date`).value,\r\n                participants:     pax,\r\n                special_requests: document.getElementById(`${prefix}message`).value,\r\n                tour_name:        '10 Days Trek from Marrakech to M\\'hamid \u2013 Sahara Desert Walking Expedition',\r\n                total_price:      'Price on Call - Custom Quote'\r\n            };\r\n\r\n            return emailjs.send(\r\n                EMAILJS_SERVICE_ID,\r\n                EMAILJS_TEMPLATE_ID,\r\n                formData\r\n            );\r\n        }\r\n\r\n        \/\/ Thank You overlay (EXACT SAME AS ORIGINAL)\r\n        const TY = document.getElementById('thankyou');\r\n        const TY_CLOSE = document.getElementById('ty-close');\r\n        const TY_OK = document.getElementById('ty-ok');\r\n\r\n        function showThankYou() {\r\n            if (TY) {\r\n                TY.style.display = 'flex';\r\n                document.body.style.overflow = 'hidden';\r\n            }\r\n        }\r\n\r\n        function hideThankYou() {\r\n            if (TY) {\r\n                TY.style.display = 'none';\r\n                document.body.style.overflow = '';\r\n            }\r\n        }\r\n\r\n        if (TY_CLOSE) {\r\n            TY_CLOSE.addEventListener('click', hideThankYou);\r\n        }\r\n\r\n        if (TY_OK) {\r\n            TY_OK.addEventListener('click', hideThankYou);\r\n        }\r\n\r\n        if (TY) {\r\n            TY.addEventListener('click', (e) => {\r\n                if (e.target === TY) {\r\n                    hideThankYou();\r\n                }\r\n            });\r\n        }\r\n\r\n        document.addEventListener('keydown', (e) => {\r\n            if (e.key === 'Escape' && TY && TY.style.display !== 'none') {\r\n                hideThankYou();\r\n            }\r\n        });\r\n\r\n        \/\/ Desktop form submit (EXACT SAME AS ORIGINAL)\r\n        const desktopForm = document.getElementById('desktop-form');\r\n        const desktopSubmitBtn = document.getElementById('d-submit');\r\n        \r\n        if (desktopForm) {\r\n            desktopForm.addEventListener('submit', async (e) => {\r\n                e.preventDefault();\r\n                \r\n                if (!validateForm()) {\r\n                    showToast('Please correct the errors in the form', 'error');\r\n                    return;\r\n                }\r\n                \r\n                desktopSubmitBtn.disabled = true;\r\n                desktopSubmitBtn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Sending...';\r\n                \r\n                try {\r\n                    const result = await sendEmailJS();\r\n                    console.log('EmailJS SUCCESS:', result);\r\n                    showThankYou();\r\n                    desktopForm.reset();\r\n                    showToast('Your trekking expedition quote request has been submitted successfully!', 'success');\r\n                } catch (err) { \r\n                    console.error('EmailJS Error:', err);\r\n                    showToast('Sorry, an error occurred: ' + (err.text || 'Please check your EmailJS keys\/domain.'), 'error'); \r\n                } finally {\r\n                    desktopSubmitBtn.disabled = false;\r\n                    desktopSubmitBtn.innerHTML = '<i class=\"fa-solid fa-paper-plane\"><\/i> Request a Quote';\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ Set min date for tour start (EXACT SAME AS ORIGINAL)\r\n        (function() {\r\n            const d = new Date();\r\n            const min = `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;\r\n            \r\n            const startDateEl = document.getElementById('d-date');\r\n            \r\n            if (startDateEl) {\r\n                startDateEl.min = min;\r\n            }\r\n        })();\r\n\r\n        \/\/ Real-time validation (EXACT SAME AS ORIGINAL)\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const emailInput = document.getElementById('d-email');\r\n            const phoneInput = document.getElementById('d-phone');\r\n            if (emailInput) {\r\n                emailInput.addEventListener('blur', function() {\r\n                    if (this.value.trim() && !validateEmail(this.value.trim())) {\r\n                        showError('d-email', 'd-email-error', 'Please enter a valid email address');\r\n                    } else {\r\n                        hideError('d-email', 'd-email-error');\r\n                    }\r\n                });\r\n            }\r\n            if (phoneInput) {\r\n                phoneInput.addEventListener('blur', function() {\r\n                    if (this.value.trim() && !validatePhone(this.value.trim())) {\r\n                        showError('d-phone', 'd-phone-error', 'Please enter a valid phone number (min. 10 digits)');\r\n                    } else {\r\n                        hideError('d-phone', 'd-phone-error');\r\n                    }\r\n                });\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>","protected":false},"excerpt":{"rendered":"<p>10 Days Trek from Marrakech to M&#8217;hamid | Sahara Desert Walking &#8230; <\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-696","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/moroccotravelsaharacamp.com\/es\/wp-json\/wp\/v2\/pages\/696","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moroccotravelsaharacamp.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moroccotravelsaharacamp.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moroccotravelsaharacamp.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moroccotravelsaharacamp.com\/es\/wp-json\/wp\/v2\/comments?post=696"}],"version-history":[{"count":7,"href":"https:\/\/moroccotravelsaharacamp.com\/es\/wp-json\/wp\/v2\/pages\/696\/revisions"}],"predecessor-version":[{"id":845,"href":"https:\/\/moroccotravelsaharacamp.com\/es\/wp-json\/wp\/v2\/pages\/696\/revisions\/845"}],"wp:attachment":[{"href":"https:\/\/moroccotravelsaharacamp.com\/es\/wp-json\/wp\/v2\/media?parent=696"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}