7-Day Atlas, Rose Valley & Saghro Tour | Morocco Nature Odyssey<\/title>\r\n <meta name=\"description\" content=\"Experience our 7-day Atlas, Rose Valley & Saghro tour. Discover Berber villages, hiking adventures, and authentic culture in Morocco's diverse landscapes.\">\r\n \r\n \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) - Shows only on mobile after FAQ *\/\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 \r\n <div id=\"sahara-trekking-wrapper\">\r\n <div class=\"container\">\r\n \r\n <header class=\"hero-section\">\r\n \r\n <div class=\"gallery-section\">\r\n \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\/WhatsApp-Image-2025-11-19-at-13.36.15_a14a9ac0.jpg\"\r\n alt=\"Atlas, Rose Valley & Saghro Tour - Moroccan Nature Odyssey\"\r\n \/>\r\n <div class=\"gallery-overlay\"><\/div>\r\n <div class=\"gallery-caption\">\r\n <i class=\"fa-solid fa-image\"><\/i> Atlas, Vall\u00e9e des Roses et Saghro\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\/WhatsApp-Image-2025-11-19-at-13.36.15_a14a9ac0.jpg\"\r\n >\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-19-at-13.36.15_a14a9ac0.jpg\" alt=\"Atlas Mountains\" \/>\r\n <\/button>\r\n\r\n <button\r\n class=\"thumbnail\"\r\n data-src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-19-at-13.36.15_cda65c08.jpg\"\r\n >\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-19-at-13.36.15_cda65c08.jpg\" alt=\"Rose Valley\" \/>\r\n <\/button>\r\n\r\n <button\r\n class=\"thumbnail\"\r\n data-src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-19-at-13.36.48_4027608b.jpg\"\r\n >\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-19-at-13.36.48_4027608b.jpg\" alt=\"Saghro Mountains\" \/>\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>Toute l'ann\u00e9e<\/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>Randonn\u00e9e et culture<\/strong>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \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;\">Vall\u00e9e des roses<\/span> \u00b7 <span style=\"font-weight: 600;\">Saghro<\/span>\r\n <\/div>\r\n <h1>Circuit de 7 jours : <span style=\"color: #f97316;\">Atlas, Vall\u00e9e des Roses et Saghro<\/span> Odyss\u00e9e de la nature<\/h1>\r\n <p class=\"hero-description\">\r\n Faites l'exp\u00e9rience de notre <strong>Circuit de 7 jours dans l'Atlas, la vall\u00e9e des roses et le Saghro<\/strong> combinant randonn\u00e9e, immersion culturelle et rencontres authentiques avec les Berb\u00e8res.\r\n D\u00e9couvrez les majestueux <strong>Montagnes de l'Atlas<\/strong>, explorer l'odorant <strong>Vall\u00e9e des roses<\/strong>, et traversent la dramatique <strong>Monts Saghro<\/strong>. .\r\n Ce voyage immersif vous emm\u00e8ne \u00e0 travers les paysages \u00e9poustouflants des diverses r\u00e9gions du Maroc.\r\n <\/p>\r\n <div class=\"trek-details\">\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-calendar-alt\"><\/i> 7 jours \/ 6 nuits<\/div>\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-person-hiking\"><\/i> Niveau mod\u00e9r\u00e9<\/div>\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-people-group\"><\/i> A partir de 2 personnes<\/div>\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-location-dot\"><\/i> <span style=\"font-weight: 600;\">Atlas<\/span>, <span style=\"font-weight: 600;\">Vall\u00e9e des roses<\/span>, <span style=\"font-weight: 600;\">Saghro<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <main class=\"main-layout\">\r\n \r\n <article>\r\n \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;\">Vall\u00e9e des roses<\/span> \u00b7 <span style=\"font-weight: 600;\">Saghro<\/span> - Randonn\u00e9e et visite culturelle<\/small>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-box\">\r\n <strong>Une aventure inoubliable de 7 jours \u00e0 la d\u00e9couverte des <span style=\"color: #dc2626;\">Montagnes de l'Atlas<\/span>, <span style=\"color: #dc2626;\">Vall\u00e9e des roses<\/span> et <span style=\"color: #dc2626;\">Monts Saghro<\/span><\/strong><br \/>\r\n 7 jours d'exploration \u00e0 travers des paysages \u00e9poustouflants, de randonn\u00e9e, d'immersion culturelle et de rencontres authentiques avec les Berb\u00e8res. Ce circuit soigneusement con\u00e7u offre un \u00e9quilibre parfait entre l'aventure et l'immersion culturelle dans les magnifiques r\u00e9gions du Maroc.\r\n <\/div>\r\n <p>\r\n Notre <strong>Circuit de 7 jours dans l'Atlas, la vall\u00e9e des roses et le Saghro<\/strong> offre une occasion unique d'explorer les magnifiques\r\n paysages des diverses r\u00e9gions du Maroc. D\u00e9couvrez les villages berb\u00e8res traditionnels,\r\n des randonn\u00e9es dans des vall\u00e9es magnifiques et des rencontres culturelles authentiques.\r\n Ce circuit a \u00e9t\u00e9 sp\u00e9cialement con\u00e7u pour mettre en valeur les aspects les plus spectaculaires du Maroc. <strong>Montagnes de l'Atlas<\/strong>, \r\n <strong>Vall\u00e9e des roses<\/strong>, et <strong>Monts Saghro<\/strong> tout en assurant votre confort et votre s\u00e9curit\u00e9 tout au long du voyage.\r\n <\/p>\r\n <p>\r\n Nous vous invitons \u00e0 d\u00e9couvrir le contraste entre la v\u00e9g\u00e9tation luxuriante et le paysage. <strong>Vall\u00e9es de l'Atlas<\/strong>, le parfum <strong>Vall\u00e9e des roses<\/strong>, ,\r\n et la dramatique <strong>Monts Saghro<\/strong>. Cette aventure associe un h\u00e9bergement confortable \u00e0 des exp\u00e9riences culturelles authentiques.\r\n Vous aurez l'occasion d'admirer des paysages de montagne \u00e9poustouflants, de dormir dans des lodges traditionnels et de d\u00e9couvrir la culture berb\u00e8re traditionnelle gr\u00e2ce \u00e0 des guides locaux.\r\n la culture traditionnelle berb\u00e8re avec des guides locaux.\r\n <\/p>\r\n <p>\r\n Le pr\u00e9sent <strong>Circuit de 7 jours<\/strong> a \u00e9t\u00e9 con\u00e7u comme une aventure accessible avec des activit\u00e9s vari\u00e9es,\r\n permettant d'explorer les vall\u00e9es, les gorges et de faire des rencontres authentiques avec les communaut\u00e9s locales. Que vous soyez un\r\n trekkeur exp\u00e9riment\u00e9 ou novice en mati\u00e8re d'aventures en montagne, ce voyage offre quelque chose de vraiment sp\u00e9cial pour tout le monde.\r\n <\/p>\r\n <\/section>\r\n\r\n \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;\">Atlas, Vall\u00e9e des Roses et Saghro<\/span> visite 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> Travers\u00e9e compl\u00e8te du Maroc : du vert Atlas aux vall\u00e9es d\u00e9sertiques du Sud<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Rencontre avec les habitants : immersion dans les villages berb\u00e8res, nuits chez l'habitant ou en g\u00eete.<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Des paysages vari\u00e9s et spectaculaires : montagnes, gorges, oasis, vall\u00e9es fleuries et d\u00e9sert rocailleux.<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Randonn\u00e9e accessible \u00e0 tous : entre 3 et 5 heures de marche par jour, selon le niveau.<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Encadrement local professionnel : guide exp\u00e9riment\u00e9, muletiers et cuisinier berb\u00e8re.<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Exp\u00e9rience authentique : partage, hospitalit\u00e9 et culture marocaine au c\u0153ur de chaque \u00e9tape<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> D\u00e9couverte de la \"Vall\u00e9e heureuse\" (A\u00eft Bougmez) et de ses paysages \u00e0 couper le souffle<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> D\u00e9couvrez le contraste entre les vall\u00e9es luxuriantes et les paysages montagneux spectaculaires.<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> D\u00e9couvrez le mode de vie traditionnel des Berb\u00e8res dans le <strong>Montagnes du Haut Atlas<\/strong><\/li>\r\n <\/ul>\r\n <\/section>\r\n\r\n \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 - 7 jours<\/h2>\r\n <small>Programme type, 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 Marrakech<\/h3>\r\n <p>\r\n Accueil \u00e0 l'a\u00e9roport par notre \u00e9quipe et transfert vers votre h\u00e9bergement.\r\n Installation dans la ville ocre, v\u00e9ritable carrefour entre montagnes et d\u00e9sert.\r\n D\u00eener et nuit \u00e0 Marrakech.\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 - Villages des A\u00eft Bouali - Vall\u00e9e des A\u00eft Bougmez<\/h3>\r\n <p>\r\n D\u00e9part matinal pour le Haut Atlas. Rencontre avec les muletiers et d\u00e9but de la randonn\u00e9e \u00e0 travers les villages rocailleux des A\u00eft Bouali.\r\n D\u00e9couverte des traditions rurales berb\u00e8res et des paysages verdoyants des A\u00eft Bougmez, surnomm\u00e9s \"la vall\u00e9e heureuse\".\r\n Nuit en g\u00eete ou chez l'habitant.\r\n <br><strong>Heures de marche : 4h30<\/strong>\r\n <br><strong>H\u00e9bergement : dans un lodge<\/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>A\u00eft Bougmez - Travers\u00e9e du Haut Atlas - Vall\u00e9e des Roses<\/h3>\r\n <p>\r\n Route panoramique \u00e0 travers les cols du Haut Atlas. Arr\u00eat photo sur les hauteurs et descente vers la vall\u00e9e des roses.\r\n Randonn\u00e9e de 3 heures dans la vall\u00e9e de Houli-Limth, entre kasbahs, roseraies et jardins irrigu\u00e9s.\r\n Nuit dans la vall\u00e9e des roses.\r\n <br><strong>Heures de marche : 4h30<\/strong>\r\n <br><strong>H\u00e9bergement : dans un lodge<\/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 4<\/div>\r\n <div class=\"day-content\">\r\n <h3>Vall\u00e9e des Roses - Gorges du Dad\u00e8s<\/h3>\r\n <p>\r\n Matin\u00e9e de marche dans les villages et vergers de la vall\u00e9e, rencontre avec les habitants, puis d\u00e9couverte des c\u00e9l\u00e8bres gorges du Dad\u00e8s et de leurs falaises sculpt\u00e9es.\r\n Nuit dans la vall\u00e9e du Dad\u00e8s.\r\n <br><strong>Heures de marche : 5h30<\/strong>\r\n <br><strong>H\u00e9bergement : dans un lodge<\/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>Dad\u00e8s - Massif du Saghro - N'Kob<\/h3>\r\n <p>\r\n Travers\u00e9e du massif volcanique du Saghro : paysages d\u00e9sertiques, pics rocheux et silence absolu.\r\n Randonn\u00e9e au c\u0153ur de cet \u00e9crin min\u00e9ral \u00e0 la rencontre des nomades A\u00eft Atta.\r\n Nuit dans le charmant village oasis de N'Kob.\r\n <br><strong>Heures de marche : 4h<\/strong>\r\n <br><strong>H\u00e9bergement : dans un lodge<\/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 6<\/div>\r\n <div class=\"day-content\">\r\n <h3>N'Kob - Vall\u00e9e du Dr\u00e2a - Retour \u00e0 Marrakech<\/h3>\r\n <p>\r\n Route vers la vall\u00e9e du Dr\u00e2a, la plus longue du Maroc, parsem\u00e9e de kasbahs et de palmeraies verdoyantes.\r\n D\u00e9jeuner en cours de route avant le retour \u00e0 Marrakech. Installation \u00e0 l'h\u00f4tel et temps libre dans la m\u00e9dina.\r\n <br><strong>Heures de marche : 2h30<\/strong>\r\n <br><strong>H\u00e9bergement : dans un lodge<\/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 7<\/div>\r\n <div class=\"day-content\">\r\n <h3>Marrakech<\/h3>\r\n <p>\r\n Journ\u00e9e libre pour fl\u00e2ner dans les souks, d\u00e9couvrir les jardins Majorelle, la m\u00e9dina et la place Jemaa El-Fna.\r\n Fin de l'excursion.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"content-section\" id=\"inclus\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-clipboard-list\"><\/i>\r\n <div>\r\n <h2>Ce qui est inclus \/ non inclus<\/h2>\r\n <small>Pour pr\u00e9parer confortablement votre budget<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"two-column\">\r\n <div>\r\n <div class=\"list-title\">\r\n <i class=\"fa-solid fa-circle-check\"><\/i>\r\n Inclus dans le prix\r\n <\/div>\r\n <ul class=\"bullet-list included\">\r\n <li><i class=\"fa-solid fa-check\"><\/i> Pension compl\u00e8te de Marrakech \u00e0 Marrakech<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Nuits \u00e0 l'h\u00f4tel, au Riad et au g\u00eete<\/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> Encadrement par un guide marocain francophone, une \u00e9quipe de muletiers et un cuisinier.<\/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<\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> Repas \u00e0 Marrakech sauf petits d\u00e9jeuners<\/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> 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 \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 7 jours \/ 6 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 Voyage normal\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 Toute l'ann\u00e9e\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-users\"><\/i>\r\n <div>\r\n <strong>Les participants<\/strong>\r\n A partir de 2 personnes\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-location-dot\"><\/i>\r\n <div>\r\n <strong>R\u00e9gion<\/strong>\r\n <span style=\"font-weight: 600;\">Atlas<\/span>, <span style=\"font-weight: 600;\">Vall\u00e9e des roses<\/span> & <span style=\"font-weight: 600;\">Saghro<\/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 \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;\">Atlas, Vall\u00e9e des Roses et Saghro<\/span> itin\u00e9raire de trekking de <span style=\"font-weight: 600;\">Marrakech<\/span><\/small>\r\n <\/div>\r\n <\/div>\r\n <div class=\"map-container\">\r\n <iframe src=\"https:\/\/www.google.com\/maps\/d\/embed?mid=1gAlMhoWREshDdB6yY7yH3_fAMK6IB_8&ehbc=2E312F&noprof=1\" width=\"640\" height=\"480\"><\/iframe>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"content-section\" id=\"faq\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-circle-question\"><\/i>\r\n <div>\r\n <h2>Questions fr\u00e9quemment pos\u00e9es<\/h2>\r\n <small>Quelques r\u00e9ponses avant de partir<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq\">\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>Quel est le niveau de difficult\u00e9 de cette <span style=\"font-weight: 600;\">Atlas, Vall\u00e9e des Roses et Saghro<\/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 Le circuit est class\u00e9 comme <strong>voyage normal<\/strong>, Il s'agit d'un programme qui comprend des transports confortables entre les diff\u00e9rents sites et des activit\u00e9s de marche mod\u00e9r\u00e9es. Il convient \u00e0 toute personne en bonne sant\u00e9 qui aime les activit\u00e9s l\u00e9g\u00e8res \u00e0 mod\u00e9r\u00e9es. Le programme <strong>portions de randonn\u00e9e<\/strong> sont \u00e0 la port\u00e9e de ceux qui ont une condition physique moyenne. Pour plus d'informations sur la pr\u00e9paration d'aventures multi-activit\u00e9s au Maroc, consultez notre rubrique \r\n <a href=\"https:\/\/fr.wikipedia.org\/wiki\/Morocco\" target=\"_blank\" rel=\"dofollow noopener\"> Maroc<\/a>.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>Pourquoi cette visite est-elle recommand\u00e9e tout au long de l'ann\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 Le pr\u00e9sent <strong>Circuit de 7 jours dans l'Atlas, la vall\u00e9e des roses et le Saghro<\/strong> est con\u00e7u pour \u00eatre appr\u00e9ci\u00e9 tout au long de l'ann\u00e9e, car il explore diverses r\u00e9gions du Maroc. Les <strong>Montagnes de l'Atlas<\/strong> offrent des temp\u00e9ratures agr\u00e9ables en \u00e9t\u00e9 et de magnifiques sommets enneig\u00e9s en hiver. Les <strong>Vall\u00e9e des roses<\/strong> est particuli\u00e8rement belle pendant la p\u00e9riode de floraison en mai, tandis que le <strong>Monts Saghro<\/strong> \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 la <span style=\"font-weight: 600;\">Atlas, Vall\u00e9e des Roses et Saghro<\/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 Tout au long de ce voyage, vous ferez l'exp\u00e9rience d'une grande vari\u00e9t\u00e9 d'h\u00e9bergements. Vous s\u00e9journerez dans des h\u00f4tels confortables, des riads et des g\u00eetes dans des villages. Tous les h\u00e9bergements sont soigneusement s\u00e9lectionn\u00e9s pour leur confort, leur authenticit\u00e9 et pour offrir une exp\u00e9rience marocaine authentique dans les diff\u00e9rentes r\u00e9gions.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>Comment dois-je me pr\u00e9parer \u00e0 cela ? <span style=\"font-weight: 600;\">Atlas, Vall\u00e9e des Roses et Saghro<\/span> l'aventure ?<\/span>\r\n <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>\r\n Il est recommand\u00e9 de marcher l\u00e9g\u00e8rement avant le d\u00e9part. Apportez des chaussures de randonn\u00e9e confortables, des v\u00eatements adapt\u00e9s aux conditions de la montagne, un chapeau, des lunettes de soleil et de la cr\u00e8me solaire. Les soir\u00e9es peuvent \u00eatre fra\u00eeches en montagne, pr\u00e9voyez donc plusieurs couches de v\u00eatements. Une liste d\u00e9taill\u00e9e de l'\u00e9quipement vous sera fournie lors de votre r\u00e9servation. <strong>Atlas, Vall\u00e9e des Roses et Saghro<\/strong>. Nous vous recommandons d'apporter une bouteille d'eau r\u00e9utilisable 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 de la vall\u00e9e des roses par rapport aux autres vall\u00e9es marocaines ?<\/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 La vall\u00e9e des roses est c\u00e9l\u00e8bre pour sa production de roses de Damas, utilis\u00e9es pour fabriquer de l'eau de rose, des parfums et des produits cosm\u00e9tiques. Pendant la saison de floraison en mai, la vall\u00e9e est remplie du parfum de millions de roses. La combinaison de paysages \u00e9poustouflants, de la culture traditionnelle des roses et de l'authentique culture berb\u00e8re en fait une destination unique incluse dans notre circuit.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>Y a-t-il des consid\u00e9rations culturelles dont je devrais tenir compte ?<\/span>\r\n <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>\r\n Le Maroc est un pays musulman aux traditions conservatrices, en particulier dans les zones rurales. Il est recommand\u00e9 de s'habiller modestement, en particulier lors de la visite de villages et de sites religieux. Les femmes devraient envisager de se couvrir les \u00e9paules et les genoux. Il est \u00e9galement respectueux de demander la permission avant de photographier la population locale. Votre guide vous fournira des conseils culturels suppl\u00e9mentaires tout au long du voyage afin de garantir des interactions respectueuses avec les communaut\u00e9s locales dans les diff\u00e9rentes r\u00e9gions.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"mobile-form-section content-section\" id=\"mobile-booking-form-section\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-calendar-plus\"><\/i>\r\n <div>\r\n <h2>R\u00e9server cette visite<\/h2>\r\n <small>Faites-nous part de vos pr\u00e9f\u00e9rences<\/small>\r\n <\/div>\r\n <\/div>\r\n \r\n <form id=\"mobile-booking-form\" novalidate action=\"\">\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"m-start\">Date de d\u00e9but<\/label>\r\n <input type=\"date\" id=\"m-start\" class=\"form-input\" \/>\r\n <div class=\"error-message\" id=\"m-start-error\">Veuillez choisir une date.<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"m-end\">Date de fin<\/label>\r\n <input type=\"date\" id=\"m-end\" class=\"form-input\" \/>\r\n <div class=\"error-message\" id=\"m-end-error\">Veuillez choisir une date.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"m-people\">Nombre de participants<\/label>\r\n <input type=\"number\" id=\"m-people\" class=\"form-input\" min=\"1\" max=\"16\" value=\"2\" \/>\r\n <div class=\"error-message\" id=\"m-people-error\">Veuillez saisir un nombre compris entre 1 et 16.<\/div>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"m-first\">Pr\u00e9nom<\/label>\r\n <input type=\"text\" id=\"m-first\" class=\"form-input\" placeholder=\"ex. Jean\" \/>\r\n <div class=\"error-message\" id=\"m-first-error\">Veuillez saisir votre pr\u00e9nom.<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"m-last\">Nom de famille<\/label>\r\n <input type=\"text\" id=\"m-last\" class=\"form-input\" placeholder=\"ex. Smith\" \/>\r\n <div class=\"error-message\" id=\"m-last-error\">Veuillez saisir votre nom de famille.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"m-email\">Courriel<\/label>\r\n <input type=\"email\" id=\"m-email\" class=\"form-input\" placeholder=\"ex. john@example.com\" \/>\r\n <div class=\"error-message\" id=\"m-email-error\">Veuillez saisir un courriel valide.<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"m-phone\">T\u00e9l\u00e9phone<\/label>\r\n <input type=\"tel\" id=\"m-phone\" class=\"form-input\" placeholder=\"ex. +212612345678\" \/>\r\n <div class=\"error-message\" id=\"m-phone-error\">Num\u00e9ro non valide (min. 10 chiffres).<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"m-notes\">Demandes sp\u00e9ciales<\/label>\r\n <textarea id=\"m-notes\" rows=\"3\" class=\"form-input\" placeholder=\"Besoins alimentaires, \u00e9quipement, enfants, etc.\"><\/textarea>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"btn-primary\" id=\"mobile-submit\">\r\n <i class=\"fa-solid fa-paper-plane\"><\/i>\r\n R\u00e9server\r\n <\/button>\r\n <div class=\"form-note\">\r\n R\u00e9ponse personnalis\u00e9e dans les 24-48h (jours ouvrables).\r\n <\/div>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"fr\"\/><\/form>\r\n <\/section>\r\n\r\n \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;\">Atlas, Vall\u00e9e des Roses et Saghro<\/span> Tour<\/h2>\r\n <small>Quelques images de ce projet <span style=\"font-weight: 600;\">Atlas, Vall\u00e9e des Roses et Saghro<\/span> tourn\u00e9e<\/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\/WhatsApp-Image-2025-11-19-at-13.36.15_a14a9ac0.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-19-at-13.36.15_a14a9ac0.jpg\" alt=\"Atlas Mountains Landscape\" \/>\r\n <div class=\"photo-view-icon\">\r\n <span><i class=\"fa-solid fa-eye\"><\/i> Voir<\/span>\r\n <\/div>\r\n <\/button>\r\n <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-19-at-13.36.15_cda65c08.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-19-at-13.36.15_cda65c08.jpg\" alt=\"Rose Valley\" \/>\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\/WhatsApp-Image-2025-11-19-at-13.36.48_4027608b.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-19-at-13.36.48_4027608b.jpg\" alt=\"Saghro Mountains\" \/>\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\/WhatsApp-Image-2025-11-19-at-13.36.48_cb821b5b.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-19-at-13.36.48_cb821b5b.jpg\" alt=\"Berber Village\" \/>\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\/WhatsApp-Image-2025-11-19-at-13.36.17_facf5ab8.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-19-at-13.36.17_facf5ab8.jpg\" alt=\"Dades Gorges\" \/>\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\/WhatsApp-Image-2025-11-19-at-13.36.17_d4fc1b1a.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-19-at-13.36.17_d4fc1b1a.jpg\" alt=\"Traditional Architecture\" \/>\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 \r\n <aside class=\"sidebar\">\r\n <section class=\"price-card\">\r\n <h2>Prix de la visite<\/h2>\r\n <div class=\"price-main\">\r\n <div class=\"price-amount\">Sur demande<\/div>\r\n <span class=\"price-tag\"><i class=\"fa-solid fa-circle-info\"><\/i> Devis personnalis\u00e9<\/span>\r\n <\/div>\r\n <p class=\"price-note\">\r\n Le prix d\u00e9pend de la saison, du nombre de participants et du niveau de confort souhait\u00e9.\r\n <\/p>\r\n <div class=\"price-details\">\r\n <p><i class=\"fa-solid fa-calendar-alt\"><\/i> 7 jours d'exploration<\/p>\r\n <p><i class=\"fa-solid fa-location-dot\"><\/i> <span style=\"font-weight: 600;\">Atlas<\/span>, <span style=\"font-weight: 600;\">Vall\u00e9e des roses<\/span> & <span style=\"font-weight: 600;\">Saghro<\/span>, Maroc<\/p>\r\n <p><i class=\"fa-solid fa-users\"><\/i> A partir de 2 personnes<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"booking-form\">\r\n <h3>R\u00e9server cette visite<\/h3>\r\n <p>Faites-nous part de vos pr\u00e9f\u00e9rences, nous adapterons le programme et les tarifs.<\/p>\r\n\r\n <form id=\"desktop-form\" novalidate action=\"\">\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"d-start\">Date de d\u00e9but souhait\u00e9e<\/label>\r\n <input type=\"date\" id=\"d-start\" class=\"form-input\" \/>\r\n <div class=\"error-message\" id=\"d-start-error\">Veuillez choisir une date de d\u00e9but.<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"d-end\">Date de fin<\/label>\r\n <input type=\"date\" id=\"d-end\" class=\"form-input\" \/>\r\n <div class=\"error-message\" id=\"d-end-error\">Veuillez choisir une date de fin.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"d-people\">Nombre de participants<\/label>\r\n <input type=\"number\" id=\"d-people\" class=\"form-input\" min=\"1\" max=\"16\" value=\"2\" \/>\r\n <div class=\"error-message\" id=\"d-people-error\">Veuillez saisir un nombre compris entre 1 et 16.<\/div>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"d-first\">Pr\u00e9nom<\/label>\r\n <input type=\"text\" id=\"d-first\" class=\"form-input\" placeholder=\"ex. Jean\" \/>\r\n <div class=\"error-message\" id=\"d-first-error\">Veuillez saisir votre pr\u00e9nom.<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"d-last\">Nom de famille<\/label>\r\n <input type=\"text\" id=\"d-last\" class=\"form-input\" placeholder=\"ex. Smith\" \/>\r\n <div class=\"error-message\" id=\"d-last-error\">Veuillez saisir votre nom de famille.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"d-email\">Courriel<\/label>\r\n <input type=\"email\" id=\"d-email\" class=\"form-input\" placeholder=\"ex. john@example.com\" \/>\r\n <div class=\"error-message\" id=\"d-email-error\">Veuillez saisir un courriel valide.<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"d-phone\">T\u00e9l\u00e9phone<\/label>\r\n <input type=\"tel\" id=\"d-phone\" class=\"form-input\" placeholder=\"ex. +212612345678\" \/>\r\n <div class=\"error-message\" id=\"d-phone-error\">Num\u00e9ro non valide (min. 10 chiffres).<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"d-notes\">Demandes sp\u00e9ciales<\/label>\r\n <textarea id=\"d-notes\" rows=\"3\" class=\"form-input\" placeholder=\"Besoins alimentaires, \u00e9quipement, enfants, etc.\"><\/textarea>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"btn-primary\" id=\"d-submit\">\r\n <i class=\"fa-solid fa-paper-plane\"><\/i>\r\n R\u00e9server\r\n <\/button>\r\n <div class=\"form-note\">\r\n R\u00e9ponse personnalis\u00e9e dans les 24-48h (jours ouvrables).\r\n <\/div>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"fr\"\/><\/form>\r\n <\/section>\r\n <\/aside>\r\n <\/main>\r\n <\/div>\r\n\r\n \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;\">Atlas, Vall\u00e9e des Roses et Saghro<\/span> Circuit - 7 jours<\/span>\r\n <strong>Prix sur demande<\/strong>\r\n <\/div>\r\n <button class=\"mobile-booking-btn\" id=\"scroll-to-form-btn\">\r\n <i class=\"fa-solid fa-calendar-plus\"><\/i>\r\n R\u00e9server\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"thankyou-overlay\" id=\"thankyou\">\r\n <div class=\"thankyou-card\">\r\n <div class=\"icon\"><i class=\"fa-solid fa-check\"><\/i><\/div>\r\n <h3>Merci pour votre demande de r\u00e9servation !<\/h3>\r\n <p>\r\n Nous avons bien re\u00e7u votre message concernant l'excursion de 7 jours dans l'Atlas, la Vall\u00e9e des Roses et le Saghro.\r\n Un conseiller vous contactera prochainement 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 \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'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 \r\n <div class=\"toast\" id=\"toast\"><\/div>\r\n <\/div>\r\n\r\n \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: '7-Day Atlas, Rose Valley & Saghro 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 booking request has been submitted successfully!', 'success');\r\n } catch (err) { \r\n console.error('EmailJS Error (mobile):', err);\r\n showToast('Sorry, an error occurred: ' + (err.text || 'Please check your EmailJS keys\/domain.'), 'error'); \r\n } finally {\r\n mobileSubmitBtn.disabled = false;\r\n mobileSubmitBtn.innerHTML = '<i class=\"fa-solid fa-paper-plane\"><\/i> Book Now';\r\n }\r\n });\r\n }\r\n\r\n \/\/ Desktop form submission\r\n const desktopForm = document.getElementById('desktop-form');\r\n const desktopSubmitBtn = document.getElementById('d-submit');\r\n \r\n if (desktopForm) {\r\n desktopForm.addEventListener('submit', async (e) => {\r\n e.preventDefault();\r\n \r\n if (!validateForm('desktop')) {\r\n showToast('Please correct the errors in the form', 'error');\r\n return;\r\n }\r\n \r\n desktopSubmitBtn.disabled = true;\r\n desktopSubmitBtn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Sending...';\r\n \r\n try {\r\n const result = await sendEmailJS('desktop');\r\n console.log('EmailJS SUCCESS (desktop):', result);\r\n showThankYou();\r\n desktopForm.reset();\r\n showToast('Your booking request has been submitted successfully!', 'success');\r\n } catch (err) { \r\n console.error('EmailJS Error (desktop):', err);\r\n showToast('Sorry, an error occurred: ' + (err.text || 'Please check your EmailJS keys\/domain.'), 'error'); \r\n } finally {\r\n desktopSubmitBtn.disabled = false;\r\n desktopSubmitBtn.innerHTML = '<i class=\"fa-solid fa-paper-plane\"><\/i> Book Now';\r\n }\r\n });\r\n }\r\n\r\n \/\/ Set minimum date to tomorrow\r\n (function() {\r\n const d = new Date();\r\n d.setDate(d.getDate() + 1);\r\n const min = `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;\r\n \r\n ['d-start', 'm-start', 'd-end', 'm-end'].forEach(id => {\r\n const el = document.getElementById(id);\r\n if (el) el.min = min;\r\n });\r\n })();\r\n\r\n \/\/ Real-time validation\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const emailInput = document.getElementById('d-email');\r\n const phoneInput = document.getElementById('d-phone');\r\n if (emailInput) {\r\n emailInput.addEventListener('blur', function() {\r\n if (this.value.trim() && !validateEmail(this.value.trim())) {\r\n showError('d-email', 'd-email-error', 'Please enter a valid email address');\r\n } else {\r\n hideError('d-email', 'd-email-error');\r\n }\r\n });\r\n }\r\n if (phoneInput) {\r\n phoneInput.addEventListener('blur', function() {\r\n if (this.value.trim() && !validatePhone(this.value.trim())) {\r\n showError('d-phone', 'd-phone-error', 'Please enter a valid phone number (min. 10 digits)');\r\n } else {\r\n hideError('d-phone', 'd-phone-error');\r\n }\r\n });\r\n }\r\n\r\n const mEmailInput = document.getElementById('m-email');\r\n const mPhoneInput = document.getElementById('m-phone');\r\n if (mEmailInput) {\r\n mEmailInput.addEventListener('blur', function() {\r\n if (this.value.trim() && !validateEmail(this.value.trim())) {\r\n showError('m-email', 'm-email-error', 'Please enter a valid email address');\r\n } else {\r\n hideError('m-email', 'm-email-error');\r\n }\r\n });\r\n }\r\n if (mPhoneInput) {\r\n mPhoneInput.addEventListener('blur', function() {\r\n if (this.value.trim() && !validatePhone(this.value.trim())) {\r\n showError('m-phone', 'm-phone-error', 'Please enter a valid phone number (min. 10 digits)');\r\n } else {\r\n hideError('m-phone', 'm-phone-error');\r\n }\r\n });\r\n }\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>7-Day Atlas, Rose Valley & Saghro Tour | Morocco Nature Odyssey … <\/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-790","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\/790","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=790"}],"version-history":[{"count":10,"href":"https:\/\/marrakechtrekking.com\/fr\/wp-json\/wp\/v2\/pages\/790\/revisions"}],"predecessor-version":[{"id":905,"href":"https:\/\/marrakechtrekking.com\/fr\/wp-json\/wp\/v2\/pages\/790\/revisions\/905"}],"wp:attachment":[{"href":"https:\/\/marrakechtrekking.com\/fr\/wp-json\/wp\/v2\/media?parent=790"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n 7-Day Atlas, Rose Valley & Saghro Tour | Morocco Nature Odyssey<\/title>\r\n <meta name=\"description\" content=\"Experience our 7-day Atlas, Rose Valley & Saghro tour. Discover Berber villages, hiking adventures, and authentic culture in Morocco's diverse landscapes.\">\r\n \r\n \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) - Shows only on mobile after FAQ *\/\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 \r\n <div id=\"sahara-trekking-wrapper\">\r\n <div class=\"container\">\r\n \r\n <header class=\"hero-section\">\r\n \r\n <div class=\"gallery-section\">\r\n \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\/WhatsApp-Image-2025-11-19-at-13.36.15_a14a9ac0.jpg\"\r\n alt=\"Atlas, Rose Valley & Saghro Tour - Moroccan Nature Odyssey\"\r\n \/>\r\n <div class=\"gallery-overlay\"><\/div>\r\n <div class=\"gallery-caption\">\r\n <i class=\"fa-solid fa-image\"><\/i> Atlas, Vall\u00e9e des Roses et Saghro\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\/WhatsApp-Image-2025-11-19-at-13.36.15_a14a9ac0.jpg\"\r\n >\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-19-at-13.36.15_a14a9ac0.jpg\" alt=\"Atlas Mountains\" \/>\r\n <\/button>\r\n\r\n <button\r\n class=\"thumbnail\"\r\n data-src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-19-at-13.36.15_cda65c08.jpg\"\r\n >\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-19-at-13.36.15_cda65c08.jpg\" alt=\"Rose Valley\" \/>\r\n <\/button>\r\n\r\n <button\r\n class=\"thumbnail\"\r\n data-src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-19-at-13.36.48_4027608b.jpg\"\r\n >\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-19-at-13.36.48_4027608b.jpg\" alt=\"Saghro Mountains\" \/>\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>Toute l'ann\u00e9e<\/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>Randonn\u00e9e et culture<\/strong>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \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;\">Vall\u00e9e des roses<\/span> \u00b7 <span style=\"font-weight: 600;\">Saghro<\/span>\r\n <\/div>\r\n <h1>Circuit de 7 jours : <span style=\"color: #f97316;\">Atlas, Vall\u00e9e des Roses et Saghro<\/span> Odyss\u00e9e de la nature<\/h1>\r\n <p class=\"hero-description\">\r\n Faites l'exp\u00e9rience de notre <strong>Circuit de 7 jours dans l'Atlas, la vall\u00e9e des roses et le Saghro<\/strong> combinant randonn\u00e9e, immersion culturelle et rencontres authentiques avec les Berb\u00e8res.\r\n D\u00e9couvrez les majestueux <strong>Montagnes de l'Atlas<\/strong>, explorer l'odorant <strong>Vall\u00e9e des roses<\/strong>, et traversent la dramatique <strong>Monts Saghro<\/strong>. .\r\n Ce voyage immersif vous emm\u00e8ne \u00e0 travers les paysages \u00e9poustouflants des diverses r\u00e9gions du Maroc.\r\n <\/p>\r\n <div class=\"trek-details\">\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-calendar-alt\"><\/i> 7 jours \/ 6 nuits<\/div>\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-person-hiking\"><\/i> Niveau mod\u00e9r\u00e9<\/div>\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-people-group\"><\/i> A partir de 2 personnes<\/div>\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-location-dot\"><\/i> <span style=\"font-weight: 600;\">Atlas<\/span>, <span style=\"font-weight: 600;\">Vall\u00e9e des roses<\/span>, <span style=\"font-weight: 600;\">Saghro<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <main class=\"main-layout\">\r\n \r\n <article>\r\n \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;\">Vall\u00e9e des roses<\/span> \u00b7 <span style=\"font-weight: 600;\">Saghro<\/span> - Randonn\u00e9e et visite culturelle<\/small>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-box\">\r\n <strong>Une aventure inoubliable de 7 jours \u00e0 la d\u00e9couverte des <span style=\"color: #dc2626;\">Montagnes de l'Atlas<\/span>, <span style=\"color: #dc2626;\">Vall\u00e9e des roses<\/span> et <span style=\"color: #dc2626;\">Monts Saghro<\/span><\/strong><br \/>\r\n 7 jours d'exploration \u00e0 travers des paysages \u00e9poustouflants, de randonn\u00e9e, d'immersion culturelle et de rencontres authentiques avec les Berb\u00e8res. Ce circuit soigneusement con\u00e7u offre un \u00e9quilibre parfait entre l'aventure et l'immersion culturelle dans les magnifiques r\u00e9gions du Maroc.\r\n <\/div>\r\n <p>\r\n Notre <strong>Circuit de 7 jours dans l'Atlas, la vall\u00e9e des roses et le Saghro<\/strong> offre une occasion unique d'explorer les magnifiques\r\n paysages des diverses r\u00e9gions du Maroc. D\u00e9couvrez les villages berb\u00e8res traditionnels,\r\n des randonn\u00e9es dans des vall\u00e9es magnifiques et des rencontres culturelles authentiques.\r\n Ce circuit a \u00e9t\u00e9 sp\u00e9cialement con\u00e7u pour mettre en valeur les aspects les plus spectaculaires du Maroc. <strong>Montagnes de l'Atlas<\/strong>, \r\n <strong>Vall\u00e9e des roses<\/strong>, et <strong>Monts Saghro<\/strong> tout en assurant votre confort et votre s\u00e9curit\u00e9 tout au long du voyage.\r\n <\/p>\r\n <p>\r\n Nous vous invitons \u00e0 d\u00e9couvrir le contraste entre la v\u00e9g\u00e9tation luxuriante et le paysage. <strong>Vall\u00e9es de l'Atlas<\/strong>, le parfum <strong>Vall\u00e9e des roses<\/strong>, ,\r\n et la dramatique <strong>Monts Saghro<\/strong>. Cette aventure associe un h\u00e9bergement confortable \u00e0 des exp\u00e9riences culturelles authentiques.\r\n Vous aurez l'occasion d'admirer des paysages de montagne \u00e9poustouflants, de dormir dans des lodges traditionnels et de d\u00e9couvrir la culture berb\u00e8re traditionnelle gr\u00e2ce \u00e0 des guides locaux.\r\n la culture traditionnelle berb\u00e8re avec des guides locaux.\r\n <\/p>\r\n <p>\r\n Le pr\u00e9sent <strong>Circuit de 7 jours<\/strong> a \u00e9t\u00e9 con\u00e7u comme une aventure accessible avec des activit\u00e9s vari\u00e9es,\r\n permettant d'explorer les vall\u00e9es, les gorges et de faire des rencontres authentiques avec les communaut\u00e9s locales. Que vous soyez un\r\n trekkeur exp\u00e9riment\u00e9 ou novice en mati\u00e8re d'aventures en montagne, ce voyage offre quelque chose de vraiment sp\u00e9cial pour tout le monde.\r\n <\/p>\r\n <\/section>\r\n\r\n \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;\">Atlas, Vall\u00e9e des Roses et Saghro<\/span> visite 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> Travers\u00e9e compl\u00e8te du Maroc : du vert Atlas aux vall\u00e9es d\u00e9sertiques du Sud<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Rencontre avec les habitants : immersion dans les villages berb\u00e8res, nuits chez l'habitant ou en g\u00eete.<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Des paysages vari\u00e9s et spectaculaires : montagnes, gorges, oasis, vall\u00e9es fleuries et d\u00e9sert rocailleux.<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Randonn\u00e9e accessible \u00e0 tous : entre 3 et 5 heures de marche par jour, selon le niveau.<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Encadrement local professionnel : guide exp\u00e9riment\u00e9, muletiers et cuisinier berb\u00e8re.<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Exp\u00e9rience authentique : partage, hospitalit\u00e9 et culture marocaine au c\u0153ur de chaque \u00e9tape<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> D\u00e9couverte de la \"Vall\u00e9e heureuse\" (A\u00eft Bougmez) et de ses paysages \u00e0 couper le souffle<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> D\u00e9couvrez le contraste entre les vall\u00e9es luxuriantes et les paysages montagneux spectaculaires.<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> D\u00e9couvrez le mode de vie traditionnel des Berb\u00e8res dans le <strong>Montagnes du Haut Atlas<\/strong><\/li>\r\n <\/ul>\r\n <\/section>\r\n\r\n \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 - 7 jours<\/h2>\r\n <small>Programme type, 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 Marrakech<\/h3>\r\n <p>\r\n Accueil \u00e0 l'a\u00e9roport par notre \u00e9quipe et transfert vers votre h\u00e9bergement.\r\n Installation dans la ville ocre, v\u00e9ritable carrefour entre montagnes et d\u00e9sert.\r\n D\u00eener et nuit \u00e0 Marrakech.\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 - Villages des A\u00eft Bouali - Vall\u00e9e des A\u00eft Bougmez<\/h3>\r\n <p>\r\n D\u00e9part matinal pour le Haut Atlas. Rencontre avec les muletiers et d\u00e9but de la randonn\u00e9e \u00e0 travers les villages rocailleux des A\u00eft Bouali.\r\n D\u00e9couverte des traditions rurales berb\u00e8res et des paysages verdoyants des A\u00eft Bougmez, surnomm\u00e9s \"la vall\u00e9e heureuse\".\r\n Nuit en g\u00eete ou chez l'habitant.\r\n <br><strong>Heures de marche : 4h30<\/strong>\r\n <br><strong>H\u00e9bergement : dans un lodge<\/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>A\u00eft Bougmez - Travers\u00e9e du Haut Atlas - Vall\u00e9e des Roses<\/h3>\r\n <p>\r\n Route panoramique \u00e0 travers les cols du Haut Atlas. Arr\u00eat photo sur les hauteurs et descente vers la vall\u00e9e des roses.\r\n Randonn\u00e9e de 3 heures dans la vall\u00e9e de Houli-Limth, entre kasbahs, roseraies et jardins irrigu\u00e9s.\r\n Nuit dans la vall\u00e9e des roses.\r\n <br><strong>Heures de marche : 4h30<\/strong>\r\n <br><strong>H\u00e9bergement : dans un lodge<\/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 4<\/div>\r\n <div class=\"day-content\">\r\n <h3>Vall\u00e9e des Roses - Gorges du Dad\u00e8s<\/h3>\r\n <p>\r\n Matin\u00e9e de marche dans les villages et vergers de la vall\u00e9e, rencontre avec les habitants, puis d\u00e9couverte des c\u00e9l\u00e8bres gorges du Dad\u00e8s et de leurs falaises sculpt\u00e9es.\r\n Nuit dans la vall\u00e9e du Dad\u00e8s.\r\n <br><strong>Heures de marche : 5h30<\/strong>\r\n <br><strong>H\u00e9bergement : dans un lodge<\/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>Dad\u00e8s - Massif du Saghro - N'Kob<\/h3>\r\n <p>\r\n Travers\u00e9e du massif volcanique du Saghro : paysages d\u00e9sertiques, pics rocheux et silence absolu.\r\n Randonn\u00e9e au c\u0153ur de cet \u00e9crin min\u00e9ral \u00e0 la rencontre des nomades A\u00eft Atta.\r\n Nuit dans le charmant village oasis de N'Kob.\r\n <br><strong>Heures de marche : 4h<\/strong>\r\n <br><strong>H\u00e9bergement : dans un lodge<\/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 6<\/div>\r\n <div class=\"day-content\">\r\n <h3>N'Kob - Vall\u00e9e du Dr\u00e2a - Retour \u00e0 Marrakech<\/h3>\r\n <p>\r\n Route vers la vall\u00e9e du Dr\u00e2a, la plus longue du Maroc, parsem\u00e9e de kasbahs et de palmeraies verdoyantes.\r\n D\u00e9jeuner en cours de route avant le retour \u00e0 Marrakech. Installation \u00e0 l'h\u00f4tel et temps libre dans la m\u00e9dina.\r\n <br><strong>Heures de marche : 2h30<\/strong>\r\n <br><strong>H\u00e9bergement : dans un lodge<\/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 7<\/div>\r\n <div class=\"day-content\">\r\n <h3>Marrakech<\/h3>\r\n <p>\r\n Journ\u00e9e libre pour fl\u00e2ner dans les souks, d\u00e9couvrir les jardins Majorelle, la m\u00e9dina et la place Jemaa El-Fna.\r\n Fin de l'excursion.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"content-section\" id=\"inclus\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-clipboard-list\"><\/i>\r\n <div>\r\n <h2>Ce qui est inclus \/ non inclus<\/h2>\r\n <small>Pour pr\u00e9parer confortablement votre budget<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"two-column\">\r\n <div>\r\n <div class=\"list-title\">\r\n <i class=\"fa-solid fa-circle-check\"><\/i>\r\n Inclus dans le prix\r\n <\/div>\r\n <ul class=\"bullet-list included\">\r\n <li><i class=\"fa-solid fa-check\"><\/i> Pension compl\u00e8te de Marrakech \u00e0 Marrakech<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Nuits \u00e0 l'h\u00f4tel, au Riad et au g\u00eete<\/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> Encadrement par un guide marocain francophone, une \u00e9quipe de muletiers et un cuisinier.<\/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<\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> Repas \u00e0 Marrakech sauf petits d\u00e9jeuners<\/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> 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 \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 7 jours \/ 6 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 Voyage normal\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 Toute l'ann\u00e9e\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-users\"><\/i>\r\n <div>\r\n <strong>Les participants<\/strong>\r\n A partir de 2 personnes\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-location-dot\"><\/i>\r\n <div>\r\n <strong>R\u00e9gion<\/strong>\r\n <span style=\"font-weight: 600;\">Atlas<\/span>, <span style=\"font-weight: 600;\">Vall\u00e9e des roses<\/span> & <span style=\"font-weight: 600;\">Saghro<\/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 \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;\">Atlas, Vall\u00e9e des Roses et Saghro<\/span> itin\u00e9raire de trekking de <span style=\"font-weight: 600;\">Marrakech<\/span><\/small>\r\n <\/div>\r\n <\/div>\r\n <div class=\"map-container\">\r\n <iframe src=\"https:\/\/www.google.com\/maps\/d\/embed?mid=1gAlMhoWREshDdB6yY7yH3_fAMK6IB_8&ehbc=2E312F&noprof=1\" width=\"640\" height=\"480\"><\/iframe>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"content-section\" id=\"faq\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-circle-question\"><\/i>\r\n <div>\r\n <h2>Questions fr\u00e9quemment pos\u00e9es<\/h2>\r\n <small>Quelques r\u00e9ponses avant de partir<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq\">\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>Quel est le niveau de difficult\u00e9 de cette <span style=\"font-weight: 600;\">Atlas, Vall\u00e9e des Roses et Saghro<\/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 Le circuit est class\u00e9 comme <strong>voyage normal<\/strong>, Il s'agit d'un programme qui comprend des transports confortables entre les diff\u00e9rents sites et des activit\u00e9s de marche mod\u00e9r\u00e9es. Il convient \u00e0 toute personne en bonne sant\u00e9 qui aime les activit\u00e9s l\u00e9g\u00e8res \u00e0 mod\u00e9r\u00e9es. Le programme <strong>portions de randonn\u00e9e<\/strong> sont \u00e0 la port\u00e9e de ceux qui ont une condition physique moyenne. Pour plus d'informations sur la pr\u00e9paration d'aventures multi-activit\u00e9s au Maroc, consultez notre rubrique \r\n <a href=\"https:\/\/fr.wikipedia.org\/wiki\/Morocco\" target=\"_blank\" rel=\"dofollow noopener\"> Maroc<\/a>.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>Pourquoi cette visite est-elle recommand\u00e9e tout au long de l'ann\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 Le pr\u00e9sent <strong>Circuit de 7 jours dans l'Atlas, la vall\u00e9e des roses et le Saghro<\/strong> est con\u00e7u pour \u00eatre appr\u00e9ci\u00e9 tout au long de l'ann\u00e9e, car il explore diverses r\u00e9gions du Maroc. Les <strong>Montagnes de l'Atlas<\/strong> offrent des temp\u00e9ratures agr\u00e9ables en \u00e9t\u00e9 et de magnifiques sommets enneig\u00e9s en hiver. Les <strong>Vall\u00e9e des roses<\/strong> est particuli\u00e8rement belle pendant la p\u00e9riode de floraison en mai, tandis que le <strong>Monts Saghro<\/strong> \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 la <span style=\"font-weight: 600;\">Atlas, Vall\u00e9e des Roses et Saghro<\/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 Tout au long de ce voyage, vous ferez l'exp\u00e9rience d'une grande vari\u00e9t\u00e9 d'h\u00e9bergements. Vous s\u00e9journerez dans des h\u00f4tels confortables, des riads et des g\u00eetes dans des villages. Tous les h\u00e9bergements sont soigneusement s\u00e9lectionn\u00e9s pour leur confort, leur authenticit\u00e9 et pour offrir une exp\u00e9rience marocaine authentique dans les diff\u00e9rentes r\u00e9gions.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>Comment dois-je me pr\u00e9parer \u00e0 cela ? <span style=\"font-weight: 600;\">Atlas, Vall\u00e9e des Roses et Saghro<\/span> l'aventure ?<\/span>\r\n <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>\r\n Il est recommand\u00e9 de marcher l\u00e9g\u00e8rement avant le d\u00e9part. Apportez des chaussures de randonn\u00e9e confortables, des v\u00eatements adapt\u00e9s aux conditions de la montagne, un chapeau, des lunettes de soleil et de la cr\u00e8me solaire. Les soir\u00e9es peuvent \u00eatre fra\u00eeches en montagne, pr\u00e9voyez donc plusieurs couches de v\u00eatements. Une liste d\u00e9taill\u00e9e de l'\u00e9quipement vous sera fournie lors de votre r\u00e9servation. <strong>Atlas, Vall\u00e9e des Roses et Saghro<\/strong>. Nous vous recommandons d'apporter une bouteille d'eau r\u00e9utilisable 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 de la vall\u00e9e des roses par rapport aux autres vall\u00e9es marocaines ?<\/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 La vall\u00e9e des roses est c\u00e9l\u00e8bre pour sa production de roses de Damas, utilis\u00e9es pour fabriquer de l'eau de rose, des parfums et des produits cosm\u00e9tiques. Pendant la saison de floraison en mai, la vall\u00e9e est remplie du parfum de millions de roses. La combinaison de paysages \u00e9poustouflants, de la culture traditionnelle des roses et de l'authentique culture berb\u00e8re en fait une destination unique incluse dans notre circuit.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>Y a-t-il des consid\u00e9rations culturelles dont je devrais tenir compte ?<\/span>\r\n <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>\r\n Le Maroc est un pays musulman aux traditions conservatrices, en particulier dans les zones rurales. Il est recommand\u00e9 de s'habiller modestement, en particulier lors de la visite de villages et de sites religieux. Les femmes devraient envisager de se couvrir les \u00e9paules et les genoux. Il est \u00e9galement respectueux de demander la permission avant de photographier la population locale. Votre guide vous fournira des conseils culturels suppl\u00e9mentaires tout au long du voyage afin de garantir des interactions respectueuses avec les communaut\u00e9s locales dans les diff\u00e9rentes r\u00e9gions.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"mobile-form-section content-section\" id=\"mobile-booking-form-section\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-calendar-plus\"><\/i>\r\n <div>\r\n <h2>R\u00e9server cette visite<\/h2>\r\n <small>Faites-nous part de vos pr\u00e9f\u00e9rences<\/small>\r\n <\/div>\r\n <\/div>\r\n \r\n <form id=\"mobile-booking-form\" novalidate action=\"\">\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"m-start\">Date de d\u00e9but<\/label>\r\n <input type=\"date\" id=\"m-start\" class=\"form-input\" \/>\r\n <div class=\"error-message\" id=\"m-start-error\">Veuillez choisir une date.<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"m-end\">Date de fin<\/label>\r\n <input type=\"date\" id=\"m-end\" class=\"form-input\" \/>\r\n <div class=\"error-message\" id=\"m-end-error\">Veuillez choisir une date.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"m-people\">Nombre de participants<\/label>\r\n <input type=\"number\" id=\"m-people\" class=\"form-input\" min=\"1\" max=\"16\" value=\"2\" \/>\r\n <div class=\"error-message\" id=\"m-people-error\">Veuillez saisir un nombre compris entre 1 et 16.<\/div>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"m-first\">Pr\u00e9nom<\/label>\r\n <input type=\"text\" id=\"m-first\" class=\"form-input\" placeholder=\"ex. Jean\" \/>\r\n <div class=\"error-message\" id=\"m-first-error\">Veuillez saisir votre pr\u00e9nom.<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"m-last\">Nom de famille<\/label>\r\n <input type=\"text\" id=\"m-last\" class=\"form-input\" placeholder=\"ex. Smith\" \/>\r\n <div class=\"error-message\" id=\"m-last-error\">Veuillez saisir votre nom de famille.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"m-email\">Courriel<\/label>\r\n <input type=\"email\" id=\"m-email\" class=\"form-input\" placeholder=\"ex. john@example.com\" \/>\r\n <div class=\"error-message\" id=\"m-email-error\">Veuillez saisir un courriel valide.<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"m-phone\">T\u00e9l\u00e9phone<\/label>\r\n <input type=\"tel\" id=\"m-phone\" class=\"form-input\" placeholder=\"ex. +212612345678\" \/>\r\n <div class=\"error-message\" id=\"m-phone-error\">Num\u00e9ro non valide (min. 10 chiffres).<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"m-notes\">Demandes sp\u00e9ciales<\/label>\r\n <textarea id=\"m-notes\" rows=\"3\" class=\"form-input\" placeholder=\"Besoins alimentaires, \u00e9quipement, enfants, etc.\"><\/textarea>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"btn-primary\" id=\"mobile-submit\">\r\n <i class=\"fa-solid fa-paper-plane\"><\/i>\r\n R\u00e9server\r\n <\/button>\r\n <div class=\"form-note\">\r\n R\u00e9ponse personnalis\u00e9e dans les 24-48h (jours ouvrables).\r\n <\/div>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"fr\"\/><\/form>\r\n <\/section>\r\n\r\n \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;\">Atlas, Vall\u00e9e des Roses et Saghro<\/span> Tour<\/h2>\r\n <small>Quelques images de ce projet <span style=\"font-weight: 600;\">Atlas, Vall\u00e9e des Roses et Saghro<\/span> tourn\u00e9e<\/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\/WhatsApp-Image-2025-11-19-at-13.36.15_a14a9ac0.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-19-at-13.36.15_a14a9ac0.jpg\" alt=\"Atlas Mountains Landscape\" \/>\r\n <div class=\"photo-view-icon\">\r\n <span><i class=\"fa-solid fa-eye\"><\/i> Voir<\/span>\r\n <\/div>\r\n <\/button>\r\n <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-19-at-13.36.15_cda65c08.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-19-at-13.36.15_cda65c08.jpg\" alt=\"Rose Valley\" \/>\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\/WhatsApp-Image-2025-11-19-at-13.36.48_4027608b.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-19-at-13.36.48_4027608b.jpg\" alt=\"Saghro Mountains\" \/>\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\/WhatsApp-Image-2025-11-19-at-13.36.48_cb821b5b.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-19-at-13.36.48_cb821b5b.jpg\" alt=\"Berber Village\" \/>\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\/WhatsApp-Image-2025-11-19-at-13.36.17_facf5ab8.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-19-at-13.36.17_facf5ab8.jpg\" alt=\"Dades Gorges\" \/>\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\/WhatsApp-Image-2025-11-19-at-13.36.17_d4fc1b1a.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-19-at-13.36.17_d4fc1b1a.jpg\" alt=\"Traditional Architecture\" \/>\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 \r\n <aside class=\"sidebar\">\r\n <section class=\"price-card\">\r\n <h2>Prix de la visite<\/h2>\r\n <div class=\"price-main\">\r\n <div class=\"price-amount\">Sur demande<\/div>\r\n <span class=\"price-tag\"><i class=\"fa-solid fa-circle-info\"><\/i> Devis personnalis\u00e9<\/span>\r\n <\/div>\r\n <p class=\"price-note\">\r\n Le prix d\u00e9pend de la saison, du nombre de participants et du niveau de confort souhait\u00e9.\r\n <\/p>\r\n <div class=\"price-details\">\r\n <p><i class=\"fa-solid fa-calendar-alt\"><\/i> 7 jours d'exploration<\/p>\r\n <p><i class=\"fa-solid fa-location-dot\"><\/i> <span style=\"font-weight: 600;\">Atlas<\/span>, <span style=\"font-weight: 600;\">Vall\u00e9e des roses<\/span> & <span style=\"font-weight: 600;\">Saghro<\/span>, Maroc<\/p>\r\n <p><i class=\"fa-solid fa-users\"><\/i> A partir de 2 personnes<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"booking-form\">\r\n <h3>R\u00e9server cette visite<\/h3>\r\n <p>Faites-nous part de vos pr\u00e9f\u00e9rences, nous adapterons le programme et les tarifs.<\/p>\r\n\r\n <form id=\"desktop-form\" novalidate action=\"\">\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"d-start\">Date de d\u00e9but souhait\u00e9e<\/label>\r\n <input type=\"date\" id=\"d-start\" class=\"form-input\" \/>\r\n <div class=\"error-message\" id=\"d-start-error\">Veuillez choisir une date de d\u00e9but.<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"d-end\">Date de fin<\/label>\r\n <input type=\"date\" id=\"d-end\" class=\"form-input\" \/>\r\n <div class=\"error-message\" id=\"d-end-error\">Veuillez choisir une date de fin.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"d-people\">Nombre de participants<\/label>\r\n <input type=\"number\" id=\"d-people\" class=\"form-input\" min=\"1\" max=\"16\" value=\"2\" \/>\r\n <div class=\"error-message\" id=\"d-people-error\">Veuillez saisir un nombre compris entre 1 et 16.<\/div>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"d-first\">Pr\u00e9nom<\/label>\r\n <input type=\"text\" id=\"d-first\" class=\"form-input\" placeholder=\"ex. Jean\" \/>\r\n <div class=\"error-message\" id=\"d-first-error\">Veuillez saisir votre pr\u00e9nom.<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"d-last\">Nom de famille<\/label>\r\n <input type=\"text\" id=\"d-last\" class=\"form-input\" placeholder=\"ex. Smith\" \/>\r\n <div class=\"error-message\" id=\"d-last-error\">Veuillez saisir votre nom de famille.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"d-email\">Courriel<\/label>\r\n <input type=\"email\" id=\"d-email\" class=\"form-input\" placeholder=\"ex. john@example.com\" \/>\r\n <div class=\"error-message\" id=\"d-email-error\">Veuillez saisir un courriel valide.<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"d-phone\">T\u00e9l\u00e9phone<\/label>\r\n <input type=\"tel\" id=\"d-phone\" class=\"form-input\" placeholder=\"ex. +212612345678\" \/>\r\n <div class=\"error-message\" id=\"d-phone-error\">Num\u00e9ro non valide (min. 10 chiffres).<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"d-notes\">Demandes sp\u00e9ciales<\/label>\r\n <textarea id=\"d-notes\" rows=\"3\" class=\"form-input\" placeholder=\"Besoins alimentaires, \u00e9quipement, enfants, etc.\"><\/textarea>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"btn-primary\" id=\"d-submit\">\r\n <i class=\"fa-solid fa-paper-plane\"><\/i>\r\n R\u00e9server\r\n <\/button>\r\n <div class=\"form-note\">\r\n R\u00e9ponse personnalis\u00e9e dans les 24-48h (jours ouvrables).\r\n <\/div>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"fr\"\/><\/form>\r\n <\/section>\r\n <\/aside>\r\n <\/main>\r\n <\/div>\r\n\r\n \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;\">Atlas, Vall\u00e9e des Roses et Saghro<\/span> Circuit - 7 jours<\/span>\r\n <strong>Prix sur demande<\/strong>\r\n <\/div>\r\n <button class=\"mobile-booking-btn\" id=\"scroll-to-form-btn\">\r\n <i class=\"fa-solid fa-calendar-plus\"><\/i>\r\n R\u00e9server\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"thankyou-overlay\" id=\"thankyou\">\r\n <div class=\"thankyou-card\">\r\n <div class=\"icon\"><i class=\"fa-solid fa-check\"><\/i><\/div>\r\n <h3>Merci pour votre demande de r\u00e9servation !<\/h3>\r\n <p>\r\n Nous avons bien re\u00e7u votre message concernant l'excursion de 7 jours dans l'Atlas, la Vall\u00e9e des Roses et le Saghro.\r\n Un conseiller vous contactera prochainement 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 \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'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 \r\n <div class=\"toast\" id=\"toast\"><\/div>\r\n <\/div>\r\n\r\n \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: '7-Day Atlas, Rose Valley & Saghro 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 booking request has been submitted successfully!', 'success');\r\n } catch (err) { \r\n console.error('EmailJS Error (mobile):', err);\r\n showToast('Sorry, an error occurred: ' + (err.text || 'Please check your EmailJS keys\/domain.'), 'error'); \r\n } finally {\r\n mobileSubmitBtn.disabled = false;\r\n mobileSubmitBtn.innerHTML = '<i class=\"fa-solid fa-paper-plane\"><\/i> Book Now';\r\n }\r\n });\r\n }\r\n\r\n \/\/ Desktop form submission\r\n const desktopForm = document.getElementById('desktop-form');\r\n const desktopSubmitBtn = document.getElementById('d-submit');\r\n \r\n if (desktopForm) {\r\n desktopForm.addEventListener('submit', async (e) => {\r\n e.preventDefault();\r\n \r\n if (!validateForm('desktop')) {\r\n showToast('Please correct the errors in the form', 'error');\r\n return;\r\n }\r\n \r\n desktopSubmitBtn.disabled = true;\r\n desktopSubmitBtn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Sending...';\r\n \r\n try {\r\n const result = await sendEmailJS('desktop');\r\n console.log('EmailJS SUCCESS (desktop):', result);\r\n showThankYou();\r\n desktopForm.reset();\r\n showToast('Your booking request has been submitted successfully!', 'success');\r\n } catch (err) { \r\n console.error('EmailJS Error (desktop):', err);\r\n showToast('Sorry, an error occurred: ' + (err.text || 'Please check your EmailJS keys\/domain.'), 'error'); \r\n } finally {\r\n desktopSubmitBtn.disabled = false;\r\n desktopSubmitBtn.innerHTML = '<i class=\"fa-solid fa-paper-plane\"><\/i> Book Now';\r\n }\r\n });\r\n }\r\n\r\n \/\/ Set minimum date to tomorrow\r\n (function() {\r\n const d = new Date();\r\n d.setDate(d.getDate() + 1);\r\n const min = `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;\r\n \r\n ['d-start', 'm-start', 'd-end', 'm-end'].forEach(id => {\r\n const el = document.getElementById(id);\r\n if (el) el.min = min;\r\n });\r\n })();\r\n\r\n \/\/ Real-time validation\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const emailInput = document.getElementById('d-email');\r\n const phoneInput = document.getElementById('d-phone');\r\n if (emailInput) {\r\n emailInput.addEventListener('blur', function() {\r\n if (this.value.trim() && !validateEmail(this.value.trim())) {\r\n showError('d-email', 'd-email-error', 'Please enter a valid email address');\r\n } else {\r\n hideError('d-email', 'd-email-error');\r\n }\r\n });\r\n }\r\n if (phoneInput) {\r\n phoneInput.addEventListener('blur', function() {\r\n if (this.value.trim() && !validatePhone(this.value.trim())) {\r\n showError('d-phone', 'd-phone-error', 'Please enter a valid phone number (min. 10 digits)');\r\n } else {\r\n hideError('d-phone', 'd-phone-error');\r\n }\r\n });\r\n }\r\n\r\n const mEmailInput = document.getElementById('m-email');\r\n const mPhoneInput = document.getElementById('m-phone');\r\n if (mEmailInput) {\r\n mEmailInput.addEventListener('blur', function() {\r\n if (this.value.trim() && !validateEmail(this.value.trim())) {\r\n showError('m-email', 'm-email-error', 'Please enter a valid email address');\r\n } else {\r\n hideError('m-email', 'm-email-error');\r\n }\r\n });\r\n }\r\n if (mPhoneInput) {\r\n mPhoneInput.addEventListener('blur', function() {\r\n if (this.value.trim() && !validatePhone(this.value.trim())) {\r\n showError('m-phone', 'm-phone-error', 'Please enter a valid phone number (min. 10 digits)');\r\n } else {\r\n hideError('m-phone', 'm-phone-error');\r\n }\r\n });\r\n }\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>7-Day Atlas, Rose Valley & Saghro Tour | Morocco Nature Odyssey … <\/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-790","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\/790","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=790"}],"version-history":[{"count":10,"href":"https:\/\/marrakechtrekking.com\/fr\/wp-json\/wp\/v2\/pages\/790\/revisions"}],"predecessor-version":[{"id":905,"href":"https:\/\/marrakechtrekking.com\/fr\/wp-json\/wp\/v2\/pages\/790\/revisions\/905"}],"wp:attachment":[{"href":"https:\/\/marrakechtrekking.com\/fr\/wp-json\/wp\/v2\/media?parent=790"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}