{"id":38,"date":"2025-11-21T10:46:04","date_gmt":"2025-11-21T10:46:04","guid":{"rendered":"https:\/\/marrakechtrekking.com\/?page_id=38"},"modified":"2025-11-27T13:52:42","modified_gmt":"2025-11-27T13:52:42","slug":"unforgettable-5-day-sahara-desert-tour-from-marrakech","status":"publish","type":"page","link":"https:\/\/marrakechtrekking.com\/fr\/unforgettable-5-day-sahara-desert-tour-from-marrakech\/","title":{"rendered":"Unforgettable 5-Day Sahara Desert Tour from Marrakech"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"38\" class=\"elementor elementor-38\" 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\" data-e-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-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Unforgettable 5-Day Sahara Desert Tour from Marrakech | Marrakech Tour 5 Days<\/title>\r\n    <meta name=\"description\" content=\"Experience our 5-day Sahara Desert tour from Marrakech. Discover Chegaga dunes, camel trekking, and authentic nomadic culture on this Marrakech tour 5 days 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        #sahara-trekking-wrapper * {\r\n            box-sizing: border-box !important;\r\n            margin: 0 !important;\r\n            padding: 0 !important;\r\n        }\r\n\r\n        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-wrapper .gallery-section img,\r\n        #sahara-trekking-wrapper .thumbnail img,\r\n        #sahara-trekking-wrapper .photo-gallery img,\r\n        #sahara-trekking-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        #sahara-trekking-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            #sahara-trekking-wrapper .hero-section {\r\n                grid-template-columns: 1fr !important;\r\n            }\r\n        }\r\n\r\n        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-wrapper .region-badge i {\r\n            color: #fed7aa !important;\r\n        }\r\n\r\n        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-wrapper .detail-pill i {\r\n            color: #fed7aa !important;\r\n        }\r\n\r\n        \/* Gallery Section *\/\r\n        #sahara-trekking-wrapper .gallery-section {\r\n            display: grid !important;\r\n            gap: 10px !important;\r\n        }\r\n\r\n        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-wrapper .thumbnail:hover img {\r\n            transform: scale(1.08) !important;\r\n        }\r\n\r\n        #sahara-trekking-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        #sahara-trekking-wrapper .thumbnail:hover::after {\r\n            opacity: 1 !important;\r\n        }\r\n\r\n        #sahara-trekking-wrapper .thumbnail.active {\r\n            border-color: var(--accent-color) !important;\r\n        }\r\n\r\n        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-wrapper .info-text strong {\r\n            font-size: 0.94rem !important;\r\n        }\r\n\r\n        \/* Main Layout *\/\r\n        #sahara-trekking-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            #sahara-trekking-wrapper .main-layout {\r\n                grid-template-columns: 1fr !important;\r\n            }\r\n        }\r\n\r\n        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-wrapper .highlight-box strong {\r\n            color: var(--accent-dark) !important;\r\n        }\r\n\r\n        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-wrapper .itinerary-day:last-child {\r\n            border-bottom: none !important;\r\n        }\r\n\r\n        #sahara-trekking-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        #sahara-trekking-wrapper .day-content h3 {\r\n            margin: 0 0 3px !important;\r\n            font-size: 0.98rem !important;\r\n        }\r\n\r\n        #sahara-trekking-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        #sahara-trekking-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            #sahara-trekking-wrapper .two-column {\r\n                grid-template-columns: 1fr !important;\r\n            }\r\n        }\r\n\r\n        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-wrapper .bullet-list.included li i {\r\n            color: var(--accent-dark) !important;\r\n        }\r\n\r\n        #sahara-trekking-wrapper .bullet-list.excluded li i {\r\n            color: #e11d48 !important;\r\n        }\r\n\r\n        \/* FAQ *\/\r\n        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-wrapper .faq-question span {\r\n            font-size: 0.95rem !important;\r\n            font-weight: 600 !important;\r\n        }\r\n\r\n        #sahara-trekking-wrapper .faq-question i {\r\n            color: var(--accent-dark) !important;\r\n            transition: transform 0.2s !important;\r\n        }\r\n\r\n        #sahara-trekking-wrapper .faq-item.open .faq-question i {\r\n            transform: rotate(180deg) !important;\r\n        }\r\n\r\n        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-wrapper .photo-item:hover {\r\n            transform: translateY(-5px) !important;\r\n            box-shadow: var(--shadow-large) !important;\r\n        }\r\n\r\n        #sahara-trekking-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        #sahara-trekking-wrapper .photo-item:hover img {\r\n            transform: scale(1.05) !important;\r\n        }\r\n\r\n        #sahara-trekking-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        #sahara-trekking-wrapper .photo-item:hover::after {\r\n            opacity: 1 !important;\r\n        }\r\n\r\n        \/* VIEW ICON ON PHOTO ITEMS *\/\r\n        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-wrapper .photo-view-icon i {\r\n            font-size: 0.9rem !important;\r\n            color: #fed7aa !important;\r\n        }\r\n\r\n        #sahara-trekking-wrapper .photo-item:hover .photo-view-icon {\r\n            opacity: 1 !important;\r\n        }\r\n\r\n        #sahara-trekking-wrapper .photo-item:hover .photo-view-icon span {\r\n            transform: translateY(0) !important;\r\n        }\r\n\r\n        \/* Map Section *\/\r\n        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-wrapper .map-placeholder i {\r\n            font-size: 2.5rem !important;\r\n            color: var(--accent-color) !important;\r\n        }\r\n\r\n        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-wrapper .price-details {\r\n            font-size: 0.86rem !important;\r\n            opacity: 0.95 !important;\r\n        }\r\n\r\n        #sahara-trekking-wrapper .price-details p {\r\n            margin: 2px 0 !important;\r\n        }\r\n\r\n        #sahara-trekking-wrapper .price-details i {\r\n            margin-right: 6px !important;\r\n        }\r\n\r\n        #sahara-trekking-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        #sahara-trekking-wrapper .booking-form h3 {\r\n            margin: 0 0 4px !important;\r\n            font-size: 1.02rem !important;\r\n        }\r\n\r\n        #sahara-trekking-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        #sahara-trekking-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            #sahara-trekking-wrapper .sidebar {\r\n                display: none !important;\r\n            }\r\n        }\r\n\r\n        #sahara-trekking-wrapper .form-group {\r\n            margin-bottom: 10px !important;\r\n        }\r\n\r\n        #sahara-trekking-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        #sahara-trekking-wrapper .form-input,\r\n        #sahara-trekking-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        #sahara-trekking-wrapper .form-input:focus,\r\n        #sahara-trekking-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        #sahara-trekking-wrapper .form-input.error,\r\n        #sahara-trekking-wrapper textarea.error {\r\n            border-color: #e11d48 !important;\r\n            background: #fef2f2 !important;\r\n        }\r\n\r\n        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-wrapper .btn-primary i {\r\n            font-size: 0.9rem !important;\r\n        }\r\n\r\n        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-wrapper .mobile-booking {\r\n            display: none !important;\r\n        }\r\n\r\n        @media (max-width: 720px) {\r\n            #sahara-trekking-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            #sahara-trekking-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            #sahara-trekking-wrapper .mobile-booking-info {\r\n                color: #e5e7eb !important;\r\n                font-size: 0.82rem !important;\r\n            }\r\n\r\n            #sahara-trekking-wrapper .mobile-booking-info strong {\r\n                display: block !important;\r\n                font-size: 1rem !important;\r\n            }\r\n\r\n            #sahara-trekking-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        #sahara-trekking-wrapper .mobile-form-section {\r\n            display: none !important;\r\n        }\r\n\r\n        @media (max-width: 720px) {\r\n            #sahara-trekking-wrapper .mobile-form-section {\r\n                display: block !important;\r\n            }\r\n        }\r\n\r\n        \/* Toast & Overlay *\/\r\n        #sahara-trekking-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        #sahara-trekking-wrapper .toast.show {\r\n            display: block !important;\r\n        }\r\n\r\n        #sahara-trekking-wrapper .toast.success {\r\n            background: #16a34a !important; \/* success green *\/\r\n        }\r\n\r\n        #sahara-trekking-wrapper .toast.error {\r\n            background: #b91c1c !important;\r\n        }\r\n\r\n        \/* NEW THANK YOU OVERLAY (like second code) *\/\r\n        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-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            #sahara-trekking-wrapper .thankyou-card {\r\n                padding: 28px 20px !important;\r\n                width: 95% !important;\r\n            }\r\n\r\n            #sahara-trekking-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            #sahara-trekking-wrapper .thankyou-card h3 {\r\n                font-size: 1.7rem !important;\r\n                margin-bottom: 12px !important;\r\n            }\r\n\r\n            #sahara-trekking-wrapper .thankyou-card p {\r\n                font-size: 1rem !important;\r\n            }\r\n\r\n            #sahara-trekking-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            #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-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        #sahara-trekking-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            #sahara-trekking-wrapper .container {\r\n                padding: 15px 12px 100px !important;\r\n            }\r\n            \r\n            #sahara-trekking-wrapper .hero-section {\r\n                margin-bottom: 20px !important;\r\n            }\r\n            \r\n            #sahara-trekking-wrapper .hero-content {\r\n                padding: 18px 16px !important;\r\n                order: 2 !important;\r\n            }\r\n            \r\n            #sahara-trekking-wrapper .gallery-section {\r\n                order: 1 !important;\r\n                margin-bottom: 16px !important;\r\n            }\r\n            \r\n            #sahara-trekking-wrapper .trek-details {\r\n                flex-direction: column !important;\r\n                gap: 6px !important;\r\n            }\r\n            \r\n            #sahara-trekking-wrapper .detail-pill {\r\n                width: 100% !important;\r\n                justify-content: center !important;\r\n            }\r\n            \r\n            #sahara-trekking-wrapper .content-section {\r\n                padding: 16px 14px !important;\r\n                margin-bottom: 16px !important;\r\n            }\r\n            \r\n            #sahara-trekking-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            #sahara-trekking-wrapper .day-label {\r\n                font-size: 0.9rem !important;\r\n            }\r\n            \r\n            #sahara-trekking-wrapper .photo-gallery {\r\n                grid-template-columns: repeat(2, 1fr) !important;\r\n            }\r\n            \r\n            #sahara-trekking-wrapper .photo-item img {\r\n                height: 120px !important;\r\n            }\r\n            \r\n            #sahara-trekking-wrapper .feature-grid {\r\n                grid-template-columns: 1fr !important;\r\n            }\r\n            \r\n            #sahara-trekking-wrapper .highlight-box {\r\n                padding: 10px 12px !important;\r\n                font-size: 0.9rem !important;\r\n            }\r\n            \r\n            #sahara-trekking-wrapper .map-container {\r\n                height: 300px !important;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 480px) {\r\n            #sahara-trekking-wrapper .container {\r\n                padding: 12px 10px 100px !important;\r\n            }\r\n            \r\n            #sahara-trekking-wrapper .hero-content {\r\n                padding: 16px 14px !important;\r\n            }\r\n            \r\n            #sahara-trekking-wrapper .main-gallery {\r\n                height: 260px !important;\r\n            }\r\n            \r\n            #sahara-trekking-wrapper .thumbnail-grid {\r\n                grid-template-columns: repeat(3, 1fr) !important;\r\n            }\r\n            \r\n            #sahara-trekking-wrapper .thumbnail {\r\n                min-height: 60px !important;\r\n            }\r\n            \r\n            #sahara-trekking-wrapper .content-section {\r\n                padding: 14px 12px !important;\r\n            }\r\n            \r\n            #sahara-trekking-wrapper .photo-gallery {\r\n                grid-template-columns: 1fr !important;\r\n            }\r\n            \r\n            #sahara-trekking-wrapper .photo-item img {\r\n                height: 140px !important;\r\n            }\r\n            \r\n            #sahara-trekking-wrapper .info-cards {\r\n                flex-direction: column !important;\r\n            }\r\n            \r\n            #sahara-trekking-wrapper .info-card {\r\n                width: 100% !important;\r\n            }\r\n            \r\n            #sahara-trekking-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=\"sahara-trekking-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-014922.png\"\r\n                            alt=\"5-Day Sahara Desert Tour from Marrakech - Chegaga Dunes\"\r\n                        \/>\r\n                        <div class=\"gallery-overlay\"><\/div>\r\n                        <div class=\"gallery-caption\">\r\n                            <i class=\"fa-solid fa-image\"><\/i> Sahara Desert Tour - Chegaga Dunes\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-014922.png\"\r\n                        >\r\n                            <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-03-25-014922.png\" alt=\"Chegaga Dunes\" \/>\r\n                        <\/button>\r\n\r\n                        <button\r\n                            class=\"thumbnail\"\r\n                            data-src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_0355.jpeg\"\r\n                        >\r\n                            <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_0355.jpeg\" alt=\"Camel Trekking in 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\/Capture-decran-2025-03-25-014021.png\"\r\n                        >\r\n                            <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-03-25-014021.png\" alt=\"Desert Camp\" \/>\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>Best Season<\/span>\r\n                                <strong>October to May<\/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>Trek Type<\/span>\r\n                                <strong>Desert & Dunes<\/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;\">Sahara Desert<\/span> \u00b7 <span style=\"font-weight: 600;\">Marrakech Tour<\/span>\r\n                    <\/div>\r\n                    <h1>Unforgettable 5-Day <span style=\"color: #f97316;\">Sahara Desert<\/span> Tour from <span style=\"color: #f97316;\">Marrakech<\/span><\/h1>\r\n                    <p class=\"hero-description\">\r\n                        Experience our <strong>5-day Sahara Desert landscapes tour<\/strong> from <strong>Marrakech<\/strong>. \r\n                        This <strong>Marrakech tour 5 days<\/strong> adventure takes you through the magnificent desert landscapes of the \r\n                        <strong>Sahara Desert<\/strong>. Discover the majestic Chegaga dunes and enjoy a wonderful experience with the nomads of the Sahara.\r\n                        We invite you to take a scenic route through the High Atlas Mountains via the Tichka Pass (2,260 m above sea level).\r\n                    <\/p>\r\n                    <div class=\"trek-details\">\r\n                        <div class=\"detail-pill\"><i class=\"fa-solid fa-calendar-alt\"><\/i> 5 days \/ 4 nights<\/div>\r\n                        <div class=\"detail-pill\"><i class=\"fa-solid fa-person-hiking\"><\/i> Moderate level<\/div>\r\n                        <div class=\"detail-pill\"><i class=\"fa-solid fa-people-group\"><\/i> From 2 people<\/div>\r\n                        <div class=\"detail-pill\"><i class=\"fa-solid fa-location-dot\"><\/i> <span style=\"font-weight: 600;\">Sahara Desert<\/span>, <span style=\"font-weight: 600;\">Marrakech<\/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>Tour Overview<\/h2>\r\n                                <small><span style=\"font-weight: 600;\">Sahara Desert<\/span> \u00b7 <span style=\"font-weight: 600;\">Marrakech Tour<\/span> \u00b7 Guided Trekking<\/small>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"highlight-box\">\r\n                            <strong>An unforgettable 5-day desert adventure from <span style=\"color: #dc2626;\">Marrakech<\/span><\/strong><br \/>\r\n                            5 days of <strong>Sahara Desert<\/strong> exploration through stunning landscapes, \r\n                            experiencing camel rides, desert camps, and authentic nomadic culture. This carefully \r\n                            curated <strong>Marrakech tour 5 days<\/strong> journey offers the perfect balance of adventure and comfort in Morocco's magnificent <strong>Sahara Desert<\/strong>.\r\n                        <\/div>\r\n                        <p>\r\n                            Our <strong>5 day Sahara Desert landscapes tour<\/strong> offers a unique opportunity to explore the magnificent \r\n                            desert landscapes of the <strong>Sahara<\/strong>. Discover the majestic Chegaga dunes and experience \r\n                            a wonderful journey with the nomads of the Sahara. This trek has been specifically \r\n                            designed to showcase the most spectacular aspects of the Moroccan desert while \r\n                            ensuring your comfort and safety throughout the journey.\r\n                        <\/p>\r\n                        <p>\r\n                            We invite you to take a scenic route through the High Atlas Mountains via the \r\n                            Tichka Pass (2,260 m above sea level). This <strong>Marrakech tour<\/strong> adventure \r\n                            combines luxury camping with authentic cultural experiences. You'll have the \r\n                            opportunity to witness stunning sunsets over golden dunes, sleep under star-filled \r\n                            skies, and learn about traditional Berber culture from local guides.\r\n                        <\/p>\r\n                        <p>\r\n                            This <strong>5-day Sahara Desert tour from Marrakech<\/strong> has been designed as an accessible \r\n                            adventure with moderate stages, allowing time to explore dunes, oases, and experience \r\n                            authentic encounters with desert nomads. Whether you're an experienced trekker or \r\n                            new to desert adventures, this journey offers something truly special for everyone.\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>Tour Highlights<\/h2>\r\n                                <small>What makes this <span style=\"font-weight: 600;\">Sahara Desert<\/span> trek 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> Scenic drive through the High Atlas Mountains via Tichka Pass from <strong>Marrakech<\/strong><\/li>\r\n                            <li><i class=\"fa-solid fa-check\"><\/i> Visit Ouarzazate with its exceptional southern architecture<\/li>\r\n                            <li><i class=\"fa-solid fa-check\"><\/i> Cross the Berber village of Agdez and the famous Draa Valley palm groves<\/li>\r\n                            <li><i class=\"fa-solid fa-check\"><\/i> Discover the traditional lifestyle of <strong>Sahara Desert<\/strong> nomads<\/li>\r\n                            <li><i class=\"fa-solid fa-check\"><\/i> Experience camel trekking in the magnificent dunes of Erg Chegaga<\/li>\r\n                            <li><i class=\"fa-solid fa-check\"><\/i> Magical evenings at desert bivouacs with traditional dinners around campfires<\/li>\r\n                            <li><i class=\"fa-solid fa-check\"><\/i> Witness breathtaking sunsets and sunrises over golden sand dunes<\/li>\r\n                            <li><i class=\"fa-solid fa-check\"><\/i> Visit traditional villages and learn about Berber culture and traditions<\/li>\r\n                            <li><i class=\"fa-solid fa-check\"><\/i> Explore the Fint Oasis, a hidden gem near Ouarzazate<\/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>Detailed Itinerary \u2013 5 Days<\/h2>\r\n                                <small>Sample program, adaptable to your preferences<\/small>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-day\">\r\n                            <div class=\"day-label\">Day 1<\/div>\r\n                            <div class=\"day-content\">\r\n                                <h3>Marrakech \u2013 Ouarzazate \u2013 Agdez \u2013 Zagora<\/h3>\r\n                                <p>\r\n                                    Our tour departs by bus towards the south via the renowned high mountains of the Tichka Pass (at an altitude of 2,260 m), and the small Berber villages of the Ounila Valley, a Berber valley with splendid architecture. After a coffee break in the city of Ouarzazate, we will continue to the Draa Valley from the city of Agdez. A walk in the cool of the palm grove will provide an opportunity to discover the landscape offered by this oasis punctuated by kasbahs and douars, magnificent examples of the traditional earthen architecture of southern Morocco. You will spend the night in a hotel amidst these magnificent landscapes of the Draa Valley in the city of Zagora.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-day\">\r\n                            <div class=\"day-label\">Day 2<\/div>\r\n                            <div class=\"day-content\">\r\n                                <h3>Zagora \u2013 Oulad Driss<\/h3>\r\n                                <p>\r\n                                    The next day, after breakfast, we will head towards the gateway to the desert: M'hamid. After crossing Zagora, the date capital, we will stop in Tamegroute to visit the pottery workshops and the Quranic library, famous for housing splendid manuscripts dating back to the 11th century. We will continue for lunch in Oulad Driss. Then, you will begin your hike to enjoy the cool air. Oulad Driss is a picturesque village with earthen buildings, typical of the region, and a spectacular setting between mountains and palm groves. After leaving the village, you can take trails that wind through the palm groves of the Draa Valley. The date palms that stretch as far as the eye can see create pleasant shade and a striking contrast with the arid landscape of the surrounding mountains. If you're lucky, you might spot some springs or irrigation canals that feed this fertile region. The streams and the water that flow through them are essential to life in this arid valley. You will spend the night in a hotel surrounded by these magnificent landscapes of the Draa Valley in the village of Oulad Driss.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-day\">\r\n                            <div class=\"day-label\">Day 3<\/div>\r\n                            <div class=\"day-content\">\r\n                                <h3>A day dedicated to the desert. Lunch with the nomads \u2013 the sacred oasis \u2013 Erg Chegaga<\/h3>\r\n                                <p>\r\n                                    In the morning, after a hearty breakfast, depart by 4\u00d74 across the dunes to reach the nomads' tents. This day will offer a unique opportunity to discover the nomadic lifestyle and the simplicity of desert life. Deep in the dunes, you'll enjoy the magnificent landscapes and vastness of the desert.\r\n                                    We'll then return to the bivouac for a rest before setting off on camelback to admire the sunset over the dunes.\r\n                                    Dinner and the evening will be spent on-site, in the comfortable bivouac.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-day\">\r\n                            <div class=\"day-label\">Day 4<\/div>\r\n                            <div class=\"day-content\">\r\n                                <h3>Erg Chegaga \u2013 Foum Zguid \u2013 Oasis of Fint<\/h3>\r\n                                <p>\r\n                                    Head south to reach the dried-up Lake Iriki. This area was once a popular spot for nomadic caravans. The imposing mountain ridges are undoubtedly among the most beautiful remote landscapes. We'll arrive at the small town of Foum Zguid where we'll have lunch. We'll then head back to Taznakht, the capital of saffron and carpets, before arriving in Ouarzazate, where we'll spend the night in a riad in the Fint Oasis.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-day\">\r\n                            <div class=\"day-label\">Day 5<\/div>\r\n                            <div class=\"day-content\">\r\n                                <h3>Fint Oasis \u2013 Marrakech<\/h3>\r\n                                <p>\r\n                                    After breakfast, a detour will take us to the palm grove of the Fint Oasis, a magnificent mountain oasis 10 km from Ouarzazate, a veritable green setting amidst rocks whose unspoiled nature is still preserved from mass tourism. We'll offer a visit to the Taourirt Kasbah, a beautiful, remarkably well-preserved adobe building.\r\n                                    After lunch, we'll depart via the Tizi N'Tichka Pass to Marrakech, where we'll arrive in the late afternoon.\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>What's Included \/ Not Included<\/h2>\r\n                                <small>To prepare your budget comfortably<\/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                                    Included in Price\r\n                                <\/div>\r\n                                <ul class=\"bullet-list included\">\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> Full board from Marrakech to Marrakech<\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> Overnight stays at hotel, riad, and bivouac<\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> Transfers with Tourist Transport<\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> Services of a mountain guide<\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> Camels for desert trekking<\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> 4\u00d74 vehicles for the Sahara exploration<\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> All entrance fees to sites and monuments<\/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                                    Not Included\r\n                                <\/div>\r\n                                <ul class=\"bullet-list excluded\">\r\n                                    <li><i class=\"fa-solid fa-xmark\"><\/i> Drinks and personal expenses<\/li>\r\n                                    <li><i class=\"fa-solid fa-xmark\"><\/i> Tips for guides and staff<\/li>\r\n                                    <li><i class=\"fa-solid fa-xmark\"><\/i> Travel insurance (recommended)<\/li>\r\n                                    <li><i class=\"fa-solid fa-xmark\"><\/i> Meals and overnight stays in Marrakech<\/li>\r\n                                    <li><i class=\"fa-solid fa-xmark\"><\/i> Optional activities not mentioned in itinerary<\/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>Practical Details<\/h2>\r\n                                <small>Duration, level, seasons & 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>Duration<\/strong>\r\n                                    5 days \/ 4 nights\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"feature-card\">\r\n                                <i class=\"fa-solid fa-person-hiking\"><\/i>\r\n                                <div>\r\n                                    <strong>Level<\/strong>\r\n                                    Moderate difficulty\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>Best Season<\/strong>\r\n                                    Spring, Summer, Autumn, Winter\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>Participants<\/strong>\r\n                                    From 2 people\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>Region<\/strong>\r\n                                    <span style=\"font-weight: 600;\">Sahara Desert<\/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>Price<\/strong>\r\n                                    On request\r\n                                <\/div>\r\n                            <\/div>\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>Tour Route Map<\/h2>\r\n                                <small>Explore the <span style=\"font-weight: 600;\">Sahara Desert<\/span> trekking route from <span style=\"font-weight: 600;\">Marrakech<\/span><\/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=1fNYFO90KIKW_kEVRMIzt3aQE4VaW_s4&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>Frequently Asked Questions<\/h2>\r\n                                <small>Some answers before you go<\/small>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"faq\">\r\n                            <div class=\"faq-item\">\r\n                                <div class=\"faq-question\">\r\n                                    <span>What is the difficulty level of this <span style=\"font-weight: 600;\">Sahara Desert<\/span> Tour?<\/span>\r\n                                    <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n                                <\/div>\r\n                                <div class=\"faq-answer\">\r\n                                    <p>\r\n                                        The tour is rated as <strong>moderate<\/strong>, with comfortable transportation between locations and gentle walking in desert conditions. It's suitable for anyone in good health who enjoys light activity. The <strong>camel trekking<\/strong> portions are gentle and suitable for beginners. For more information about preparing for desert adventures, check out our \r\n                                        <a href=\"https:\/\/marrakechtrekking.com\/a-complete-guide-to-traveling-and-exploring-morocco\/\" target=\"_blank\" rel=\"dofollow\">Complete Guide to Traveling and Exploring Morocco<\/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>Why is October to May the recommended period for this <span style=\"font-weight: 600;\">Marrakech Tour<\/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                                        Summer months in the <strong>Sahara Desert<\/strong> can be extremely hot, with temperatures often exceeding \r\n                                        40\u00b0C (104\u00b0F). From October to May, temperatures are more comfortable for exploring, \r\n                                        typically ranging from 15-30\u00b0C (59-86\u00b0F) during the day. For detailed safety information \r\n                                        about traveling in Morocco, visit our \r\n                                        <a href=\"https:\/\/marrakechtrekking.com\/is-morocco-safe-to-travel-to-what-you-need-to-know-before-you-visit\/\" target=\"_blank\" rel=\"dofollow\">Morocco Safety Guide<\/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>What type of accommodation is provided during the <span style=\"font-weight: 600;\">Marrakech Tour 5 Days<\/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                                        You'll stay in comfortable <strong>hotels and riads<\/strong> in cities and authentic \r\n                                        <strong>desert bivouacs<\/strong> during the desert portion. Our accommodations offer proper beds, \r\n                                        traditional Moroccan meals, and facilities while maintaining authentic experiences. All accommodations are carefully selected for comfort and \r\n                                        authentic Moroccan character.<a href=\"https:\/\/fr.wikipedia.org\/wiki\/Morocco\" target=\"_blank\" rel=\"dofollow noopener\"> Morocco<\/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>How should I prepare for this <span style=\"font-weight: 600;\">Sahara Desert<\/span> adventure?<\/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                                        Light walking before departure is recommended. Bring comfortable shoes, \r\n                                        light-colored clothing for sun protection, a hat, sunglasses, and sunscreen. \r\n                                        Evenings can be cool, so pack layers. A detailed equipment list will be provided \r\n                                        upon booking your <strong>Marrakech tour<\/strong> adventure. We recommend \r\n                                        bringing a reusable water bottle to stay hydrated throughout your journey.\r\n                                    <\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"faq-item\">\r\n                                <div class=\"faq-question\">\r\n                                    <span>What makes Chegaga dunes special compared to other desert areas?<\/span>\r\n                                    <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n                                <\/div>\r\n                                <div class=\"faq-answer\">\r\n                                    <p>\r\n                                        The Chegaga dunes are among the highest and most spectacular in Morocco, \r\n                                        reaching up to 300 meters in height. Unlike the more touristy Erg Chebbi, \r\n                                        Chegaga offers a more remote and authentic desert experience. The vastness \r\n                                        of the dunes and the sense of isolation create a truly magical atmosphere, \r\n                                        especially at sunrise and sunset when the light transforms the landscape \r\n                                        into breathtaking shades of gold and orange.\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>Are there any cultural considerations I should be aware of?<\/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                                        Morocco is a Muslim country with conservative traditions, especially in rural areas. \r\n                                        We recommend dressing modestly, particularly when visiting villages and religious sites. \r\n                                        Women should consider covering shoulders and knees. It's also respectful to ask permission \r\n                                        before photographing local people. Your guide will provide additional cultural guidance \r\n                                        throughout the journey to ensure respectful interactions with local communities.\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>Book This Tour<\/h2>\r\n                                <small>Tell us your preferences<\/small>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <form id=\"mobile-booking-form\" novalidate>\r\n                            <div class=\"form-row\">\r\n                                <div class=\"form-group\">\r\n                                    <label for=\"m-start\">Start Date<\/label>\r\n                                    <input type=\"date\" id=\"m-start\" class=\"form-input\" \/>\r\n                                    <div class=\"error-message\" id=\"m-start-error\">Please choose a date.<\/div>\r\n                                <\/div>\r\n                                <div class=\"form-group\">\r\n                                    <label for=\"m-end\">End Date<\/label>\r\n                                    <input type=\"date\" id=\"m-end\" class=\"form-input\" \/>\r\n                                    <div class=\"error-message\" id=\"m-end-error\">Please choose a date.<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"form-group\">\r\n                                <label for=\"m-people\">Number of 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\">Please enter a number between 1 and 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\">First Name<\/label>\r\n                                    <input type=\"text\" id=\"m-first\" class=\"form-input\" placeholder=\"ex. John\" \/>\r\n                                    <div class=\"error-message\" id=\"m-first-error\">Please enter your first name.<\/div>\r\n                                <\/div>\r\n                                <div class=\"form-group\">\r\n                                    <label for=\"m-last\">Last Name<\/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\">Please enter your last name.<\/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\">Email<\/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\">Please enter a valid email.<\/div>\r\n                                <\/div>\r\n                                <div class=\"form-group\">\r\n                                    <label for=\"m-phone\">Phone<\/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\">Invalid number (min. 10 digits).<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"form-group\">\r\n                                <label for=\"m-notes\">Special Requests<\/label>\r\n                                <textarea id=\"m-notes\" rows=\"3\" class=\"form-input\" placeholder=\"Dietary requirements, equipment, children, 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                                Book Now\r\n                            <\/button>\r\n                            <div class=\"form-note\">\r\n                                Personalized response within 24-48h (working days).\r\n                            <\/div>\r\n                        <\/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>Photo Gallery \u2013 <span style=\"font-weight: 600;\">Sahara Desert<\/span> Tour<\/h2>\r\n                                <small>Some images from this <span style=\"font-weight: 600;\">Marrakech Tour<\/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-014021.png\">\r\n                                <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-03-25-014021.png\" alt=\"Sahara Desert Landscape\" \/>\r\n                                <div class=\"photo-view-icon\">\r\n                                    <span><i class=\"fa-solid fa-eye\"><\/i> View<\/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.png\">\r\n                                <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-03-25-014004.png\" alt=\"Desert Camp Morocco\" \/>\r\n                                <div class=\"photo-view-icon\">\r\n                                    <span><i class=\"fa-solid fa-eye\"><\/i> View<\/span>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_7888-scaled-1.jpeg\">\r\n                                <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_7888-scaled-1.jpeg\" alt=\"Camel Trekking Sahara\" \/>\r\n                                <div class=\"photo-view-icon\">\r\n                                    <span><i class=\"fa-solid fa-eye\"><\/i> View<\/span>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_7048-scaled-1.jpeg\">\r\n                                <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_7048-scaled-1.jpeg\" alt=\"Sunset Sahara Desert\" \/>\r\n                                <div class=\"photo-view-icon\">\r\n                                    <span><i class=\"fa-solid fa-eye\"><\/i> View<\/span>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_9985-scaled-1.jpeg\">\r\n                                <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_9985-scaled-1.jpeg\" alt=\"Desert Dunes Morocco\" \/>\r\n                                <div class=\"photo-view-icon\">\r\n                                    <span><i class=\"fa-solid fa-eye\"><\/i> View<\/span>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_0355.jpeg\">\r\n                                <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_0355.jpeg\" alt=\"Nomadic Culture Sahara\" \/>\r\n                                <div class=\"photo-view-icon\">\r\n                                    <span><i class=\"fa-solid fa-eye\"><\/i> View<\/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-014922.png\">\r\n                                <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-03-25-014922.png\" alt=\"Chegaga Dunes\" \/>\r\n                                <div class=\"photo-view-icon\">\r\n                                    <span><i class=\"fa-solid fa-eye\"><\/i> View<\/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-013408-1-600x436-1.png\">\r\n                                <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-03-25-013408-1-600x436-1.png\" alt=\"Desert Adventure\" \/>\r\n                                <div class=\"photo-view-icon\">\r\n                                    <span><i class=\"fa-solid fa-eye\"><\/i> View<\/span>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_9983-scaled-1.jpeg\">\r\n                                <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_9983-scaled-1.jpeg\" alt=\"Sahara Trekking\" \/>\r\n                                <div class=\"photo-view-icon\">\r\n                                    <span><i class=\"fa-solid fa-eye\"><\/i> View<\/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>Tour Price<\/h2>\r\n                        <div class=\"price-main\">\r\n                            <div class=\"price-amount\">On Request<\/div>\r\n                            <span class=\"price-tag\"><i class=\"fa-solid fa-circle-info\"><\/i> Custom Quote<\/span>\r\n                        <\/div>\r\n                        <p class=\"price-note\">\r\n                            Price depends on season, number of participants, and comfort level desired.\r\n                        <\/p>\r\n                        <div class=\"price-details\">\r\n                            <p><i class=\"fa-solid fa-calendar-alt\"><\/i> 5 days of exploration<\/p>\r\n                            <p><i class=\"fa-solid fa-location-dot\"><\/i> <span style=\"font-weight: 600;\">Sahara Desert<\/span>, Morocco<\/p>\r\n                            <p><i class=\"fa-solid fa-users\"><\/i> From 2 people<\/p>\r\n                        <\/div>\r\n                    <\/section>\r\n\r\n                    <section class=\"booking-form\">\r\n                        <h3>Book This Tour<\/h3>\r\n                        <p>Tell us your preferences, we'll adapt the program and pricing.<\/p>\r\n\r\n                        <form id=\"desktop-form\" novalidate>\r\n                            <div class=\"form-row\">\r\n                                <div class=\"form-group\">\r\n                                    <label for=\"d-start\">Preferred Start Date<\/label>\r\n                                    <input type=\"date\" id=\"d-start\" class=\"form-input\" \/>\r\n                                    <div class=\"error-message\" id=\"d-start-error\">Please choose a start date.<\/div>\r\n                                <\/div>\r\n                                <div class=\"form-group\">\r\n                                    <label for=\"d-end\">End Date<\/label>\r\n                                    <input type=\"date\" id=\"d-end\" class=\"form-input\" \/>\r\n                                    <div class=\"error-message\" id=\"d-end-error\">Please choose an end date.<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"form-group\">\r\n                                <label for=\"d-people\">Number of 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\">Please enter a number between 1 and 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\">First Name<\/label>\r\n                                    <input type=\"text\" id=\"d-first\" class=\"form-input\" placeholder=\"ex. John\" \/>\r\n                                    <div class=\"error-message\" id=\"d-first-error\">Please enter your first name.<\/div>\r\n                                <\/div>\r\n                                <div class=\"form-group\">\r\n                                    <label for=\"d-last\">Last Name<\/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\">Please enter your last name.<\/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\">Email<\/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\">Please enter a valid email.<\/div>\r\n                                <\/div>\r\n                                <div class=\"form-group\">\r\n                                    <label for=\"d-phone\">Phone<\/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\">Invalid number (min. 10 digits).<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"form-group\">\r\n                                <label for=\"d-notes\">Special Requests<\/label>\r\n                                <textarea id=\"d-notes\" rows=\"3\" class=\"form-input\" placeholder=\"Dietary requirements, equipment, children, 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                                Book Now\r\n                            <\/button>\r\n                            <div class=\"form-note\">\r\n                                Personalized response within 24-48h (working days).\r\n                            <\/div>\r\n                        <\/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;\">Sahara Desert<\/span> Tour \u2013 5 days<\/span>\r\n                    <strong>Price on request<\/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                    Book Now\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- NEW Thank You Overlay (styled like second example) -->\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>Thank you!<\/h3>\r\n                <p>\r\n                    We\u2019ve received your request for the 5-Day Sahara Desert Tour from Marrakech.\r\n                    One of our travel specialists will contact you soon with a personalized quote.\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                        Close\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=\"Close 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-';   \/\/ \ud83d\udc48 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:        '5-Day Sahara Desert Tour from Marrakech',\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 (like second code)\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>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Unforgettable 5-Day Sahara Desert Tour from Marrakech | Marrakech Tour 5 &#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-38","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\/38","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=38"}],"version-history":[{"count":25,"href":"https:\/\/marrakechtrekking.com\/fr\/wp-json\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":948,"href":"https:\/\/marrakechtrekking.com\/fr\/wp-json\/wp\/v2\/pages\/38\/revisions\/948"}],"wp:attachment":[{"href":"https:\/\/marrakechtrekking.com\/fr\/wp-json\/wp\/v2\/media?parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}