{"id":169,"date":"2025-11-22T12:11:41","date_gmt":"2025-11-22T12:11:41","guid":{"rendered":"https:\/\/marrakechtrekking.com\/?page_id=169"},"modified":"2025-11-27T13:40:06","modified_gmt":"2025-11-27T13:40:06","slug":"nomadic-crossing-in-the-heart-of-the-sahara-ergs","status":"publish","type":"page","link":"https:\/\/marrakechtrekking.com\/fr\/nomadic-crossing-in-the-heart-of-the-sahara-ergs\/","title":{"rendered":"Travers\u00e9e nomade au c\u0153ur du Sahara Ergs"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"169\" class=\"elementor elementor-169\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-732feee e-flex e-con-boxed e-con e-parent\" data-id=\"732feee\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-caa7536 elementor-widget elementor-widget-html\" data-id=\"caa7536\" data-element_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>Nomadic Crossing in the Heart of the Sahara Ergs | Nomads of the Sahara<\/title>\r\n    <meta name=\"description\" content=\"Experience authentic Nomadic Crossing in the Heart of the Sahara Ergs. Discover Nomads of the Sahara, golden dunes, and ancestral traditions on this immersive 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        \/* CSS RESET FOR OUR COMPONENT ONLY *\/\r\n        #nomadic-sahara-wrapper * {\r\n            box-sizing: border-box !important;\r\n            margin: 0 !important;\r\n            padding: 0 !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper {\r\n            \/* ISOLATION CONTAINER *\/\r\n            --primary-bg: #ffffff !important;\r\n            --card-bg: #ffffff !important;\r\n            --accent-color: #f97316 !important;\r\n            --accent-light: #fed7aa !important;\r\n            --accent-dark: #dc2626 !important;\r\n            --accent-gradient: linear-gradient(135deg, #f97316, #dc2626) !important;\r\n            --text-primary: #0f172a !important;\r\n            --text-secondary: #6b7280 !important;\r\n            --border-color: rgba(148, 163, 184, 0.35) !important;\r\n            --radius-large: 22px !important;\r\n            --radius-medium: 14px !important;\r\n            --shadow-large: 0 20px 55px rgba(15, 23, 42, 0.18) !important;\r\n            --shadow-small: 0 10px 25px rgba(15, 23, 42, 0.12) !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        #nomadic-sahara-wrapper .container {\r\n            max-width: 1180px !important;\r\n            margin: 0 auto !important;\r\n            padding: 20px 18px 80px !important;\r\n        }\r\n\r\n        \/* FORCE GALLERY STYLES *\/\r\n        #nomadic-sahara-wrapper .gallery-section img,\r\n        #nomadic-sahara-wrapper .thumbnail img,\r\n        #nomadic-sahara-wrapper .photo-gallery img,\r\n        #nomadic-sahara-wrapper .main-gallery img {\r\n            border: none !important;\r\n            background: transparent !important;\r\n            padding: 0 !important;\r\n            box-shadow: none !important;\r\n            display: block !important;\r\n        }\r\n\r\n        \/* Hero Section *\/\r\n        #nomadic-sahara-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            #nomadic-sahara-wrapper .hero-section {\r\n                grid-template-columns: 1fr !important;\r\n            }\r\n        }\r\n\r\n        #nomadic-sahara-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: radial-gradient(circle at top left, #fff7ed 0, #fef2f2 30%, #ffffff 90%) !important;\r\n            box-shadow: var(--shadow-large) !important;\r\n            overflow: hidden !important;\r\n        }\r\n\r\n        #nomadic-sahara-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(251, 146, 60, 0.24), 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        #nomadic-sahara-wrapper .region-badge {\r\n            display: inline-flex !important;\r\n            align-items: center !important;\r\n            gap: 8px !important;\r\n            padding: 4px 11px !important;\r\n            border-radius: 999px !important;\r\n            background: rgba(15, 23, 42, 0.75) !important;\r\n            color: #e5e7eb !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: 10px !important;\r\n            position: relative !important;\r\n            z-index: 1 !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .region-badge i {\r\n            color: #fed7aa !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .hero-content h1 {\r\n            margin: 0 0 6px !important;\r\n            font-size: clamp(1.9rem, 3vw, 2.4rem) !important;\r\n            font-weight: 800 !important;\r\n            letter-spacing: 0.01em !important;\r\n            position: relative !important;\r\n            z-index: 1 !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .hero-description {\r\n            margin: 0 0 14px !important;\r\n            color: #1f2933 !important;\r\n            font-size: 0.97rem !important;\r\n            max-width: 38rem !important;\r\n            position: relative !important;\r\n            z-index: 1 !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .trek-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        #nomadic-sahara-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: 6px 10px !important;\r\n            border-radius: 999px !important;\r\n            background: rgba(15, 23, 42, 0.85) !important;\r\n            color: #e5e7eb !important;\r\n            border: 1px solid rgba(148, 163, 184, 0.5) !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .detail-pill i {\r\n            color: #fed7aa !important;\r\n        }\r\n\r\n        \/* Gallery Section *\/\r\n        #nomadic-sahara-wrapper .gallery-section {\r\n            display: grid !important;\r\n            gap: 10px !important;\r\n        }\r\n\r\n        #nomadic-sahara-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        #nomadic-sahara-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        #nomadic-sahara-wrapper .gallery-overlay {\r\n            position: absolute !important;\r\n            inset: 0 !important;\r\n            background: linear-gradient(to top, rgba(15, 23, 42, 0.65), transparent 55%) !important;\r\n            pointer-events: none !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .gallery-caption {\r\n            position: absolute !important;\r\n            left: 14px !important;\r\n            bottom: 14px !important;\r\n            padding: 6px 10px !important;\r\n            border-radius: 999px !important;\r\n            font-size: 0.78rem !important;\r\n            background: rgba(15, 23, 42, 0.85) !important;\r\n            color: #e5e7eb !important;\r\n            display: inline-flex !important;\r\n            align-items: center !important;\r\n            gap: 7px !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .thumbnail-grid {\r\n            display: grid !important;\r\n            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\r\n            gap: 6px !important;\r\n            margin-top: 6px !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .thumbnail {\r\n            border-radius: 14px !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: 70px !important;\r\n        }\r\n\r\n        #nomadic-sahara-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.2s !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .thumbnail:hover img {\r\n            transform: scale(1.08) !important;\r\n        }\r\n\r\n        #nomadic-sahara-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(15, 23, 42, 0.5), transparent 75%) !important;\r\n            opacity: 0 !important;\r\n            transition: opacity 0.2s !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .thumbnail:hover::after {\r\n            opacity: 1 !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .thumbnail.active {\r\n            border-color: var(--accent-color) !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .info-cards {\r\n            display: flex !important;\r\n            gap: 10px !important;\r\n            margin-top: 6px !important;\r\n            flex-wrap: wrap !important;\r\n        }\r\n\r\n        #nomadic-sahara-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: 10px 12px !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            gap: 10px !important;\r\n            box-shadow: var(--shadow-small) !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .info-icon {\r\n            width: 36px !important;\r\n            height: 36px !important;\r\n            border-radius: 999px !important;\r\n            display: grid !important;\r\n            place-items: center !important;\r\n            background: var(--accent-gradient) !important;\r\n            color: #ecfdf5 !important;\r\n            font-size: 1rem !important;\r\n        }\r\n\r\n        #nomadic-sahara-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        #nomadic-sahara-wrapper .info-text strong {\r\n            font-size: 0.94rem !important;\r\n        }\r\n\r\n        \/* Main Layout *\/\r\n        #nomadic-sahara-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            #nomadic-sahara-wrapper .main-layout {\r\n                grid-template-columns: 1fr !important;\r\n            }\r\n        }\r\n\r\n        #nomadic-sahara-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: 20px 20px 18px !important;\r\n            margin-bottom: 18px !important;\r\n            box-shadow: var(--shadow-small) !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .section-header {\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            gap: 9px !important;\r\n            margin-bottom: 12px !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .section-header i {\r\n            width: 28px !important;\r\n            height: 28px !important;\r\n            border-radius: 999px !important;\r\n            display: grid !important;\r\n            place-items: center !important;\r\n            background: var(--accent-light) !important;\r\n            color: var(--accent-dark) !important;\r\n            font-size: 0.9rem !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .section-header h2 {\r\n            margin: 0 !important;\r\n            font-size: 1.1rem !important;\r\n            letter-spacing: 0.03em !important;\r\n            text-transform: uppercase !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .section-header small {\r\n            display: block !important;\r\n            font-size: 0.75rem !important;\r\n            color: var(--text-secondary) !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .highlight-box {\r\n            padding: 11px 13px !important;\r\n            border-radius: 14px !important;\r\n            background: #fff7ed !important;\r\n            border: 1px solid rgba(234, 88, 12, 0.18) !important;\r\n            font-size: 0.95rem !important;\r\n            margin-bottom: 10px !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .highlight-box strong {\r\n            color: var(--accent-dark) !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .content-section p {\r\n            color: var(--text-secondary) !important;\r\n            font-size: 0.97rem !important;\r\n            margin: 0 0 8px !important;\r\n        }\r\n\r\n        \/* Feature Grid (still used in Practical Details) *\/\r\n        #nomadic-sahara-wrapper .feature-grid {\r\n            display: grid !important;\r\n            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n            gap: 10px !important;\r\n            margin-top: 12px !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .feature-card {\r\n            border-radius: var(--radius-medium) !important;\r\n            background: #f9fafb !important;\r\n            border: 1px dashed var(--border-color) !important;\r\n            padding: 10px 12px !important;\r\n            font-size: 0.88rem !important;\r\n            display: flex !important;\r\n            align-items: flex-start !important;\r\n            gap: 8px !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .feature-card i {\r\n            color: var(--accent-color) !important;\r\n            margin-top: 3px !important;\r\n            font-size: 0.9rem !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .feature-card strong {\r\n            display: block !important;\r\n            font-size: 0.9rem !important;\r\n        }\r\n\r\n        \/* Itinerary *\/\r\n        #nomadic-sahara-wrapper .itinerary-day {\r\n            display: grid !important;\r\n            grid-template-columns: 100px minmax(0, 1fr) !important;\r\n            gap: 14px !important;\r\n            padding: 13px 0 !important;\r\n            border-bottom: 1px dashed var(--border-color) !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .itinerary-day:last-child {\r\n            border-bottom: none !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .day-label {\r\n            font-size: 0.8rem !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 0.14em !important;\r\n            font-weight: 700 !important;\r\n            color: var(--accent-dark) !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .day-content h3 {\r\n            margin: 0 0 3px !important;\r\n            font-size: 0.98rem !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .day-content p {\r\n            margin: 0 !important;\r\n            color: var(--text-secondary) !important;\r\n            font-size: 0.95rem !important;\r\n        }\r\n\r\n        \/* Inclusions *\/\r\n        #nomadic-sahara-wrapper .two-column {\r\n            display: grid !important;\r\n            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n            gap: 18px !important;\r\n        }\r\n\r\n        @media (max-width: 720px) {\r\n            #nomadic-sahara-wrapper .two-column {\r\n                grid-template-columns: 1fr !important;\r\n            }\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .list-title {\r\n            font-size: 0.96rem !important;\r\n            font-weight: 700 !important;\r\n            margin-bottom: 6px !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            gap: 6px !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .list-title i {\r\n            background: none !important;\r\n            width: auto !important;\r\n            height: auto !important;\r\n            color: var(--accent-color) !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .bullet-list {\r\n            list-style: none !important;\r\n            padding: 0 !important;\r\n            margin: 0 !important;\r\n            font-size: 0.95rem !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .bullet-list li {\r\n            display: flex !important;\r\n            gap: 8px !important;\r\n            margin-bottom: 7px !important;\r\n            color: var(--text-secondary) !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .bullet-list li i {\r\n            margin-top: 3px !important;\r\n            font-size: 0.85rem !important;\r\n            min-width: 14px !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .bullet-list.included li i {\r\n            color: var(--accent-dark) !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .bullet-list.excluded li i {\r\n            color: #e11d48 !important;\r\n        }\r\n\r\n        \/* FAQ *\/\r\n        #nomadic-sahara-wrapper .faq-item {\r\n            border-radius: var(--radius-medium) !important;\r\n            border: 1px solid var(--border-color) !important;\r\n            margin-bottom: 10px !important;\r\n            background: #f9fafb !important;\r\n            overflow: hidden !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .faq-question {\r\n            padding: 12px 14px !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: space-between !important;\r\n            gap: 12px !important;\r\n            cursor: pointer !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .faq-question span {\r\n            font-size: 0.95rem !important;\r\n            font-weight: 600 !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .faq-question i {\r\n            color: var(--accent-dark) !important;\r\n            transition: transform 0.2s !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .faq-item.open .faq-question i {\r\n            transform: rotate(180deg) !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .faq-answer {\r\n            max-height: 0 !important;\r\n            overflow: hidden !important;\r\n            padding: 0 14px !important;\r\n            font-size: 0.92rem !important;\r\n            color: var(--text-secondary) !important;\r\n            transition: max-height 0.25s ease, padding 0.25s ease !important;\r\n            background: #ffffff !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .faq-item.open .faq-answer {\r\n            padding: 0 14px 12px !important;\r\n            max-height: 180px !important;\r\n        }\r\n\r\n        \/* Photo Gallery - REDESIGNED *\/\r\n        #nomadic-sahara-wrapper .photo-gallery {\r\n            display: grid !important;\r\n            grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;\r\n            gap: 12px !important;\r\n            margin-top: 12px !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .photo-item {\r\n            position: relative !important;\r\n            border-radius: 16px !important;\r\n            overflow: hidden !important;\r\n            cursor: zoom-in !important;\r\n            box-shadow: var(--shadow-small) !important;\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease !important;\r\n            background: #f9fafb !important;\r\n            border: 1px solid var(--border-color) !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .photo-item:hover {\r\n            transform: translateY(-5px) !important;\r\n            box-shadow: var(--shadow-large) !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .photo-item img {\r\n            width: 100% !important;\r\n            height: 140px !important;\r\n            object-fit: cover !important;\r\n            transition: transform 0.3s ease !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .photo-item:hover img {\r\n            transform: scale(1.05) !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .photo-item::after {\r\n            content: \"\" !important;\r\n            position: absolute !important;\r\n            inset: 0 !important;\r\n            background: linear-gradient(to top, rgba(15, 23, 42, 0.6), transparent 70%) !important;\r\n            opacity: 0 !important;\r\n            transition: opacity 0.3s ease !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .photo-item:hover::after {\r\n            opacity: 1 !important;\r\n        }\r\n\r\n        \/* VIEW ICON ON PHOTO ITEMS *\/\r\n        #nomadic-sahara-wrapper .photo-view-icon {\r\n            position: absolute !important;\r\n            inset: 0 !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n            pointer-events: none !important;\r\n            opacity: 0 !important;\r\n            transition: opacity 0.3s ease !important;\r\n            z-index: 2 !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .photo-view-icon span {\r\n            display: inline-flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n            padding: 8px 14px !important;\r\n            border-radius: 999px !important;\r\n            background: rgba(15, 23, 42, 0.85) !important;\r\n            color: #fef2f2 !important;\r\n            font-size: 0.8rem !important;\r\n            gap: 6px !important;\r\n            transform: translateY(10px) !important;\r\n            transition: transform 0.3s ease !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .photo-view-icon i {\r\n            font-size: 0.9rem !important;\r\n            color: #fed7aa !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .photo-item:hover .photo-view-icon {\r\n            opacity: 1 !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .photo-item:hover .photo-view-icon span {\r\n            transform: translateY(0) !important;\r\n        }\r\n\r\n        \/* Map Section *\/\r\n        #nomadic-sahara-wrapper .map-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: 20px 20px 18px !important;\r\n            margin-bottom: 18px !important;\r\n            box-shadow: var(--shadow-small) !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .map-container {\r\n            position: relative !important;\r\n            border-radius: 14px !important;\r\n            overflow: hidden !important;\r\n            margin-top: 12px !important;\r\n            box-shadow: var(--shadow-small) !important;\r\n            height: 400px !important;\r\n            background: #f9fafb !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .map-container iframe {\r\n            width: 100% !important;\r\n            height: 100% !important;\r\n            border: none !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .map-placeholder {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n            gap: 12px !important;\r\n            color: var(--text-secondary) !important;\r\n            height: 100% !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .map-placeholder i {\r\n            font-size: 2.5rem !important;\r\n            color: var(--accent-color) !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .map-placeholder p {\r\n            font-size: 0.95rem !important;\r\n            text-align: center !important;\r\n            max-width: 300px !important;\r\n        }\r\n\r\n        \/* Sidebar *\/\r\n        #nomadic-sahara-wrapper .sidebar {\r\n            position: sticky !important;\r\n            top: 16px !important;\r\n            align-self: flex-start !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .price-card {\r\n            border-radius: var(--radius-large) !important;\r\n            padding: 18px !important;\r\n            margin-bottom: 14px !important;\r\n            background: var(--accent-gradient) !important;\r\n            box-shadow: var(--shadow-large) !important;\r\n            color: #ecfdf5 !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .price-card h2 {\r\n            margin: 0 0 8px !important;\r\n            font-size: 1.05rem !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 0.14em !important;\r\n            font-weight: 700 !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .price-main {\r\n            display: flex !important;\r\n            align-items: baseline !important;\r\n            gap: 10px !important;\r\n            margin-bottom: 6px !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .price-amount {\r\n            font-size: 1.7rem !important;\r\n            font-weight: 800 !important;\r\n            letter-spacing: 0.04em !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .price-tag {\r\n            padding: 3px 9px !important;\r\n            border-radius: 999px !important;\r\n            background: rgba(15, 23, 42, 0.2) !important;\r\n            font-size: 0.8rem !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .price-note {\r\n            font-size: 0.85rem !important;\r\n            color: #fee2e2 !important;\r\n            margin: 0 0 6px !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .price-details {\r\n            font-size: 0.86rem !important;\r\n            opacity: 0.95 !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .price-details p {\r\n            margin: 2px 0 !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .price-details i {\r\n            margin-right: 6px !important;\r\n        }\r\n\r\n        #nomadic-sahara-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: 18px 18px 16px !important;\r\n            box-shadow: var(--shadow-small) !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .booking-form h3 {\r\n            margin: 0 0 4px !important;\r\n            font-size: 1.02rem !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .booking-form p {\r\n            margin: 0 0 12px !important;\r\n            font-size: 0.86rem !important;\r\n            color: var(--text-secondary) !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .form-row {\r\n            display: grid !important;\r\n            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n            gap: 10px !important;\r\n        }\r\n\r\n        @media (max-width: 720px) {\r\n            #nomadic-sahara-wrapper .sidebar {\r\n                display: none !important;\r\n            }\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .form-group {\r\n            margin-bottom: 10px !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper label {\r\n            display: block !important;\r\n            font-size: 0.85rem !important;\r\n            font-weight: 600 !important;\r\n            margin-bottom: 4px !important;\r\n            color: #111827 !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .form-input,\r\n        #nomadic-sahara-wrapper textarea {\r\n            width: 100% !important;\r\n            border-radius: 11px !important;\r\n            border: 1px solid var(--border-color) !important;\r\n            padding: 9px 11px !important;\r\n            font: inherit !important;\r\n            font-size: 0.9rem !important;\r\n            background: #f9fafb !important;\r\n            outline: none !important;\r\n            transition: border-color 0.18s, box-shadow 0.18s, background 0.18s !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .form-input:focus,\r\n        #nomadic-sahara-wrapper textarea:focus {\r\n            border-color: rgba(249, 115, 22, 0.7) !important;\r\n            box-shadow: 0 0 0 1px rgba(249, 115, 22, 0.2) !important;\r\n            background: #ffffff !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .form-input.error,\r\n        #nomadic-sahara-wrapper textarea.error {\r\n            border-color: #e11d48 !important;\r\n            background: #fef2f2 !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .error-message {\r\n            display: none !important;\r\n            font-size: 0.78rem !important;\r\n            color: #e11d48 !important;\r\n            margin-top: 3px !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .btn-primary {\r\n            width: 100% !important;\r\n            border-radius: 999px !important;\r\n            border: none !important;\r\n            padding: 11px 14px !important;\r\n            background: var(--accent-gradient) !important;\r\n            color: #ecfdf5 !important;\r\n            font-weight: 700 !important;\r\n            font-size: 0.95rem !important;\r\n            display: inline-flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n            gap: 7px !important;\r\n            cursor: pointer !important;\r\n            box-shadow: var(--shadow-large) !important;\r\n            transition: transform 0.15s, box-shadow 0.15s, opacity 0.15s !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .btn-primary:hover {\r\n            transform: translateY(-1px) !important;\r\n            box-shadow: 0 24px 60px rgba(15, 23, 42, 0.28) !important;\r\n        }\r\n\r\n        #nomadic-sahara-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        #nomadic-sahara-wrapper .btn-primary i {\r\n            font-size: 0.9rem !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .form-note {\r\n            font-size: 0.78rem !important;\r\n            color: var(--text-secondary) !important;\r\n            margin-top: 7px !important;\r\n            text-align: center !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper input[type=\"date\"].form-input {\r\n            -webkit-appearance: none !important;\r\n            appearance: none !important;\r\n        }\r\n\r\n        \/* Mobile Booking Bar *\/\r\n        #nomadic-sahara-wrapper .mobile-booking {\r\n            display: none !important;\r\n        }\r\n\r\n        @media (max-width: 720px) {\r\n            #nomadic-sahara-wrapper .mobile-booking {\r\n                display: block !important;\r\n                position: fixed !important;\r\n                left: 0 !important;\r\n                right: 0 !important;\r\n                bottom: 0 !important;\r\n                z-index: 999 !important;\r\n                background: rgba(15, 23, 42, 0.96) !important;\r\n                backdrop-filter: blur(12px) !important;\r\n                padding: 10px 14px !important;\r\n                border-top: 1px solid rgba(148, 163, 184, 0.4) !important;\r\n            }\r\n\r\n            #nomadic-sahara-wrapper .mobile-booking-inner {\r\n                max-width: 1180px !important;\r\n                margin: 0 auto !important;\r\n                display: flex !important;\r\n                align-items: center !important;\r\n                justify-content: space-between !important;\r\n                gap: 12px !important;\r\n            }\r\n\r\n            #nomadic-sahara-wrapper .mobile-booking-info {\r\n                color: #e5e7eb !important;\r\n                font-size: 0.82rem !important;\r\n            }\r\n\r\n            #nomadic-sahara-wrapper .mobile-booking-info strong {\r\n                display: block !important;\r\n                font-size: 1rem !important;\r\n            }\r\n\r\n            #nomadic-sahara-wrapper .mobile-booking-btn {\r\n                border-radius: 999px !important;\r\n                border: none !important;\r\n                padding: 9px 15px !important;\r\n                background: var(--accent-gradient) !important;\r\n                color: #ecfdf5 !important;\r\n                font-weight: 700 !important;\r\n                font-size: 0.9rem !important;\r\n                display: inline-flex !important;\r\n                align-items: center !important;\r\n                gap: 7px !important;\r\n                cursor: pointer !important;\r\n                box-shadow: 0 18px 40px rgba(15, 23, 42, 0.5) !important;\r\n            }\r\n        }\r\n\r\n        \/* Mobile Form Section (NEW) *\/\r\n        #nomadic-sahara-wrapper .mobile-form-section {\r\n            display: none !important;\r\n        }\r\n\r\n        @media (max-width: 720px) {\r\n            #nomadic-sahara-wrapper .mobile-form-section {\r\n                display: block !important;\r\n            }\r\n        }\r\n\r\n        \/* Toast & Overlay *\/\r\n        #nomadic-sahara-wrapper .toast {\r\n            position: fixed !important;\r\n            left: 50% !important;\r\n            transform: translateX(-50%) !important;\r\n            bottom: 18px !important;\r\n            padding: 9px 14px !important;\r\n            border-radius: 999px !important;\r\n            background: #0f172a !important;\r\n            color: #e5e7eb !important;\r\n            font-size: 0.86rem !important;\r\n            box-shadow: var(--shadow-large) !important;\r\n            display: none !important;\r\n            z-index: 1050 !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .toast.show {\r\n            display: block !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .toast.success {\r\n            background: #16a34a !important; \/* success green *\/\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .toast.error {\r\n            background: #b91c1c !important;\r\n        }\r\n\r\n        \/* NEW THANK YOU OVERLAY (like second code) *\/\r\n        #nomadic-sahara-wrapper .thankyou-overlay {\r\n            display: none !important;\r\n            position: fixed !important;\r\n            top: 0 !important;\r\n            left: 0 !important;\r\n            width: 100% !important;\r\n            height: 100% !important;\r\n            background: rgba(15, 23, 42, 0.86) !important;\r\n            z-index: 1100 !important;\r\n            backdrop-filter: blur(6px) !important;\r\n            overflow-y: auto !important;\r\n            padding: 20px !important;\r\n            box-sizing: border-box !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .thankyou-card {\r\n            position: absolute !important;\r\n            top: 50% !important;\r\n            left: 50% !important;\r\n            transform: translate(-50%, -50%) !important;\r\n            background: #ffffff !important;\r\n            border-radius: 20px !important;\r\n            padding: 32px 26px !important;\r\n            max-width: 430px !important;\r\n            width: 90% !important;\r\n            text-align: center !important;\r\n            box-shadow: 0 24px 60px rgba(15, 23, 42, 0.6) !important;\r\n            border: 1px solid var(--border-color) !important;\r\n            animation: thankYouSlideIn 0.45s ease-out !important;\r\n        }\r\n\r\n        @keyframes thankYouSlideIn {\r\n            0% { opacity: 0; transform: translate(-50%, -40%); }\r\n            100% { opacity: 1; transform: translate(-50%, -50%); }\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .thankyou-card .icon {\r\n            width: 84px !important;\r\n            height: 84px !important;\r\n            background: var(--accent-gradient) !important;\r\n            border-radius: 50% !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n            margin: 0 auto 24px !important;\r\n            color: white !important;\r\n            font-size: 2.2rem !important;\r\n            box-shadow: 0 12px 30px rgba(248, 113, 22, 0.55) !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .thankyou-card h3 {\r\n            font-size: 1.9rem !important;\r\n            margin-bottom: 16px !important;\r\n            color: var(--text-primary) !important;\r\n            font-weight: 800 !important;\r\n            line-height: 1.2 !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .thankyou-card p {\r\n            color: var(--text-secondary) !important;\r\n            margin-bottom: 0 !important;\r\n            line-height: 1.6 !important;\r\n            font-size: 1.02rem !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .thankyou-card .btn-row {\r\n            display: flex !important;\r\n            justify-content: center !important;\r\n            gap: 14px !important;\r\n            margin-top: 26px !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .thankyou-card .btn-row button {\r\n            border-radius: 999px !important;\r\n            border: none !important;\r\n            padding: 11px 22px !important;\r\n            font-size: 0.98rem !important;\r\n            font-weight: 600 !important;\r\n            cursor: pointer !important;\r\n            background: var(--accent-gradient) !important;\r\n            color: #fefce8 !important;\r\n            display: inline-flex !important;\r\n            align-items: center !important;\r\n            gap: 6px !important;\r\n            box-shadow: var(--shadow-small) !important;\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            #nomadic-sahara-wrapper .thankyou-card {\r\n                padding: 28px 20px !important;\r\n                width: 95% !important;\r\n            }\r\n\r\n            #nomadic-sahara-wrapper .thankyou-card .icon {\r\n                width: 78px !important;\r\n                height: 78px !important;\r\n                font-size: 2.1rem !important;\r\n                margin-bottom: 22px !important;\r\n            }\r\n\r\n            #nomadic-sahara-wrapper .thankyou-card h3 {\r\n                font-size: 1.7rem !important;\r\n                margin-bottom: 12px !important;\r\n            }\r\n\r\n            #nomadic-sahara-wrapper .thankyou-card p {\r\n                font-size: 1rem !important;\r\n            }\r\n\r\n            #nomadic-sahara-wrapper .thankyou-card .btn-row {\r\n                flex-direction: column !important;\r\n                gap: 10px !important;\r\n                margin-top: 22px !important;\r\n            }\r\n\r\n            #nomadic-sahara-wrapper .thankyou-card .btn-row button {\r\n                width: 100% !important;\r\n                padding: 11px 16px !important;\r\n            }\r\n        }\r\n\r\n        \/* LIGHTBOX FOR IMAGE ZOOM *\/\r\n        #nomadic-sahara-wrapper .image-lightbox {\r\n            position: fixed !important;\r\n            inset: 0 !important;\r\n            background: rgba(15, 23, 42, 0.9) !important;\r\n            display: none !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n            z-index: 1200 !important;\r\n            padding: 20px !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .image-lightbox-inner {\r\n            max-width: 1000px !important;\r\n            width: 100% !important;\r\n            max-height: 90vh !important;\r\n            position: relative !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .image-lightbox-inner img {\r\n            width: 100% !important;\r\n            height: auto !important;\r\n            max-height: 90vh !important;\r\n            object-fit: contain !important;\r\n            border-radius: 16px !important;\r\n            box-shadow: 0 25px 60px rgba(0, 0, 0, 0.9) !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .image-lightbox-close {\r\n            position: absolute !important;\r\n            top: -14px !important;\r\n            right: 0 !important;\r\n            border: none !important;\r\n            border-radius: 999px !important;\r\n            width: 34px !important;\r\n            height: 34px !important;\r\n            display: grid !important;\r\n            place-items: center !important;\r\n            background: #ffffff !important;\r\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5) !important;\r\n            cursor: pointer !important;\r\n        }\r\n\r\n        #nomadic-sahara-wrapper .image-lightbox-close i {\r\n            color: #0f172a !important;\r\n        }\r\n\r\n        \/* Mobile Optimization *\/\r\n        @media (max-width: 768px) {\r\n            #nomadic-sahara-wrapper .container {\r\n                padding: 15px 12px 100px !important;\r\n            }\r\n            \r\n            #nomadic-sahara-wrapper .hero-section {\r\n                margin-bottom: 20px !important;\r\n            }\r\n            \r\n            #nomadic-sahara-wrapper .hero-content {\r\n                padding: 18px 16px !important;\r\n                order: 2 !important;\r\n            }\r\n            \r\n            #nomadic-sahara-wrapper .gallery-section {\r\n                order: 1 !important;\r\n                margin-bottom: 16px !important;\r\n            }\r\n            \r\n            #nomadic-sahara-wrapper .trek-details {\r\n                flex-direction: column !important;\r\n                gap: 6px !important;\r\n            }\r\n            \r\n            #nomadic-sahara-wrapper .detail-pill {\r\n                width: 100% !important;\r\n                justify-content: center !important;\r\n            }\r\n            \r\n            #nomadic-sahara-wrapper .content-section {\r\n                padding: 16px 14px !important;\r\n                margin-bottom: 16px !important;\r\n            }\r\n            \r\n            #nomadic-sahara-wrapper .itinerary-day {\r\n                grid-template-columns: 1fr !important;\r\n                gap: 8px !important;\r\n                padding: 12px 0 !important;\r\n            }\r\n            \r\n            #nomadic-sahara-wrapper .day-label {\r\n                font-size: 0.9rem !important;\r\n            }\r\n            \r\n            #nomadic-sahara-wrapper .photo-gallery {\r\n                grid-template-columns: repeat(2, 1fr) !important;\r\n            }\r\n            \r\n            #nomadic-sahara-wrapper .photo-item img {\r\n                height: 120px !important;\r\n            }\r\n            \r\n            #nomadic-sahara-wrapper .feature-grid {\r\n                grid-template-columns: 1fr !important;\r\n            }\r\n            \r\n            #nomadic-sahara-wrapper .highlight-box {\r\n                padding: 10px 12px !important;\r\n                font-size: 0.9rem !important;\r\n            }\r\n            \r\n            #nomadic-sahara-wrapper .map-container {\r\n                height: 300px !important;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 480px) {\r\n            #nomadic-sahara-wrapper .container {\r\n                padding: 12px 10px 100px !important;\r\n            }\r\n            \r\n            #nomadic-sahara-wrapper .hero-content {\r\n                padding: 16px 14px !important;\r\n            }\r\n            \r\n            #nomadic-sahara-wrapper .main-gallery {\r\n                height: 260px !important;\r\n            }\r\n            \r\n            #nomadic-sahara-wrapper .thumbnail-grid {\r\n                grid-template-columns: repeat(3, 1fr) !important;\r\n            }\r\n            \r\n            #nomadic-sahara-wrapper .thumbnail {\r\n                min-height: 60px !important;\r\n            }\r\n            \r\n            #nomadic-sahara-wrapper .content-section {\r\n                padding: 14px 12px !important;\r\n            }\r\n            \r\n            #nomadic-sahara-wrapper .photo-gallery {\r\n                grid-template-columns: 1fr !important;\r\n            }\r\n            \r\n            #nomadic-sahara-wrapper .photo-item img {\r\n                height: 140px !important;\r\n            }\r\n            \r\n            #nomadic-sahara-wrapper .info-cards {\r\n                flex-direction: column !important;\r\n            }\r\n            \r\n            #nomadic-sahara-wrapper .info-card {\r\n                width: 100% !important;\r\n            }\r\n            \r\n            #nomadic-sahara-wrapper .map-container {\r\n                height: 250px !important;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <!-- WRAPPER WITH UNIQUE ID FOR CSS ISOLATION -->\r\n    <div id=\"nomadic-sahara-wrapper\">\r\n        <div class=\"container\">\r\n            <!-- Hero Section -->\r\n            <header class=\"hero-section\">\r\n                <!-- Gallery first on mobile -->\r\n                <div class=\"gallery-section\">\r\n                    <!-- Main gallery image + thumbnails -->\r\n                    <div class=\"main-gallery\">\r\n                        <img decoding=\"async\"\r\n                            id=\"main-gallery-img\"\r\n                            src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-03-25-023716.png\"\r\n                            alt=\"Nomadic Crossing in the Heart of the Sahara Ergs\"\r\n                        \/>\r\n                        <div class=\"gallery-overlay\"><\/div>\r\n                        <div class=\"gallery-caption\">\r\n                            <i class=\"fa-solid fa-image\"><\/i> Travers\u00e9e nomade du Sahara\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=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-03-25-023716.png\"\r\n                        >\r\n                            <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-03-25-023716.png\" alt=\"Sahara Desert Nomads\" \/>\r\n                        <\/button>\r\n\r\n                        <button\r\n                            class=\"thumbnail\"\r\n                            data-src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/1-night-camel-trip-in-merzouga-sahara-1.jpg\"\r\n                        >\r\n                            <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/1-night-camel-trip-in-merzouga-sahara-1.jpg\" alt=\"Camel Trekking Sahara\" \/>\r\n                        <\/button>\r\n\r\n                        <button\r\n                            class=\"thumbnail\"\r\n                            data-src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/ad5e9d2d-1aa2-46f4-8093-c11ae7851373.jpg\"\r\n                        >\r\n                            <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/ad5e9d2d-1aa2-46f4-8093-c11ae7851373.jpg\" alt=\"Desert Bivouac\" \/>\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-sun\"><\/i><\/div>\r\n                            <div class=\"info-text\">\r\n                                <span>Meilleure saison<\/span>\r\n                                <strong>D'octobre \u00e0 avril<\/strong>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"info-card\">\r\n                            <div class=\"info-icon\"><i class=\"fa-solid fa-route\"><\/i><\/div>\r\n                            <div class=\"info-text\">\r\n                                <span>Type de randonn\u00e9e<\/span>\r\n                                <strong>Authentique nomade<\/strong>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Text content after gallery on mobile -->\r\n                <div class=\"hero-content\">\r\n                    <div class=\"region-badge\">\r\n                        <i class=\"fa-solid fa-mountain-sun\"><\/i>\r\n                        <span style=\"font-weight: 600;\">D\u00e9sert du Sahara<\/span> \u00b7 <span style=\"font-weight: 600;\">Nomades<\/span>\r\n                    <\/div>\r\n                    <h1>La travers\u00e9e des nomades au c\u0153ur de la <span style=\"color: #f97316;\">Sahara Ergs<\/span><\/h1>\r\n                    <p class=\"hero-description\">\r\n                        Faites l'exp\u00e9rience d'une <strong>Travers\u00e9e nomade au c\u0153ur du Sahara Ergs<\/strong> avec le <strong>Nomades du Sahara<\/strong>. .\r\n                        Ce circuit est une v\u00e9ritable immersion dans l'authenticit\u00e9 du Sahara marocain, o\u00f9 le d\u00e9sert r\u00e9v\u00e8le toute sa grandeur et sa beaut\u00e9 sauvage.\r\n                        Accompagn\u00e9 d'une \u00e9quipe de nomades sahraouis, d\u00e9couvrez leur mode de vie ancestral en traversant les magnifiques dunes de sable dor\u00e9.\r\n                    <\/p>\r\n                    <div class=\"trek-details\">\r\n                        <div class=\"detail-pill\"><i class=\"fa-solid fa-calendar-alt\"><\/i> 8 jours \/ 7 nuits<\/div>\r\n                        <div class=\"detail-pill\"><i class=\"fa-solid fa-person-hiking\"><\/i> Niveau mod\u00e9r\u00e9<\/div>\r\n                        <div class=\"detail-pill\"><i class=\"fa-solid fa-people-group\"><\/i> A partir de 2 personnes<\/div>\r\n                        <div class=\"detail-pill\"><i class=\"fa-solid fa-location-dot\"><\/i> <span style=\"font-weight: 600;\">D\u00e9sert du Sahara<\/span>, <span style=\"font-weight: 600;\">Maroc<\/span><\/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                    <!-- Description -->\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>Vue d'ensemble du circuit<\/h2>\r\n                                <small><span style=\"font-weight: 600;\">Travers\u00e9e nomade<\/span> \u00b7 <span style=\"font-weight: 600;\">Sahara Ergs<\/span> - L'exp\u00e9rience authentique<\/small>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"highlight-box\">\r\n                            <strong>Une v\u00e9ritable immersion dans l'authenticit\u00e9 de la culture marocaine. <span style=\"color: #dc2626;\">Sahara<\/span><\/strong><br \/>\r\n                            Le pr\u00e9sent <strong>Travers\u00e9e nomade au c\u0153ur du Sahara Ergs<\/strong> offre une exp\u00e9rience unique avec un sentiment d'isolement et de libert\u00e9 rarement \u00e9gal\u00e9.\r\n                            Le passage par le tombeau de Sidi Salah ajoute une dimension spirituelle et historique \u00e0 cette aventure, dans le respect des traditions locales de l'\u00e9poque. <strong>Nomades du Sahara<\/strong>.\r\n                        <\/div>\r\n                        <p>\r\n                            Ce circuit est une v\u00e9ritable immersion dans l'authenticit\u00e9 du Sahara marocain, o\u00f9 le d\u00e9sert r\u00e9v\u00e8le toute sa grandeur et sa beaut\u00e9 sauvage.\r\n                            Accompagn\u00e9 par une \u00e9quipe de nomades sahraouis, il permet non seulement de parcourir ces vastes \u00e9tendues, mais aussi de d\u00e9couvrir leur mode de vie ancestral.\r\n                        <\/p>\r\n                        <p>\r\n                            La travers\u00e9e des ergs, ces immenses dunes de sable dor\u00e9, offre une exp\u00e9rience unique, avec un sentiment d'isolement et de libert\u00e9 rarement \u00e9gal\u00e9.\r\n                            Le passage par le tombeau de Sidi Salah ajoute une dimension spirituelle et historique \u00e0 cette aventure, dans le respect des traditions locales.\r\n                        <\/p>\r\n                        <p>\r\n                            L'absence de points d'eau pendant les trois premiers jours souligne le caract\u00e8re exigeant de ce trek, mais aussi son caract\u00e8re authentique,\r\n                            o\u00f9 seuls les caravanes et les nomades aguerris peuvent circuler. Ce voyage promet des paysages d'une rare beaut\u00e9, des nuits \u00e9toil\u00e9es inoubliables,\r\n                            et une v\u00e9ritable reconnexion avec la nature.\r\n                        <\/p>\r\n                    <\/section>\r\n\r\n                    <!-- Highlights -->\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>Points forts de la visite<\/h2>\r\n                                <small>Qu'est-ce qui fait que cette <span style=\"font-weight: 600;\">Travers\u00e9e nomade<\/span> unique<\/small>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <ul class=\"bullet-list included\">\r\n                            <li><i class=\"fa-solid fa-check\"><\/i> Exp\u00e9rience authentique avec <strong>Nomades sahraouis<\/strong> et leur mode de vie ancestral<\/li>\r\n                            <li><i class=\"fa-solid fa-check\"><\/i> Travers\u00e9e de multiples ergs (syst\u00e8mes de dunes de sable dor\u00e9) au c\u0153ur du Sahara<\/li>\r\n                            <li><i class=\"fa-solid fa-check\"><\/i> Visite du site spirituel du tombeau de Sidi Salah<\/li>\r\n                            <li><i class=\"fa-solid fa-check\"><\/i> D\u00e9couverte de sites pr\u00e9historiques avec d'anciens tumulus<\/li>\r\n                            <li><i class=\"fa-solid fa-check\"><\/i> Vue spectaculaire sur les fronti\u00e8res alg\u00e9ro-marocaines depuis le mont Ras Rich<\/li>\r\n                            <li><i class=\"fa-solid fa-check\"><\/i> Bivouacs sauvages sous le ciel \u00e9toil\u00e9 du Sahara<\/li>\r\n                            <li><i class=\"fa-solid fa-check\"><\/i> Route panoramique \u00e0 travers les montagnes du Haut Atlas via le col de Tizi'n Tichka<\/li>\r\n                            <li><i class=\"fa-solid fa-check\"><\/i> Exploration de la vall\u00e9e du Draa - la plus grande palmeraie du Maroc<\/li>\r\n                            <li><i class=\"fa-solid fa-check\"><\/i> Exp\u00e9rience authentique du d\u00e9sert avec un minimum d'infrastructures touristiques<\/li>\r\n                        <\/ul>\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>Itin\u00e9raire d\u00e9taill\u00e9 - 8 jours<\/h2>\r\n                                <small>Exp\u00e9rience nomade authentique \u00e0 travers le Sahara<\/small>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-day\">\r\n                            <div class=\"day-label\">Jour 1<\/div>\r\n                            <div class=\"day-content\">\r\n                                <h3>Vol de France vers Marrakech<\/h3>\r\n                                <p>\r\n                                    Arriv\u00e9e \u00e0 l'a\u00e9roport de Marrakech, accueil et transfert priv\u00e9 vers votre charmant riad.\r\n                                    D\u00eener libre et nuit sur place. Temps pour s'acclimater \u00e0 l'atmosph\u00e8re marocaine.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-day\">\r\n                            <div class=\"day-label\">Jour 2<\/div>\r\n                            <div class=\"day-content\">\r\n                                <h3>Marrakech - Zagora - Zaouit Sidi Salh - Dunes de Tidri<\/h3>\r\n                                <p>\r\n                                    Rencontre avec votre chauffeur et d\u00e9part par la superbe route qui traverse les montagnes du Haut Atlas jusqu'\u00e0 Tizi'n Tichka (altitude 2 260 m) - le plus haut col routier du Maroc.\r\n                                    le plus haut col routier du Maroc, offrant des vues panoramiques spectaculaires sur les montagnes et les vall\u00e9es le long de la route.\r\n                                    Profitez des magnifiques paysages aux couleurs vari\u00e9es et des villages berb\u00e8res qui pars\u00e8ment la route. Continuation vers Ouarzazate (visite libre de la ville),\r\n                                    avant d'entamer la descente de la vall\u00e9e du Draa bord\u00e9e de palmiers. Nous rejoignons le point de rencontre avec les guides chameliers dans le village de\r\n                                    Zaouiat Sidi Salah (la capitale de la r\u00e9gion). Nous arrivons \u00e0 pied \u00e0 notre campement sur la grande dune de Tidri. D\u00eener et nuit\u00e9e\r\n                                    sous tente ou \u00e0 la belle \u00e9toile dans un bivouac sauvage.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-day\">\r\n                            <div class=\"day-label\">Troisi\u00e8me jour<\/div>\r\n                            <div class=\"day-content\">\r\n                                <h3>Dunes de Tidri - Dunes d'Erg Sahel<\/h3>\r\n                                <p>\r\n                                    D\u00e9part des dunes dor\u00e9es du Tidri, travers\u00e9e du plateau dur et rocailleux (Reg) avec son d\u00e9sert de pierres.\r\n                                    Plateau moins sablonneux au c\u0153ur des dunes de l'Erg Sahel. Promenade libre dans ce cadre magnifique.\r\n                                    D\u00eener et nuit sous tente ou \u00e0 la belle \u00e9toile dans un bivouac sauvage. D\u00e9couvrez l'immensit\u00e9 et le silence du vrai Sahara.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-day\">\r\n                            <div class=\"day-label\">Jour 4<\/div>\r\n                            <div class=\"day-content\">\r\n                                <h3>Dunes d'Erg Sahel - Ras Rich<\/h3>\r\n                                <p>\r\n                                    Apr\u00e8s une promenade dans ces magnifiques dunes, nous partons pour une longue travers\u00e9e du plateau dunaire afin d'atteindre un puits nomade.\r\n                                    En chemin, vous ferez une halte pr\u00e8s d'un site pr\u00e9historique et de ses nombreux tumulus, d\u00e9couverts lors d'un voyage de reconnaissance.\r\n                                    Poursuite de la randonn\u00e9e et installation du campement pr\u00e8s de la montagne Ras Rich. Vous aurez l'occasion d'admirer le coucher de soleil et de voir les fronti\u00e8res alg\u00e9ro-marocaines.\r\n                                    fronti\u00e8re alg\u00e9ro-marocaine. D\u00eener et nuit en bivouac dans la nature.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-day\">\r\n                            <div class=\"day-label\">Jour 5<\/div>\r\n                            <div class=\"day-content\">\r\n                                <h3>Ras Rich - Erg Hniti<\/h3>\r\n                                <p>\r\n                                    Apr\u00e8s le petit-d\u00e9jeuner, d\u00e9part pour poursuivre notre aventure saharienne, avec une autre longue randonn\u00e9e de 5 heures, traversant le plateau d\u00e9sertique pour atteindre les dunes de l'Erg Hniti.\r\n                                    pour atteindre les dunes de l'Erg Hniti. Vous d\u00e9couvrirez le rythme de la vie nomade en traversant ces magnifiques paysages.\r\n                                    D\u00eener et nuit dans un bivouac sauvage entour\u00e9 du silence et de la beaut\u00e9 du Sahara.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-day\">\r\n                            <div class=\"day-label\">Jour 6<\/div>\r\n                            <div class=\"day-content\">\r\n                                <h3>Erg Hniti - Oulad Driss<\/h3>\r\n                                <p>\r\n                                    Apr\u00e8s une promenade dans ces magnifiques dunes, nous nous dirigeons vers M'hamid. Vous partirez \u00e0 travers la magnifique vall\u00e9e du Draa (la plus grande palmeraie du Maroc).\r\n                                    vall\u00e9e du Draa (la plus grande palmeraie du Maroc). Continuez \u00e0 travers les montagnes du Haut Atlas et le col de Tizi'n Tichka.\r\n                                    Vous atteindrez ensuite la m\u00e9dina de Marrakech et votre charmant riad. D\u00eener et nuit dans votre riad.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-day\">\r\n                            <div class=\"day-label\">Jour 7<\/div>\r\n                            <div class=\"day-content\">\r\n                                <h3>Ouled Driss - Marrakech<\/h3>\r\n                                <p>\r\n                                    Retour \u00e0 Marrakech. En fin d'apr\u00e8s-midi, visite libre de la ville pour explorer la vibrante m\u00e9dina, les souks et la c\u00e9l\u00e8bre place Djemaa El Fna.\r\n                                    D\u00eener et nuit dans une maison d'h\u00f4tes au c\u0153ur de la m\u00e9dina, en r\u00e9fl\u00e9chissant \u00e0 votre incroyable aventure saharienne.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-day\">\r\n                            <div class=\"day-label\">Jour 8<\/div>\r\n                            <div class=\"day-content\">\r\n                                <h3>Marrakech - A\u00e9roport de Marrakech<\/h3>\r\n                                <p>\r\n                                    Apr\u00e8s le petit-d\u00e9jeuner, matin\u00e9e libre avec possibilit\u00e9 de visiter un hammam traditionnel pour se d\u00e9tendre.\r\n                                    Transfert \u00e0 l'a\u00e9roport de Marrakech en fonction de votre heure de d\u00e9part, marquant la fin de votre voyage inoubliable. \r\n                                    <strong>Travers\u00e9e nomade au c\u0153ur du Sahara Ergs<\/strong>.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/section>\r\n\r\n                    <!-- Inclusions -->\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>Pour pr\u00e9parer confortablement votre budget<\/small>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"two-column\">\r\n                            <div>\r\n                                <div class=\"list-title\">\r\n                                    <i class=\"fa-solid fa-circle-check\"><\/i>\r\n                                    Inclus dans le prix\r\n                                <\/div>\r\n                                <ul class=\"bullet-list included\">\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> Transferts entre Marrakech, M'hamid et Marrakech<\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> H\u00f4tel ou riad \u00e0 Marrakech avec d\u00e9jeuner<\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> Trek complet dans le d\u00e9sert avec des guides exp\u00e9riment\u00e9s<\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> Chameaux pour le transport des bagages pendant les journ\u00e9es de trekking<\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> 4 nuits en bivouac dans le d\u00e9sert<\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> 1 nuit \u00e0 l'auberge du Bivouac \u00e0 Oulad Driss<\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> Pension compl\u00e8te pendant le trek<\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> Guide\/cuisinier (guide local francophone)<\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> Equipement complet de cuisine et de bivouac<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n\r\n                            <div>\r\n                                <div class=\"list-title\">\r\n                                    <i class=\"fa-solid fa-circle-xmark\" style=\"color:#e11d48\"><\/i>\r\n                                    Non inclus\r\n                                <\/div>\r\n                                <ul class=\"bullet-list excluded\">\r\n                                    <li><i class=\"fa-solid fa-xmark\"><\/i> Boissons et d\u00e9penses personnelles<\/li>\r\n                                    <li><i class=\"fa-solid fa-xmark\"><\/i> Repas \u00e0 Marrakech<\/li>\r\n                                    <li><i class=\"fa-solid fa-xmark\"><\/i> Conseils pour les guides et le personnel<\/li>\r\n                                    <li><i class=\"fa-solid fa-xmark\"><\/i> Assurance voyage pendant le voyage<\/li>\r\n                                    <li><i class=\"fa-solid fa-xmark\"><\/i> Vols internationaux de\/vers le Maroc<\/li>\r\n                                    <li><i class=\"fa-solid fa-xmark\"><\/i> Activit\u00e9s facultatives non mentionn\u00e9es dans l'itin\u00e9raire<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/section>\r\n\r\n                    <!-- 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>Dur\u00e9e, niveau, saisons et participants<\/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-calendar-days\"><\/i>\r\n                                <div>\r\n                                    <strong>La dur\u00e9e<\/strong>\r\n                                    8 jours \/ 7 nuits\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>Niveau<\/strong>\r\n                                    Difficult\u00e9 moyenne\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"feature-card\">\r\n                                <i class=\"fa-solid fa-sun-plant-wilt\"><\/i>\r\n                                <div>\r\n                                    <strong>Meilleure saison<\/strong>\r\n                                    D'octobre \u00e0 avril\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"feature-card\">\r\n                                <i class=\"fa-solid fa-users\"><\/i>\r\n                                <div>\r\n                                    <strong>Les participants<\/strong>\r\n                                    A partir de 2 personnes\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"feature-card\">\r\n                                <i class=\"fa-solid fa-location-dot\"><\/i>\r\n                                <div>\r\n                                    <strong>R\u00e9gion<\/strong>\r\n                                    <span style=\"font-weight: 600;\">D\u00e9sert du Sahara<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"feature-card\">\r\n                                <i class=\"fa-solid fa-dollar-sign\"><\/i>\r\n                                <div>\r\n                                    <strong>Prix<\/strong>\r\n                                    Sur demande\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"highlight-box\" style=\"margin-top: 15px;\">\r\n                            <strong>Ce dont vous aurez besoin :<\/strong><br \/>\r\n                            - Chapeau pour la protection solaire<br \/>\r\n                            - Chaussures de sport\/de randonn\u00e9e<br \/>\r\n                            - Sac \u00e0 dos l\u00e9ger<br \/>\r\n                            - V\u00eatements chauds pour la nuit dans le Sahara<br \/>\r\n                            - M\u00e9dicaments et articles de toilette personnels<br \/>\r\n                            - Bouteille d'eau r\u00e9utilisable<br \/>\r\n                            - Cr\u00e8me solaire et lunettes de soleil\r\n                        <\/div>\r\n                    <\/section>\r\n\r\n                    <!-- Map Section (moved under Practical Details) -->\r\n                    <section class=\"map-section\" id=\"map\">\r\n                        <div class=\"section-header\">\r\n                            <i class=\"fa-solid fa-map-location-dot\"><\/i>\r\n                            <div>\r\n                                <h2>Carte de l'itin\u00e9raire<\/h2>\r\n                                <small>Explorer le <span style=\"font-weight: 600;\">Travers\u00e9e nomade<\/span> route \u00e0 travers le Sahara Ergs<\/small>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"map-container\">\r\n                            <iframe src=\"https:\/\/www.google.com\/maps\/d\/embed?mid=1WIgM5wfqA2urrTuxAXqxrLlXRYGIqrs&ehbc=2E312F&noprof=1\" width=\"640\" height=\"480\"><\/iframe>\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>Quelques r\u00e9ponses avant de partir<\/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>Quel est le niveau de difficult\u00e9 de cette <span style=\"font-weight: 600;\">Travers\u00e9e nomade<\/span>?<\/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 trek est class\u00e9 comme <strong>mod\u00e9r\u00e9<\/strong>, Les trois premiers jours sont marqu\u00e9s par des marches quotidiennes de 4 \u00e0 6 heures sur un terrain sablonneux.\r\n                                        L'absence de points d'eau pendant les trois premiers jours ajoute au d\u00e9fi, ce qui en fait une authentique exp\u00e9rience du d\u00e9sert.\r\n                                        exp\u00e9rience authentique du d\u00e9sert. Les participants doivent \u00eatre en bonne condition physique et pr\u00e9par\u00e9s \u00e0 l'environnement d\u00e9sertique.\r\n                                        Pour plus d'informations sur la pr\u00e9paration aux aventures dans le d\u00e9sert, consultez notre rubrique \r\n                                        <a href=\"https:\/\/marrakechtrekking.com\/fr\/a-complete-guide-to-traveling-and-exploring-morocco\/\" target=\"_blank\" rel=\"dofollow\">Guide complet pour voyager et explorer le Maroc<\/a>.\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>Pourquoi la p\u00e9riode d'octobre \u00e0 avril est-elle recommand\u00e9e pour ce projet ? <span style=\"font-weight: 600;\">Trek au Sahara<\/span>?<\/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                                        Les mois d'\u00e9t\u00e9 dans le Sahara peuvent \u00eatre extr\u00eamement chauds, avec des temp\u00e9ratures d\u00e9passant souvent 45\u00b0C (113\u00b0F).\r\n                                        D'octobre \u00e0 avril, les temp\u00e9ratures sont plus agr\u00e9ables pour le trekking, allant g\u00e9n\u00e9ralement de 15 \u00e0 30\u00b0C (59-86\u00b0F) pendant la journ\u00e9e.\r\n                                        Les nuits plus fra\u00eeches rendent le camping plus agr\u00e9able. Pour obtenir des informations d\u00e9taill\u00e9es sur la s\u00e9curit\u00e9 des voyageurs au Maroc, visitez notre site Web. \r\n                                        <a href=\"https:\/\/marrakechtrekking.com\/fr\/is-morocco-safe-to-travel-to-what-you-need-to-know-before-you-visit\/\" target=\"_blank\" rel=\"dofollow\">Guide de s\u00e9curit\u00e9 pour le Maroc<\/a>.\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>Qu'est-ce qui fait que cette <span style=\"font-weight: 600;\">Travers\u00e9e nomade<\/span> diff\u00e9rent des autres circuits dans le d\u00e9sert ?<\/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                                        Il s'agit d'un <strong>une exp\u00e9rience nomade authentique<\/strong> plut\u00f4t qu'un camp de touristes dans le d\u00e9sert. Vous serez accompagn\u00e9 par des\r\n                                        nomades sahraouis qui partagent leurs connaissances ancestrales et leur mode de vie. L'itin\u00e9raire traverse des r\u00e9gions isol\u00e9es\r\n                                        avec un minimum d'infrastructures touristiques, offrant une exp\u00e9rience authentique du Sahara. L'absence de points d'eau\r\n                                        pendant les trois premiers jours souligne le caract\u00e8re authentique du voyage nomade traditionnel.<a href=\"https:\/\/fr.wikipedia.org\/wiki\/Morocco\" target=\"_blank\" rel=\"dofollow noopener\"> Maroc<\/a>.\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>Comment dois-je me pr\u00e9parer \u00e0 cela ? <span style=\"font-weight: 600;\">D\u00e9sert du Sahara<\/span> l'aventure ?<\/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                                        Il est recommand\u00e9 de marcher r\u00e9guli\u00e8rement avant le d\u00e9part, en particulier sur des surfaces sablonneuses si possible.\r\n                                        Apportez des chaussures de randonn\u00e9e usag\u00e9es, des v\u00eatements clairs pour vous prot\u00e9ger du soleil, un chapeau \u00e0 large bord, des lunettes de soleil et de la cr\u00e8me solaire \u00e0 indice de protection \u00e9lev\u00e9.\r\n                                        Les soir\u00e9es peuvent \u00eatre fra\u00eeches, il faut donc pr\u00e9voir plusieurs couches de v\u00eatements chauds. Une liste d\u00e9taill\u00e9e de l'\u00e9quipement sera fournie lors de la r\u00e9servation.\r\n                                        Nous recommandons d'apporter une bouteille d'eau r\u00e9utilisable et des m\u00e9dicaments personnels.\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>Quel type d'h\u00e9bergement est pr\u00e9vu pendant le trek ?<\/span>\r\n                                    <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n                                <\/div>\r\n                                <div class=\"faq-answer\">\r\n                                    <p>\r\n                                        Vous resterez dans <strong>bivouacs sauvages<\/strong> pendant la partie d\u00e9sertique - dormir dans des tentes ou \u00e0 la belle \u00e9toile dans des endroits recul\u00e9s.\r\n                                        Dans les villes, vous s\u00e9journerez dans des riads ou des h\u00f4tels confortables. L'\u00e9quipement de bivouac comprend des tentes, des matelas de sol et tout le mat\u00e9riel de camping n\u00e9cessaire.\r\n                                        mat\u00e9riel de camping n\u00e9cessaire. Cette combinaison offre \u00e0 la fois le confort dans les villes et une exp\u00e9rience authentique dans le d\u00e9sert.\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>Y a-t-il des consid\u00e9rations culturelles dont je devrais tenir compte ?<\/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 Maroc est un pays musulman aux traditions conservatrices. Il est recommand\u00e9 de s'habiller modestement, en particulier lors de la visite de villages.\r\n                                        Les femmes devraient envisager de se couvrir les \u00e9paules et les genoux. Il est respectueux de demander la permission avant de photographier la population locale.\r\n                                        Vos guides nomades vous fourniront des conseils culturels suppl\u00e9mentaires tout au long du voyage afin d'assurer des interactions respectueuses avec les communaut\u00e9s locales et les autres voyageurs.\r\n                                        avec les communaut\u00e9s locales et les autres voyageurs.\r\n                                    <\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/section>\r\n\r\n                    <!-- Mobile Form Section (NEW) - Shows only on mobile after FAQ -->\r\n                    <section class=\"mobile-form-section content-section\" id=\"mobile-booking-form-section\">\r\n                        <div class=\"section-header\">\r\n                            <i class=\"fa-solid fa-calendar-plus\"><\/i>\r\n                            <div>\r\n                                <h2>R\u00e9server cette visite<\/h2>\r\n                                <small>Faites-nous part de vos pr\u00e9f\u00e9rences<\/small>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <form id=\"mobile-booking-form\" novalidate action=\"\">\r\n                            <div class=\"form-row\">\r\n                                <div class=\"form-group\">\r\n                                    <label for=\"m-start\">Date de d\u00e9but<\/label>\r\n                                    <input type=\"date\" id=\"m-start\" class=\"form-input\" \/>\r\n                                    <div class=\"error-message\" id=\"m-start-error\">Veuillez choisir une date.<\/div>\r\n                                <\/div>\r\n                                <div class=\"form-group\">\r\n                                    <label for=\"m-end\">Date de fin<\/label>\r\n                                    <input type=\"date\" id=\"m-end\" class=\"form-input\" \/>\r\n                                    <div class=\"error-message\" id=\"m-end-error\">Veuillez choisir une date.<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"form-group\">\r\n                                <label for=\"m-people\">Nombre de participants<\/label>\r\n                                <input type=\"number\" id=\"m-people\" class=\"form-input\" min=\"1\" max=\"16\" value=\"2\" \/>\r\n                                <div class=\"error-message\" id=\"m-people-error\">Veuillez saisir un nombre compris entre 1 et 16.<\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"form-row\">\r\n                                <div class=\"form-group\">\r\n                                    <label for=\"m-first\">Pr\u00e9nom<\/label>\r\n                                    <input type=\"text\" id=\"m-first\" class=\"form-input\" placeholder=\"ex. Jean\" \/>\r\n                                    <div class=\"error-message\" id=\"m-first-error\">Veuillez saisir votre pr\u00e9nom.<\/div>\r\n                                <\/div>\r\n                                <div class=\"form-group\">\r\n                                    <label for=\"m-last\">Nom de famille<\/label>\r\n                                    <input type=\"text\" id=\"m-last\" class=\"form-input\" placeholder=\"ex. Smith\" \/>\r\n                                    <div class=\"error-message\" id=\"m-last-error\">Veuillez saisir votre nom de famille.<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"form-row\">\r\n                                <div class=\"form-group\">\r\n                                    <label for=\"m-email\">Courriel<\/label>\r\n                                    <input type=\"email\" id=\"m-email\" class=\"form-input\" placeholder=\"ex. john@example.com\" \/>\r\n                                    <div class=\"error-message\" id=\"m-email-error\">Veuillez saisir un courriel valide.<\/div>\r\n                                <\/div>\r\n                                <div class=\"form-group\">\r\n                                    <label for=\"m-phone\">T\u00e9l\u00e9phone<\/label>\r\n                                    <input type=\"tel\" id=\"m-phone\" class=\"form-input\" placeholder=\"ex. +212612345678\" \/>\r\n                                    <div class=\"error-message\" id=\"m-phone-error\">Num\u00e9ro non valide (min. 10 chiffres).<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"form-group\">\r\n                                <label for=\"m-notes\">Demandes sp\u00e9ciales<\/label>\r\n                                <textarea id=\"m-notes\" rows=\"3\" class=\"form-input\" placeholder=\"Besoins alimentaires, \u00e9quipement, enfants, etc.\"><\/textarea>\r\n                            <\/div>\r\n\r\n                            <button type=\"submit\" class=\"btn-primary\" id=\"mobile-submit\">\r\n                                <i class=\"fa-solid fa-paper-plane\"><\/i>\r\n                                R\u00e9server\r\n                            <\/button>\r\n                            <div class=\"form-note\">\r\n                                R\u00e9ponse personnalis\u00e9e dans les 24-48h (jours ouvrables).\r\n                            <\/div>\r\n                        <input type=\"hidden\" name=\"trp-form-language\" value=\"fr\"\/><\/form>\r\n                    <\/section>\r\n\r\n                    <!-- Photo Gallery -->\r\n                    <section class=\"content-section\" id=\"galerie\">\r\n                        <div class=\"section-header\">\r\n                            <i class=\"fa-solid fa-images\"><\/i>\r\n                            <div>\r\n                                <h2>Galerie de photos - <span style=\"font-weight: 600;\">Travers\u00e9e nomade<\/span><\/h2>\r\n                                <small>Quelques images de ce projet <span style=\"font-weight: 600;\">Aventure au Sahara<\/span><\/small>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"photo-gallery\">\r\n                            <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-03-25-023716.png\">\r\n                                <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-03-25-023716.png\" alt=\"Nomadic Sahara Crossing\" \/>\r\n                                <div class=\"photo-view-icon\">\r\n                                    <span><i class=\"fa-solid fa-eye\"><\/i> Voir<\/span>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-03-25-023744.png\">\r\n                                <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-03-25-023744.png\" alt=\"Sahara Desert Landscape\" \/>\r\n                                <div class=\"photo-view-icon\">\r\n                                    <span><i class=\"fa-solid fa-eye\"><\/i> Voir<\/span>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-03-25-023731.png\">\r\n                                <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-03-25-023731.png\" alt=\"Desert Bivouac\" \/>\r\n                                <div class=\"photo-view-icon\">\r\n                                    <span><i class=\"fa-solid fa-eye\"><\/i> Voir<\/span>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-03-25-014004-1-1.png\">\r\n                                <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-03-25-014004-1-1.png\" alt=\"Sahara Dunes\" \/>\r\n                                <div class=\"photo-view-icon\">\r\n                                    <span><i class=\"fa-solid fa-eye\"><\/i> Voir<\/span>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/camels-riding-through-erg-chebbi-dunes-in-merzouga-morocco.jpg\">\r\n                                <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/camels-riding-through-erg-chebbi-dunes-in-merzouga-morocco.jpg\" alt=\"Camel Trekking\" \/>\r\n                                <div class=\"photo-view-icon\">\r\n                                    <span><i class=\"fa-solid fa-eye\"><\/i> Voir<\/span>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/ad5e9d2d-1aa2-46f4-8093-c11ae7851373.jpg\">\r\n                                <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/ad5e9d2d-1aa2-46f4-8093-c11ae7851373.jpg\" alt=\"Nomadic Life\" \/>\r\n                                <div class=\"photo-view-icon\">\r\n                                    <span><i class=\"fa-solid fa-eye\"><\/i> Voir<\/span>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/1-night-camel-trip-in-merzouga-sahara-1.jpg\">\r\n                                <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/1-night-camel-trip-in-merzouga-sahara-1.jpg\" alt=\"Sahara Adventure\" \/>\r\n                                <div class=\"photo-view-icon\">\r\n                                    <span><i class=\"fa-solid fa-eye\"><\/i> Voir<\/span>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-03-25-023716.png\">\r\n                                <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-03-25-023716.png\" alt=\"Golden Dunes\" \/>\r\n                                <div class=\"photo-view-icon\">\r\n                                    <span><i class=\"fa-solid fa-eye\"><\/i> Voir<\/span>\r\n                                <\/div>\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/section>\r\n                <\/article>\r\n\r\n                <!-- Right Column \u2013 Sidebar -->\r\n                <aside class=\"sidebar\">\r\n                    <section class=\"price-card\">\r\n                        <h2>Prix de la visite<\/h2>\r\n                        <div class=\"price-main\">\r\n                            <div class=\"price-amount\">Sur demande<\/div>\r\n                            <span class=\"price-tag\"><i class=\"fa-solid fa-circle-info\"><\/i> Devis personnalis\u00e9<\/span>\r\n                        <\/div>\r\n                        <p class=\"price-note\">\r\n                            Le prix d\u00e9pend de la saison, du nombre de participants et de la taille du groupe.\r\n                        <\/p>\r\n                        <div class=\"price-details\">\r\n                            <p><i class=\"fa-solid fa-calendar-alt\"><\/i> 8 jours d'exp\u00e9rience authentique<\/p>\r\n                            <p><i class=\"fa-solid fa-location-dot\"><\/i> <span style=\"font-weight: 600;\">D\u00e9sert du Sahara<\/span>, Maroc<\/p>\r\n                            <p><i class=\"fa-solid fa-users\"><\/i> A partir de 2 personnes<\/p>\r\n                        <\/div>\r\n                    <\/section>\r\n\r\n                    <section class=\"booking-form\">\r\n                        <h3>R\u00e9server cette visite<\/h3>\r\n                        <p>Faites-nous part de vos pr\u00e9f\u00e9rences, nous adapterons le programme et les tarifs.<\/p>\r\n\r\n                        <form id=\"desktop-form\" novalidate action=\"\">\r\n                            <div class=\"form-row\">\r\n                                <div class=\"form-group\">\r\n                                    <label for=\"d-start\">Date de d\u00e9but souhait\u00e9e<\/label>\r\n                                    <input type=\"date\" id=\"d-start\" class=\"form-input\" \/>\r\n                                    <div class=\"error-message\" id=\"d-start-error\">Veuillez choisir une date de d\u00e9but.<\/div>\r\n                                <\/div>\r\n                                <div class=\"form-group\">\r\n                                    <label for=\"d-end\">Date de fin<\/label>\r\n                                    <input type=\"date\" id=\"d-end\" class=\"form-input\" \/>\r\n                                    <div class=\"error-message\" id=\"d-end-error\">Veuillez choisir une date de fin.<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"form-group\">\r\n                                <label for=\"d-people\">Nombre de participants<\/label>\r\n                                <input type=\"number\" id=\"d-people\" class=\"form-input\" min=\"1\" max=\"16\" value=\"2\" \/>\r\n                                <div class=\"error-message\" id=\"d-people-error\">Veuillez saisir un nombre compris entre 1 et 16.<\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"form-row\">\r\n                                <div class=\"form-group\">\r\n                                    <label for=\"d-first\">Pr\u00e9nom<\/label>\r\n                                    <input type=\"text\" id=\"d-first\" class=\"form-input\" placeholder=\"ex. Jean\" \/>\r\n                                    <div class=\"error-message\" id=\"d-first-error\">Veuillez saisir votre pr\u00e9nom.<\/div>\r\n                                <\/div>\r\n                                <div class=\"form-group\">\r\n                                    <label for=\"d-last\">Nom de famille<\/label>\r\n                                    <input type=\"text\" id=\"d-last\" class=\"form-input\" placeholder=\"ex. Smith\" \/>\r\n                                    <div class=\"error-message\" id=\"d-last-error\">Veuillez saisir votre nom de famille.<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"form-row\">\r\n                                <div class=\"form-group\">\r\n                                    <label for=\"d-email\">Courriel<\/label>\r\n                                    <input type=\"email\" id=\"d-email\" class=\"form-input\" placeholder=\"ex. john@example.com\" \/>\r\n                                    <div class=\"error-message\" id=\"d-email-error\">Veuillez saisir un courriel valide.<\/div>\r\n                                <\/div>\r\n                                <div class=\"form-group\">\r\n                                    <label for=\"d-phone\">T\u00e9l\u00e9phone<\/label>\r\n                                    <input type=\"tel\" id=\"d-phone\" class=\"form-input\" placeholder=\"ex. +212612345678\" \/>\r\n                                    <div class=\"error-message\" id=\"d-phone-error\">Num\u00e9ro non valide (min. 10 chiffres).<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"form-group\">\r\n                                <label for=\"d-notes\">Demandes sp\u00e9ciales<\/label>\r\n                                <textarea id=\"d-notes\" rows=\"3\" class=\"form-input\" placeholder=\"Besoins alimentaires, \u00e9quipement, enfants, 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                                R\u00e9server\r\n                            <\/button>\r\n                            <div class=\"form-note\">\r\n                                R\u00e9ponse personnalis\u00e9e dans les 24-48h (jours ouvrables).\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        <!-- Mobile Booking Bar -->\r\n        <div class=\"mobile-booking\">\r\n            <div class=\"mobile-booking-inner\">\r\n                <div class=\"mobile-booking-info\">\r\n                    <span><span style=\"font-weight: 600;\">Travers\u00e9e nomade<\/span> - 8 jours<\/span>\r\n                    <strong>Prix sur demande<\/strong>\r\n                <\/div>\r\n                <button class=\"mobile-booking-btn\" id=\"scroll-to-form-btn\">\r\n                    <i class=\"fa-solid fa-calendar-plus\"><\/i>\r\n                    R\u00e9server\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- NEW Thank You Overlay (with same message style as 4-day code) -->\r\n        <div class=\"thankyou-overlay\" id=\"thankyou\">\r\n            <div class=\"thankyou-card\">\r\n                <div class=\"icon\"><i class=\"fa-solid fa-check\"><\/i><\/div>\r\n                <h3>Merci pour votre demande de r\u00e9servation !<\/h3>\r\n                <p>\r\n                    Nous avons bien re\u00e7u votre message pour la Travers\u00e9e nomade au c\u0153ur du Sahara Ergs.\r\n                    Un conseiller vous contactera prochainement pour vous proposer un devis d\u00e9taill\u00e9.\r\n                <\/p>\r\n                <div class=\"btn-row\">\r\n                    <button id=\"ty-close\">\r\n                        <i class=\"fa-solid fa-xmark\"><\/i>\r\n                        Fermer\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- IMAGE LIGHTBOX FOR ZOOM -->\r\n        <div class=\"image-lightbox\" id=\"image-lightbox\">\r\n            <div class=\"image-lightbox-inner\">\r\n                <button class=\"image-lightbox-close\" id=\"image-lightbox-close\" aria-label=\"Fermer l&#039;image\">\r\n                    <i class=\"fa-solid fa-xmark\"><\/i>\r\n                <\/button>\r\n                <img decoding=\"async\" src=\"\" alt=\"Enlarged image\" id=\"image-lightbox-img\">\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Toast -->\r\n        <div class=\"toast\" id=\"toast\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- EmailJS SDK v4 -->\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   = '2VKm08QxMx86NZIq-';   \/\/ with the dash at the end\r\n        const EMAILJS_SERVICE_ID   = 'service_x45ovee';\r\n        const EMAILJS_TEMPLATE_ID  = 'template_3bggdfm';\r\n\r\n        \/\/ Initialize EmailJS (v4 syntax)\r\n        (function () {\r\n            emailjs.init({\r\n                publicKey: EMAILJS_PUBLIC_KEY,\r\n            });\r\n        })();\r\n\r\n        \/\/ Gallery functionality\r\n        const mainGalleryImg = document.getElementById('main-gallery-img');\r\n        const thumbnails = document.querySelectorAll('.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\r\n        document.querySelectorAll('.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('.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 functionality\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        \/\/ Lightbox elements\r\n        const photoItems = document.querySelectorAll('.photo-item');\r\n        const imageLightbox = document.getElementById('image-lightbox');\r\n        const imageLightboxImg = document.getElementById('image-lightbox-img');\r\n        const imageLightboxClose = document.getElementById('image-lightbox-close');\r\n\r\n        \/\/ Photo gallery zoom (open lightbox AND update big header image)\r\n        photoItems.forEach(item => {\r\n            item.addEventListener('click', () => {\r\n                const full = item.getAttribute('data-full');\r\n                if (!full) return;\r\n                \/\/ Update main hero image\r\n                mainGalleryImg.src = full;\r\n                \/\/ Open lightbox\r\n                imageLightboxImg.src = full;\r\n                imageLightbox.style.display = 'flex';\r\n            });\r\n        });\r\n\r\n        \/\/ Close lightbox on button click\r\n        imageLightboxClose.addEventListener('click', () => {\r\n            imageLightbox.style.display = 'none';\r\n        });\r\n\r\n        \/\/ Close lightbox on backdrop click\r\n        imageLightbox.addEventListener('click', (e) => {\r\n            if (e.target === imageLightbox) {\r\n                imageLightbox.style.display = 'none';\r\n            }\r\n        });\r\n\r\n        \/\/ Close lightbox on ESC\r\n        document.addEventListener('keydown', (e) => {\r\n            if (e.key === 'Escape' && imageLightbox.style.display === 'flex') {\r\n                imageLightbox.style.display = 'none';\r\n            }\r\n        });\r\n\r\n        \/* Validation Functions *\/\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(formType = 'desktop') {\r\n            let isValid = true;\r\n            const prefix = formType === 'mobile' ? 'm-' : '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}start`, errorId: `${prefix}start-error`, message: 'Please choose a start date' },\r\n                { id: `${prefix}end`, errorId: `${prefix}end-error`, message: 'Please choose an end date' },\r\n                { id: `${prefix}people`, errorId: `${prefix}people-error`, message: 'Please enter number of participants' },\r\n                { id: `${prefix}first`, errorId: `${prefix}first-error`, message: 'Please enter your first name' },\r\n                { id: `${prefix}last`, errorId: `${prefix}last-error`, message: 'Please enter your last name' }\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        \/\/ Scroll to form functionality\r\n        const scrollToFormBtn = document.getElementById('scroll-to-form-btn');\r\n        const mobileFormSection = document.getElementById('mobile-booking-form-section');\r\n        \r\n        if (scrollToFormBtn && mobileFormSection) {\r\n            scrollToFormBtn.addEventListener('click', () => {\r\n                mobileFormSection.scrollIntoView({ \r\n                    behavior: 'smooth',\r\n                    block: 'start'\r\n                });\r\n            });\r\n        }\r\n\r\n        \/\/ === EMAILJS SEND HELPERS ===\r\n        async function sendEmailJS(formType = 'desktop') {\r\n            const prefix = formType === 'mobile' ? 'm-' : 'd-';\r\n\r\n            const pax = parseInt(document.getElementById(`${prefix}people`).value || '2', 10);\r\n\r\n            const formData = {\r\n                tour_date:        document.getElementById(`${prefix}start`).value,\r\n                tour_end_date:    document.getElementById(`${prefix}end`).value,\r\n                participants:     pax,\r\n                first_name:       document.getElementById(`${prefix}first`).value,\r\n                last_name:        document.getElementById(`${prefix}last`).value,\r\n                email:            document.getElementById(`${prefix}email`).value,\r\n                phone:            document.getElementById(`${prefix}phone`).value,\r\n                special_requests: document.getElementById(`${prefix}notes`).value,\r\n                tour_name:        'Nomadic Crossing in the Heart of the Sahara Ergs',\r\n                total_price:      'On Request'\r\n            };\r\n\r\n            console.log('Sending to EmailJS:', formData);\r\n\r\n            \/\/ EmailJS v4 send (uses global init)\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        \/\/ NEW: Thank You overlay logic\r\n        const TY = document.getElementById('thankyou');\r\n        const TY_CLOSE = document.getElementById('ty-close');\r\n\r\n        function showThankYou() {\r\n            if (TY) {\r\n                TY.style.display = 'block';\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) {\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 === 'block') {\r\n                hideThankYou();\r\n            }\r\n        });\r\n\r\n        \/\/ Mobile form submission\r\n        const mobileForm = document.getElementById('mobile-booking-form');\r\n        const mobileSubmitBtn = document.getElementById('mobile-submit');\r\n        \r\n        if (mobileForm) {\r\n            mobileForm.addEventListener('submit', async (e) => {\r\n                e.preventDefault();\r\n                \r\n                if (!validateForm('mobile')) {\r\n                    showToast('Please correct the errors in the form', 'error');\r\n                    return;\r\n                }\r\n                \r\n                mobileSubmitBtn.disabled = true;\r\n                mobileSubmitBtn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Sending...';\r\n                \r\n                try {\r\n                    const result = await sendEmailJS('mobile');\r\n                    console.log('EmailJS SUCCESS (mobile):', result);\r\n                    showThankYou();\r\n                    mobileForm.reset();\r\n                    showToast('Your booking request has been submitted successfully!', 'success');\r\n                } catch (err) { \r\n                    console.error('EmailJS Error (mobile):', err);\r\n                    showToast('Sorry, an error occurred: ' + (err.text || 'Please check your EmailJS keys\/domain.'), 'error'); \r\n                } finally {\r\n                    mobileSubmitBtn.disabled = false;\r\n                    mobileSubmitBtn.innerHTML = '<i class=\"fa-solid fa-paper-plane\"><\/i> Book Now';\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ Desktop form submission\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('desktop')) {\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('desktop');\r\n                    console.log('EmailJS SUCCESS (desktop):', result);\r\n                    showThankYou();\r\n                    desktopForm.reset();\r\n                    showToast('Your booking request has been submitted successfully!', 'success');\r\n                } catch (err) { \r\n                    console.error('EmailJS Error (desktop):', 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> Book Now';\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ Set minimum date to tomorrow\r\n        (function() {\r\n            const d = new Date();\r\n            d.setDate(d.getDate() + 1);\r\n            const min = `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;\r\n            \r\n            ['d-start', 'm-start', 'd-end', 'm-end'].forEach(id => {\r\n                const el = document.getElementById(id);\r\n                if (el) el.min = min;\r\n            });\r\n        })();\r\n\r\n        \/\/ Real-time validation\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            const mEmailInput = document.getElementById('m-email');\r\n            const mPhoneInput = document.getElementById('m-phone');\r\n            if (mEmailInput) {\r\n                mEmailInput.addEventListener('blur', function() {\r\n                    if (this.value.trim() && !validateEmail(this.value.trim())) {\r\n                        showError('m-email', 'm-email-error', 'Please enter a valid email address');\r\n                    } else {\r\n                        hideError('m-email', 'm-email-error');\r\n                    }\r\n                });\r\n            }\r\n            if (mPhoneInput) {\r\n                mPhoneInput.addEventListener('blur', function() {\r\n                    if (this.value.trim() && !validatePhone(this.value.trim())) {\r\n                        showError('m-phone', 'm-phone-error', 'Please enter a valid phone number (min. 10 digits)');\r\n                    } else {\r\n                        hideError('m-phone', 'm-phone-error');\r\n                    }\r\n                });\r\n            }\r\n        });\r\n    <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Nomadic Crossing in the Heart of the Sahara Ergs | Nomads &#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-169","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/marrakechtrekking.com\/fr\/wp-json\/wp\/v2\/pages\/169","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marrakechtrekking.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/marrakechtrekking.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/marrakechtrekking.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marrakechtrekking.com\/fr\/wp-json\/wp\/v2\/comments?post=169"}],"version-history":[{"count":11,"href":"https:\/\/marrakechtrekking.com\/fr\/wp-json\/wp\/v2\/pages\/169\/revisions"}],"predecessor-version":[{"id":1071,"href":"https:\/\/marrakechtrekking.com\/fr\/wp-json\/wp\/v2\/pages\/169\/revisions\/1071"}],"wp:attachment":[{"href":"https:\/\/marrakechtrekking.com\/fr\/wp-json\/wp\/v2\/media?parent=169"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}