{"id":113,"date":"2025-11-22T11:25:52","date_gmt":"2025-11-22T11:25:52","guid":{"rendered":"https:\/\/marrakechtrekking.com\/?page_id=113"},"modified":"2025-11-22T18:15:48","modified_gmt":"2025-11-22T18:15:48","slug":"atlas-and-sahara-family-adventure-tour","status":"publish","type":"page","link":"https:\/\/marrakechtrekking.com\/fr\/atlas-and-sahara-family-adventure-tour\/","title":{"rendered":"Circuit familial de 8 jours dans l'Atlas et le Sahara"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"113\" class=\"elementor elementor-113\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-732feee e-flex e-con-boxed e-con e-parent\" data-id=\"732feee\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-caa7536 elementor-widget elementor-widget-html\" data-id=\"caa7536\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Atlas and Sahara Family Adventure Tour | 8-Day Morocco Family Travel<\/title>\r\n    <meta name=\"description\" content=\"Experience our 8-day Atlas and Sahara Family Adventure Tour. Discover Chegaga dunes, camel trekking, and authentic nomadic culture on this Morocco family travel experience.\">\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\/IMG_8055-scaled-1000x750-1.jpeg\"\r\n                            alt=\"Atlas and Sahara Family Adventure Tour - Morocco Family Travel\"\r\n                        \/>\r\n                        <div class=\"gallery-overlay\"><\/div>\r\n                        <div class=\"gallery-caption\">\r\n                            <i class=\"fa-solid fa-image\"><\/i> Circuit d'aventure en famille dans l'Atlas et le Sahara\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"thumbnail-grid\">\r\n                        <button\r\n                            class=\"thumbnail active\"\r\n                            data-src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_8055-scaled-1000x750-1.jpeg\"\r\n                        >\r\n                            <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_8055-scaled-1000x750-1.jpeg\" alt=\"Atlas Mountains Family Tour\" \/>\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_8129-scaled-1.jpeg\"\r\n                        >\r\n                            <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_8129-scaled-1.jpeg\" alt=\"Sahara Desert Family Adventure\" \/>\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_7955-scaled-1-1.jpeg\"\r\n                        >\r\n                            <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_7955-scaled-1-1.jpeg\" alt=\"Morocco Family Travel Experience\" \/>\r\n                        <\/button>\r\n                    <\/div>\r\n\r\n                    <div class=\"info-cards\">\r\n                        <div class=\"info-card\">\r\n                            <div class=\"info-icon\"><i class=\"fa-solid fa-sun\"><\/i><\/div>\r\n                            <div class=\"info-text\">\r\n                                <span>Meilleure saison<\/span>\r\n                                <strong>Novembre \u00e0 mars<\/strong>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"info-card\">\r\n                            <div class=\"info-icon\"><i class=\"fa-solid fa-route\"><\/i><\/div>\r\n                            <div class=\"info-text\">\r\n                                <span>Type de voyage<\/span>\r\n                                <strong>Aventure familiale<\/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;\">Montagnes de l'Atlas<\/span> \u00b7 <span style=\"font-weight: 600;\">D\u00e9sert du Sahara<\/span> \u00b7 <span style=\"font-weight: 600;\">Tourn\u00e9e familiale<\/span>\r\n                    <\/div>\r\n                    <h1>Atlas et Sahara <span style=\"color: #f97316;\">Aventure familiale<\/span> Tour - <span style=\"color: #f97316;\">8 jours de voyage au Maroc en famille<\/span><\/h1>\r\n                    <p class=\"hero-description\">\r\n                        Faites l'exp\u00e9rience de notre <strong>Circuit familial de 8 jours dans l'Atlas et le Sahara<\/strong> \u00e0 travers les magnifiques paysages d\u00e9sertiques de la <strong>Sahara<\/strong>. .\r\n                        Cette <strong>Maroc voyage en famille<\/strong> L'exp\u00e9rience vous emm\u00e8ne de la majestueuse <strong>Montagnes de l'Atlas<\/strong> jusqu'aux dunes dor\u00e9es de <strong>Chegaga<\/strong>. .\r\n                        D\u00e9couvrez la culture nomade authentique, les randonn\u00e9es \u00e0 dos de chameau et les villages berb\u00e8res traditionnels au cours de ce voyage inoubliable. <strong>visite en famille<\/strong>.\r\n                    <\/p>\r\n                    <div class=\"trek-details\">\r\n                        <div class=\"detail-pill\"><i class=\"fa-solid fa-calendar-alt\"><\/i> 8 jours \/ 7 nuits<\/div>\r\n                        <div class=\"detail-pill\"><i class=\"fa-solid fa-person-hiking\"><\/i> Niveau familial<\/div>\r\n                        <div class=\"detail-pill\"><i class=\"fa-solid fa-people-group\"><\/i> Parfait pour les familles<\/div>\r\n                        <div class=\"detail-pill\"><i class=\"fa-solid fa-location-dot\"><\/i> <span style=\"font-weight: 600;\">Marrakech<\/span>, <span style=\"font-weight: 600;\">Montagnes de l'Atlas<\/span>, <span style=\"font-weight: 600;\">D\u00e9sert du Sahara<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/header>\r\n\r\n            <!-- Main Content -->\r\n            <main class=\"main-layout\">\r\n                <!-- Left Column -->\r\n                <article>\r\n                    <!-- Description -->\r\n                    <section class=\"content-section\" id=\"description\">\r\n                        <div class=\"section-header\">\r\n                            <i class=\"fa-solid fa-circle-info\"><\/i>\r\n                            <div>\r\n                                <h2>Vue d'ensemble du circuit<\/h2>\r\n                                <small><span style=\"font-weight: 600;\">Montagnes de l'Atlas<\/span> \u00b7 <span style=\"font-weight: 600;\">D\u00e9sert du Sahara<\/span> \u00b7 <span style=\"font-weight: 600;\">Tourn\u00e9e familiale<\/span><\/small>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"highlight-box\">\r\n                            <strong>Une aventure familiale inoubliable de 8 jours \u00e0 travers <span style=\"color: #dc2626;\">Maroc<\/span> les paysages les plus spectaculaires<\/strong><br \/>\r\n                            8 jours de <strong>Exploration de l'Atlas et du Sahara<\/strong> con\u00e7u sp\u00e9cialement pour les familles. D\u00e9couvrez les randonn\u00e9es \u00e0 dos de chameau, les campements dans le d\u00e9sert, l'authentique culture nomade et la beaut\u00e9 \u00e9poustouflante du Maroc,\r\n                            la culture nomade authentique et la beaut\u00e9 \u00e9poustouflante des paysages marocains. <strong>Montagnes de l'Atlas<\/strong> et <strong>D\u00e9sert du Sahara<\/strong>.\r\n                        <\/div>\r\n                        <p>\r\n                            Notre <strong>Circuit familial de 8 jours dans l'Atlas et le Sahara<\/strong> offre une occasion unique aux familles d'explorer ensemble\r\n                            les magnifiques paysages du Maroc. Des rues anim\u00e9es de <strong>Marrakech<\/strong> au silence serein\r\n                            silence serein de la <strong>D\u00e9sert du Sahara<\/strong>, Ce voyage a \u00e9t\u00e9 soigneusement con\u00e7u pour s\u00e9duire les voyageurs de tous \u00e2ges.\r\n                        <\/p>\r\n                        <p>\r\n                            Nous vous invitons \u00e0 emprunter une route panoramique \u00e0 travers les montagnes du Haut Atlas en passant par le col de Tichka (2 260 m au-dessus du niveau de la mer).\r\n                            Cette <strong>visite en famille<\/strong> associe un h\u00e9bergement confortable \u00e0 des exp\u00e9riences culturelles authentiques qui\r\n                            cr\u00e9eront des souvenirs inoubliables pour toute la famille. Vous assisterez \u00e0 de superbes couchers de soleil sur des dunes dor\u00e9es, dormirez sous un ciel \u00e9toil\u00e9 et d\u00e9couvrirez la culture berb\u00e8re traditionnelle gr\u00e2ce \u00e0 des guides locaux.\r\n                            dunes dor\u00e9es, dormir sous un ciel \u00e9toil\u00e9 et d\u00e9couvrir la culture berb\u00e8re traditionnelle gr\u00e2ce \u00e0 des guides locaux.\r\n                        <\/p>\r\n                        <p>\r\n                            Le pr\u00e9sent <strong>Voyage familial de 8 jours au Maroc<\/strong> L'exp\u00e9rience a \u00e9t\u00e9 con\u00e7ue comme une aventure accessible, avec un rythme adapt\u00e9 aux familles.\r\n                            familial, permettant d'explorer les dunes, les oasis et de vivre des rencontres authentiques avec les nomades du d\u00e9sert.\r\n                            nomades du d\u00e9sert. Que vous voyagiez avec de jeunes enfants ou des adolescents, ce voyage offre quelque chose de vraiment sp\u00e9cial pour chaque membre de la famille.\r\n                            pour chaque membre de la famille.\r\n                        <\/p>\r\n                    <\/section>\r\n\r\n                    <!-- Highlights -->\r\n                    <section class=\"content-section\" id=\"highlights\">\r\n                        <div class=\"section-header\">\r\n                            <i class=\"fa-solid fa-star\"><\/i>\r\n                            <div>\r\n                                <h2>Points forts de la visite<\/h2>\r\n                                <small>Qu'est-ce qui fait que cette <span style=\"font-weight: 600;\">Circuit d'aventure en famille<\/span> unique<\/small>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <ul class=\"bullet-list included\">\r\n                            <li><i class=\"fa-solid fa-check\"><\/i> Route panoramique \u00e0 travers les montagnes du Haut Atlas via le col de Tichka, au d\u00e9part de <strong>Marrakech<\/strong><\/li>\r\n                            <li><i class=\"fa-solid fa-check\"><\/i> Visite de Ouarzazate et de son architecture m\u00e9ridionale exceptionnelle<\/li>\r\n                            <li><i class=\"fa-solid fa-check\"><\/i> Travers\u00e9e du magnifique village berb\u00e8re d'Agdez et des palmeraies de la vall\u00e9e du Draa<\/li>\r\n                            <li><i class=\"fa-solid fa-check\"><\/i> D\u00e9couvrez le mode de vie traditionnel des nomades du d\u00e9sert<\/li>\r\n                            <li><i class=\"fa-solid fa-check\"><\/i> Randonn\u00e9e \u00e0 dos de chameau dans les magnifiques dunes de l'Erg Chegaga<\/li>\r\n                            <li><i class=\"fa-solid fa-check\"><\/i> Soir\u00e9es magiques dans les bivouacs du d\u00e9sert avec des d\u00eeners traditionnels autour des feux de camp.<\/li>\r\n                            <li><i class=\"fa-solid fa-check\"><\/i> Assister \u00e0 des couchers et levers de soleil \u00e9poustouflants sur des dunes de sable dor\u00e9.<\/li>\r\n                            <li><i class=\"fa-solid fa-check\"><\/i> Visite de villages traditionnels et d\u00e9couverte de la culture et des traditions berb\u00e8res<\/li>\r\n                            <li><i class=\"fa-solid fa-check\"><\/i> Explorer l'oasis de Fint, un joyau cach\u00e9 pr\u00e8s de Ouarzazate<\/li>\r\n                            <li><i class=\"fa-solid fa-check\"><\/i> Un rythme familial et des activit\u00e9s adapt\u00e9es \u00e0 tous les \u00e2ges<\/li>\r\n                        <\/ul>\r\n                    <\/section>\r\n\r\n                    <!-- Itinerary -->\r\n                    <section class=\"content-section\" id=\"itineraire\">\r\n                        <div class=\"section-header\">\r\n                            <i class=\"fa-solid fa-route\"><\/i>\r\n                            <div>\r\n                                <h2>Itin\u00e9raire d\u00e9taill\u00e9 - 8 jours<\/h2>\r\n                                <small>Programme familial, adaptable \u00e0 vos pr\u00e9f\u00e9rences<\/small>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-day\">\r\n                            <div class=\"day-label\">Jour 1<\/div>\r\n                            <div class=\"day-content\">\r\n                                <h3>Arriv\u00e9e \u00e0 l'a\u00e9roport de Marrakech<\/h3>\r\n                                <p>\r\n                                    Nous viendrons vous chercher \u00e0 l'a\u00e9roport. En fonction de votre heure d'arriv\u00e9e, la visite de la ville aura lieu le dernier jour. \r\n                                    <strong>Marrakech<\/strong> est vraiment une ville magique. M\u00eame si vous arrivez tard, ne manquez pas la place Djemaa El Fna.\r\n                                    Enregistrement et nuit dans un h\u00f4tel ou un riad \u00e0 <strong>Marrakech<\/strong>.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-day\">\r\n                            <div class=\"day-label\">Jour 2<\/div>\r\n                            <div class=\"day-content\">\r\n                                <h3>Marrakech - Ouarzazate - Agdez - Zagora<\/h3>\r\n                                <p>\r\n                                    Notre circuit en bus part vers le sud en passant par les hautes montagnes renomm\u00e9es du col de Tichka (\u00e0 une altitude de 2 260 m) et les petits villages berb\u00e8res.\r\n                                    Notre premi\u00e8re visite sera la Kasbah de Telouet, via la vall\u00e9e d'Ounila, une vall\u00e9e berb\u00e8re \u00e0 l'architecture splendide.\r\n                                    Apr\u00e8s une pause caf\u00e9 dans la ville de <strong>Ouarzazate<\/strong>, Apr\u00e8s le d\u00e9jeuner, nous continuerons vers la vall\u00e9e du Draa \u00e0 partir de la ville d'Agdez.\r\n                                    Une promenade dans la fra\u00eecheur de la palmeraie sera l'occasion de d\u00e9couvrir le paysage offert par cette oasis parsem\u00e9e de Kasbahs et de Douars,\r\n                                    magnifiques exemples de l'architecture traditionnelle en terre du sud marocain. Vous passerez la nuit dans un h\u00f4tel au milieu de ces magnifiques paysages de la vall\u00e9e du Draa.\r\n                                    magnifiques paysages de la vall\u00e9e du Draa dans la ville de <strong>Zagora<\/strong>.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-day\">\r\n                            <div class=\"day-label\">Troisi\u00e8me jour<\/div>\r\n                            <div class=\"day-content\">\r\n                                <h3>Zagora - Tamgrout - Oulad Driss<\/h3>\r\n                                <p>\r\n                                    Direction M'hamid, avec un arr\u00eat en cours de route \u00e0 Tamgroute pour visiter (si cela vous int\u00e9resse) la biblioth\u00e8que coranique, la kasbah souterraine et l'usine de poterie.\r\n                                    Continuation vers le village de Rgabi, o\u00f9 nous marcherons jusqu'au village d'Oulad Driss, o\u00f9 se trouve notre lodge.\r\n                                    Arriv\u00e9e, enregistrement, d\u00e9jeuner, puis promenade dans le village de Bono. Le soir, retour au lodge et nuit.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-day\">\r\n                            <div class=\"day-label\">Jour 4<\/div>\r\n                            <div class=\"day-content\">\r\n                                <h3>Randonn\u00e9e dans le d\u00e9sert avec des chameaux - 5 heures de marche<\/h3>\r\n                                <p>\r\n                                    D\u00e9part pour Erg Lihoudi \u00e0 8h30 pour une marche de 2h30, accompagn\u00e9e de chameaux, de votre guide et de votre chamelier,\r\n                                    arriv\u00e9e \u00e0 l'oasis d'Oulad Driss. D\u00e9jeuner \u00e0 Erg Lihoudi, avant de repartir dans l'apr\u00e8s-midi pour marcher \u00e0 travers de petites dunes\r\n                                    et passer la nuit dans notre bivouac. Une journ\u00e9e parfaite pour une aventure en famille dans les <strong>D\u00e9sert du Sahara<\/strong>.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-day\">\r\n                            <div class=\"day-label\">Jour 5<\/div>\r\n                            <div class=\"day-content\">\r\n                                <h3>L'oasis sacr\u00e9e - Erg Chegaga - 2,5 heures de marche<\/h3>\r\n                                <p>\r\n                                    Le matin, toujours en randonn\u00e9e, vous aurez tout le loisir d'admirer le d\u00e9sert dans sa majestueuse simplicit\u00e9 et de vous impr\u00e9gner de ses magnifiques paysages jusqu'au d\u00e9jeuner, suivi d'un bon repos.\r\n                                    s'impr\u00e9gner de ses magnifiques paysages jusqu'au d\u00e9jeuner, suivi d'un bon repos. Dans l'apr\u00e8s-midi, vous rejoindrez rapidement les grandes dunes\r\n                                    de CHIGAGA en 4\u00d74 en 1h30, ce qui vous laissera le temps d'escalader l'une des plus hautes dunes et d'admirer le coucher de soleil sur les vagues dor\u00e9es de la mer de sable.\r\n                                    sur les vagues dor\u00e9es de la mer de sable. Soir\u00e9e et nuit au bivouac de CHIGAGA.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-day\">\r\n                            <div class=\"day-label\">Jour 6<\/div>\r\n                            <div class=\"day-content\">\r\n                                <h3>Erg Chegaga - Foum Zguid - Ouarzazate<\/h3>\r\n                                <p>\r\n                                    Dirigez-vous vers le sud pour atteindre le lac Iriki ass\u00e9ch\u00e9. Cet endroit \u00e9tait autrefois tr\u00e8s fr\u00e9quent\u00e9 par les caravanes nomades.\r\n                                    Les imposantes cr\u00eates montagneuses comptent sans aucun doute parmi les plus beaux paysages isol\u00e9s. Nous arriverons \u00e0 la\r\n                                    petite ville de Foum Zguid o\u00f9 nous d\u00e9jeunerons. Puis nous reprendrons la route vers Taznakht, la capitale du safran et des tapis,\r\n                                    avant d'arriver \u00e0 <strong>Ouarzazate<\/strong> o\u00f9 vous passerez la nuit dans un h\u00f4tel.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-day\">\r\n                            <div class=\"day-label\">Jour 7<\/div>\r\n                            <div class=\"day-content\">\r\n                                <h3>Ouarzazate - Marrakech<\/h3>\r\n                                <p>\r\n                                    Apr\u00e8s le petit-d\u00e9jeuner, un d\u00e9tour nous m\u00e8nera \u00e0 la palmeraie de l'oasis de Fint, une magnifique oasis de montagne situ\u00e9e \u00e0 10 km de la ville. \r\n                                    <strong>Ouarzazate<\/strong>, La ville de Taourirt est un v\u00e9ritable \u00e9crin de verdure au milieu de rochers dont la nature intacte est encore pr\u00e9serv\u00e9e du tourisme de masse.\r\n                                    Nous vous proposerons une visite de la kasbah de Taourirt, belle b\u00e2tisse en pis\u00e9 remarquablement conserv\u00e9e. Apr\u00e8s le d\u00e9jeuner,\r\n                                    d\u00e9part par le col du Tizi N'Tichka pour <strong>Marrakech<\/strong>, Le voyage s'ach\u00e8ve en fin d'apr\u00e8s-midi.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-day\">\r\n                            <div class=\"day-label\">Jour 8<\/div>\r\n                            <div class=\"day-content\">\r\n                                <h3>Marrakech - Transfert a\u00e9roport<\/h3>\r\n                                <p>\r\n                                    Transfert \u00e0 l'a\u00e9roport pour votre d\u00e9part, avec des souvenirs inoubliables de votre voyage. <strong>Maroc voyage en famille<\/strong> l'aventure\r\n                                    \u00e0 travers le <strong>Montagnes de l'Atlas<\/strong> et <strong>D\u00e9sert du Sahara<\/strong>.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/section>\r\n\r\n                    <!-- Inclusions -->\r\n                    <section class=\"content-section\" id=\"inclus\">\r\n                        <div class=\"section-header\">\r\n                            <i class=\"fa-solid fa-clipboard-list\"><\/i>\r\n                            <div>\r\n                                <h2>Ce qui est inclus \/ non inclus<\/h2>\r\n                                <small>Pr\u00e9parer confortablement le budget familial<\/small>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"two-column\">\r\n                            <div>\r\n                                <div class=\"list-title\">\r\n                                    <i class=\"fa-solid fa-circle-check\"><\/i>\r\n                                    Inclus dans le prix\r\n                                <\/div>\r\n                                <ul class=\"bullet-list included\">\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> Pension compl\u00e8te de Marrakech \u00e0 Marrakech<\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> Nuit\u00e9es dans des h\u00f4tels, des riads et des bivouacs<\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> Transferts avec les transports touristiques<\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> Services d'un guide de montagne<\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> Chameaux pour les randonn\u00e9es dans le d\u00e9sert<\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> V\u00e9hicules 4\u00d74 pour l'exploration du Sahara<\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> Tous les droits d'entr\u00e9e dans les sites et monuments<\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> Transferts a\u00e9roportuaires<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n\r\n                            <div>\r\n                                <div class=\"list-title\">\r\n                                    <i class=\"fa-solid fa-circle-xmark\" style=\"color:#e11d48\"><\/i>\r\n                                    Non inclus\r\n                                <\/div>\r\n                                <ul class=\"bullet-list excluded\">\r\n                                    <li><i class=\"fa-solid fa-xmark\"><\/i> Boissons et d\u00e9penses personnelles<\/li>\r\n                                    <li><i class=\"fa-solid fa-xmark\"><\/i> Conseils pour les guides et le personnel<\/li>\r\n                                    <li><i class=\"fa-solid fa-xmark\"><\/i> Assurance voyage (recommand\u00e9e)<\/li>\r\n                                    <li><i class=\"fa-solid fa-xmark\"><\/i> Repas \u00e0 Marrakech sauf le petit d\u00e9jeuner<\/li>\r\n                                    <li><i class=\"fa-solid fa-xmark\"><\/i> Activit\u00e9s facultatives non mentionn\u00e9es dans l'itin\u00e9raire<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/section>\r\n\r\n                    <!-- Details -->\r\n                    <section class=\"content-section\" id=\"details\">\r\n                        <div class=\"section-header\">\r\n                            <i class=\"fa-solid fa-list-ul\"><\/i>\r\n                            <div>\r\n                                <h2>D\u00e9tails pratiques<\/h2>\r\n                                <small>Dur\u00e9e, niveau, saisons et participants<\/small>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"feature-grid\">\r\n                            <div class=\"feature-card\">\r\n                                <i class=\"fa-solid fa-calendar-days\"><\/i>\r\n                                <div>\r\n                                    <strong>La dur\u00e9e<\/strong>\r\n                                    8 jours \/ 7 nuits\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"feature-card\">\r\n                                <i class=\"fa-solid fa-person-hiking\"><\/i>\r\n                                <div>\r\n                                    <strong>Niveau<\/strong>\r\n                                    Difficult\u00e9 pour les familles\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"feature-card\">\r\n                                <i class=\"fa-solid fa-sun-plant-wilt\"><\/i>\r\n                                <div>\r\n                                    <strong>Meilleure saison<\/strong>\r\n                                    Novembre \u00e0 mars\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"feature-card\">\r\n                                <i class=\"fa-solid fa-users\"><\/i>\r\n                                <div>\r\n                                    <strong>Les participants<\/strong>\r\n                                    Familles avec enfants\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"feature-card\">\r\n                                <i class=\"fa-solid fa-location-dot\"><\/i>\r\n                                <div>\r\n                                    <strong>R\u00e9gion<\/strong>\r\n                                    <span style=\"font-weight: 600;\">Montagnes de l'Atlas et d\u00e9sert du Sahara<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"feature-card\">\r\n                                <i class=\"fa-solid fa-dollar-sign\"><\/i>\r\n                                <div>\r\n                                    <strong>Prix<\/strong>\r\n                                    Sur demande\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/section>\r\n\r\n                    <!-- Map Section (moved under Practical Details) -->\r\n                    <section class=\"map-section\" id=\"map\">\r\n                        <div class=\"section-header\">\r\n                            <i class=\"fa-solid fa-map-location-dot\"><\/i>\r\n                            <div>\r\n                                <h2>Carte de l'itin\u00e9raire<\/h2>\r\n                                <small>Explorer le <span style=\"font-weight: 600;\">Aventure familiale dans l'Atlas et le Sahara<\/span> itin\u00e9raire<\/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=1G_0m2UCanVriHOXB-H_QM1rECTuZeLc&ehbc=2E312F&noprof=1\" width=\"640\" height=\"480\"><\/iframe>\r\n                        <\/div>\r\n                    <\/section>\r\n\r\n                    <!-- FAQ -->\r\n                    <section class=\"content-section\" id=\"faq\">\r\n                        <div class=\"section-header\">\r\n                            <i class=\"fa-solid fa-circle-question\"><\/i>\r\n                            <div>\r\n                                <h2>Questions fr\u00e9quemment pos\u00e9es<\/h2>\r\n                                <small>Quelques r\u00e9ponses avant de partir \u00e0 l'aventure en famille<\/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>S'agit-il <span style=\"font-weight: 600;\">Tourn\u00e9e familiale<\/span> convient-il aux jeunes enfants ?<\/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                                        Oui, cette <strong>Circuit de 8 jours<\/strong> a \u00e9t\u00e9 sp\u00e9cialement con\u00e7u pour les familles. Le rythme est confortable,\r\n                                        et les activit\u00e9s peuvent \u00eatre adapt\u00e9es en fonction de l'\u00e2ge et du niveau d'\u00e9nergie des enfants. Le programme <strong>randonn\u00e9e \u00e0 dos de chameau<\/strong> portions\r\n                                        sont douces et adapt\u00e9es aux enfants. Pour plus d'informations sur les voyages en famille au Maroc, consultez notre rubrique \r\n                                        <a href=\"https:\/\/marrakechtrekking.com\/fr\/a-complete-guide-to-traveling-and-exploring-morocco\/\" target=\"_blank\" rel=\"dofollow\">Guide complet pour voyager et explorer le Maroc<\/a>.\r\n                                    <\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"faq-item\">\r\n                                <div class=\"faq-question\">\r\n                                    <span>Pourquoi la p\u00e9riode de novembre \u00e0 mars est-elle recommand\u00e9e pour ce projet ? <span style=\"font-weight: 600;\">Voyages en famille<\/span> tourn\u00e9e ?<\/span>\r\n                                    <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n                                <\/div>\r\n                                <div class=\"faq-answer\">\r\n                                    <p>\r\n                                        Les <strong>D\u00e9sert du Sahara<\/strong> peut \u00eatre extr\u00eamement chaud pendant les mois d'\u00e9t\u00e9, avec des temp\u00e9ratures d\u00e9passant souvent 40\u00b0C (104\u00b0F).\r\n                                        De novembre \u00e0 mars, les temp\u00e9ratures sont plus agr\u00e9ables pour un voyage en famille, allant g\u00e9n\u00e9ralement de 15 \u00e0 25\u00b0C (59-77\u00b0F) pendant la journ\u00e9e.\r\n                                        Pour obtenir des informations d\u00e9taill\u00e9es sur la s\u00e9curit\u00e9 lors d'un voyage au Maroc en famille, consultez notre site web \r\n                                        <a href=\"https:\/\/marrakechtrekking.com\/fr\/is-morocco-safe-to-travel-to-what-you-need-to-know-before-you-visit\/\" target=\"_blank\" rel=\"dofollow\">Guide de s\u00e9curit\u00e9 pour le Maroc<\/a>.\r\n                                    <\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"faq-item\">\r\n                                <div class=\"faq-question\">\r\n                                    <span>Quel type d'h\u00e9bergement est fourni pendant cette p\u00e9riode ? <span style=\"font-weight: 600;\">Circuit de 8 jours<\/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                                        Votre famille s\u00e9journera dans de confortables <strong>h\u00f4tels et riads<\/strong> dans les villes et authentiques \r\n                                        <strong>bivouacs dans le d\u00e9sert<\/strong> pendant la partie d\u00e9sertique. Nos h\u00e9bergements sont adapt\u00e9s aux familles et disposent de lits appropri\u00e9s,\r\n                                        des repas marocains traditionnels et des facilit\u00e9s tout en conservant des exp\u00e9riences authentiques. Tous les h\u00e9bergements sont soigneusement s\u00e9lectionn\u00e9s pour leur confort et\r\n                                        l'authenticit\u00e9 du caract\u00e8re marocain, parfaits pour <strong>voyages en famille<\/strong>.\r\n                                    <\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"faq-item\">\r\n                                <div class=\"faq-question\">\r\n                                    <span>Comment notre famille doit-elle se pr\u00e9parer \u00e0 cette <span style=\"font-weight: 600;\">Atlas et Sahara<\/span> l'aventure ?<\/span>\r\n                                    <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n                                <\/div>\r\n                                <div class=\"faq-answer\">\r\n                                    <p>\r\n                                        Il est recommand\u00e9 \u00e0 tous les membres de la famille de marcher l\u00e9g\u00e8rement avant le d\u00e9part. Apportez des chaussures confortables,\r\n                                        des v\u00eatements de couleur claire pour se prot\u00e9ger du soleil, des chapeaux, des lunettes de soleil et de la cr\u00e8me solaire pour tout le monde.\r\n                                        Les soir\u00e9es peuvent \u00eatre fra\u00eeches, il faut donc pr\u00e9voir plusieurs couches de v\u00eatements. Une liste d\u00e9taill\u00e9e de l'\u00e9quipement familial sera fournie\r\n                                        lors de la r\u00e9servation de votre <strong>Maroc voyage en famille<\/strong> l'aventure. Nous vous recommandons\r\n                                        d'apporter des bouteilles d'eau r\u00e9utilisables pour vous hydrater tout au long de votre voyage.\r\n                                    <\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"faq-item\">\r\n                                <div class=\"faq-question\">\r\n                                    <span>Qu'est-ce qui fait la sp\u00e9cificit\u00e9 des dunes de Chegaga ? <span style=\"font-weight: 600;\">exploration de la famille<\/span>?<\/span>\r\n                                    <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n                                <\/div>\r\n                                <div class=\"faq-answer\">\r\n                                    <p>\r\n                                        Les dunes de Chegaga sont parmi les plus hautes et les plus spectaculaires du Maroc,\r\n                                        atteignant jusqu'\u00e0 300 m\u00e8tres de hauteur. Contrairement \u00e0 l'Erg Chebbi, plus touristique, Chegaga offre une exp\u00e9rience plus isol\u00e9e et authentique du d\u00e9sert,\r\n                                        Chegaga offre une exp\u00e9rience plus \u00e9loign\u00e9e et authentique du d\u00e9sert, parfaite pour les familles en qu\u00eate d'aventure.\r\n                                        L'immensit\u00e9 des dunes et le sentiment d'isolement cr\u00e9ent une atmosph\u00e8re vraiment magique,\r\n                                        surtout au lever et au coucher du soleil, lorsque la lumi\u00e8re transforme le paysage\r\n                                        d'or et d'orange que les enfants adoreront.\r\n                                    <\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"faq-item\">\r\n                                <div class=\"faq-question\">\r\n                                    <span>Y a-t-il des consid\u00e9rations culturelles \u00e0 prendre en compte pour les familles qui voyagent au Maroc ?<\/span>\r\n                                    <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n                                <\/div>\r\n                                <div class=\"faq-answer\">\r\n                                    <p>\r\n                                        Le Maroc est un pays musulman aux traditions conservatrices, en particulier dans les zones rurales.\r\n                                        Il est recommand\u00e9 de s'habiller modestement, en particulier lors de la visite de villages et de sites religieux.\r\n                                        Les femmes et les jeunes filles devraient envisager de se couvrir les \u00e9paules et les genoux. Il est \u00e9galement respectueux de demander la permission\r\n                                        avant de photographier la population locale. Votre guide vous fournira des conseils culturels suppl\u00e9mentaires\r\n                                        tout au long du voyage afin de garantir des interactions respectueuses avec les communaut\u00e9s locales au cours de votre voyage. <strong>voyages en famille<\/strong> l'exp\u00e9rience.\r\n                                    <\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/section>\r\n\r\n                    <!-- Mobile Form Section (NEW) - Shows only on mobile after FAQ -->\r\n                    <section class=\"mobile-form-section content-section\" id=\"mobile-booking-form-section\">\r\n                        <div class=\"section-header\">\r\n                            <i class=\"fa-solid fa-calendar-plus\"><\/i>\r\n                            <div>\r\n                                <h2>R\u00e9servez cette visite familiale<\/h2>\r\n                                <small>Faites-nous part des pr\u00e9f\u00e9rences de votre famille<\/small>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <form id=\"mobile-booking-form\" novalidate action=\"\">\r\n                            <div class=\"form-row\">\r\n                                <div class=\"form-group\">\r\n                                    <label for=\"m-start\">Date de d\u00e9but<\/label>\r\n                                    <input type=\"date\" id=\"m-start\" class=\"form-input\" \/>\r\n                                    <div class=\"error-message\" id=\"m-start-error\">Veuillez choisir une date.<\/div>\r\n                                <\/div>\r\n                                <div class=\"form-group\">\r\n                                    <label for=\"m-end\">Date de fin<\/label>\r\n                                    <input type=\"date\" id=\"m-end\" class=\"form-input\" \/>\r\n                                    <div class=\"error-message\" id=\"m-end-error\">Veuillez choisir une date.<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"form-group\">\r\n                                <label for=\"m-people\">Nombre de participants (adultes et enfants)<\/label>\r\n                                <input type=\"number\" id=\"m-people\" class=\"form-input\" min=\"1\" max=\"16\" value=\"2\" \/>\r\n                                <div class=\"error-message\" id=\"m-people-error\">Veuillez saisir un nombre compris entre 1 et 16.<\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"form-row\">\r\n                                <div class=\"form-group\">\r\n                                    <label for=\"m-first\">Pr\u00e9nom<\/label>\r\n                                    <input type=\"text\" id=\"m-first\" class=\"form-input\" placeholder=\"ex. Jean\" \/>\r\n                                    <div class=\"error-message\" id=\"m-first-error\">Veuillez saisir votre pr\u00e9nom.<\/div>\r\n                                <\/div>\r\n                                <div class=\"form-group\">\r\n                                    <label for=\"m-last\">Nom de famille<\/label>\r\n                                    <input type=\"text\" id=\"m-last\" class=\"form-input\" placeholder=\"ex. Smith\" \/>\r\n                                    <div class=\"error-message\" id=\"m-last-error\">Veuillez saisir votre nom de famille.<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"form-row\">\r\n                                <div class=\"form-group\">\r\n                                    <label for=\"m-email\">Courriel<\/label>\r\n                                    <input type=\"email\" id=\"m-email\" class=\"form-input\" placeholder=\"ex. john@example.com\" \/>\r\n                                    <div class=\"error-message\" id=\"m-email-error\">Veuillez saisir un courriel valide.<\/div>\r\n                                <\/div>\r\n                                <div class=\"form-group\">\r\n                                    <label for=\"m-phone\">T\u00e9l\u00e9phone<\/label>\r\n                                    <input type=\"tel\" id=\"m-phone\" class=\"form-input\" placeholder=\"ex. +212612345678\" \/>\r\n                                    <div class=\"error-message\" id=\"m-phone-error\">Num\u00e9ro non valide (min. 10 chiffres).<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"form-group\">\r\n                                <label for=\"m-notes\">Demandes sp\u00e9ciales des familles<\/label>\r\n                                <textarea id=\"m-notes\" rows=\"3\" class=\"form-input\" placeholder=\"\u00c2ge des enfants, r\u00e9gime alimentaire, \u00e9quipement, etc.\"><\/textarea>\r\n                            <\/div>\r\n\r\n                            <button type=\"submit\" class=\"btn-primary\" id=\"mobile-submit\">\r\n                                <i class=\"fa-solid fa-paper-plane\"><\/i>\r\n                                R\u00e9servez cette visite familiale\r\n                            <\/button>\r\n                            <div class=\"form-note\">\r\n                                R\u00e9ponse personnalis\u00e9e dans les 24-48h (jours ouvrables).\r\n                            <\/div>\r\n                        <input type=\"hidden\" name=\"trp-form-language\" value=\"fr\"\/><\/form>\r\n                    <\/section>\r\n\r\n                    <!-- Photo Gallery -->\r\n                    <section class=\"content-section\" id=\"galerie\">\r\n                        <div class=\"section-header\">\r\n                            <i class=\"fa-solid fa-images\"><\/i>\r\n                            <div>\r\n                                <h2>Galerie de photos - <span style=\"font-weight: 600;\">Aventure familiale dans l'Atlas et le Sahara<\/span><\/h2>\r\n                                <small>Quelques images de ce projet <span style=\"font-weight: 600;\">Maroc - Voyage en famille<\/span> exp\u00e9rience<\/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-013354.png\">\r\n                                <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-03-25-013354.png\" alt=\"Atlas Mountains Family Tour\" \/>\r\n                                <div class=\"photo-view-icon\">\r\n                                    <span><i class=\"fa-solid fa-eye\"><\/i> Voir<\/span>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_8109-scaled-1000x750-1.jpeg\">\r\n                                <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_8109-scaled-1000x750-1.jpeg\" alt=\"Sahara Desert Family Adventure\" \/>\r\n                                <div class=\"photo-view-icon\">\r\n                                    <span><i class=\"fa-solid fa-eye\"><\/i> Voir<\/span>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_8129-scaled-1.jpeg\">\r\n                                <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_8129-scaled-1.jpeg\" alt=\"Morocco Family Travel Experience\" \/>\r\n                                <div class=\"photo-view-icon\">\r\n                                    <span><i class=\"fa-solid fa-eye\"><\/i> Voir<\/span>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_8055-scaled-1000x750-1.jpeg\">\r\n                                <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_8055-scaled-1000x750-1.jpeg\" alt=\"Explore Morocco with Family\" \/>\r\n                                <div class=\"photo-view-icon\">\r\n                                    <span><i class=\"fa-solid fa-eye\"><\/i> Voir<\/span>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-03-25-013408.png\">\r\n                                <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-03-25-013408.png\" alt=\"Visit Morocco Family Tour\" \/>\r\n                                <div class=\"photo-view-icon\">\r\n                                    <span><i class=\"fa-solid fa-eye\"><\/i> Voir<\/span>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_7955-scaled-1-1.jpeg\">\r\n                                <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_7955-scaled-1-1.jpeg\" alt=\"Atlas and Sahara Family Travel\" \/>\r\n                                <div class=\"photo-view-icon\">\r\n                                    <span><i class=\"fa-solid fa-eye\"><\/i> Voir<\/span>\r\n                                <\/div>\r\n                            <\/button>\r\n                            <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-03-25-013421.png\">\r\n                                <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-03-25-013421.png\" alt=\"Family Adventure Morocco\" \/>\r\n                                <div class=\"photo-view-icon\">\r\n                                    <span><i class=\"fa-solid fa-eye\"><\/i> Voir<\/span>\r\n                                <\/div>\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/section>\r\n                <\/article>\r\n\r\n                <!-- Right Column \u2013 Sidebar -->\r\n                <aside class=\"sidebar\">\r\n                    <section class=\"price-card\">\r\n                        <h2>Prix de la visite en famille<\/h2>\r\n                        <div class=\"price-main\">\r\n                            <div class=\"price-amount\">Sur demande<\/div>\r\n                            <span class=\"price-tag\"><i class=\"fa-solid fa-circle-info\"><\/i> Citation de la famille<\/span>\r\n                        <\/div>\r\n                        <p class=\"price-note\">\r\n                            Le prix d\u00e9pend de la taille de la famille, de l'\u00e2ge des enfants, de la saison et des pr\u00e9f\u00e9rences en mati\u00e8re d'h\u00e9bergement.\r\n                        <\/p>\r\n                        <div class=\"price-details\">\r\n                            <p><i class=\"fa-solid fa-calendar-alt\"><\/i> 8 jours d'exploration en famille<\/p>\r\n                            <p><i class=\"fa-solid fa-location-dot\"><\/i> <span style=\"font-weight: 600;\">Montagnes de l'Atlas et d\u00e9sert du Sahara<\/span>, Maroc<\/p>\r\n                            <p><i class=\"fa-solid fa-users\"><\/i> Parfait pour les familles<\/p>\r\n                        <\/div>\r\n                    <\/section>\r\n\r\n                    <section class=\"booking-form\">\r\n                        <h3>R\u00e9servez cette visite familiale<\/h3>\r\n                        <p>Faites-nous part des pr\u00e9f\u00e9rences de votre famille, nous adapterons le programme et les tarifs.<\/p>\r\n\r\n                        <form id=\"desktop-form\" novalidate action=\"\">\r\n                            <div class=\"form-row\">\r\n                                <div class=\"form-group\">\r\n                                    <label for=\"d-start\">Date de d\u00e9but souhait\u00e9e<\/label>\r\n                                    <input type=\"date\" id=\"d-start\" class=\"form-input\" \/>\r\n                                    <div class=\"error-message\" id=\"d-start-error\">Veuillez choisir une date de d\u00e9but.<\/div>\r\n                                <\/div>\r\n                                <div class=\"form-group\">\r\n                                    <label for=\"d-end\">Date de fin<\/label>\r\n                                    <input type=\"date\" id=\"d-end\" class=\"form-input\" \/>\r\n                                    <div class=\"error-message\" id=\"d-end-error\">Veuillez choisir une date de fin.<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"form-group\">\r\n                                <label for=\"d-people\">Nombre de participants (adultes et enfants)<\/label>\r\n                                <input type=\"number\" id=\"d-people\" class=\"form-input\" min=\"1\" max=\"16\" value=\"2\" \/>\r\n                                <div class=\"error-message\" id=\"d-people-error\">Veuillez saisir un nombre compris entre 1 et 16.<\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"form-row\">\r\n                                <div class=\"form-group\">\r\n                                    <label for=\"d-first\">Pr\u00e9nom<\/label>\r\n                                    <input type=\"text\" id=\"d-first\" class=\"form-input\" placeholder=\"ex. Jean\" \/>\r\n                                    <div class=\"error-message\" id=\"d-first-error\">Veuillez saisir votre pr\u00e9nom.<\/div>\r\n                                <\/div>\r\n                                <div class=\"form-group\">\r\n                                    <label for=\"d-last\">Nom de famille<\/label>\r\n                                    <input type=\"text\" id=\"d-last\" class=\"form-input\" placeholder=\"ex. Smith\" \/>\r\n                                    <div class=\"error-message\" id=\"d-last-error\">Veuillez saisir votre nom de famille.<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"form-row\">\r\n                                <div class=\"form-group\">\r\n                                    <label for=\"d-email\">Courriel<\/label>\r\n                                    <input type=\"email\" id=\"d-email\" class=\"form-input\" placeholder=\"ex. john@example.com\" \/>\r\n                                    <div class=\"error-message\" id=\"d-email-error\">Veuillez saisir un courriel valide.<\/div>\r\n                                <\/div>\r\n                                <div class=\"form-group\">\r\n                                    <label for=\"d-phone\">T\u00e9l\u00e9phone<\/label>\r\n                                    <input type=\"tel\" id=\"d-phone\" class=\"form-input\" placeholder=\"ex. +212612345678\" \/>\r\n                                    <div class=\"error-message\" id=\"d-phone-error\">Num\u00e9ro non valide (min. 10 chiffres).<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"form-group\">\r\n                                <label for=\"d-notes\">Demandes sp\u00e9ciales des familles<\/label>\r\n                                <textarea id=\"d-notes\" rows=\"3\" class=\"form-input\" placeholder=\"\u00c2ge des enfants, r\u00e9gime alimentaire, \u00e9quipement, etc.\"><\/textarea>\r\n                            <\/div>\r\n\r\n                            <button type=\"submit\" class=\"btn-primary\" id=\"d-submit\">\r\n                                <i class=\"fa-solid fa-paper-plane\"><\/i>\r\n                                R\u00e9servez cette visite familiale\r\n                            <\/button>\r\n                            <div class=\"form-note\">\r\n                                R\u00e9ponse personnalis\u00e9e dans les 24-48h (jours ouvrables).\r\n                            <\/div>\r\n                        <input type=\"hidden\" name=\"trp-form-language\" value=\"fr\"\/><\/form>\r\n                    <\/section>\r\n                <\/aside>\r\n            <\/main>\r\n        <\/div>\r\n\r\n        <!-- Mobile Booking Bar -->\r\n        <div class=\"mobile-booking\">\r\n            <div class=\"mobile-booking-inner\">\r\n                <div class=\"mobile-booking-info\">\r\n                    <span><span style=\"font-weight: 600;\">Circuit familial dans l'Atlas et le Sahara<\/span> - 8 jours<\/span>\r\n                    <strong>Prix familial sur demande<\/strong>\r\n                <\/div>\r\n                <button class=\"mobile-booking-btn\" id=\"scroll-to-form-btn\">\r\n                    <i class=\"fa-solid fa-calendar-plus\"><\/i>\r\n                    R\u00e9server une visite familiale\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- NEW Thank You Overlay (with same message style as 4-day code) -->\r\n        <div class=\"thankyou-overlay\" id=\"thankyou\">\r\n            <div class=\"thankyou-card\">\r\n                <div class=\"icon\"><i class=\"fa-solid fa-check\"><\/i><\/div>\r\n                <h3>Merci pour votre demande de r\u00e9servation de visite familiale !<\/h3>\r\n                <p>\r\n                    Nous avons bien re\u00e7u votre message pour le circuit familial de 8 jours dans l'Atlas et le Sahara.\r\n                    Un conseiller en voyages familiaux vous contactera sous peu avec un devis d\u00e9taill\u00e9.\r\n                <\/p>\r\n                <div class=\"btn-row\">\r\n                    <button id=\"ty-close\">\r\n                        <i class=\"fa-solid fa-xmark\"><\/i>\r\n                        Fermer\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- IMAGE LIGHTBOX FOR ZOOM -->\r\n        <div class=\"image-lightbox\" id=\"image-lightbox\">\r\n            <div class=\"image-lightbox-inner\">\r\n                <button class=\"image-lightbox-close\" id=\"image-lightbox-close\" aria-label=\"Fermer l&#039;image\">\r\n                    <i class=\"fa-solid fa-xmark\"><\/i>\r\n                <\/button>\r\n                <img decoding=\"async\" src=\"\" alt=\"Enlarged image\" id=\"image-lightbox-img\">\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Toast -->\r\n        <div class=\"toast\" id=\"toast\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- EmailJS SDK v4 -->\r\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@emailjs\/browser@4\/dist\/email.min.js\"><\/script>\r\n    <script>\r\n        \/\/ === EMAILJS CONFIG ===\r\n        const EMAILJS_PUBLIC_KEY   = '2VKm08QxMx86NZIq-';   \/\/ with the dash at the end\r\n        const EMAILJS_SERVICE_ID   = 'service_x45ovee';\r\n        const EMAILJS_TEMPLATE_ID  = 'template_3bggdfm';\r\n\r\n        \/\/ Initialize EmailJS (v4 syntax)\r\n        (function () {\r\n            emailjs.init({\r\n                publicKey: EMAILJS_PUBLIC_KEY,\r\n            });\r\n        })();\r\n\r\n        \/\/ Gallery functionality\r\n        const mainGalleryImg = document.getElementById('main-gallery-img');\r\n        const thumbnails = document.querySelectorAll('.thumbnail');\r\n        \r\n        thumbnails.forEach(thumb => {\r\n            thumb.addEventListener('click', () => {\r\n                const src = thumb.getAttribute('data-src');\r\n                if (src) mainGalleryImg.src = src;\r\n                thumbnails.forEach(t => t.classList.remove('active'));\r\n                thumb.classList.add('active');\r\n            });\r\n        });\r\n\r\n        \/\/ FAQ accordion\r\n        document.querySelectorAll('.faq-item').forEach(item => {\r\n            const question = item.querySelector('.faq-question');\r\n            question.addEventListener('click', () => {\r\n                const isOpen = item.classList.contains('open');\r\n                document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('open'));\r\n                if (!isOpen) item.classList.add('open');\r\n            });\r\n        });\r\n\r\n        \/\/ Toast functionality\r\n        function showToast(message, type = 'success') {\r\n            const toast = document.getElementById('toast');\r\n            toast.textContent = message;\r\n            toast.className = 'toast show ' + type;\r\n            setTimeout(() => {\r\n                toast.classList.remove('show');\r\n            }, 4000);\r\n        }\r\n\r\n        \/\/ Lightbox elements\r\n        const photoItems = document.querySelectorAll('.photo-item');\r\n        const imageLightbox = document.getElementById('image-lightbox');\r\n        const imageLightboxImg = document.getElementById('image-lightbox-img');\r\n        const imageLightboxClose = document.getElementById('image-lightbox-close');\r\n\r\n        \/\/ Photo gallery zoom (open lightbox AND update big header image)\r\n        photoItems.forEach(item => {\r\n            item.addEventListener('click', () => {\r\n                const full = item.getAttribute('data-full');\r\n                if (!full) return;\r\n                \/\/ Update main hero image\r\n                mainGalleryImg.src = full;\r\n                \/\/ Open lightbox\r\n                imageLightboxImg.src = full;\r\n                imageLightbox.style.display = 'flex';\r\n            });\r\n        });\r\n\r\n        \/\/ Close lightbox on button click\r\n        imageLightboxClose.addEventListener('click', () => {\r\n            imageLightbox.style.display = 'none';\r\n        });\r\n\r\n        \/\/ Close lightbox on backdrop click\r\n        imageLightbox.addEventListener('click', (e) => {\r\n            if (e.target === imageLightbox) {\r\n                imageLightbox.style.display = 'none';\r\n            }\r\n        });\r\n\r\n        \/\/ Close lightbox on ESC\r\n        document.addEventListener('keydown', (e) => {\r\n            if (e.key === 'Escape' && imageLightbox.style.display === 'flex') {\r\n                imageLightbox.style.display = 'none';\r\n            }\r\n        });\r\n\r\n        \/* Validation Functions *\/\r\n        function validateEmail(email) {\r\n            const emailRegex = \/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$\/;\r\n            return emailRegex.test(email);\r\n        }\r\n\r\n        function validatePhone(phone) {\r\n            const cleanPhone = phone.replace(\/\\D\/g, '');\r\n            return cleanPhone.length >= 10;\r\n        }\r\n\r\n        function showError(inputId, errorId, message) {\r\n            document.getElementById(inputId).classList.add('error');\r\n            document.getElementById(errorId).textContent = message;\r\n            document.getElementById(errorId).style.display = 'block';\r\n        }\r\n\r\n        function hideError(inputId, errorId) {\r\n            document.getElementById(inputId).classList.remove('error');\r\n            document.getElementById(errorId).style.display = 'none';\r\n        }\r\n\r\n        function validateForm(formType = 'desktop') {\r\n            let isValid = true;\r\n            const prefix = formType === 'mobile' ? 'm-' : 'd-';\r\n\r\n            const email = document.getElementById(`${prefix}email`).value.trim();\r\n            if (!validateEmail(email)) {\r\n                showError(`${prefix}email`, `${prefix}email-error`, 'Please enter a valid email address');\r\n                isValid = false;\r\n            } else {\r\n                hideError(`${prefix}email`, `${prefix}email-error`);\r\n            }\r\n\r\n            const phone = document.getElementById(`${prefix}phone`).value.trim();\r\n            if (!validatePhone(phone)) {\r\n                showError(`${prefix}phone`, `${prefix}phone-error`, 'Please enter a valid phone number (min. 10 digits)');\r\n                isValid = false;\r\n            } else {\r\n                hideError(`${prefix}phone`, `${prefix}phone-error`);\r\n            }\r\n\r\n            const requiredFields = [\r\n                { id: `${prefix}start`, errorId: `${prefix}start-error`, message: 'Please choose a start date' },\r\n                { id: `${prefix}end`, errorId: `${prefix}end-error`, message: 'Please choose an end date' },\r\n                { id: `${prefix}people`, errorId: `${prefix}people-error`, message: 'Please enter number of participants' },\r\n                { id: `${prefix}first`, errorId: `${prefix}first-error`, message: 'Please enter your first name' },\r\n                { id: `${prefix}last`, errorId: `${prefix}last-error`, message: 'Please enter your last name' }\r\n            ];\r\n\r\n            requiredFields.forEach(field => {\r\n                const value = document.getElementById(field.id).value.trim();\r\n                if (!value) {\r\n                    showError(field.id, field.errorId, field.message);\r\n                    isValid = false;\r\n                } else {\r\n                    hideError(field.id, field.errorId);\r\n                }\r\n            });\r\n\r\n            return isValid;\r\n        }\r\n\r\n        \/\/ Scroll to form functionality\r\n        const scrollToFormBtn = document.getElementById('scroll-to-form-btn');\r\n        const mobileFormSection = document.getElementById('mobile-booking-form-section');\r\n        \r\n        if (scrollToFormBtn && mobileFormSection) {\r\n            scrollToFormBtn.addEventListener('click', () => {\r\n                mobileFormSection.scrollIntoView({ \r\n                    behavior: 'smooth',\r\n                    block: 'start'\r\n                });\r\n            });\r\n        }\r\n\r\n        \/\/ === EMAILJS SEND HELPERS ===\r\n        async function sendEmailJS(formType = 'desktop') {\r\n            const prefix = formType === 'mobile' ? 'm-' : 'd-';\r\n\r\n            const pax = parseInt(document.getElementById(`${prefix}people`).value || '2', 10);\r\n\r\n            const formData = {\r\n                tour_date:        document.getElementById(`${prefix}start`).value,\r\n                tour_end_date:    document.getElementById(`${prefix}end`).value,\r\n                participants:     pax,\r\n                first_name:       document.getElementById(`${prefix}first`).value,\r\n                last_name:        document.getElementById(`${prefix}last`).value,\r\n                email:            document.getElementById(`${prefix}email`).value,\r\n                phone:            document.getElementById(`${prefix}phone`).value,\r\n                special_requests: document.getElementById(`${prefix}notes`).value,\r\n                tour_name:        '8-Day Atlas and Sahara Family Adventure Tour',\r\n                total_price:      'On Request'\r\n            };\r\n\r\n            console.log('Sending to EmailJS:', formData);\r\n\r\n            \/\/ EmailJS v4 send (uses global init)\r\n            return emailjs.send(\r\n                EMAILJS_SERVICE_ID,\r\n                EMAILJS_TEMPLATE_ID,\r\n                formData\r\n            );\r\n        }\r\n\r\n        \/\/ NEW: Thank You overlay logic\r\n        const TY = document.getElementById('thankyou');\r\n        const TY_CLOSE = document.getElementById('ty-close');\r\n\r\n        function showThankYou() {\r\n            if (TY) {\r\n                TY.style.display = 'block';\r\n                document.body.style.overflow = 'hidden';\r\n            }\r\n        }\r\n\r\n        function hideThankYou() {\r\n            if (TY) {\r\n                TY.style.display = 'none';\r\n                document.body.style.overflow = '';\r\n            }\r\n        }\r\n\r\n        if (TY_CLOSE) {\r\n            TY_CLOSE.addEventListener('click', hideThankYou);\r\n        }\r\n\r\n        if (TY) {\r\n            TY.addEventListener('click', (e) => {\r\n                if (e.target === TY) {\r\n                    hideThankYou();\r\n                }\r\n            });\r\n        }\r\n\r\n        document.addEventListener('keydown', (e) => {\r\n            if (e.key === 'Escape' && TY && TY.style.display === 'block') {\r\n                hideThankYou();\r\n            }\r\n        });\r\n\r\n        \/\/ Mobile form submission\r\n        const mobileForm = document.getElementById('mobile-booking-form');\r\n        const mobileSubmitBtn = document.getElementById('mobile-submit');\r\n        \r\n        if (mobileForm) {\r\n            mobileForm.addEventListener('submit', async (e) => {\r\n                e.preventDefault();\r\n                \r\n                if (!validateForm('mobile')) {\r\n                    showToast('Please correct the errors in the form', 'error');\r\n                    return;\r\n                }\r\n                \r\n                mobileSubmitBtn.disabled = true;\r\n                mobileSubmitBtn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Sending...';\r\n                \r\n                try {\r\n                    const result = await sendEmailJS('mobile');\r\n                    console.log('EmailJS SUCCESS (mobile):', result);\r\n                    showThankYou();\r\n                    mobileForm.reset();\r\n                    showToast('Your family tour 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 This Family Tour';\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 family tour 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 This Family Tour';\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ Set minimum date to tomorrow\r\n        (function() {\r\n            const d = new Date();\r\n            d.setDate(d.getDate() + 1);\r\n            const min = `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;\r\n            \r\n            ['d-start', 'm-start', 'd-end', 'm-end'].forEach(id => {\r\n                const el = document.getElementById(id);\r\n                if (el) el.min = min;\r\n            });\r\n        })();\r\n\r\n        \/\/ Real-time validation\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const emailInput = document.getElementById('d-email');\r\n            const phoneInput = document.getElementById('d-phone');\r\n            if (emailInput) {\r\n                emailInput.addEventListener('blur', function() {\r\n                    if (this.value.trim() && !validateEmail(this.value.trim())) {\r\n                        showError('d-email', 'd-email-error', 'Please enter a valid email address');\r\n                    } else {\r\n                        hideError('d-email', 'd-email-error');\r\n                    }\r\n                });\r\n            }\r\n            if (phoneInput) {\r\n                phoneInput.addEventListener('blur', function() {\r\n                    if (this.value.trim() && !validatePhone(this.value.trim())) {\r\n                        showError('d-phone', 'd-phone-error', 'Please enter a valid phone number (min. 10 digits)');\r\n                    } else {\r\n                        hideError('d-phone', 'd-phone-error');\r\n                    }\r\n                });\r\n            }\r\n\r\n            const mEmailInput = document.getElementById('m-email');\r\n            const mPhoneInput = document.getElementById('m-phone');\r\n            if (mEmailInput) {\r\n                mEmailInput.addEventListener('blur', function() {\r\n                    if (this.value.trim() && !validateEmail(this.value.trim())) {\r\n                        showError('m-email', 'm-email-error', 'Please enter a valid email address');\r\n                    } else {\r\n                        hideError('m-email', 'm-email-error');\r\n                    }\r\n                });\r\n            }\r\n            if (mPhoneInput) {\r\n                mPhoneInput.addEventListener('blur', function() {\r\n                    if (this.value.trim() && !validatePhone(this.value.trim())) {\r\n                        showError('m-phone', 'm-phone-error', 'Please enter a valid phone number (min. 10 digits)');\r\n                    } else {\r\n                        hideError('m-phone', 'm-phone-error');\r\n                    }\r\n                });\r\n            }\r\n        });\r\n    <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Atlas and Sahara Family Adventure Tour | 8-Day Morocco Family Travel &#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-113","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\/113","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=113"}],"version-history":[{"count":8,"href":"https:\/\/marrakechtrekking.com\/fr\/wp-json\/wp\/v2\/pages\/113\/revisions"}],"predecessor-version":[{"id":1068,"href":"https:\/\/marrakechtrekking.com\/fr\/wp-json\/wp\/v2\/pages\/113\/revisions\/1068"}],"wp:attachment":[{"href":"https:\/\/marrakechtrekking.com\/fr\/wp-json\/wp\/v2\/media?parent=113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}