Atlas to Sahara 11-Day Trekking Adventure in Morocco | High Atlas Sahara Desert<\/title>\r\n <meta name=\"description\" content=\"Experience our 11-day Atlas to Sahara trekking adventure in Morocco. Discover the High Atlas mountains, Sahara Desert, Berber culture, and stunning landscapes on this unforgettable journey.\">\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 #atlas-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 #atlas-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 #atlas-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 #atlas-sahara-trekking-wrapper .gallery-section img,\r\n #atlas-sahara-trekking-wrapper .thumbnail img,\r\n #atlas-sahara-trekking-wrapper .photo-gallery img,\r\n #atlas-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 #atlas-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 #atlas-sahara-trekking-wrapper .hero-section {\r\n grid-template-columns: 1fr !important;\r\n }\r\n }\r\n\r\n #atlas-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 #atlas-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 #atlas-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 #atlas-sahara-trekking-wrapper .region-badge i {\r\n color: #fed7aa !important;\r\n }\r\n\r\n #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-sahara-trekking-wrapper .detail-pill i {\r\n color: #fed7aa !important;\r\n }\r\n\r\n \/* Gallery Section *\/\r\n #atlas-sahara-trekking-wrapper .gallery-section {\r\n display: grid !important;\r\n gap: 10px !important;\r\n }\r\n\r\n #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-sahara-trekking-wrapper .thumbnail:hover img {\r\n transform: scale(1.08) !important;\r\n }\r\n\r\n #atlas-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 #atlas-sahara-trekking-wrapper .thumbnail:hover::after {\r\n opacity: 1 !important;\r\n }\r\n\r\n #atlas-sahara-trekking-wrapper .thumbnail.active {\r\n border-color: var(--accent-color) !important;\r\n }\r\n\r\n #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-sahara-trekking-wrapper .info-text strong {\r\n font-size: 0.94rem !important;\r\n }\r\n\r\n \/* Main Layout *\/\r\n #atlas-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 #atlas-sahara-trekking-wrapper .main-layout {\r\n grid-template-columns: 1fr !important;\r\n }\r\n }\r\n\r\n #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-sahara-trekking-wrapper .highlight-box strong {\r\n color: var(--accent-dark) !important;\r\n }\r\n\r\n #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-sahara-trekking-wrapper .itinerary-day:last-child {\r\n border-bottom: none !important;\r\n }\r\n\r\n #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-sahara-trekking-wrapper .two-column {\r\n grid-template-columns: 1fr !important;\r\n }\r\n }\r\n\r\n #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-sahara-trekking-wrapper .bullet-list.included li i {\r\n color: var(--accent-dark) !important;\r\n }\r\n\r\n #atlas-sahara-trekking-wrapper .bullet-list.excluded li i {\r\n color: #e11d48 !important;\r\n }\r\n\r\n \/* FAQ *\/\r\n #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-sahara-trekking-wrapper .faq-item.open .faq-question i {\r\n transform: rotate(180deg) !important;\r\n }\r\n\r\n #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-sahara-trekking-wrapper .photo-item:hover img {\r\n transform: scale(1.05) !important;\r\n }\r\n\r\n #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-sahara-trekking-wrapper .photo-item:hover .photo-view-icon {\r\n opacity: 1 !important;\r\n }\r\n\r\n #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-sahara-trekking-wrapper .price-details {\r\n font-size: 0.86rem !important;\r\n opacity: 0.95 !important;\r\n }\r\n\r\n #atlas-sahara-trekking-wrapper .price-details p {\r\n margin: 2px 0 !important;\r\n }\r\n\r\n #atlas-sahara-trekking-wrapper .price-details i {\r\n margin-right: 6px !important;\r\n }\r\n\r\n #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-sahara-trekking-wrapper .sidebar {\r\n display: none !important;\r\n }\r\n }\r\n\r\n #atlas-sahara-trekking-wrapper .form-group {\r\n margin-bottom: 10px !important;\r\n }\r\n\r\n #atlas-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 #atlas-sahara-trekking-wrapper .form-input,\r\n #atlas-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 #atlas-sahara-trekking-wrapper .form-input:focus,\r\n #atlas-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 #atlas-sahara-trekking-wrapper .form-input.error,\r\n #atlas-sahara-trekking-wrapper textarea.error {\r\n border-color: #e11d48 !important;\r\n background: #fef2f2 !important;\r\n }\r\n\r\n #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-sahara-trekking-wrapper .btn-primary i {\r\n font-size: 0.9rem !important;\r\n }\r\n\r\n #atlas-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 #atlas-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 #atlas-sahara-trekking-wrapper .mobile-booking {\r\n display: none !important;\r\n }\r\n\r\n @media (max-width: 720px) {\r\n #atlas-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 #atlas-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 #atlas-sahara-trekking-wrapper .mobile-booking-info {\r\n color: #e5e7eb !important;\r\n font-size: 0.82rem !important;\r\n }\r\n\r\n #atlas-sahara-trekking-wrapper .mobile-booking-info strong {\r\n display: block !important;\r\n font-size: 1rem !important;\r\n }\r\n\r\n #atlas-sahara-trekking-wrapper .mobile-booking-btn {\r\n border-radius: 999px !important;\r\n border: none !important;\r\n padding: 9px 15px !important;\r\n background: var(--accent-gradient) !important;\r\n color: #ecfdf5 !important;\r\n font-weight: 700 !important;\r\n font-size: 0.9rem !important;\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 7px !important;\r\n cursor: pointer !important;\r\n box-shadow: 0 18px 40px rgba(15, 23, 42, 0.5) !important;\r\n }\r\n }\r\n\r\n \/* Mobile Form Section (NEW) *\/\r\n #atlas-sahara-trekking-wrapper .mobile-form-section {\r\n display: none !important;\r\n }\r\n\r\n @media (max-width: 720px) {\r\n #atlas-sahara-trekking-wrapper .mobile-form-section {\r\n display: block !important;\r\n }\r\n }\r\n\r\n \/* Toast & Overlay *\/\r\n #atlas-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 #atlas-sahara-trekking-wrapper .toast.show {\r\n display: block !important;\r\n }\r\n\r\n #atlas-sahara-trekking-wrapper .toast.success {\r\n background: #16a34a !important; \/* success green *\/\r\n }\r\n\r\n #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-sahara-trekking-wrapper .thankyou-card {\r\n padding: 28px 20px !important;\r\n width: 95% !important;\r\n }\r\n\r\n #atlas-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 #atlas-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 #atlas-sahara-trekking-wrapper .thankyou-card p {\r\n font-size: 1rem !important;\r\n }\r\n\r\n #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-sahara-trekking-wrapper .container {\r\n padding: 15px 12px 100px !important;\r\n }\r\n \r\n #atlas-sahara-trekking-wrapper .hero-section {\r\n margin-bottom: 20px !important;\r\n }\r\n \r\n #atlas-sahara-trekking-wrapper .hero-content {\r\n padding: 18px 16px !important;\r\n order: 2 !important;\r\n }\r\n \r\n #atlas-sahara-trekking-wrapper .gallery-section {\r\n order: 1 !important;\r\n margin-bottom: 16px !important;\r\n }\r\n \r\n #atlas-sahara-trekking-wrapper .trek-details {\r\n flex-direction: column !important;\r\n gap: 6px !important;\r\n }\r\n \r\n #atlas-sahara-trekking-wrapper .detail-pill {\r\n width: 100% !important;\r\n justify-content: center !important;\r\n }\r\n \r\n #atlas-sahara-trekking-wrapper .content-section {\r\n padding: 16px 14px !important;\r\n margin-bottom: 16px !important;\r\n }\r\n \r\n #atlas-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 #atlas-sahara-trekking-wrapper .day-label {\r\n font-size: 0.9rem !important;\r\n }\r\n \r\n #atlas-sahara-trekking-wrapper .photo-gallery {\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n }\r\n \r\n #atlas-sahara-trekking-wrapper .photo-item img {\r\n height: 120px !important;\r\n }\r\n \r\n #atlas-sahara-trekking-wrapper .feature-grid {\r\n grid-template-columns: 1fr !important;\r\n }\r\n \r\n #atlas-sahara-trekking-wrapper .highlight-box {\r\n padding: 10px 12px !important;\r\n font-size: 0.9rem !important;\r\n }\r\n \r\n #atlas-sahara-trekking-wrapper .map-container {\r\n height: 300px !important;\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n #atlas-sahara-trekking-wrapper .container {\r\n padding: 12px 10px 100px !important;\r\n }\r\n \r\n #atlas-sahara-trekking-wrapper .hero-content {\r\n padding: 16px 14px !important;\r\n }\r\n \r\n #atlas-sahara-trekking-wrapper .main-gallery {\r\n height: 260px !important;\r\n }\r\n \r\n #atlas-sahara-trekking-wrapper .thumbnail-grid {\r\n grid-template-columns: repeat(3, 1fr) !important;\r\n }\r\n \r\n #atlas-sahara-trekking-wrapper .thumbnail {\r\n min-height: 60px !important;\r\n }\r\n \r\n #atlas-sahara-trekking-wrapper .content-section {\r\n padding: 14px 12px !important;\r\n }\r\n \r\n #atlas-sahara-trekking-wrapper .photo-gallery {\r\n grid-template-columns: 1fr !important;\r\n }\r\n \r\n #atlas-sahara-trekking-wrapper .photo-item img {\r\n height: 140px !important;\r\n }\r\n \r\n #atlas-sahara-trekking-wrapper .info-cards {\r\n flex-direction: column !important;\r\n }\r\n \r\n #atlas-sahara-trekking-wrapper .info-card {\r\n width: 100% !important;\r\n }\r\n \r\n #atlas-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=\"atlas-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\/Capture-decran-2025-03-25-015545.png\"\r\n alt=\"Atlas to Sahara 11-Day Trekking Adventure in Morocco\"\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 to Sahara Trekking Adventure\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"thumbnail-grid\">\r\n <button\r\n class=\"thumbnail active\"\r\n data-src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-03-25-015545.png\"\r\n >\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-03-25-015545.png\" 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\/walking-sahara-sand-dunes.jpg\"\r\n >\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/walking-sahara-sand-dunes.jpg\" alt=\"Sahara Desert Trekking\" \/>\r\n <\/button>\r\n\r\n <button\r\n class=\"thumbnail\"\r\n data-src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/atlas-mountains-morocco.jpg\"\r\n >\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/atlas-mountains-morocco.jpg\" alt=\"High Atlas 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>Best Season<\/span>\r\n <strong>Spring & Autumn<\/strong>\r\n <\/div>\r\n <\/div>\r\n <div class=\"info-card\">\r\n <div class=\"info-icon\"><i class=\"fa-solid fa-route\"><\/i><\/div>\r\n <div class=\"info-text\">\r\n <span>Trek Type<\/span>\r\n <strong>Mountain & Desert<\/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;\">High Atlas<\/span> \u00b7 <span style=\"font-weight: 600;\">Sahara Desert<\/span>\r\n <\/div>\r\n <h1>Atlas to Sahara 11-Day <span style=\"color: #f97316;\">Trekking Adventure<\/span> in <span style=\"color: #f97316;\">Morocco<\/span><\/h1>\r\n <p class=\"hero-description\">\r\n Experience our <strong>11-day Atlas to Sahara trekking adventure<\/strong> through the magnificent landscapes of Morocco. \r\n This <strong>High Atlas Sahara Desert<\/strong> journey takes you from the stunning peaks of the <strong>Atlas Mountains<\/strong> to the golden dunes of the <strong>Sahara Desert<\/strong>. \r\n Discover authentic <strong>Berber culture<\/strong>, trek through breathtaking valleys, and experience the ultimate <strong>Morocco adventure<\/strong>.\r\n <\/p>\r\n <div class=\"trek-details\">\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-calendar-alt\"><\/i> 11 days \/ 10 nights<\/div>\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-person-hiking\"><\/i> Moderate to challenging<\/div>\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-people-group\"><\/i> From 2 people<\/div>\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-location-dot\"><\/i> <span style=\"font-weight: 600;\">Atlas Mountains<\/span>, <span style=\"font-weight: 600;\">Sahara Desert<\/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>Tour Overview<\/h2>\r\n <small><span style=\"font-weight: 600;\">Atlas to Sahara<\/span> \u00b7 <span style=\"font-weight: 600;\">Trekking Adventure<\/span> \u00b7 Guided Exploration<\/small>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-box\">\r\n <strong>An epic 11-day journey from the <span style=\"color: #dc2626;\">Atlas Mountains<\/span> to the <span style=\"color: #dc2626;\">Sahara Desert<\/span><\/strong><br \/>\r\n This <strong>Atlas to Sahara trekking adventure<\/strong> offers a unique opportunity to explore the diverse landscapes of Morocco. \r\n From the green valleys of the <strong>High Atlas<\/strong> to the golden dunes of the <strong>Sahara Desert<\/strong>, experience authentic <strong>Berber culture<\/strong>, \r\n traditional villages, and breathtaking natural wonders on this unforgettable <strong>Morocco adventure<\/strong>.\r\n <\/div>\r\n <p>\r\n This <strong>Atlas to Sahara 11-day trekking adventure<\/strong> is a spectacular journey through Morocco's most iconic landscapes. \r\n Beginning in <strong>Marrakech<\/strong>, we venture into the <strong>High Atlas Mountains<\/strong>, exploring the beautiful A\u00eft Bouguemez Valley \r\n known as the \"Happy Valley\" for its stunning scenery and welcoming communities.\r\n <\/p>\r\n <p>\r\n Our trek takes us through remote mountain passes, traditional <strong>Berber villages<\/strong>, and breathtaking gorges before descending \r\n to the pre-Saharan valleys and eventually reaching the magnificent <strong>Sahara Desert<\/strong> with its spectacular Erg Chebbi dunes. \r\n Along the way, you'll experience authentic cultural encounters, traditional hospitality, and landscapes that will stay with you forever.\r\n <\/p>\r\n <p>\r\n This carefully curated journey combines moderate trekking in the mountains with comfortable accommodations and authentic desert experiences. \r\n Whether you're an experienced hiker or new to mountain trekking, this adventure offers the perfect balance of challenge and cultural immersion.\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>Tour Highlights<\/h2>\r\n <small>What makes this <span style=\"font-weight: 600;\">Atlas to Sahara<\/span> trek unique<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <ul class=\"bullet-list included\">\r\n <li><i class=\"fa-solid fa-check\"><\/i> Trek through the stunning <strong>High Atlas Mountains<\/strong> and A\u00eft Bouguemez Valley<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Experience authentic <strong>Berber culture<\/strong> and hospitality in mountain villages<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Cross the magnificent M'goun Massif with its breathtaking landscapes<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Explore the beautiful Dades Valley and Valley of Roses<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Discover the spectacular Todra Gorges with their towering cliffs<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Camel trekking at sunset in the golden dunes of Erg Chebbi<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Overnight in a traditional desert camp under star-filled skies<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Visit the UNESCO World Heritage site of Ait Benhaddou<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Experience the vibrant atmosphere of Marrakech's Djemaa El Fna square<\/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>Detailed Itinerary \u2013 11 Days<\/h2>\r\n <small>Sample program, adaptable to your preferences<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-day\">\r\n <div class=\"day-label\">Day 1<\/div>\r\n <div class=\"day-content\">\r\n <h3>Arrival in Marrakech<\/h3>\r\n <p>\r\n Airport reception and transfer to your comfortable hotel or riad near the famous Djemaa El Fna square. \r\n Settle in and enjoy your first evening in this vibrant city. Free dinner to explore local cuisine at your leisure.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-day\">\r\n <div class=\"day-label\">Day 2<\/div>\r\n <div class=\"day-content\">\r\n <h3>Marrakech \u2013 A\u00eft Boulli Valley \u2013 Ait Bouguemez<\/h3>\r\n <p>\r\n Depart from Marrakech at 8:00 AM. Visit the natural bridge of Imi-n-Ifri and the rock carvings of Tizi-n-Tirghist. \r\n Enjoy a 2-hour hike in the red villages of A\u00eft Bouali with a picnic lunch. Visit the Jaro Gorge with swimming opportunities. \r\n Arrive at the lodge \"La montagne au pluriel\" in A\u00eft Bouguemez Valley for dinner and overnight stay.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-day\">\r\n <div class=\"day-label\">Day 3<\/div>\r\n <div class=\"day-content\">\r\n <h3>A\u00eft Bougmez Valley Exploration<\/h3>\r\n <p>\r\n Morning hike to the granary of Sidi Chita with local legends shared by your guide. Walk through fields back to the lodge for lunch. \r\n Afternoon dedicated to cultural immersion - participate in local life with village women harvesting wheat, barley, or potatoes. \r\n Opportunity to discover and participate in traditional weaving. Evening return to the lodge to watch the sunset over the Atlas Mountains.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-day\">\r\n <div class=\"day-label\">Day 4<\/div>\r\n <div class=\"day-content\">\r\n <h3>Agouti \u2013 Azib n'Ikkis<\/h3>\r\n <p>\r\n Meet your team of muleteers and begin your trek along the trail to Arous Valley. Visit Berber shepherds and a local family for tea. \r\n Climb through a narrow canyon to the high-altitude sheepfolds of Azib n'Ikkis with superb views of the M'goun massif. \r\n Set up camp and explore the surrounding gorges before dinner and overnight at the bivouac. \r\n <strong>6-7 hours walking \/ 550m ascent<\/strong>.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-day\">\r\n <div class=\"day-label\">Day 5<\/div>\r\n <div class=\"day-content\">\r\n <h3>Azib n'Ikkis \u2013 Marate Plateau<\/h3>\r\n <p>\r\n Steady climb to Tizi n'Oughri Pass (3200m) with remarkable views of the northern slope of M'Goun. \r\n Bivouac in sublime high-altitude settings. Meet A\u00eft Atta nomads who migrate from the Sahara for summer. \r\n Participate in a cooking class under the tents and visit a nomadic family. Explore the gorges before returning to camp. \r\n <strong>5 hours walking \/ 650m ascent, 450m descent<\/strong>.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-day\">\r\n <div class=\"day-label\">Day 6<\/div>\r\n <div class=\"day-content\">\r\n <h3>Marate Plateau \u2013 Source of M'goun (Aflafal)<\/h3>\r\n <p>\r\n Steady climb through the Atlas Mountains to Tizi Nouagmar Pass (2900m), then descent to Oulilimt Valley. \r\n Discover fairy chimneys and the seasonal shelters of nomadic tribes. Camp near the M'goun spring with swimming opportunities. \r\n <strong>5 hours walking \/ 500m ascent, 400m descent<\/strong>.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-day\">\r\n <div class=\"day-label\">Day 7<\/div>\r\n <div class=\"day-content\">\r\n <h3>M'goun Spring \u2013 Dades Valley<\/h3>\r\n <p>\r\n Gradually leave the high mountain landscapes and take the 4\u00d74 towards the Valley of Roses and Dades. \r\n Cross the Ait Ahmed Pass with panoramic views of the Saghro massif. Hike in the beautiful Valley of Roses. \r\n Visit a nomadic family for tea and enjoy a short walk in the Dades Valley. Dinner and overnight at a hotel with shower facilities.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-day\">\r\n <div class=\"day-label\">Day 8<\/div>\r\n <div class=\"day-content\">\r\n <h3>Dades \u2013 Todra Gorges \u2013 Merzouga<\/h3>\r\n <p>\r\n Morning departure for the spectacular Todra Gorges with a walk through the towering cliffs. Continue to Erfoud, famous for its fossilized marble. \r\n Pass through Rissani, the ancient capital of Tafilalet, then head to the Merzouga desert. \r\n Camel trek at sunset to your desert camp in the middle of Erg Chebbi. Enjoy mint tea, dinner, entertainment, and overnight in a tent or under the stars.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-day\">\r\n <div class=\"day-label\">Day 9<\/div>\r\n <div class=\"day-content\">\r\n <h3>Merzouga \u2013 Ait Benhaddou<\/h3>\r\n <p>\r\n Short camel ride back for breakfast, then departure by 4\u00d74 from Merzouga through beautiful desert and mountain landscapes. \r\n Pass through Tazzarine, N'kob, and Tansikht to the verdant Dr\u00e2a Valley at Agdz. Continue through ochre-colored villages to Ouarzazate. \r\n Dinner and overnight stay.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-day\">\r\n <div class=\"day-label\">Day 10<\/div>\r\n <div class=\"day-content\">\r\n <h3>Ait Benhaddou \u2013 Marrakech<\/h3>\r\n <p>\r\n Morning departure via the mountain road to visit the UNESCO World Heritage site of Ait Benhaddou Kasbah. \r\n Stop in Telouet to visit the Telouet Kasbah. Lunch in Taddart before continuing to Marrakech with photo stops along the way. \r\n Arrival in Marrakech in the late afternoon for overnight stay at your riad or hotel.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-day\">\r\n <div class=\"day-label\">Day 11<\/div>\r\n <div class=\"day-content\">\r\n <h3>Departure from Marrakech<\/h3>\r\n <p>\r\n Transfer to the airport for your return flight, marking the end of your unforgettable <strong>Atlas to Sahara trekking adventure<\/strong>.\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>What's Included \/ Not Included<\/h2>\r\n <small>To prepare your budget comfortably<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"two-column\">\r\n <div>\r\n <div class=\"list-title\">\r\n <i class=\"fa-solid fa-circle-check\"><\/i>\r\n Included in Price\r\n <\/div>\r\n <ul class=\"bullet-list included\">\r\n <li><i class=\"fa-solid fa-check\"><\/i> 2 nights in a riad in Marrakech with half-board or 3-star hotel equivalent<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Full board during the tour for the group and accompanying team<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Professional mountain guide and accompanying team<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Mules for luggage transport during trekking days<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Nights in guesthouses, hotels, and desert bivouac<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> All cooking equipment and camping gear<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> All transfers by minibus or 4\u00d74 as per itinerary<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Round-trip airport-hotel transfers<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"list-title\">\r\n <i class=\"fa-solid fa-circle-xmark\" style=\"color:#e11d48\"><\/i>\r\n Not Included\r\n <\/div>\r\n <ul class=\"bullet-list excluded\">\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> Individual travel insurance<\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> Camels in the Sahara (optional extra)<\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> Meals in Marrakech, drinks, and personal expenses<\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> Tips for guides and staff<\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> Airfare and visa fees<\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> Optional activities not mentioned in itinerary<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"content-section\" id=\"details\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-list-ul\"><\/i>\r\n <div>\r\n <h2>Practical Details<\/h2>\r\n <small>Duration, level, seasons & participants<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"feature-grid\">\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-calendar-days\"><\/i>\r\n <div>\r\n <strong>Duration<\/strong>\r\n 11 days \/ 10 nights\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-person-hiking\"><\/i>\r\n <div>\r\n <strong>Level<\/strong>\r\n Moderate to challenging\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-sun-plant-wilt\"><\/i>\r\n <div>\r\n <strong>Best Season<\/strong>\r\n Spring & Autumn\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-users\"><\/i>\r\n <div>\r\n <strong>Participants<\/strong>\r\n From 2 people\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-location-dot\"><\/i>\r\n <div>\r\n <strong>Regions<\/strong>\r\n <span style=\"font-weight: 600;\">High Atlas<\/span>, <span style=\"font-weight: 600;\">Sahara Desert<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-dollar-sign\"><\/i>\r\n <div>\r\n <strong>Price<\/strong>\r\n On request\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"map-section\" id=\"map\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-map-location-dot\"><\/i>\r\n <div>\r\n <h2>Tour Route Map<\/h2>\r\n <small>Explore the <span style=\"font-weight: 600;\">Atlas to Sahara<\/span> trekking route through Morocco<\/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=1adUTRFwR_D8pwywB1vKXgctLTBSwQwE&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>Frequently Asked Questions<\/h2>\r\n <small>Some answers before you go<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq\">\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>What is the difficulty level of this <span style=\"font-weight: 600;\">Atlas to Sahara Trekking<\/span> adventure?<\/span>\r\n <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>\r\n This trek is rated as <strong>moderate to challenging<\/strong>, with some days involving 5-7 hours of walking and significant elevation changes. \r\n Participants should be in good physical condition and have some previous hiking experience. The trek includes mountain passes over 3000m \r\n and desert walking. For more information about preparing for mountain adventures, check out our \r\n <a href=\"https:\/\/marrakechtrekking.com\/a-complete-guide-to-traveling-and-exploring-morocco\/\" target=\"_blank\" rel=\"dofollow\">Complete Guide to Traveling and Exploring Morocco<\/a>.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>Why is Spring and Autumn the recommended period for this <span style=\"font-weight: 600;\">Atlas to Sahara<\/span> trek?<\/span>\r\n <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>\r\n Spring (March-May) and Autumn (September-November) offer the most comfortable temperatures for both mountain trekking and desert exploration. \r\n Summer can be extremely hot in the desert, while winter brings cold temperatures and possible snow in the High Atlas. \r\n These seasons provide ideal conditions for enjoying both the mountain and desert sections of this journey. For detailed safety information \r\n about traveling in Morocco, visit our \r\n <a href=\"https:\/\/marrakechtrekking.com\/is-morocco-safe-to-travel-to-what-you-need-to-know-before-you-visit\/\" target=\"_blank\" rel=\"dofollow\">Morocco Safety Guide<\/a>.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>What type of accommodation is provided during the <span style=\"font-weight: 600;\">Atlas to Sahara Trekking<\/span> adventure?<\/span>\r\n <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>\r\n You'll stay in a variety of accommodations including comfortable <strong>riads and hotels<\/strong> in cities, \r\n <strong>mountain lodges<\/strong> in the Atlas, and authentic <strong>desert bivouacs<\/strong> during the Sahara portion. \r\n The mountain trekking includes camping with proper equipment provided. All accommodations are carefully selected for comfort, \r\n authentic Moroccan character, and their strategic locations along the route.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>How should I prepare for this <span style=\"font-weight: 600;\">Atlas to Sahara<\/span> adventure?<\/span>\r\n <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>\r\n Regular walking or hiking in the months before departure is highly recommended. Focus on building endurance for consecutive days of walking. \r\n Bring broken-in hiking boots, layered clothing for varying temperatures, sun protection (hat, sunglasses, sunscreen), and a daypack. \r\n A detailed equipment list will be provided upon booking. We also recommend bringing a reusable water bottle and personal medications.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>What makes the A\u00eft Bouguemez Valley special compared to other Atlas regions?<\/span>\r\n <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>\r\n The A\u00eft Bouguemez Valley, known as the \"Happy Valley,\" is renowned for its exceptional beauty, fertile terraced fields, \r\n and traditional Berber villages that have maintained their authentic way of life. Unlike more touristy areas, it offers \r\n a genuine cultural experience with incredibly hospitable communities. The valley is surrounded by dramatic mountain scenery \r\n and provides excellent trekking opportunities with relatively moderate difficulty compared to other High Atlas regions.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>Are there any cultural considerations I should be aware of during this trek?<\/span>\r\n <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>\r\n Morocco is a Muslim country with conservative traditions, especially in rural mountain and desert areas. \r\n We recommend dressing modestly, particularly when visiting villages and religious sites. Women should consider covering shoulders and knees. \r\n It's respectful to ask permission before photographing local people. Your guide will provide additional cultural guidance throughout the journey \r\n to ensure respectful interactions with local communities in both the Atlas Mountains and Sahara Desert regions.\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>Book This Tour<\/h2>\r\n <small>Tell us your preferences<\/small>\r\n <\/div>\r\n <\/div>\r\n \r\n <form id=\"mobile-booking-form\" novalidate>\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"m-start\">Start Date<\/label>\r\n <input type=\"date\" id=\"m-start\" class=\"form-input\" \/>\r\n <div class=\"error-message\" id=\"m-start-error\">Please choose a date.<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"m-end\">End Date<\/label>\r\n <input type=\"date\" id=\"m-end\" class=\"form-input\" \/>\r\n <div class=\"error-message\" id=\"m-end-error\">Please choose a date.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"m-people\">Number of Participants<\/label>\r\n <input type=\"number\" id=\"m-people\" class=\"form-input\" min=\"1\" max=\"16\" value=\"2\" \/>\r\n <div class=\"error-message\" id=\"m-people-error\">Please enter a number between 1 and 16.<\/div>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"m-first\">First Name<\/label>\r\n <input type=\"text\" id=\"m-first\" class=\"form-input\" placeholder=\"ex. John\" \/>\r\n <div class=\"error-message\" id=\"m-first-error\">Please enter your first name.<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"m-last\">Last Name<\/label>\r\n <input type=\"text\" id=\"m-last\" class=\"form-input\" placeholder=\"ex. Smith\" \/>\r\n <div class=\"error-message\" id=\"m-last-error\">Please enter your last name.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"m-email\">Email<\/label>\r\n <input type=\"email\" id=\"m-email\" class=\"form-input\" placeholder=\"ex. john@example.com\" \/>\r\n <div class=\"error-message\" id=\"m-email-error\">Please enter a valid email.<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"m-phone\">Phone<\/label>\r\n <input type=\"tel\" id=\"m-phone\" class=\"form-input\" placeholder=\"ex. +212612345678\" \/>\r\n <div class=\"error-message\" id=\"m-phone-error\">Invalid number (min. 10 digits).<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"m-notes\">Special Requests<\/label>\r\n <textarea id=\"m-notes\" rows=\"3\" class=\"form-input\" placeholder=\"Dietary requirements, equipment, children, etc.\"><\/textarea>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"btn-primary\" id=\"mobile-submit\">\r\n <i class=\"fa-solid fa-paper-plane\"><\/i>\r\n Book Now\r\n <\/button>\r\n <div class=\"form-note\">\r\n Personalized response within 24-48h (working days).\r\n <\/div>\r\n <\/form>\r\n <\/section>\r\n\r\n \r\n <section class=\"content-section\" id=\"galerie\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-images\"><\/i>\r\n <div>\r\n <h2>Photo Gallery \u2013 <span style=\"font-weight: 600;\">Atlas to Sahara<\/span> Trekking<\/h2>\r\n <small>Some images from this <span style=\"font-weight: 600;\">Morocco Adventure<\/span><\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"photo-gallery\">\r\n <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-03-25-015545.png\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-03-25-015545.png\" alt=\"Atlas Mountains Landscape\" \/>\r\n <div class=\"photo-view-icon\">\r\n <span><i class=\"fa-solid fa-eye\"><\/i> View<\/span>\r\n <\/div>\r\n <\/button>\r\n <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/walking-sahara-sand-dunes.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/walking-sahara-sand-dunes.jpg\" alt=\"Sahara Desert Trekking\" \/>\r\n <div class=\"photo-view-icon\">\r\n <span><i class=\"fa-solid fa-eye\"><\/i> View<\/span>\r\n <\/div>\r\n <\/button>\r\n <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/atlas-mountains-morocco.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/atlas-mountains-morocco.jpg\" alt=\"High Atlas Mountains\" \/>\r\n <div class=\"photo-view-icon\">\r\n <span><i class=\"fa-solid fa-eye\"><\/i> View<\/span>\r\n <\/div>\r\n <\/button>\r\n <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/image_processing20221222-4-o7ic1q.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/image_processing20221222-4-o7ic1q.jpg\" alt=\"Berber Village\" \/>\r\n <div class=\"photo-view-icon\">\r\n <span><i class=\"fa-solid fa-eye\"><\/i> View<\/span>\r\n <\/div>\r\n <\/button>\r\n <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/trekking-vall-e-du-zat_orig.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/trekking-vall-e-du-zat_orig.jpg\" alt=\"Mountain Trekking\" \/>\r\n <div class=\"photo-view-icon\">\r\n <span><i class=\"fa-solid fa-eye\"><\/i> View<\/span>\r\n <\/div>\r\n <\/button>\r\n <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-03-25-023328.png\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-03-25-023328.png\" alt=\"Desert Camp\" \/>\r\n <div class=\"photo-view-icon\">\r\n <span><i class=\"fa-solid fa-eye\"><\/i> View<\/span>\r\n <\/div>\r\n <\/button>\r\n <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_7888-scaled-2.jpeg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_7888-scaled-2.jpeg\" alt=\"Camel Trekking Sahara\" \/>\r\n <div class=\"photo-view-icon\">\r\n <span><i class=\"fa-solid fa-eye\"><\/i> View<\/span>\r\n <\/div>\r\n <\/button>\r\n <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_0355-1.jpeg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_0355-1.jpeg\" alt=\"Nomadic Culture\" \/>\r\n <div class=\"photo-view-icon\">\r\n <span><i class=\"fa-solid fa-eye\"><\/i> View<\/span>\r\n <\/div>\r\n <\/button>\r\n <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-03-25-015602.png\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-03-25-015602.png\" alt=\"Atlas to Sahara Adventure\" \/>\r\n <div class=\"photo-view-icon\">\r\n <span><i class=\"fa-solid fa-eye\"><\/i> View<\/span>\r\n <\/div>\r\n <\/button>\r\n <\/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>Tour Price<\/h2>\r\n <div class=\"price-main\">\r\n <div class=\"price-amount\">On Request<\/div>\r\n <span class=\"price-tag\"><i class=\"fa-solid fa-circle-info\"><\/i> Custom Quote<\/span>\r\n <\/div>\r\n <p class=\"price-note\">\r\n Price depends on season, number of participants, group size, and comfort level desired.\r\n <\/p>\r\n <div class=\"price-details\">\r\n <p><i class=\"fa-solid fa-calendar-alt\"><\/i> 11 days of exploration<\/p>\r\n <p><i class=\"fa-solid fa-location-dot\"><\/i> <span style=\"font-weight: 600;\">High Atlas<\/span> & <span style=\"font-weight: 600;\">Sahara Desert<\/span><\/p>\r\n <p><i class=\"fa-solid fa-users\"><\/i> From 2 people<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"booking-form\">\r\n <h3>Book This Tour<\/h3>\r\n <p>Tell us your preferences, we'll adapt the program and pricing.<\/p>\r\n\r\n <form id=\"desktop-form\" novalidate>\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"d-start\">Preferred Start Date<\/label>\r\n <input type=\"date\" id=\"d-start\" class=\"form-input\" \/>\r\n <div class=\"error-message\" id=\"d-start-error\">Please choose a start date.<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"d-end\">End Date<\/label>\r\n <input type=\"date\" id=\"d-end\" class=\"form-input\" \/>\r\n <div class=\"error-message\" id=\"d-end-error\">Please choose an end date.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"d-people\">Number of Participants<\/label>\r\n <input type=\"number\" id=\"d-people\" class=\"form-input\" min=\"1\" max=\"16\" value=\"2\" \/>\r\n <div class=\"error-message\" id=\"d-people-error\">Please enter a number between 1 and 16.<\/div>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"d-first\">First Name<\/label>\r\n <input type=\"text\" id=\"d-first\" class=\"form-input\" placeholder=\"ex. John\" \/>\r\n <div class=\"error-message\" id=\"d-first-error\">Please enter your first name.<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"d-last\">Last Name<\/label>\r\n <input type=\"text\" id=\"d-last\" class=\"form-input\" placeholder=\"ex. Smith\" \/>\r\n <div class=\"error-message\" id=\"d-last-error\">Please enter your last name.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"d-email\">Email<\/label>\r\n <input type=\"email\" id=\"d-email\" class=\"form-input\" placeholder=\"ex. john@example.com\" \/>\r\n <div class=\"error-message\" id=\"d-email-error\">Please enter a valid email.<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"d-phone\">Phone<\/label>\r\n <input type=\"tel\" id=\"d-phone\" class=\"form-input\" placeholder=\"ex. +212612345678\" \/>\r\n <div class=\"error-message\" id=\"d-phone-error\">Invalid number (min. 10 digits).<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"d-notes\">Special Requests<\/label>\r\n <textarea id=\"d-notes\" rows=\"3\" class=\"form-input\" placeholder=\"Dietary requirements, equipment, children, etc.\"><\/textarea>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"btn-primary\" id=\"d-submit\">\r\n <i class=\"fa-solid fa-paper-plane\"><\/i>\r\n Book Now\r\n <\/button>\r\n <div class=\"form-note\">\r\n Personalized response within 24-48h (working days).\r\n <\/div>\r\n <\/form>\r\n <\/section>\r\n <\/aside>\r\n <\/main>\r\n <\/div>\r\n\r\n \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 to Sahara<\/span> Trek \u2013 11 days<\/span>\r\n <strong>Price on request<\/strong>\r\n <\/div>\r\n <button class=\"mobile-booking-btn\" id=\"scroll-to-form-btn\">\r\n <i class=\"fa-solid fa-calendar-plus\"><\/i>\r\n Book Now\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"thankyou-overlay\" id=\"thankyou\">\r\n <div class=\"thankyou-card\">\r\n <div class=\"icon\"><i class=\"fa-solid fa-check\"><\/i><\/div>\r\n <h3>Thank You For Your Booking Request!<\/h3>\r\n <p>\r\n We have received your message for the Atlas to Sahara 11-Day Trekking Adventure in Morocco.\r\n A consultant will contact you shortly with a detailed quote.\r\n <\/p>\r\n <div class=\"btn-row\">\r\n <button id=\"ty-close\">\r\n <i class=\"fa-solid fa-xmark\"><\/i>\r\n Close\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"image-lightbox\" id=\"image-lightbox\">\r\n <div class=\"image-lightbox-inner\">\r\n <button class=\"image-lightbox-close\" id=\"image-lightbox-close\" aria-label=\"Close image\">\r\n <i class=\"fa-solid fa-xmark\"><\/i>\r\n <\/button>\r\n <img decoding=\"async\" src=\"\" alt=\"Enlarged image\" id=\"image-lightbox-img\">\r\n <\/div>\r\n <\/div>\r\n\r\n \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: 'Atlas to Sahara 11-Day Trekking Adventure in Morocco',\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Atlas to Sahara 11-Day Trekking Adventure in Morocco | High Atlas … <\/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-118","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\/118","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=118"}],"version-history":[{"count":4,"href":"https:\/\/marrakechtrekking.com\/fr\/wp-json\/wp\/v2\/pages\/118\/revisions"}],"predecessor-version":[{"id":122,"href":"https:\/\/marrakechtrekking.com\/fr\/wp-json\/wp\/v2\/pages\/118\/revisions\/122"}],"wp:attachment":[{"href":"https:\/\/marrakechtrekking.com\/fr\/wp-json\/wp\/v2\/media?parent=118"}],"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 Atlas to Sahara 11-Day Trekking Adventure in Morocco | High Atlas Sahara Desert<\/title>\r\n <meta name=\"description\" content=\"Experience our 11-day Atlas to Sahara trekking adventure in Morocco. Discover the High Atlas mountains, Sahara Desert, Berber culture, and stunning landscapes on this unforgettable journey.\">\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 #atlas-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 #atlas-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 #atlas-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 #atlas-sahara-trekking-wrapper .gallery-section img,\r\n #atlas-sahara-trekking-wrapper .thumbnail img,\r\n #atlas-sahara-trekking-wrapper .photo-gallery img,\r\n #atlas-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 #atlas-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 #atlas-sahara-trekking-wrapper .hero-section {\r\n grid-template-columns: 1fr !important;\r\n }\r\n }\r\n\r\n #atlas-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 #atlas-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 #atlas-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 #atlas-sahara-trekking-wrapper .region-badge i {\r\n color: #fed7aa !important;\r\n }\r\n\r\n #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-sahara-trekking-wrapper .detail-pill i {\r\n color: #fed7aa !important;\r\n }\r\n\r\n \/* Gallery Section *\/\r\n #atlas-sahara-trekking-wrapper .gallery-section {\r\n display: grid !important;\r\n gap: 10px !important;\r\n }\r\n\r\n #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-sahara-trekking-wrapper .thumbnail:hover img {\r\n transform: scale(1.08) !important;\r\n }\r\n\r\n #atlas-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 #atlas-sahara-trekking-wrapper .thumbnail:hover::after {\r\n opacity: 1 !important;\r\n }\r\n\r\n #atlas-sahara-trekking-wrapper .thumbnail.active {\r\n border-color: var(--accent-color) !important;\r\n }\r\n\r\n #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-sahara-trekking-wrapper .info-text strong {\r\n font-size: 0.94rem !important;\r\n }\r\n\r\n \/* Main Layout *\/\r\n #atlas-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 #atlas-sahara-trekking-wrapper .main-layout {\r\n grid-template-columns: 1fr !important;\r\n }\r\n }\r\n\r\n #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-sahara-trekking-wrapper .highlight-box strong {\r\n color: var(--accent-dark) !important;\r\n }\r\n\r\n #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-sahara-trekking-wrapper .itinerary-day:last-child {\r\n border-bottom: none !important;\r\n }\r\n\r\n #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-sahara-trekking-wrapper .two-column {\r\n grid-template-columns: 1fr !important;\r\n }\r\n }\r\n\r\n #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-sahara-trekking-wrapper .bullet-list.included li i {\r\n color: var(--accent-dark) !important;\r\n }\r\n\r\n #atlas-sahara-trekking-wrapper .bullet-list.excluded li i {\r\n color: #e11d48 !important;\r\n }\r\n\r\n \/* FAQ *\/\r\n #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-sahara-trekking-wrapper .faq-item.open .faq-question i {\r\n transform: rotate(180deg) !important;\r\n }\r\n\r\n #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-sahara-trekking-wrapper .photo-item:hover img {\r\n transform: scale(1.05) !important;\r\n }\r\n\r\n #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-sahara-trekking-wrapper .photo-item:hover .photo-view-icon {\r\n opacity: 1 !important;\r\n }\r\n\r\n #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-sahara-trekking-wrapper .price-details {\r\n font-size: 0.86rem !important;\r\n opacity: 0.95 !important;\r\n }\r\n\r\n #atlas-sahara-trekking-wrapper .price-details p {\r\n margin: 2px 0 !important;\r\n }\r\n\r\n #atlas-sahara-trekking-wrapper .price-details i {\r\n margin-right: 6px !important;\r\n }\r\n\r\n #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-sahara-trekking-wrapper .sidebar {\r\n display: none !important;\r\n }\r\n }\r\n\r\n #atlas-sahara-trekking-wrapper .form-group {\r\n margin-bottom: 10px !important;\r\n }\r\n\r\n #atlas-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 #atlas-sahara-trekking-wrapper .form-input,\r\n #atlas-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 #atlas-sahara-trekking-wrapper .form-input:focus,\r\n #atlas-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 #atlas-sahara-trekking-wrapper .form-input.error,\r\n #atlas-sahara-trekking-wrapper textarea.error {\r\n border-color: #e11d48 !important;\r\n background: #fef2f2 !important;\r\n }\r\n\r\n #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-sahara-trekking-wrapper .btn-primary i {\r\n font-size: 0.9rem !important;\r\n }\r\n\r\n #atlas-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 #atlas-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 #atlas-sahara-trekking-wrapper .mobile-booking {\r\n display: none !important;\r\n }\r\n\r\n @media (max-width: 720px) {\r\n #atlas-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 #atlas-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 #atlas-sahara-trekking-wrapper .mobile-booking-info {\r\n color: #e5e7eb !important;\r\n font-size: 0.82rem !important;\r\n }\r\n\r\n #atlas-sahara-trekking-wrapper .mobile-booking-info strong {\r\n display: block !important;\r\n font-size: 1rem !important;\r\n }\r\n\r\n #atlas-sahara-trekking-wrapper .mobile-booking-btn {\r\n border-radius: 999px !important;\r\n border: none !important;\r\n padding: 9px 15px !important;\r\n background: var(--accent-gradient) !important;\r\n color: #ecfdf5 !important;\r\n font-weight: 700 !important;\r\n font-size: 0.9rem !important;\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 7px !important;\r\n cursor: pointer !important;\r\n box-shadow: 0 18px 40px rgba(15, 23, 42, 0.5) !important;\r\n }\r\n }\r\n\r\n \/* Mobile Form Section (NEW) *\/\r\n #atlas-sahara-trekking-wrapper .mobile-form-section {\r\n display: none !important;\r\n }\r\n\r\n @media (max-width: 720px) {\r\n #atlas-sahara-trekking-wrapper .mobile-form-section {\r\n display: block !important;\r\n }\r\n }\r\n\r\n \/* Toast & Overlay *\/\r\n #atlas-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 #atlas-sahara-trekking-wrapper .toast.show {\r\n display: block !important;\r\n }\r\n\r\n #atlas-sahara-trekking-wrapper .toast.success {\r\n background: #16a34a !important; \/* success green *\/\r\n }\r\n\r\n #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-sahara-trekking-wrapper .thankyou-card {\r\n padding: 28px 20px !important;\r\n width: 95% !important;\r\n }\r\n\r\n #atlas-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 #atlas-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 #atlas-sahara-trekking-wrapper .thankyou-card p {\r\n font-size: 1rem !important;\r\n }\r\n\r\n #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-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 #atlas-sahara-trekking-wrapper .container {\r\n padding: 15px 12px 100px !important;\r\n }\r\n \r\n #atlas-sahara-trekking-wrapper .hero-section {\r\n margin-bottom: 20px !important;\r\n }\r\n \r\n #atlas-sahara-trekking-wrapper .hero-content {\r\n padding: 18px 16px !important;\r\n order: 2 !important;\r\n }\r\n \r\n #atlas-sahara-trekking-wrapper .gallery-section {\r\n order: 1 !important;\r\n margin-bottom: 16px !important;\r\n }\r\n \r\n #atlas-sahara-trekking-wrapper .trek-details {\r\n flex-direction: column !important;\r\n gap: 6px !important;\r\n }\r\n \r\n #atlas-sahara-trekking-wrapper .detail-pill {\r\n width: 100% !important;\r\n justify-content: center !important;\r\n }\r\n \r\n #atlas-sahara-trekking-wrapper .content-section {\r\n padding: 16px 14px !important;\r\n margin-bottom: 16px !important;\r\n }\r\n \r\n #atlas-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 #atlas-sahara-trekking-wrapper .day-label {\r\n font-size: 0.9rem !important;\r\n }\r\n \r\n #atlas-sahara-trekking-wrapper .photo-gallery {\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n }\r\n \r\n #atlas-sahara-trekking-wrapper .photo-item img {\r\n height: 120px !important;\r\n }\r\n \r\n #atlas-sahara-trekking-wrapper .feature-grid {\r\n grid-template-columns: 1fr !important;\r\n }\r\n \r\n #atlas-sahara-trekking-wrapper .highlight-box {\r\n padding: 10px 12px !important;\r\n font-size: 0.9rem !important;\r\n }\r\n \r\n #atlas-sahara-trekking-wrapper .map-container {\r\n height: 300px !important;\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n #atlas-sahara-trekking-wrapper .container {\r\n padding: 12px 10px 100px !important;\r\n }\r\n \r\n #atlas-sahara-trekking-wrapper .hero-content {\r\n padding: 16px 14px !important;\r\n }\r\n \r\n #atlas-sahara-trekking-wrapper .main-gallery {\r\n height: 260px !important;\r\n }\r\n \r\n #atlas-sahara-trekking-wrapper .thumbnail-grid {\r\n grid-template-columns: repeat(3, 1fr) !important;\r\n }\r\n \r\n #atlas-sahara-trekking-wrapper .thumbnail {\r\n min-height: 60px !important;\r\n }\r\n \r\n #atlas-sahara-trekking-wrapper .content-section {\r\n padding: 14px 12px !important;\r\n }\r\n \r\n #atlas-sahara-trekking-wrapper .photo-gallery {\r\n grid-template-columns: 1fr !important;\r\n }\r\n \r\n #atlas-sahara-trekking-wrapper .photo-item img {\r\n height: 140px !important;\r\n }\r\n \r\n #atlas-sahara-trekking-wrapper .info-cards {\r\n flex-direction: column !important;\r\n }\r\n \r\n #atlas-sahara-trekking-wrapper .info-card {\r\n width: 100% !important;\r\n }\r\n \r\n #atlas-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=\"atlas-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\/Capture-decran-2025-03-25-015545.png\"\r\n alt=\"Atlas to Sahara 11-Day Trekking Adventure in Morocco\"\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 to Sahara Trekking Adventure\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"thumbnail-grid\">\r\n <button\r\n class=\"thumbnail active\"\r\n data-src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-03-25-015545.png\"\r\n >\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-03-25-015545.png\" 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\/walking-sahara-sand-dunes.jpg\"\r\n >\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/walking-sahara-sand-dunes.jpg\" alt=\"Sahara Desert Trekking\" \/>\r\n <\/button>\r\n\r\n <button\r\n class=\"thumbnail\"\r\n data-src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/atlas-mountains-morocco.jpg\"\r\n >\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/atlas-mountains-morocco.jpg\" alt=\"High Atlas 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>Best Season<\/span>\r\n <strong>Spring & Autumn<\/strong>\r\n <\/div>\r\n <\/div>\r\n <div class=\"info-card\">\r\n <div class=\"info-icon\"><i class=\"fa-solid fa-route\"><\/i><\/div>\r\n <div class=\"info-text\">\r\n <span>Trek Type<\/span>\r\n <strong>Mountain & Desert<\/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;\">High Atlas<\/span> \u00b7 <span style=\"font-weight: 600;\">Sahara Desert<\/span>\r\n <\/div>\r\n <h1>Atlas to Sahara 11-Day <span style=\"color: #f97316;\">Trekking Adventure<\/span> in <span style=\"color: #f97316;\">Morocco<\/span><\/h1>\r\n <p class=\"hero-description\">\r\n Experience our <strong>11-day Atlas to Sahara trekking adventure<\/strong> through the magnificent landscapes of Morocco. \r\n This <strong>High Atlas Sahara Desert<\/strong> journey takes you from the stunning peaks of the <strong>Atlas Mountains<\/strong> to the golden dunes of the <strong>Sahara Desert<\/strong>. \r\n Discover authentic <strong>Berber culture<\/strong>, trek through breathtaking valleys, and experience the ultimate <strong>Morocco adventure<\/strong>.\r\n <\/p>\r\n <div class=\"trek-details\">\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-calendar-alt\"><\/i> 11 days \/ 10 nights<\/div>\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-person-hiking\"><\/i> Moderate to challenging<\/div>\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-people-group\"><\/i> From 2 people<\/div>\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-location-dot\"><\/i> <span style=\"font-weight: 600;\">Atlas Mountains<\/span>, <span style=\"font-weight: 600;\">Sahara Desert<\/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>Tour Overview<\/h2>\r\n <small><span style=\"font-weight: 600;\">Atlas to Sahara<\/span> \u00b7 <span style=\"font-weight: 600;\">Trekking Adventure<\/span> \u00b7 Guided Exploration<\/small>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-box\">\r\n <strong>An epic 11-day journey from the <span style=\"color: #dc2626;\">Atlas Mountains<\/span> to the <span style=\"color: #dc2626;\">Sahara Desert<\/span><\/strong><br \/>\r\n This <strong>Atlas to Sahara trekking adventure<\/strong> offers a unique opportunity to explore the diverse landscapes of Morocco. \r\n From the green valleys of the <strong>High Atlas<\/strong> to the golden dunes of the <strong>Sahara Desert<\/strong>, experience authentic <strong>Berber culture<\/strong>, \r\n traditional villages, and breathtaking natural wonders on this unforgettable <strong>Morocco adventure<\/strong>.\r\n <\/div>\r\n <p>\r\n This <strong>Atlas to Sahara 11-day trekking adventure<\/strong> is a spectacular journey through Morocco's most iconic landscapes. \r\n Beginning in <strong>Marrakech<\/strong>, we venture into the <strong>High Atlas Mountains<\/strong>, exploring the beautiful A\u00eft Bouguemez Valley \r\n known as the \"Happy Valley\" for its stunning scenery and welcoming communities.\r\n <\/p>\r\n <p>\r\n Our trek takes us through remote mountain passes, traditional <strong>Berber villages<\/strong>, and breathtaking gorges before descending \r\n to the pre-Saharan valleys and eventually reaching the magnificent <strong>Sahara Desert<\/strong> with its spectacular Erg Chebbi dunes. \r\n Along the way, you'll experience authentic cultural encounters, traditional hospitality, and landscapes that will stay with you forever.\r\n <\/p>\r\n <p>\r\n This carefully curated journey combines moderate trekking in the mountains with comfortable accommodations and authentic desert experiences. \r\n Whether you're an experienced hiker or new to mountain trekking, this adventure offers the perfect balance of challenge and cultural immersion.\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>Tour Highlights<\/h2>\r\n <small>What makes this <span style=\"font-weight: 600;\">Atlas to Sahara<\/span> trek unique<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <ul class=\"bullet-list included\">\r\n <li><i class=\"fa-solid fa-check\"><\/i> Trek through the stunning <strong>High Atlas Mountains<\/strong> and A\u00eft Bouguemez Valley<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Experience authentic <strong>Berber culture<\/strong> and hospitality in mountain villages<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Cross the magnificent M'goun Massif with its breathtaking landscapes<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Explore the beautiful Dades Valley and Valley of Roses<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Discover the spectacular Todra Gorges with their towering cliffs<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Camel trekking at sunset in the golden dunes of Erg Chebbi<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Overnight in a traditional desert camp under star-filled skies<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Visit the UNESCO World Heritage site of Ait Benhaddou<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Experience the vibrant atmosphere of Marrakech's Djemaa El Fna square<\/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>Detailed Itinerary \u2013 11 Days<\/h2>\r\n <small>Sample program, adaptable to your preferences<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-day\">\r\n <div class=\"day-label\">Day 1<\/div>\r\n <div class=\"day-content\">\r\n <h3>Arrival in Marrakech<\/h3>\r\n <p>\r\n Airport reception and transfer to your comfortable hotel or riad near the famous Djemaa El Fna square. \r\n Settle in and enjoy your first evening in this vibrant city. Free dinner to explore local cuisine at your leisure.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-day\">\r\n <div class=\"day-label\">Day 2<\/div>\r\n <div class=\"day-content\">\r\n <h3>Marrakech \u2013 A\u00eft Boulli Valley \u2013 Ait Bouguemez<\/h3>\r\n <p>\r\n Depart from Marrakech at 8:00 AM. Visit the natural bridge of Imi-n-Ifri and the rock carvings of Tizi-n-Tirghist. \r\n Enjoy a 2-hour hike in the red villages of A\u00eft Bouali with a picnic lunch. Visit the Jaro Gorge with swimming opportunities. \r\n Arrive at the lodge \"La montagne au pluriel\" in A\u00eft Bouguemez Valley for dinner and overnight stay.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-day\">\r\n <div class=\"day-label\">Day 3<\/div>\r\n <div class=\"day-content\">\r\n <h3>A\u00eft Bougmez Valley Exploration<\/h3>\r\n <p>\r\n Morning hike to the granary of Sidi Chita with local legends shared by your guide. Walk through fields back to the lodge for lunch. \r\n Afternoon dedicated to cultural immersion - participate in local life with village women harvesting wheat, barley, or potatoes. \r\n Opportunity to discover and participate in traditional weaving. Evening return to the lodge to watch the sunset over the Atlas Mountains.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-day\">\r\n <div class=\"day-label\">Day 4<\/div>\r\n <div class=\"day-content\">\r\n <h3>Agouti \u2013 Azib n'Ikkis<\/h3>\r\n <p>\r\n Meet your team of muleteers and begin your trek along the trail to Arous Valley. Visit Berber shepherds and a local family for tea. \r\n Climb through a narrow canyon to the high-altitude sheepfolds of Azib n'Ikkis with superb views of the M'goun massif. \r\n Set up camp and explore the surrounding gorges before dinner and overnight at the bivouac. \r\n <strong>6-7 hours walking \/ 550m ascent<\/strong>.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-day\">\r\n <div class=\"day-label\">Day 5<\/div>\r\n <div class=\"day-content\">\r\n <h3>Azib n'Ikkis \u2013 Marate Plateau<\/h3>\r\n <p>\r\n Steady climb to Tizi n'Oughri Pass (3200m) with remarkable views of the northern slope of M'Goun. \r\n Bivouac in sublime high-altitude settings. Meet A\u00eft Atta nomads who migrate from the Sahara for summer. \r\n Participate in a cooking class under the tents and visit a nomadic family. Explore the gorges before returning to camp. \r\n <strong>5 hours walking \/ 650m ascent, 450m descent<\/strong>.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-day\">\r\n <div class=\"day-label\">Day 6<\/div>\r\n <div class=\"day-content\">\r\n <h3>Marate Plateau \u2013 Source of M'goun (Aflafal)<\/h3>\r\n <p>\r\n Steady climb through the Atlas Mountains to Tizi Nouagmar Pass (2900m), then descent to Oulilimt Valley. \r\n Discover fairy chimneys and the seasonal shelters of nomadic tribes. Camp near the M'goun spring with swimming opportunities. \r\n <strong>5 hours walking \/ 500m ascent, 400m descent<\/strong>.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-day\">\r\n <div class=\"day-label\">Day 7<\/div>\r\n <div class=\"day-content\">\r\n <h3>M'goun Spring \u2013 Dades Valley<\/h3>\r\n <p>\r\n Gradually leave the high mountain landscapes and take the 4\u00d74 towards the Valley of Roses and Dades. \r\n Cross the Ait Ahmed Pass with panoramic views of the Saghro massif. Hike in the beautiful Valley of Roses. \r\n Visit a nomadic family for tea and enjoy a short walk in the Dades Valley. Dinner and overnight at a hotel with shower facilities.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-day\">\r\n <div class=\"day-label\">Day 8<\/div>\r\n <div class=\"day-content\">\r\n <h3>Dades \u2013 Todra Gorges \u2013 Merzouga<\/h3>\r\n <p>\r\n Morning departure for the spectacular Todra Gorges with a walk through the towering cliffs. Continue to Erfoud, famous for its fossilized marble. \r\n Pass through Rissani, the ancient capital of Tafilalet, then head to the Merzouga desert. \r\n Camel trek at sunset to your desert camp in the middle of Erg Chebbi. Enjoy mint tea, dinner, entertainment, and overnight in a tent or under the stars.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-day\">\r\n <div class=\"day-label\">Day 9<\/div>\r\n <div class=\"day-content\">\r\n <h3>Merzouga \u2013 Ait Benhaddou<\/h3>\r\n <p>\r\n Short camel ride back for breakfast, then departure by 4\u00d74 from Merzouga through beautiful desert and mountain landscapes. \r\n Pass through Tazzarine, N'kob, and Tansikht to the verdant Dr\u00e2a Valley at Agdz. Continue through ochre-colored villages to Ouarzazate. \r\n Dinner and overnight stay.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-day\">\r\n <div class=\"day-label\">Day 10<\/div>\r\n <div class=\"day-content\">\r\n <h3>Ait Benhaddou \u2013 Marrakech<\/h3>\r\n <p>\r\n Morning departure via the mountain road to visit the UNESCO World Heritage site of Ait Benhaddou Kasbah. \r\n Stop in Telouet to visit the Telouet Kasbah. Lunch in Taddart before continuing to Marrakech with photo stops along the way. \r\n Arrival in Marrakech in the late afternoon for overnight stay at your riad or hotel.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-day\">\r\n <div class=\"day-label\">Day 11<\/div>\r\n <div class=\"day-content\">\r\n <h3>Departure from Marrakech<\/h3>\r\n <p>\r\n Transfer to the airport for your return flight, marking the end of your unforgettable <strong>Atlas to Sahara trekking adventure<\/strong>.\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>What's Included \/ Not Included<\/h2>\r\n <small>To prepare your budget comfortably<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"two-column\">\r\n <div>\r\n <div class=\"list-title\">\r\n <i class=\"fa-solid fa-circle-check\"><\/i>\r\n Included in Price\r\n <\/div>\r\n <ul class=\"bullet-list included\">\r\n <li><i class=\"fa-solid fa-check\"><\/i> 2 nights in a riad in Marrakech with half-board or 3-star hotel equivalent<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Full board during the tour for the group and accompanying team<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Professional mountain guide and accompanying team<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Mules for luggage transport during trekking days<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Nights in guesthouses, hotels, and desert bivouac<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> All cooking equipment and camping gear<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> All transfers by minibus or 4\u00d74 as per itinerary<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Round-trip airport-hotel transfers<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"list-title\">\r\n <i class=\"fa-solid fa-circle-xmark\" style=\"color:#e11d48\"><\/i>\r\n Not Included\r\n <\/div>\r\n <ul class=\"bullet-list excluded\">\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> Individual travel insurance<\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> Camels in the Sahara (optional extra)<\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> Meals in Marrakech, drinks, and personal expenses<\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> Tips for guides and staff<\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> Airfare and visa fees<\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> Optional activities not mentioned in itinerary<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"content-section\" id=\"details\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-list-ul\"><\/i>\r\n <div>\r\n <h2>Practical Details<\/h2>\r\n <small>Duration, level, seasons & participants<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"feature-grid\">\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-calendar-days\"><\/i>\r\n <div>\r\n <strong>Duration<\/strong>\r\n 11 days \/ 10 nights\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-person-hiking\"><\/i>\r\n <div>\r\n <strong>Level<\/strong>\r\n Moderate to challenging\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-sun-plant-wilt\"><\/i>\r\n <div>\r\n <strong>Best Season<\/strong>\r\n Spring & Autumn\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-users\"><\/i>\r\n <div>\r\n <strong>Participants<\/strong>\r\n From 2 people\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-location-dot\"><\/i>\r\n <div>\r\n <strong>Regions<\/strong>\r\n <span style=\"font-weight: 600;\">High Atlas<\/span>, <span style=\"font-weight: 600;\">Sahara Desert<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-dollar-sign\"><\/i>\r\n <div>\r\n <strong>Price<\/strong>\r\n On request\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"map-section\" id=\"map\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-map-location-dot\"><\/i>\r\n <div>\r\n <h2>Tour Route Map<\/h2>\r\n <small>Explore the <span style=\"font-weight: 600;\">Atlas to Sahara<\/span> trekking route through Morocco<\/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=1adUTRFwR_D8pwywB1vKXgctLTBSwQwE&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>Frequently Asked Questions<\/h2>\r\n <small>Some answers before you go<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq\">\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>What is the difficulty level of this <span style=\"font-weight: 600;\">Atlas to Sahara Trekking<\/span> adventure?<\/span>\r\n <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>\r\n This trek is rated as <strong>moderate to challenging<\/strong>, with some days involving 5-7 hours of walking and significant elevation changes. \r\n Participants should be in good physical condition and have some previous hiking experience. The trek includes mountain passes over 3000m \r\n and desert walking. For more information about preparing for mountain adventures, check out our \r\n <a href=\"https:\/\/marrakechtrekking.com\/a-complete-guide-to-traveling-and-exploring-morocco\/\" target=\"_blank\" rel=\"dofollow\">Complete Guide to Traveling and Exploring Morocco<\/a>.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>Why is Spring and Autumn the recommended period for this <span style=\"font-weight: 600;\">Atlas to Sahara<\/span> trek?<\/span>\r\n <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>\r\n Spring (March-May) and Autumn (September-November) offer the most comfortable temperatures for both mountain trekking and desert exploration. \r\n Summer can be extremely hot in the desert, while winter brings cold temperatures and possible snow in the High Atlas. \r\n These seasons provide ideal conditions for enjoying both the mountain and desert sections of this journey. For detailed safety information \r\n about traveling in Morocco, visit our \r\n <a href=\"https:\/\/marrakechtrekking.com\/is-morocco-safe-to-travel-to-what-you-need-to-know-before-you-visit\/\" target=\"_blank\" rel=\"dofollow\">Morocco Safety Guide<\/a>.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>What type of accommodation is provided during the <span style=\"font-weight: 600;\">Atlas to Sahara Trekking<\/span> adventure?<\/span>\r\n <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>\r\n You'll stay in a variety of accommodations including comfortable <strong>riads and hotels<\/strong> in cities, \r\n <strong>mountain lodges<\/strong> in the Atlas, and authentic <strong>desert bivouacs<\/strong> during the Sahara portion. \r\n The mountain trekking includes camping with proper equipment provided. All accommodations are carefully selected for comfort, \r\n authentic Moroccan character, and their strategic locations along the route.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>How should I prepare for this <span style=\"font-weight: 600;\">Atlas to Sahara<\/span> adventure?<\/span>\r\n <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>\r\n Regular walking or hiking in the months before departure is highly recommended. Focus on building endurance for consecutive days of walking. \r\n Bring broken-in hiking boots, layered clothing for varying temperatures, sun protection (hat, sunglasses, sunscreen), and a daypack. \r\n A detailed equipment list will be provided upon booking. We also recommend bringing a reusable water bottle and personal medications.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>What makes the A\u00eft Bouguemez Valley special compared to other Atlas regions?<\/span>\r\n <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>\r\n The A\u00eft Bouguemez Valley, known as the \"Happy Valley,\" is renowned for its exceptional beauty, fertile terraced fields, \r\n and traditional Berber villages that have maintained their authentic way of life. Unlike more touristy areas, it offers \r\n a genuine cultural experience with incredibly hospitable communities. The valley is surrounded by dramatic mountain scenery \r\n and provides excellent trekking opportunities with relatively moderate difficulty compared to other High Atlas regions.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>Are there any cultural considerations I should be aware of during this trek?<\/span>\r\n <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>\r\n Morocco is a Muslim country with conservative traditions, especially in rural mountain and desert areas. \r\n We recommend dressing modestly, particularly when visiting villages and religious sites. Women should consider covering shoulders and knees. \r\n It's respectful to ask permission before photographing local people. Your guide will provide additional cultural guidance throughout the journey \r\n to ensure respectful interactions with local communities in both the Atlas Mountains and Sahara Desert regions.\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>Book This Tour<\/h2>\r\n <small>Tell us your preferences<\/small>\r\n <\/div>\r\n <\/div>\r\n \r\n <form id=\"mobile-booking-form\" novalidate>\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"m-start\">Start Date<\/label>\r\n <input type=\"date\" id=\"m-start\" class=\"form-input\" \/>\r\n <div class=\"error-message\" id=\"m-start-error\">Please choose a date.<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"m-end\">End Date<\/label>\r\n <input type=\"date\" id=\"m-end\" class=\"form-input\" \/>\r\n <div class=\"error-message\" id=\"m-end-error\">Please choose a date.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"m-people\">Number of Participants<\/label>\r\n <input type=\"number\" id=\"m-people\" class=\"form-input\" min=\"1\" max=\"16\" value=\"2\" \/>\r\n <div class=\"error-message\" id=\"m-people-error\">Please enter a number between 1 and 16.<\/div>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"m-first\">First Name<\/label>\r\n <input type=\"text\" id=\"m-first\" class=\"form-input\" placeholder=\"ex. John\" \/>\r\n <div class=\"error-message\" id=\"m-first-error\">Please enter your first name.<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"m-last\">Last Name<\/label>\r\n <input type=\"text\" id=\"m-last\" class=\"form-input\" placeholder=\"ex. Smith\" \/>\r\n <div class=\"error-message\" id=\"m-last-error\">Please enter your last name.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"m-email\">Email<\/label>\r\n <input type=\"email\" id=\"m-email\" class=\"form-input\" placeholder=\"ex. john@example.com\" \/>\r\n <div class=\"error-message\" id=\"m-email-error\">Please enter a valid email.<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"m-phone\">Phone<\/label>\r\n <input type=\"tel\" id=\"m-phone\" class=\"form-input\" placeholder=\"ex. +212612345678\" \/>\r\n <div class=\"error-message\" id=\"m-phone-error\">Invalid number (min. 10 digits).<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"m-notes\">Special Requests<\/label>\r\n <textarea id=\"m-notes\" rows=\"3\" class=\"form-input\" placeholder=\"Dietary requirements, equipment, children, etc.\"><\/textarea>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"btn-primary\" id=\"mobile-submit\">\r\n <i class=\"fa-solid fa-paper-plane\"><\/i>\r\n Book Now\r\n <\/button>\r\n <div class=\"form-note\">\r\n Personalized response within 24-48h (working days).\r\n <\/div>\r\n <\/form>\r\n <\/section>\r\n\r\n \r\n <section class=\"content-section\" id=\"galerie\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-images\"><\/i>\r\n <div>\r\n <h2>Photo Gallery \u2013 <span style=\"font-weight: 600;\">Atlas to Sahara<\/span> Trekking<\/h2>\r\n <small>Some images from this <span style=\"font-weight: 600;\">Morocco Adventure<\/span><\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"photo-gallery\">\r\n <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-03-25-015545.png\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-03-25-015545.png\" alt=\"Atlas Mountains Landscape\" \/>\r\n <div class=\"photo-view-icon\">\r\n <span><i class=\"fa-solid fa-eye\"><\/i> View<\/span>\r\n <\/div>\r\n <\/button>\r\n <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/walking-sahara-sand-dunes.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/walking-sahara-sand-dunes.jpg\" alt=\"Sahara Desert Trekking\" \/>\r\n <div class=\"photo-view-icon\">\r\n <span><i class=\"fa-solid fa-eye\"><\/i> View<\/span>\r\n <\/div>\r\n <\/button>\r\n <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/atlas-mountains-morocco.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/atlas-mountains-morocco.jpg\" alt=\"High Atlas Mountains\" \/>\r\n <div class=\"photo-view-icon\">\r\n <span><i class=\"fa-solid fa-eye\"><\/i> View<\/span>\r\n <\/div>\r\n <\/button>\r\n <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/image_processing20221222-4-o7ic1q.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/image_processing20221222-4-o7ic1q.jpg\" alt=\"Berber Village\" \/>\r\n <div class=\"photo-view-icon\">\r\n <span><i class=\"fa-solid fa-eye\"><\/i> View<\/span>\r\n <\/div>\r\n <\/button>\r\n <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/trekking-vall-e-du-zat_orig.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/trekking-vall-e-du-zat_orig.jpg\" alt=\"Mountain Trekking\" \/>\r\n <div class=\"photo-view-icon\">\r\n <span><i class=\"fa-solid fa-eye\"><\/i> View<\/span>\r\n <\/div>\r\n <\/button>\r\n <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-03-25-023328.png\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-03-25-023328.png\" alt=\"Desert Camp\" \/>\r\n <div class=\"photo-view-icon\">\r\n <span><i class=\"fa-solid fa-eye\"><\/i> View<\/span>\r\n <\/div>\r\n <\/button>\r\n <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_7888-scaled-2.jpeg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_7888-scaled-2.jpeg\" alt=\"Camel Trekking Sahara\" \/>\r\n <div class=\"photo-view-icon\">\r\n <span><i class=\"fa-solid fa-eye\"><\/i> View<\/span>\r\n <\/div>\r\n <\/button>\r\n <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_0355-1.jpeg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_0355-1.jpeg\" alt=\"Nomadic Culture\" \/>\r\n <div class=\"photo-view-icon\">\r\n <span><i class=\"fa-solid fa-eye\"><\/i> View<\/span>\r\n <\/div>\r\n <\/button>\r\n <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-03-25-015602.png\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-03-25-015602.png\" alt=\"Atlas to Sahara Adventure\" \/>\r\n <div class=\"photo-view-icon\">\r\n <span><i class=\"fa-solid fa-eye\"><\/i> View<\/span>\r\n <\/div>\r\n <\/button>\r\n <\/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>Tour Price<\/h2>\r\n <div class=\"price-main\">\r\n <div class=\"price-amount\">On Request<\/div>\r\n <span class=\"price-tag\"><i class=\"fa-solid fa-circle-info\"><\/i> Custom Quote<\/span>\r\n <\/div>\r\n <p class=\"price-note\">\r\n Price depends on season, number of participants, group size, and comfort level desired.\r\n <\/p>\r\n <div class=\"price-details\">\r\n <p><i class=\"fa-solid fa-calendar-alt\"><\/i> 11 days of exploration<\/p>\r\n <p><i class=\"fa-solid fa-location-dot\"><\/i> <span style=\"font-weight: 600;\">High Atlas<\/span> & <span style=\"font-weight: 600;\">Sahara Desert<\/span><\/p>\r\n <p><i class=\"fa-solid fa-users\"><\/i> From 2 people<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"booking-form\">\r\n <h3>Book This Tour<\/h3>\r\n <p>Tell us your preferences, we'll adapt the program and pricing.<\/p>\r\n\r\n <form id=\"desktop-form\" novalidate>\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"d-start\">Preferred Start Date<\/label>\r\n <input type=\"date\" id=\"d-start\" class=\"form-input\" \/>\r\n <div class=\"error-message\" id=\"d-start-error\">Please choose a start date.<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"d-end\">End Date<\/label>\r\n <input type=\"date\" id=\"d-end\" class=\"form-input\" \/>\r\n <div class=\"error-message\" id=\"d-end-error\">Please choose an end date.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"d-people\">Number of Participants<\/label>\r\n <input type=\"number\" id=\"d-people\" class=\"form-input\" min=\"1\" max=\"16\" value=\"2\" \/>\r\n <div class=\"error-message\" id=\"d-people-error\">Please enter a number between 1 and 16.<\/div>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"d-first\">First Name<\/label>\r\n <input type=\"text\" id=\"d-first\" class=\"form-input\" placeholder=\"ex. John\" \/>\r\n <div class=\"error-message\" id=\"d-first-error\">Please enter your first name.<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"d-last\">Last Name<\/label>\r\n <input type=\"text\" id=\"d-last\" class=\"form-input\" placeholder=\"ex. Smith\" \/>\r\n <div class=\"error-message\" id=\"d-last-error\">Please enter your last name.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"d-email\">Email<\/label>\r\n <input type=\"email\" id=\"d-email\" class=\"form-input\" placeholder=\"ex. john@example.com\" \/>\r\n <div class=\"error-message\" id=\"d-email-error\">Please enter a valid email.<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"d-phone\">Phone<\/label>\r\n <input type=\"tel\" id=\"d-phone\" class=\"form-input\" placeholder=\"ex. +212612345678\" \/>\r\n <div class=\"error-message\" id=\"d-phone-error\">Invalid number (min. 10 digits).<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"d-notes\">Special Requests<\/label>\r\n <textarea id=\"d-notes\" rows=\"3\" class=\"form-input\" placeholder=\"Dietary requirements, equipment, children, etc.\"><\/textarea>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"btn-primary\" id=\"d-submit\">\r\n <i class=\"fa-solid fa-paper-plane\"><\/i>\r\n Book Now\r\n <\/button>\r\n <div class=\"form-note\">\r\n Personalized response within 24-48h (working days).\r\n <\/div>\r\n <\/form>\r\n <\/section>\r\n <\/aside>\r\n <\/main>\r\n <\/div>\r\n\r\n \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 to Sahara<\/span> Trek \u2013 11 days<\/span>\r\n <strong>Price on request<\/strong>\r\n <\/div>\r\n <button class=\"mobile-booking-btn\" id=\"scroll-to-form-btn\">\r\n <i class=\"fa-solid fa-calendar-plus\"><\/i>\r\n Book Now\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"thankyou-overlay\" id=\"thankyou\">\r\n <div class=\"thankyou-card\">\r\n <div class=\"icon\"><i class=\"fa-solid fa-check\"><\/i><\/div>\r\n <h3>Thank You For Your Booking Request!<\/h3>\r\n <p>\r\n We have received your message for the Atlas to Sahara 11-Day Trekking Adventure in Morocco.\r\n A consultant will contact you shortly with a detailed quote.\r\n <\/p>\r\n <div class=\"btn-row\">\r\n <button id=\"ty-close\">\r\n <i class=\"fa-solid fa-xmark\"><\/i>\r\n Close\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"image-lightbox\" id=\"image-lightbox\">\r\n <div class=\"image-lightbox-inner\">\r\n <button class=\"image-lightbox-close\" id=\"image-lightbox-close\" aria-label=\"Close image\">\r\n <i class=\"fa-solid fa-xmark\"><\/i>\r\n <\/button>\r\n <img decoding=\"async\" src=\"\" alt=\"Enlarged image\" id=\"image-lightbox-img\">\r\n <\/div>\r\n <\/div>\r\n\r\n \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: 'Atlas to Sahara 11-Day Trekking Adventure in Morocco',\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Atlas to Sahara 11-Day Trekking Adventure in Morocco | High Atlas … <\/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-118","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\/118","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=118"}],"version-history":[{"count":4,"href":"https:\/\/marrakechtrekking.com\/fr\/wp-json\/wp\/v2\/pages\/118\/revisions"}],"predecessor-version":[{"id":122,"href":"https:\/\/marrakechtrekking.com\/fr\/wp-json\/wp\/v2\/pages\/118\/revisions\/122"}],"wp:attachment":[{"href":"https:\/\/marrakechtrekking.com\/fr\/wp-json\/wp\/v2\/media?parent=118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}