{"id":729,"date":"2025-12-12T18:27:59","date_gmt":"2025-12-12T18:27:59","guid":{"rendered":"https:\/\/moroccotravelsaharacamp.com\/?page_id=729"},"modified":"2025-12-19T17:34:56","modified_gmt":"2025-12-19T17:34:56","slug":"12-days-trekking-with-camel-and-walk-in-mhamid-from-marrakech","status":"publish","type":"page","link":"https:\/\/moroccotravelsaharacamp.com\/fr\/12-days-trekking-with-camel-and-walk-in-mhamid-from-marrakech\/","title":{"rendered":"12 Days Trekking with Camel and Walk in M&#8217;hamid from Marrakech"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"729\" class=\"elementor elementor-729\" 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>12 Days Trekking with Camel and Walk in M'hamid from Marrakech | Atlas, Ait Benhaddou & Adrar Valley<\/title>\r\n    <meta name=\"description\" content=\"12-day trekking tour with camel and walk from Marrakech to M'hamid via Atlas Mountains, Ait Benhaddou, Adrar Valley. Experience 9 days of desert trekking with camels, walking, and jeep support in Sahara.\">\r\n    <meta name=\"keywords\" content=\"12 days trekking with camel and walk in M'hamid from Marrakech, Atlas mountains trekking, Ait Benhaddou desert tour, Adrar Valley Morocco, 9 day trekking in M'hamid, camel trekking Sahara, desert walking tour, jeep support trekking, 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-12day-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-12day-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-12day-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-12day-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-12day-trek-wrapper .hero-section {\r\n                grid-template-columns: 1fr !important;\r\n            }\r\n        }\r\n\r\n        #marrakech-mhamid-12day-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-12day-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-12day-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-12day-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-12day-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-12day-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-12day-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-12day-trek-wrapper .detail-pill i {\r\n            color: #FF6C0C !important;\r\n        }\r\n\r\n        \/* Gallery Section *\/\r\n        #marrakech-mhamid-12day-trek-wrapper .gallery-section {\r\n            display: grid !important;\r\n            gap: 10px !important;\r\n        }\r\n\r\n        #marrakech-mhamid-12day-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-12day-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-12day-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-12day-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-12day-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-12day-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-12day-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-12day-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-12day-trek-wrapper .thumbnail:hover img {\r\n            transform: scale(1.08) !important;\r\n        }\r\n\r\n        #marrakech-mhamid-12day-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-12day-trek-wrapper .thumbnail:hover::after {\r\n            opacity: 1 !important;\r\n        }\r\n\r\n        #marrakech-mhamid-12day-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-12day-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-12day-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-12day-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-12day-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-12day-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-12day-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-12day-trek-wrapper .main-layout {\r\n                grid-template-columns: 1fr !important;\r\n            }\r\n        }\r\n\r\n        #marrakech-mhamid-12day-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-12day-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-12day-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-12day-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-12day-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-12day-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-12day-trek-wrapper .highlight-box strong {\r\n            color: #BF1A1A !important;\r\n        }\r\n\r\n        #marrakech-mhamid-12day-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-12day-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-12day-trek-wrapper .feature-grid {\r\n                grid-template-columns: 1fr !important;\r\n            }\r\n        }\r\n\r\n        #marrakech-mhamid-12day-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-12day-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-12day-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-12day-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-12day-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-12day-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-12day-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-12day-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-12day-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-12day-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-12day-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-12day-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-12day-trek-wrapper .highlights-grid {\r\n                grid-template-columns: 1fr !important;\r\n            }\r\n        }\r\n\r\n        #marrakech-mhamid-12day-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-12day-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-12day-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-12day-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-12day-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-12day-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-12day-trek-wrapper .two-column {\r\n                grid-template-columns: 1fr !important;\r\n                gap: 30px !important;\r\n            }\r\n            \r\n            #marrakech-mhamid-12day-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-12day-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-12day-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-12day-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-12day-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-12day-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-12day-trek-wrapper .bullet-list.included li i {\r\n            color: #BF1A1A !important;\r\n        }\r\n\r\n        #marrakech-mhamid-12day-trek-wrapper .bullet-list.excluded li i {\r\n            color: #dc2626 !important;\r\n        }\r\n\r\n        \/* FAQ *\/\r\n        #marrakech-mhamid-12day-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-12day-trek-wrapper .faq-item:hover {\r\n            border-color: #FF6C0C !important;\r\n        }\r\n\r\n        #marrakech-mhamid-12day-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-12day-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-12day-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-12day-trek-wrapper .faq-item.open .faq-question i {\r\n            transform: rotate(180deg) !important;\r\n        }\r\n\r\n        #marrakech-mhamid-12day-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-12day-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-12day-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-12day-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-12day-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-12day-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-12day-trek-wrapper .form-group {\r\n            margin-bottom: 16px !important;\r\n        }\r\n\r\n        #marrakech-mhamid-12day-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-12day-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-12day-trek-wrapper .booking-form {\r\n                position: static !important;\r\n                top: auto !important;\r\n            }\r\n            #marrakech-mhamid-12day-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-12day-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-12day-trek-wrapper .form-input,\r\n        #marrakech-mhamid-12day-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-12day-trek-wrapper .form-input:focus,\r\n        #marrakech-mhamid-12day-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-12day-trek-wrapper .form-input.error,\r\n        #marrakech-mhamid-12day-trek-wrapper textarea.error {\r\n            border-color: #dc2626 !important;\r\n            background: #fef2f2 !important;\r\n        }\r\n\r\n        #marrakech-mhamid-12day-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-12day-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-12day-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-12day-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-12day-trek-wrapper .btn-primary i {\r\n            font-size: 1rem !important;\r\n        }\r\n\r\n        #marrakech-mhamid-12day-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-12day-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-12day-trek-wrapper .toast.show {\r\n            display: block !important;\r\n        }\r\n\r\n        \/* Thank You Overlay *\/\r\n        #marrakech-mhamid-12day-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-12day-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-12day-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-12day-trek-wrapper .thankyou-close:hover {\r\n            background: #f0f0f0 !important;\r\n        }\r\n\r\n        #marrakech-mhamid-12day-trek-wrapper .thankyou-icon {\r\n            margin-bottom: 16px !important;\r\n        }\r\n\r\n        #marrakech-mhamid-12day-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-12day-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-12day-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-12day-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-12day-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-12day-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-12day-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-12day-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-12day-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-12day-trek-wrapper .container {\r\n                padding: 15px 12px 60px !important;\r\n            }\r\n            \r\n            #marrakech-mhamid-12day-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-12day-trek-wrapper .gallery-section {\r\n                order: 1 !important;\r\n                margin-bottom: 16px !important;\r\n            }\r\n            \r\n            #marrakech-mhamid-12day-trek-wrapper .hero-content {\r\n                padding: 20px 18px !important;\r\n                order: 2 !important;\r\n            }\r\n            \r\n            #marrakech-mhamid-12day-trek-wrapper .main-gallery {\r\n                height: 280px !important;\r\n            }\r\n            \r\n            #marrakech-mhamid-12day-trek-wrapper .thumbnail-grid {\r\n                grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\r\n            }\r\n            \r\n            #marrakech-mhamid-12day-trek-wrapper .thumbnail {\r\n                min-height: 80px !important;\r\n            }\r\n            \r\n            #marrakech-mhamid-12day-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-12day-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-12day-trek-wrapper .content-section {\r\n                padding: 20px 18px !important;\r\n                margin-bottom: 16px !important;\r\n            }\r\n            \r\n            #marrakech-mhamid-12day-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-12day-trek-wrapper .info-cards {\r\n                flex-direction: column !important;\r\n            }\r\n            \r\n            #marrakech-mhamid-12day-trek-wrapper .info-card {\r\n                width: 100% !important;\r\n            }\r\n            \r\n            #marrakech-mhamid-12day-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-12day-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-12day-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-12day-trek-wrapper .container {\r\n                padding: 12px 10px 60px !important;\r\n            }\r\n            \r\n            #marrakech-mhamid-12day-trek-wrapper .hero-content {\r\n                padding: 18px 16px !important;\r\n            }\r\n            \r\n            #marrakech-mhamid-12day-trek-wrapper .main-gallery {\r\n                height: 240px !important;\r\n            }\r\n            \r\n            #marrakech-mhamid-12day-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-12day-trek-wrapper .thumbnail {\r\n                min-height: 70px !important;\r\n            }\r\n            \r\n            #marrakech-mhamid-12day-trek-wrapper .content-section {\r\n                padding: 18px 16px !important;\r\n            }\r\n            \r\n            #marrakech-mhamid-12day-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-12day-trek-wrapper .hero-content h1 {\r\n                font-size: 24px !important;\r\n            }\r\n            \r\n            #marrakech-mhamid-12day-trek-wrapper .hero-description {\r\n                font-size: 1rem !important;\r\n            }\r\n            \r\n            #marrakech-mhamid-12day-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-12day-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\/8d.jpg\"\r\n                            alt=\"12 Days Trekking with Camel and Walk in M'hamid from Marrakech via Atlas & Ait Benhaddou\"\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> 12-Day Camel & Walking 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\/8d.jpg\"\r\n                        >\r\n                            <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/8d.jpg\" alt=\"Sahara Camel Trekking Morocco\" \/>\r\n                        <\/button>\r\n                        <button\r\n                            class=\"thumbnail\"\r\n                            data-src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/sahara-private-desert-tour-3-days-from-fes-to-marrakech-2.jpg\"\r\n                        >\r\n                            <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/sahara-private-desert-tour-3-days-from-fes-to-marrakech-2.jpg\" alt=\"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\/sahara-camel-trekking-morocco.jpg\"\r\n                        >\r\n                            <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/sahara-camel-trekking-morocco.jpg\" alt=\"Camel Trekking in Sahara\" \/>\r\n                        <\/button>\r\n                        <button\r\n                            class=\"thumbnail\"\r\n                            data-src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/6-days-morocco-desert-trekking-tour.png\"\r\n                        >\r\n                            <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/6-days-morocco-desert-trekking-tour.png\" alt=\"Desert Trekking Tour\" \/>\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>Dur\u00e9e de l'accord<\/span>\r\n                                <strong>12 Days \/ 11 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>Niveau d'activit\u00e9<\/span>\r\n                                <strong>Challenging Camel & Walking Trek<\/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>12 Day Camel & Walking Expedition<\/span>\r\n                    <\/div>\r\n                    <h1>12 Days Trekking with Camel and Walk in M'hamid from Marrakech via Atlas, Ait Benhaddou & Adrar Valley<\/h1>\r\n                    <p class=\"hero-description\">\r\n                        Experience the ultimate <span class=\"keyword-highlight\">12-day trekking with camel and walk in M'hamid from Marrakech<\/span>. Voyagez \u00e0 travers les spectaculaires <span class=\"keyword-highlight\">Atlas Mountains<\/span>, explore the UNESCO World Heritage site of <span class=\"keyword-highlight\">Ait Benhaddou<\/span>, traverse the dramatic <span class=\"keyword-highlight\">Adrar Valley<\/span>, then embark on an epic <span class=\"keyword-highlight\">9-day trekking adventure in M'hamid<\/span> combining camel riding, walking, and jeep support through the remote Sahara desert.\r\n                    <\/p>\r\n                    <div class=\"transfer-details\">\r\n                        <div class=\"detail-pill\"><i class=\"fa-solid fa-mountain\"><\/i> Atlas Mountains<\/div>\r\n                        <div class=\"detail-pill\"><i class=\"fa-solid fa-landmark\"><\/i> Ait Benhaddou<\/div>\r\n                        <div class=\"detail-pill\"><i class=\"fa-solid fa-water\"><\/i> Adrar Valley<\/div>\r\n                        <div class=\"detail-pill\"><i class=\"fa-solid fa-camel\"><\/i> Camel Trekking<\/div>\r\n                        <div class=\"detail-pill\"><i class=\"fa-solid fa-person-hiking\"><\/i> Trek de 9 jours dans le d\u00e9sert<\/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>12-Day Camel & Walking Trek Overview<\/h2>\r\n                                <small>Complete Sahara Desert Expedition with Camel Riding, Walking & Jeep Support<\/small>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"highlight-box\">\r\n                            <strong>Le pr\u00e9sent <span class=\"keyword-highlight\">12-day trekking with camel and walk in M'hamid from Marrakech<\/span> offers the most comprehensive Sahara desert expedition available. Journey through Morocco's most dramatic landscapes\u2014from the <span class=\"keyword-highlight\">Atlas Mountains<\/span> et historique <span class=\"keyword-highlight\">Ait Benhaddou kasbah<\/span> to the stunning <span class=\"keyword-highlight\">Adrar Valley<\/span>\u2014before undertaking an unparalleled <span class=\"keyword-highlight\">9-day trekking adventure in M'hamid<\/span> combining camel riding, walking, and jeep support through the remote Sahara desert.<\/strong><br \/> The expedition includes private transportation, all accommodations, most meals, expert desert guides, camel support team, jeep backup, and authentic overnight camping under Saharan stars.\r\n                        <\/div>\r\n                        <p>\r\n                            Le <span class=\"keyword-highlight\">12-day trek from Marrakech to M'hamid<\/span> covers approximately 1,400 kilometers through Morocco's most diverse and remote landscapes. This extended itinerary is designed for serious adventure seekers who want to experience multiple desert travel modes. You'll journey through the dramatic <span class=\"keyword-highlight\">Atlas Mountains<\/span>, explore the UNESCO World Heritage <span class=\"keyword-highlight\">Ait Benhaddou kasbah<\/span>, traverse the breathtaking <span class=\"keyword-highlight\">Adrar Valley<\/span> with its dramatic rock formations, and finally undertake a <span class=\"keyword-highlight\">9-day trekking adventure in M'hamid<\/span> combining camel riding, walking, and jeep support.\r\n                        <\/p>\r\n                        <p>\r\n                            This unique expedition offers the perfect combination of traditional desert travel methods and modern support. Experience the rhythm of <span class=\"keyword-highlight\">camel trekking<\/span> like ancient caravans, enjoy the physical challenge of <span class=\"keyword-highlight\">desert walking<\/span>, and benefit from <span class=\"keyword-highlight\">jeep support<\/span> for safety and comfort. The <span class=\"keyword-highlight\">9-day M'hamid trekking portion<\/span> takes you deep into remote desert areas inaccessible to regular vehicles, offering unparalleled solitude and connection with the Sahara environment.\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                            En savoir plus sur le Maroc sur Wikip\u00e9dia\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>12-Day Trek Itinerary: Marrakech to M'hamid Desert<\/h2>\r\n                                <small>Detailed day-by-day itinerary of your camel & walking desert 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 Atlas Mountains \u2013 Ait Benhaddou<\/h3>\r\n\r\n                        <div class=\"itinerary-step\">\r\n                            <div class=\"step-label\">Matin<\/div>\r\n                            <div class=\"step-content\">\r\n                                <h3>Departure from Marrakech & Atlas Crossing<\/h3>\r\n                                <p>Votre <span class=\"keyword-highlight\">12-day trekking with camel and walk in M'hamid from Marrakech<\/span> commence par une prise en charge \u00e0 votre h\u00e9bergement. Voyagez vers le <strong>Atlas Mountains<\/strong> via the spectacular Tizi n'Tichka pass (2,260m), passing through traditional Berber villages with breathtaking mountain vistas. This dramatic landscape transition marks the beginning of your desert adventure.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-step\">\r\n                            <div class=\"step-label\">Apr\u00e8s-midi<\/div>\r\n                            <div class=\"step-content\">\r\n                                <h3>Ait Benhaddou Visit & Lunch<\/h3>\r\n                                <p>Arriv\u00e9e au site du patrimoine mondial de l'UNESCO de <strong>Ait Benhaddou kasbah<\/strong>, Le village fortifi\u00e9 le plus c\u00e9l\u00e8bre du Maroc, pr\u00e9sent\u00e9 dans de nombreux films. D\u00e9jeuner dans un restaurant local, puis d\u00e9couverte de l'ancienne kasbah \u00e0 l'architecture de terre impressionnante, et d\u00e9couverte de son importance historique en tant qu'ancien poste de traite des caravanes.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-step\">\r\n                            <div class=\"step-label\">Soir\u00e9e<\/div>\r\n                            <div class=\"step-content\">\r\n                                <h3>Ouarzazate et enregistrement \u00e0 l'h\u00f4tel<\/h3>\r\n                                <p>Poursuivre <strong>Ouarzazate<\/strong>, La ville est connue comme le \"Hollywood du Maroc\" pour ses studios de cin\u00e9ma. Vous vous installerez \u00e0 l'h\u00f4tel, d\u00eenerez et recevrez un briefing complet sur votre prochain voyage. <span class=\"keyword-highlight\">9-day trekking adventure in M'hamid<\/span> combining camel riding and walking.<\/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 Adrar Valley \u2013 Desert Gateway<\/h3>\r\n\r\n                        <div class=\"itinerary-step\">\r\n                            <div class=\"step-label\">Matin<\/div>\r\n                            <div class=\"step-content\">\r\n                                <h3>Journey to Adrar Valley<\/h3>\r\n                                <p>Apr\u00e8s le petit-d\u00e9jeuner, d\u00e9part de Ouarzazate pour la spectaculaire route de la soie. <strong>Adrar Valley<\/strong>, a dramatic landscape of rock formations, gorges, and ancient settlements. This less-visited valley offers stunning scenery and a glimpse into traditional Berber life in remote mountain areas.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-step\">\r\n                            <div class=\"step-label\">Apr\u00e8s-midi<\/div>\r\n                            <div class=\"step-content\">\r\n                                <h3>Adrar Valley Exploration<\/h3>\r\n                                <p>Explore the Adrar Valley, visiting traditional villages, ancient irrigation systems, and dramatic geological formations. Enjoy lunch with local families, learning about their way of life in this remote region. The Adrar Valley serves as a transition zone between the mountains and the desert.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-step\">\r\n                            <div class=\"step-label\">Soir\u00e9e<\/div>\r\n                            <div class=\"step-content\">\r\n                                <h3>Arrival at M'hamid & Trek Preparation<\/h3>\r\n                                <p>Poursuivre <strong>M'hamid Elghazlane<\/strong>, the gateway to the Sahara desert. Meet your desert guides, camel handlers, and support team. Receive trekking equipment and camel riding orientation. Enjoy an orientation dinner and final preparations for your 9-day desert expedition.<\/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;\">Days 3-11: 9-Day Trekking in M'hamid - Camel Riding, Walking & Jeep Support<\/h3>\r\n\r\n                        <div class=\"itinerary-step\">\r\n                            <div class=\"step-label\">Days 3-5<\/div>\r\n                            <div class=\"step-content\">\r\n                                <h3>Camel Trekking & Desert Adaptation<\/h3>\r\n                                <p>Begin your <span class=\"keyword-highlight\">9-day trekking in M'hamid<\/span> with camel riding through accessible desert terrain. Learn camel handling basics, desert navigation, and camping skills. The jeep support vehicle follows at a distance, carrying extra supplies and providing safety backup. These initial days focus on adaptation to desert conditions and establishing expedition rhythm.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-step\">\r\n                            <div class=\"step-label\">Days 6-8<\/div>\r\n                            <div class=\"step-content\">\r\n                                <h3>Combined Camel & Walking Trekking<\/h3>\r\n                                <p>Transition to a combination of camel riding and walking. Spend mornings walking through spectacular dune fields and afternoons riding camels to cover longer distances. The jeep support allows flexibility in daily distances and provides emergency backup. Explore remote areas of Erg Chegaga and surrounding desert landscapes.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-step\">\r\n                            <div class=\"step-label\">Days 9-11<\/div>\r\n                            <div class=\"step-content\">\r\n                                <h3>Deep Desert Exploration<\/h3>\r\n                                <p>Venture into the most remote desert areas, using camels for supply transport while primarily walking to fully experience the desert environment. The jeep support remains available but at greater distances. Experience complete desert solitude, traditional navigation methods, and authentic nomadic camping. Learn desert survival skills from experienced guides.<\/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 12: Desert Return \u2013 M'hamid \u2013 Marrakech<\/h3>\r\n\r\n                        <div class=\"itinerary-step\">\r\n                            <div class=\"step-label\">Matin<\/div>\r\n                            <div class=\"step-content\">\r\n                                <h3>Final Desert Morning & Return to M'hamid<\/h3>\r\n                                <p>After a final desert breakfast and camp breakdown, use the jeep support to return to M'hamid Elghazlane. Enjoy a farewell ceremony with your camel handlers and desert guides. Take a well-deserved shower and prepare for the return journey to Marrakech.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-step\">\r\n                            <div class=\"step-label\">Apr\u00e8s-midi\/soir<\/div>\r\n                            <div class=\"step-content\">\r\n                                <h3>Retour \u00e0 Marrakech<\/h3>\r\n                                <p>Travel back through the Adrar Valley, Ouarzazate, and over the 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\">12-day trekking with camel and walk in M'hamid from Marrakech<\/span>.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/section>\r\n\r\n                    <!-- Detailed 9-Day M'hamid Trekking Schedule -->\r\n                    <section class=\"content-section\" id=\"mhamid-details\">\r\n                        <div class=\"section-header\">\r\n                            <i class=\"fa-solid fa-calendar-days\"><\/i>\r\n                            <div>\r\n                                <h2>Detailed 9-Day M'hamid Trekking Schedule<\/h2>\r\n                                <small>Daily breakdown of camel riding, walking, and jeep support activities<\/small>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"highlight-box\">\r\n                            <strong>Le <span class=\"keyword-highlight\">9-day trekking in M'hamid<\/span> portion of this expedition offers a unique combination of traditional camel riding, desert walking, and modern jeep support. This multi-mode approach allows for deeper desert exploration while maintaining safety and comfort standards.<\/strong>\r\n                        <\/div>\r\n\r\n                        <div class=\"feature-grid\">\r\n                            <div class=\"feature-card\">\r\n                                <i class=\"fa-solid fa-camel\"><\/i>\r\n                                <div>\r\n                                    <strong>Camel Riding Days<\/strong>\r\n                                    Days 3-5 primarily camel riding with some walking\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>Combined Days<\/strong>\r\n                                    Days 6-8 mix of walking and camel riding\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"feature-card\">\r\n                                <i class=\"fa-solid fa-shoe-prints\"><\/i>\r\n                                <div>\r\n                                    <strong>Walking Focus Days<\/strong>\r\n                                    Days 9-11 primarily walking with camels for supplies\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>Jeep Support<\/strong>\r\n                                    Available throughout for safety & supply transport\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"feature-card\">\r\n                                <i class=\"fa-solid fa-route\"><\/i>\r\n                                <div>\r\n                                    <strong>Daily Distances<\/strong>\r\n                                    15-25km depending on terrain and mode\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"feature-card\">\r\n                                <i class=\"fa-solid fa-clock\"><\/i>\r\n                                <div>\r\n                                    <strong>Daily Duration<\/strong>\r\n                                    6-8 hours of activity daily\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>Camping Nights<\/strong>\r\n                                    9 nights authentic desert camping\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"feature-card\">\r\n                                <i class=\"fa-solid fa-map\"><\/i>\r\n                                <div>\r\n                                    <strong>Areas Covered<\/strong>\r\n                                    Erg Chegaga, remote dunes, desert plateaus\r\n                                <\/div>\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>12-Day Expedition Highlights<\/h2>\r\n                                <small>Experience the ultimate Sahara desert adventure<\/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>Travers\u00e9e de l'Atlas<\/h4>\r\n                                    <p>Col du Tizi n'Tichka \u00e0 2 260 m d'altitude avec villages berb\u00e8res<\/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 Benhaddou UNESCO Site<\/h4>\r\n                                    <p>Ancienne kasbah et ancien poste de traite des caravanes<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"highlight-item\">\r\n                                <div class=\"highlight-icon\"><i class=\"fa-solid fa-mountain-city\"><\/i><\/div>\r\n                                <div class=\"highlight-text\">\r\n                                    <h4>Adrar Valley Exploration<\/h4>\r\n                                    <p>Dramatic rock formations & traditional 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-camel\"><\/i><\/div>\r\n                                <div class=\"highlight-text\">\r\n                                    <h4>Extended Camel Trekking<\/h4>\r\n                                    <p>Traditional camel riding through remote desert<\/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>Desert Walking<\/h4>\r\n                                    <p>Substantial walking through diverse desert terrain<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"highlight-item\">\r\n                                <div class=\"highlight-icon\"><i class=\"fa-solid fa-car\"><\/i><\/div>\r\n                                <div class=\"highlight-text\">\r\n                                    <h4>Jeep Support<\/h4>\r\n                                    <p>Safety backup & supply transport available<\/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>Camping dans le d\u00e9sert isol\u00e9<\/h4>\r\n                                    <p>9 nights authentic 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-map-marked-alt\"><\/i><\/div>\r\n                                <div class=\"highlight-text\">\r\n                                    <h4>M'hamid Desert Gateway<\/h4>\r\n                                    <p>Historic starting point for Sahara expeditions<\/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>Ce qui est inclus \/ non inclus<\/h2>\r\n                                <small>Complete details for your 12-day camel & walking 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                                    Le prix comprend\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 (12 days)<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> <div>V\u00e9hicule 4\u00d74 priv\u00e9 et climatis\u00e9 et carburant<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> <div>Prise en charge et retour \u00e0 votre h\u00e9bergement \u00e0 Marrakech<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> <div>Tous les h\u00e9bergements (h\u00f4tels et campements dans le d\u00e9sert)<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> <div>Tous les petits d\u00e9jeuners pendant le circuit<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> <div>Tous les d\u00eeners pendant le circuit<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> <div>4 lunches (Day 1, 2, and specified days)<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> <div>Expert desert guide for 9-day trekking period<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> <div>Camel handlers and camels for riding\/supplies<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> <div>Jeep support vehicle during desert trekking<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> <div>Tout le mat\u00e9riel de camping (tentes, matelas de sol, etc.)<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> <div>Drinking water throughout the expedition<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> <div>Guide service fee in Ait Benhaddou<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> <div>Cultural visits in Adrar Valley<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> <div>Tous les permis et droits de trekking dans le d\u00e9sert<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> <div>D\u00e9jeuners lors des journ\u00e9es de trekking (sauf sp\u00e9cifi\u00e9)<\/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                                    Le prix ne comprend pas\r\n                                <\/div>\r\n                                <ul class=\"bullet-list excluded\">\r\n                                    \r\n                                    <li><i class=\"fa-solid fa-xmark\"><\/i> <div>Boissons et collations personnelles<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-xmark\"><\/i> <div>Assurance voyage (obligatoire pour cette exp\u00e9dition)<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-xmark\"><\/i> <div>Tips for guides, drivers, camel handlers, and support team<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-xmark\"><\/i> <div>\u00c9quipement personnel de randonn\u00e9e (sac \u00e0 dos, chaussures, etc.)<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-xmark\"><\/i> <div>Camel riding personal equipment (optional)<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-xmark\"><\/i> <div>Toute activit\u00e9 suppl\u00e9mentaire non sp\u00e9cifi\u00e9e<\/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>D\u00e9tails pratiques<\/h2>\r\n                                <small>Important information for your 12-day camel & walking 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>Dur\u00e9e totale<\/strong>\r\n                                    12 Days \/ 11 Nights\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"feature-card\">\r\n                                <i class=\"fa-solid fa-camel\"><\/i>\r\n                                <div>\r\n                                    <strong>M'hamid Trekking<\/strong>\r\n                                    9 Days Camel Riding & Walking\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>Transport<\/strong>\r\n                                    Private 4\u00d74 + Camels + Walking + Jeep 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>Taille du groupe<\/strong>\r\n                                    Very Small Groups (3-6 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>Meilleure saison<\/strong>\r\n                                    Octobre-avril (\u00e9viter les fortes chaleurs)\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>Nuits du d\u00e9sert<\/strong>\r\n                                    9 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>Bagages<\/strong>\r\n                                    Trekking backpack + main luggage in support 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>Niveau d'aptitude<\/strong>\r\n                                    Very Good to Excellent 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>Questions fr\u00e9quemment pos\u00e9es<\/h2>\r\n                                <small>About our 12-day camel & walking 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 makes this 12-day trek different from other 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                                        Le pr\u00e9sent <span class=\"keyword-highlight\">12-day trekking with camel and walk in M'hamid<\/span> offers several unique features: <strong>1) Multi-mode travel<\/strong> - combines camel riding, walking, and jeep support; <strong>2) Extended duration<\/strong> - 9 days dedicated desert trekking; <strong>3) Comprehensive route<\/strong> - includes Atlas Mountains, Ait Benhaddou, AND Adrar Valley; <strong>4) Safety with authenticity<\/strong> - jeep support allows deeper exploration while maintaining safety; <strong>5) Small groups<\/strong> - limited to 3-6 persons for personalized experience; <strong>6) Skill development<\/strong> - teaches camel handling AND desert walking techniques; <strong>7) Remote access<\/strong> - reaches areas inaccessible to standard tours. This is a true expedition, not just a tourist experience.\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 does the camel riding\/walking\/jeep support combination work?<\/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                                        The expedition uses a <strong>progressive approach<\/strong>: <strong>Days 1-3<\/strong> primarily camel riding to adapt to desert travel; <strong>Days 4-6<\/strong> balanced combination (mornings walking, afternoons camel riding); <strong>Days 7-9<\/strong> primarily walking with camels carrying supplies. The <strong>jeep support vehicle<\/strong> follows at varying distances (closer initially, further as expedition progresses) carrying: extra water, emergency supplies, additional food, and providing evacuation capability if needed. This combination allows deeper desert penetration than walking-only tours while maintaining higher safety standards than camel-only expeditions.\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 experience is needed for camel riding?<\/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>No prior camel riding experience is required.<\/strong> Our experienced handlers provide comprehensive training on: mounting\/dismounting, basic riding techniques, camel behavior understanding, and safety procedures. Camels are carefully selected for temperament and trained for expedition travel. Initial days focus on skill development with shorter riding periods. Most people adapt quickly, though some may experience initial discomfort that typically subsides after 2-3 days. We provide padding and can adjust riding schedules based on individual comfort. Those with back problems or significant mobility issues should consult their doctor before 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>What is the daily schedule during the 9-day M'hamid trekking?<\/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                                        Typical daily schedule: <strong>6:00 AM<\/strong> - Wake up, breakfast, camp breakdown; <strong>7:30 AM<\/strong> - Start morning activity (walking or camel riding); <strong>11:00 AM<\/strong> - Rest break, snack; <strong>12:30 PM<\/strong> - Lunch break (2-3 hours during heat); <strong>3:30 PM<\/strong> - Afternoon activity; <strong>6:00 PM<\/strong> - Arrive at campsite, set up camp; <strong>7:00 PM<\/strong> - Dinner; <strong>8:30 PM<\/strong> - Evening activities (storytelling, astronomy, etc.). Schedule adjusts based on weather, group pace, and specific day's objectives. Jeep support coordinates with main group for lunch and camp locations.\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 does this expedition get 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 expedition reaches <strong>significantly remote areas<\/strong> with several days completely isolated from permanent settlements. Safety measures include: experienced guides with wilderness medicine certification, satellite communication, comprehensive medical kit, jeep support vehicle (maximum 1-2 hours from group), established evacuation plans with local authorities, daily health monitoring, strict hydration\/nutrition protocols, conservative pacing, and emergency water\/food reserves. The jeep support provides crucial safety redundancy while allowing authentic remote experience. <strong>Une assurance voyage compl\u00e8te couvrant l'\u00e9vacuation des zones recul\u00e9es est obligatoire.<\/strong>\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 multi-mode expedition?<\/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 equipment includes: <strong>Camel riding<\/strong> - loose comfortable pants, riding gloves (optional), cushion\/padding; <strong>Walking<\/strong> - trekking boots (broken in), sand gaiters, trekking poles; <strong>General<\/strong> - 45-60L backpack, sleeping bag (comfort -5\u00b0C), sleeping bag liner, headlamp, hydration system (3L), sun protection (SPF 50+, sunglasses, hat), clothing system (base layers, insulation, wind\/rain protection), desert-specific clothing, personal first aid, multi-tool, camera with dust protection, power banks. We provide detailed equipment list and can recommend specialized items for camel riding comfort.\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 expedition be customized for different experience levels?<\/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>Limited customization is possible.<\/strong> We can adjust: daily distances (within reason), riding\/walking balance, rest day incorporation, specific area focus, cultural visit depth, accommodation standards where available. However, the core expedition challenge and remote experience remain central. The small group size (3-6) allows some individual pacing flexibility. Pre-expedition consultation ensures alignment with expectations. Those seeking significantly easier experience should consider our shorter or less challenging tours. This expedition is designed for serious adventure seekers wanting comprehensive desert immersion.\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 12-Day Camel & Walking Expedition<\/h3>\r\n                        <p>Complete the form below to get a quote for your Marrakech to M'hamid desert 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\">Nom complet<\/label>\r\n                                    <input type=\"text\" id=\"d-fullname\" class=\"form-input\" placeholder=\"Votre nom complet\" \/>\r\n                                    <div class=\"error-message\" id=\"d-fullname-error\">Veuillez saisir votre nom.<\/div>\r\n                                <\/div>\r\n                                <div class=\"form-group\">\r\n                                    <label for=\"d-email\">Adresse \u00e9lectronique<\/label>\r\n                                    <input type=\"email\" id=\"d-email\" class=\"form-input\" placeholder=\"Votre adresse \u00e9lectronique\" \/>\r\n                                    <div class=\"error-message\" id=\"d-email-error\">Veuillez saisir un courriel valide.<\/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\">Num\u00e9ro de t\u00e9l\u00e9phone<\/label>\r\n                                    <input type=\"tel\" id=\"d-phone\" class=\"form-input\" placeholder=\"Votre num\u00e9ro de t\u00e9l\u00e9phone\" \/>\r\n                                    <div class=\"error-message\" id=\"d-phone-error\">Num\u00e9ro non valide (min. 10 chiffres).<\/div>\r\n                                <\/div>\r\n                                <div class=\"form-group\">\r\n                                    <label for=\"d-people\">Nombre de voyageurs<\/label>\r\n                                    <input type=\"number\" id=\"d-people\" class=\"form-input\" min=\"1\" max=\"6\" value=\"2\" \/>\r\n                                    <div class=\"error-message\" id=\"d-people-error\">Veuillez indiquer les voyageurs (1-6).<\/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\">Date de d\u00e9but de la visite<\/label>\r\n                                <input type=\"date\" id=\"d-date\" class=\"form-input\" \/>\r\n                                <div class=\"error-message\" id=\"d-date-error\">Veuillez choisir une 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\">Demandes sp\u00e9ciales et questions<\/label>\r\n                                <textarea id=\"d-message\" rows=\"4\" class=\"form-input\" placeholder=\"Previous trekking\/camel experience, fitness level, dietary requirements, 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 Expedition Quote\r\n                            <\/button>\r\n                            <div class=\"form-note\">\r\n                                We'll contact you within 24 hours with a customized expedition quote and availability.\r\n                            <\/div>\r\n                        <input type=\"hidden\" name=\"trp-form-language\" value=\"fr\"\/><\/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\">Expedition Quote Requested<\/h3>\r\n                <p class=\"thankyou-text\">\r\n                    Thank you for your interest in our 12-day camel & walking trekking expedition.\r\n                <\/p>\r\n                <p class=\"thankyou-subtext\">\r\n                    An expedition 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                        Retour au site web\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-12day-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-12day-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-12day-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:        '12 Days Trekking with Camel and Walk in M\\'hamid from Marrakech via Atlas, Ait Benhaddou & Adrar Valley',\r\n                total_price:      'Expedition Quote - Custom Pricing'\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 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 Expedition 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>12 Days Trekking with Camel and Walk in M&#8217;hamid from Marrakech &#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-729","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/pages\/729","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/comments?post=729"}],"version-history":[{"count":7,"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/pages\/729\/revisions"}],"predecessor-version":[{"id":839,"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/pages\/729\/revisions\/839"}],"wp:attachment":[{"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/media?parent=729"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}