{"id":208,"date":"2025-11-22T12:45:45","date_gmt":"2025-11-22T12:45:45","guid":{"rendered":"https:\/\/marrakechtrekking.com\/?page_id=208"},"modified":"2025-11-26T14:25:05","modified_gmt":"2025-11-26T14:25:05","slug":"8-days-trekking-adventure-from-toubkal-to-mgoun","status":"publish","type":"page","link":"https:\/\/marrakechtrekking.com\/fr\/8-days-trekking-adventure-from-toubkal-to-mgoun\/","title":{"rendered":"8 Days Trekking Toubkal to Mgoun Through Legendary Peaks and Hidden Valleys"},"content":{"rendered":"
\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 8 Days Trekking Toubkal to Mgoun Through Legendary Peaks and Hidden Valleys | High Atlas Adventure<\/title>\r\n <meta name=\"description\" content=\"Experience 8 days trekking from Toubkal to Mgoun through legendary peaks and hidden valleys. Climb North Africa's highest peak and explore the magnificent High Atlas Mountains.\">\r\n \r\n <!-- Fonts & Icons -->\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n \r\n <style>\r\n \/* CSS RESET FOR OUR COMPONENT ONLY *\/\r\n #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-trekking-wrapper .gallery-section img,\r\n #toubkal-mgoun-trekking-wrapper .thumbnail img,\r\n #toubkal-mgoun-trekking-wrapper .photo-gallery img,\r\n #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-trekking-wrapper .hero-section {\r\n grid-template-columns: 1fr !important;\r\n }\r\n }\r\n\r\n #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-trekking-wrapper .region-badge i {\r\n color: #fed7aa !important;\r\n }\r\n\r\n #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-trekking-wrapper .detail-pill i {\r\n color: #fed7aa !important;\r\n }\r\n\r\n \/* Gallery Section *\/\r\n #toubkal-mgoun-trekking-wrapper .gallery-section {\r\n display: grid !important;\r\n gap: 10px !important;\r\n }\r\n\r\n #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-trekking-wrapper .thumbnail:hover img {\r\n transform: scale(1.08) !important;\r\n }\r\n\r\n #toubkal-mgoun-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 #toubkal-mgoun-trekking-wrapper .thumbnail:hover::after {\r\n opacity: 1 !important;\r\n }\r\n\r\n #toubkal-mgoun-trekking-wrapper .thumbnail.active {\r\n border-color: var(--accent-color) !important;\r\n }\r\n\r\n #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-trekking-wrapper .info-text strong {\r\n font-size: 0.94rem !important;\r\n }\r\n\r\n \/* Main Layout *\/\r\n #toubkal-mgoun-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 #toubkal-mgoun-trekking-wrapper .main-layout {\r\n grid-template-columns: 1fr !important;\r\n }\r\n }\r\n\r\n #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-trekking-wrapper .highlight-box strong {\r\n color: var(--accent-dark) !important;\r\n }\r\n\r\n #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-trekking-wrapper .itinerary-day:last-child {\r\n border-bottom: none !important;\r\n }\r\n\r\n #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-trekking-wrapper .two-column {\r\n grid-template-columns: 1fr !important;\r\n }\r\n }\r\n\r\n #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-trekking-wrapper .bullet-list.included li i {\r\n color: var(--accent-dark) !important;\r\n }\r\n\r\n #toubkal-mgoun-trekking-wrapper .bullet-list.excluded li i {\r\n color: #e11d48 !important;\r\n }\r\n\r\n \/* FAQ *\/\r\n #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-trekking-wrapper .faq-question span {\r\n font-size: 0.95rem !important;\r\n font-weight: 600 !important;\r\n }\r\n\r\n #toubkal-mgoun-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 #toubkal-mgoun-trekking-wrapper .faq-item.open .faq-question i {\r\n transform: rotate(180deg) !important;\r\n }\r\n\r\n #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-trekking-wrapper .photo-item:hover img {\r\n transform: scale(1.05) !important;\r\n }\r\n\r\n #toubkal-mgoun-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 #toubkal-mgoun-trekking-wrapper .photo-item:hover::after {\r\n opacity: 1 !important;\r\n }\r\n\r\n \/* VIEW ICON ON PHOTO ITEMS *\/\r\n #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-trekking-wrapper .photo-view-icon i {\r\n font-size: 0.9rem !important;\r\n color: #fed7aa !important;\r\n }\r\n\r\n #toubkal-mgoun-trekking-wrapper .photo-item:hover .photo-view-icon {\r\n opacity: 1 !important;\r\n }\r\n\r\n #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-trekking-wrapper .price-details {\r\n font-size: 0.86rem !important;\r\n opacity: 0.95 !important;\r\n }\r\n\r\n #toubkal-mgoun-trekking-wrapper .price-details p {\r\n margin: 2px 0 !important;\r\n }\r\n\r\n #toubkal-mgoun-trekking-wrapper .price-details i {\r\n margin-right: 6px !important;\r\n }\r\n\r\n #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-trekking-wrapper .sidebar {\r\n display: none !important;\r\n }\r\n }\r\n\r\n #toubkal-mgoun-trekking-wrapper .form-group {\r\n margin-bottom: 10px !important;\r\n }\r\n\r\n #toubkal-mgoun-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 #toubkal-mgoun-trekking-wrapper .form-input,\r\n #toubkal-mgoun-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 #toubkal-mgoun-trekking-wrapper .form-input:focus,\r\n #toubkal-mgoun-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 #toubkal-mgoun-trekking-wrapper .form-input.error,\r\n #toubkal-mgoun-trekking-wrapper textarea.error {\r\n border-color: #e11d48 !important;\r\n background: #fef2f2 !important;\r\n }\r\n\r\n #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-trekking-wrapper .btn-primary i {\r\n font-size: 0.9rem !important;\r\n }\r\n\r\n #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-trekking-wrapper .mobile-booking {\r\n display: none !important;\r\n }\r\n\r\n @media (max-width: 720px) {\r\n #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-trekking-wrapper .mobile-booking-info {\r\n color: #e5e7eb !important;\r\n font-size: 0.82rem !important;\r\n }\r\n\r\n #toubkal-mgoun-trekking-wrapper .mobile-booking-info strong {\r\n display: block !important;\r\n font-size: 1rem !important;\r\n }\r\n\r\n #toubkal-mgoun-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 #toubkal-mgoun-trekking-wrapper .mobile-form-section {\r\n display: none !important;\r\n }\r\n\r\n @media (max-width: 720px) {\r\n #toubkal-mgoun-trekking-wrapper .mobile-form-section {\r\n display: block !important;\r\n }\r\n }\r\n\r\n \/* Toast & Overlay *\/\r\n #toubkal-mgoun-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 #toubkal-mgoun-trekking-wrapper .toast.show {\r\n display: block !important;\r\n }\r\n\r\n #toubkal-mgoun-trekking-wrapper .toast.success {\r\n background: #16a34a !important; \/* success green *\/\r\n }\r\n\r\n #toubkal-mgoun-trekking-wrapper .toast.error {\r\n background: #b91c1c !important;\r\n }\r\n\r\n \/* NEW THANK YOU OVERLAY (like second code) *\/\r\n #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-trekking-wrapper .thankyou-card {\r\n padding: 28px 20px !important;\r\n width: 95% !important;\r\n }\r\n\r\n #toubkal-mgoun-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 #toubkal-mgoun-trekking-wrapper .thankyou-card h3 {\r\n font-size: 1.7rem !important;\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n #toubkal-mgoun-trekking-wrapper .thankyou-card p {\r\n font-size: 1rem !important;\r\n }\r\n\r\n #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-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 #toubkal-mgoun-trekking-wrapper .container {\r\n padding: 15px 12px 100px !important;\r\n }\r\n \r\n #toubkal-mgoun-trekking-wrapper .hero-section {\r\n margin-bottom: 20px !important;\r\n }\r\n \r\n #toubkal-mgoun-trekking-wrapper .hero-content {\r\n padding: 18px 16px !important;\r\n order: 2 !important;\r\n }\r\n \r\n #toubkal-mgoun-trekking-wrapper .gallery-section {\r\n order: 1 !important;\r\n margin-bottom: 16px !important;\r\n }\r\n \r\n #toubkal-mgoun-trekking-wrapper .trek-details {\r\n flex-direction: column !important;\r\n gap: 6px !important;\r\n }\r\n \r\n #toubkal-mgoun-trekking-wrapper .detail-pill {\r\n width: 100% !important;\r\n justify-content: center !important;\r\n }\r\n \r\n #toubkal-mgoun-trekking-wrapper .content-section {\r\n padding: 16px 14px !important;\r\n margin-bottom: 16px !important;\r\n }\r\n \r\n #toubkal-mgoun-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 #toubkal-mgoun-trekking-wrapper .day-label {\r\n font-size: 0.9rem !important;\r\n }\r\n \r\n #toubkal-mgoun-trekking-wrapper .photo-gallery {\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n }\r\n \r\n #toubkal-mgoun-trekking-wrapper .photo-item img {\r\n height: 120px !important;\r\n }\r\n \r\n #toubkal-mgoun-trekking-wrapper .feature-grid {\r\n grid-template-columns: 1fr !important;\r\n }\r\n \r\n #toubkal-mgoun-trekking-wrapper .highlight-box {\r\n padding: 10px 12px !important;\r\n font-size: 0.9rem !important;\r\n }\r\n \r\n #toubkal-mgoun-trekking-wrapper .map-container {\r\n height: 300px !important;\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n #toubkal-mgoun-trekking-wrapper .container {\r\n padding: 12px 10px 100px !important;\r\n }\r\n \r\n #toubkal-mgoun-trekking-wrapper .hero-content {\r\n padding: 16px 14px !important;\r\n }\r\n \r\n #toubkal-mgoun-trekking-wrapper .main-gallery {\r\n height: 260px !important;\r\n }\r\n \r\n #toubkal-mgoun-trekking-wrapper .thumbnail-grid {\r\n grid-template-columns: repeat(3, 1fr) !important;\r\n }\r\n \r\n #toubkal-mgoun-trekking-wrapper .thumbnail {\r\n min-height: 60px !important;\r\n }\r\n \r\n #toubkal-mgoun-trekking-wrapper .content-section {\r\n padding: 14px 12px !important;\r\n }\r\n \r\n #toubkal-mgoun-trekking-wrapper .photo-gallery {\r\n grid-template-columns: 1fr !important;\r\n }\r\n \r\n #toubkal-mgoun-trekking-wrapper .photo-item img {\r\n height: 140px !important;\r\n }\r\n \r\n #toubkal-mgoun-trekking-wrapper .info-cards {\r\n flex-direction: column !important;\r\n }\r\n \r\n #toubkal-mgoun-trekking-wrapper .info-card {\r\n width: 100% !important;\r\n }\r\n \r\n #toubkal-mgoun-trekking-wrapper .map-container {\r\n height: 250px !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- WRAPPER WITH UNIQUE ID FOR CSS ISOLATION -->\r\n <div id=\"toubkal-mgoun-trekking-wrapper\">\r\n <div class=\"container\">\r\n <!-- Hero Section -->\r\n <header class=\"hero-section\">\r\n <!-- Gallery first on mobile -->\r\n <div class=\"gallery-section\">\r\n <!-- Main gallery image + thumbnails -->\r\n <div class=\"main-gallery\">\r\n <img decoding=\"async\"\r\n id=\"main-gallery-img\"\r\n src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/2-days-toubkal-climb-8-1.webp\"\r\n alt=\"8 Days Trekking Toubkal to Mgoun Through Legendary Peaks and Hidden Valleys\"\r\n \/>\r\n <div class=\"gallery-overlay\"><\/div>\r\n <div class=\"gallery-caption\">\r\n <i class=\"fa-solid fa-image\"><\/i> Trekking du Toubkal au Mgoun\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\/2-days-toubkal-climb-8-1.webp\"\r\n >\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/2-days-toubkal-climb-8-1.webp\" alt=\"Toubkal Summit\" \/>\r\n <\/button>\r\n\r\n <button\r\n class=\"thumbnail\"\r\n data-src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/915B8A29-FDCA-42AD-83DA-D3BEDB8ED359-1-1000x750-1.jpeg\"\r\n >\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/915B8A29-FDCA-42AD-83DA-D3BEDB8ED359-1-1000x750-1.jpeg\" alt=\"High 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\/IMG_5572-1-1000x1007-1.jpeg\"\r\n >\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_5572-1-1000x1007-1.jpeg\" alt=\"Mgoun Ridge\" \/>\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"info-cards\">\r\n <div class=\"info-card\">\r\n <div class=\"info-icon\"><i class=\"fa-solid fa-sun\"><\/i><\/div>\r\n <div class=\"info-text\">\r\n <span>Meilleure saison<\/span>\r\n <strong>De mai \u00e0 octobre<\/strong>\r\n <\/div>\r\n <\/div>\r\n <div class=\"info-card\">\r\n <div class=\"info-icon\"><i class=\"fa-solid fa-route\"><\/i><\/div>\r\n <div class=\"info-text\">\r\n <span>Type de randonn\u00e9e<\/span>\r\n <strong>Montagne difficile<\/strong>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Text content after gallery on mobile -->\r\n <div class=\"hero-content\">\r\n <div class=\"region-badge\">\r\n <i class=\"fa-solid fa-mountain-sun\"><\/i>\r\n <span style=\"font-weight: 600;\">Haut Atlas<\/span> \u00b7 <span style=\"font-weight: 600;\">De Toubkal \u00e0 Mgoun<\/span>\r\n <\/div>\r\n <h1>8 jours de trekking <span style=\"color: #f97316;\">De Toubkal \u00e0 Mgoun<\/span> \u00c0 travers les sommets l\u00e9gendaires et les vall\u00e9es cach\u00e9es<\/h1>\r\n <p class=\"hero-description\">\r\n Embarquez pour un voyage inoubliable <strong>8 jours de trekking du Toubkal au Mgoun<\/strong> au c\u0153ur du Haut Atlas.\r\n L'ascension <strong>Toubkal (4 167 m)<\/strong>, le plus haut sommet d'Afrique du Nord, et de traverser jusqu'\u00e0 <strong>Mgoun (4 068 m)<\/strong> \u00e0 travers des vall\u00e9es luxuriantes,\r\n de hauts cols et d'authentiques villages berb\u00e8res. Ce voyage allie nature, culture et d\u00e9passement de soi pour une immersion totale dans la magie des montagnes marocaines.\r\n <\/p>\r\n <div class=\"trek-details\">\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-calendar-alt\"><\/i> 8 jours \/ 7 nuits<\/div>\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-person-hiking\"><\/i> Niveau de difficult\u00e9<\/div>\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-people-group\"><\/i> A partir de 2 personnes<\/div>\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-location-dot\"><\/i> <span style=\"font-weight: 600;\">Haut Atlas<\/span>, <span style=\"font-weight: 600;\">Maroc<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <!-- Main Content -->\r\n <main class=\"main-layout\">\r\n <!-- Left Column -->\r\n <article>\r\n <!-- Description -->\r\n <section class=\"content-section\" id=\"description\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-circle-info\"><\/i>\r\n <div>\r\n <h2>Vue d'ensemble du circuit<\/h2>\r\n <small><span style=\"font-weight: 600;\">Trekking du Toubkal au Mgoun<\/span> \u00b7 <span style=\"font-weight: 600;\">Pics l\u00e9gendaires<\/span> - Aventure en montagne<\/small>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-box\">\r\n <strong>Une aventure \u00e9pique en montagne sur les plus hauts sommets d'Afrique du Nord<\/strong><br \/>\r\n Le pr\u00e9sent <strong>8 jours de trekking du Toubkal au Mgoun<\/strong> vous emm\u00e8ne \u00e0 travers les paysages les plus spectaculaires du Haut Atlas.\r\n Du sommet du <strong>Toubkal (4 167 m)<\/strong> jusqu'\u00e0 la magnifique cr\u00eate de <strong>Mgoun (4 068 m)<\/strong>, Le Maroc est un pays d'exception, qui offre des panoramas \u00e0 couper le souffle,\r\n La culture berb\u00e8re authentique et le d\u00e9fi d'un trekking en haute altitude dans les montagnes les plus l\u00e9gendaires du Maroc.\r\n <\/div>\r\n <p>\r\n Embarquez pour une aventure inoubliable au c\u0153ur des montagnes du Haut Atlas, en escaladant les montagnes de l'Atlas. <strong>Toubkal (4 167 m)<\/strong>, ,\r\n le plus haut sommet d'Afrique du Nord. Ce trek vous fera traverser des vall\u00e9es luxuriantes, des cols \u00e9lev\u00e9s et d'authentiques villages berb\u00e8res,\r\n o\u00f9 vous partagerez des moments uniques avec les habitants.\r\n <\/p>\r\n <p>\r\n Entre bivouacs \u00e0 la belle \u00e9toile et panoramas grandioses, ce voyage allie nature, culture et d\u00e9passement de soi,\r\n pour une immersion totale dans la magie des montagnes marocaines. L'itin\u00e9raire relie deux des sommets les plus embl\u00e9matiques du Maroc,\r\n offrant des paysages vari\u00e9s, du relief accident\u00e9 du Toubkal aux cr\u00eates calcaires du Mgoun, riches en gisements de fossiles.\r\n <\/p>\r\n <p>\r\n Cet itin\u00e9raire soigneusement planifi\u00e9 permet une bonne acclimatation tout en maximisant l'exp\u00e9rience des deux sommets l\u00e9gendaires.\r\n Vous traverserez des vall\u00e9es isol\u00e9es, franchirez des cols de haute montagne et ferez l'exp\u00e9rience de l'hospitalit\u00e9 chaleureuse des communaut\u00e9s berb\u00e8res dans les cadres montagneux les plus spectaculaires du Maroc.\r\n dans certains des cadres montagneux les plus spectaculaires du Maroc.\r\n <\/p>\r\n <\/section>\r\n\r\n <!-- Highlights -->\r\n <section class=\"content-section\" id=\"highlights\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <div>\r\n <h2>Points forts de la visite<\/h2>\r\n <small>Qu'est-ce qui fait que cette <span style=\"font-weight: 600;\">De Toubkal \u00e0 Mgoun<\/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> Sommet <strong>Toubkal (4 167 m)<\/strong> - Le plus haut sommet d'Afrique du Nord<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Escalade <strong>Mgoun (4 068 m)<\/strong> avec sa spectaculaire cr\u00eate calcaire<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Travers\u00e9e de la magnifique \"vall\u00e9e heureuse\" de Bougmez\"<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> D\u00e9couvrez la culture berb\u00e8re authentique dans des villages de montagne isol\u00e9s<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> D\u00e9couvrir les formations calcaires riches en fossiles le long de la cr\u00eate du Mgoun<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Traverser plusieurs cols de haute montagne avec des vues \u00e0 couper le souffle<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Visite des spectaculaires chutes d'eau d'Ouzoud<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Nuit au c\u00e9l\u00e8bre refuge du Toubkal<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> D\u00e9couvrez des paysages vari\u00e9s, des vall\u00e9es luxuriantes aux sommets escarp\u00e9s.<\/li>\r\n <\/ul>\r\n <\/section>\r\n\r\n <!-- Itinerary -->\r\n <section class=\"content-section\" id=\"itineraire\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-route\"><\/i>\r\n <div>\r\n <h2>Itin\u00e9raire d\u00e9taill\u00e9 - 8 jours<\/h2>\r\n <small>Aventure \u00e9pique en montagne dans le Haut Atlas<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-day\">\r\n <div class=\"day-label\">Jour 1<\/div>\r\n <div class=\"day-content\">\r\n <h3>Marrakech - Azilal - Agouti - Tafenfante<\/h3>\r\n <p>\r\n Accueil \u00e0 l'a\u00e9roport de Marrakech, transfert imm\u00e9diat vers les cascades d'Ouzoud, d\u00e9jeuner dans cette belle r\u00e9gion et belle promenade.\r\n Nous continuons notre voyage vers le centre du Haut Atlas pour arriver au village d'Agouti. Nous passons la nuit au g\u00eete d'Agouti.\r\n Une petite promenade pour d\u00e9couvrir le village et rencontrer les habitants. (Douche, d\u00eener et nuit\u00e9e).\r\n <br><strong>El\u00e9vation : +300m \/ -300m - 2 heures de marche - 5-6 heures de transfert<\/strong>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-day\">\r\n <div class=\"day-label\">Jour 2<\/div>\r\n <div class=\"day-content\">\r\n <h3>Tafanfante - Tizi-n-Aghouri - Plateau de Tarkeddit<\/h3>\r\n <p>\r\n D\u00e9part du bivouac vers 8h00, nous remontons le lit de la rivi\u00e8re \u00e0 travers une for\u00eat de buis. Une mont\u00e9e progressive m\u00e8ne au col d'Aghouri \u00e0 3 400 m\u00e8tres,\r\n offrant une vue panoramique sur le sommet du Mgoun. Nous descendons sur le plateau de Tarkeddit, au pied du Mgoun, o\u00f9 nous installons notre campement.\r\n <br><strong>5 heures de marche - +1100m \/ -500m<\/strong>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-day\">\r\n <div class=\"day-label\">Troisi\u00e8me jour<\/div>\r\n <div class=\"day-content\">\r\n <h3>Plateau de Tarkeddit - Travers\u00e9e du Mgoun - Bergeries d'Izabine<\/h3>\r\n <p>\r\n D\u00e9part matinal pour rejoindre la longue ar\u00eate de l'Ighil Mgoun, que nous suivrons jusqu'au sommet \u00e0 4 068 m\u00e8tres. Cette montagne calcaire,\r\n riche en coquillages, contient de nombreux fossiles le long de sa cr\u00eate. Vues exceptionnelles sur tout le Haut Atlas central et, au sud, sur la vall\u00e9e du Dad\u00e8s,\r\n la vall\u00e9e du Dad\u00e8s, le Saghro et la Hamada du Draa. Descente au col d'Oumsoud pour rejoindre le bivouac pr\u00e8s des bergeries d'Izabine (2600m). Un cadre magique et occidental.\r\n Pour ceux qui ne souhaitent pas faire l'ascension, il est possible de suivre les muletiers qui se rendent directement au campement.\r\n <br><strong>7-8 heures de marche - +1180m \/ -1470m<\/strong>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-day\">\r\n <div class=\"day-label\">Jour 4<\/div>\r\n <div class=\"day-content\">\r\n <h3>Bergeries Izabine - Tizi n'Oussdrem - Arous - Agouti (Vall\u00e9e du Bougmez)<\/h3>\r\n <p>\r\n Une \u00e9tape \u00e0 travers de magnifiques paysages de montagnes rouges, avant de franchir la barri\u00e8re naturelle du col du Tizi n'Oussdrem, \u00e0 2900 m\u00e8tres d'altitude.\r\n Depuis le col, vue panoramique sur la vall\u00e9e de Bougmez et les bergeries d'Ikkis. Descente dans les gorges, avant d'atteindre les maisons troglodytes, puis le magnifique village d'altitude.\r\n puis le magnifique village d'altitude d'Arous avec ses maisons en pis\u00e9. Enfin, nous arrivons dans la joyeuse vall\u00e9e du Bougmez.\r\n <br><strong>6-7 heures de marche - +300m \/ -1200m<\/strong>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-day\">\r\n <div class=\"day-label\">Jour 5<\/div>\r\n <div class=\"day-content\">\r\n <h3>Agouti - Azilal - Marrakech - Imlil<\/h3>\r\n <p>\r\n Dernier petit d\u00e9jeuner berb\u00e8re au lodge dans la vall\u00e9e des A\u00eft Bougmez. Le v\u00e9hicule vous attend pour le transfert vers Imlil. D\u00e9jeuner en cours de route dans un restaurant local.\r\n Arriv\u00e9e au village d'A\u00eft Souka, installation au g\u00eete. Temps de repos et pr\u00e9paration \u00e0 l'ascension du Toubkal.\r\n <br><strong>Transfert : 7 heures<\/strong>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-day\">\r\n <div class=\"day-label\">Jour 6<\/div>\r\n <div class=\"day-content\">\r\n <h3>Imlil - Refuge du Toubkal<\/h3>\r\n <p>\r\n Rencontre avec les muletiers, puis chargement des bagages. Nous commen\u00e7ons notre ascension vers le refuge, en suivant les canaux qui irriguent les cultures en terrasses.\r\n Nous d\u00e9couvrons les traditions agricoles des montagnards berb\u00e8res. Les terrasses irrigu\u00e9es s'\u00e9l\u00e8vent tr\u00e8s haut sur les pentes de la vall\u00e9e.\r\n Le canal sup\u00e9rieur (targa) forme une limite presque rectiligne entre le brun de la montagne et le vert des cultures ;\r\n Les villages sont construits au-dessus afin de ne pas perdre un seul acre de terre fertile. Apr\u00e8s la pause d\u00e9jeuner au pied du village de Sidi Chamarouch,\r\n la montagne devient aride, et seul le b\u00ealement des ch\u00e8vres et des moutons gard\u00e9s par de jeunes bergers ponctue votre marche.\r\n Nuit au refuge du Toubkal \u00e0 3 210 m\u00e8tres.\r\n <br><strong>5-6 heures de marche - +1200m<\/strong>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-day\">\r\n <div class=\"day-label\">Jour 7<\/div>\r\n <div class=\"day-content\">\r\n <h3>Ascension du Toubkal (4 167 m) - Imlil - Marrakech<\/h3>\r\n <p>\r\n L'ascension matinale du plus haut sommet d'Afrique du Nord se fait sans difficult\u00e9 majeure. Un sentier caillouteux grimpe \u00e0 travers des \u00e9boulis, puis d\u00e9bouche sur une vall\u00e9e aux versants plus abrupts\r\n plus escarp\u00e9e, parsem\u00e9e de gros blocs de pierre. La cr\u00eate finale est large et descend progressivement \u00e0 mesure que l'on s'approche du point culminant. Depuis le sommet, la vue est \u00e0 couper le souffle,\r\n une grande partie de l'Atlas et les plaines du Haouz au nord et de Ouarzazate au sud. Selon les conditions, la descente s'effectue\r\n par le m\u00eame itin\u00e9raire ou par le versant nord. Apr\u00e8s le th\u00e9 et le d\u00e9jeuner, nous reprenons notre descente vers Imlil. Le minibus nous attend au village pour nous ramener \u00e0 Marrakech.\r\n Installation \u00e0 l'h\u00f4tel. Soir\u00e9e libre.\r\n <br><strong>8-9 heures de marche - +1050m \/ -2270m<\/strong>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-day\">\r\n <div class=\"day-label\">Jour 8<\/div>\r\n <div class=\"day-content\">\r\n <h3>Marrakech - D\u00e9part<\/h3>\r\n <p>\r\n Transfert \u00e0 l'a\u00e9roport pour votre vol de d\u00e9part, marquant la fin de votre incroyable voyage. <strong>8 jours de trekking du Toubkal au Mgoun<\/strong> \u00e0 travers les sommets l\u00e9gendaires\r\n et les vall\u00e9es cach\u00e9es du Haut Atlas marocain.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Inclusions -->\r\n <section class=\"content-section\" id=\"inclus\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-clipboard-list\"><\/i>\r\n <div>\r\n <h2>Ce qui est inclus \/ non inclus<\/h2>\r\n <small>Pour pr\u00e9parer confortablement votre budget<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"two-column\">\r\n <div>\r\n <div class=\"list-title\">\r\n <i class=\"fa-solid fa-circle-check\"><\/i>\r\n Inclus dans le prix\r\n <\/div>\r\n <ul class=\"bullet-list included\">\r\n <li><i class=\"fa-solid fa-check\"><\/i> Tous les transferts terrestres n\u00e9cessaires au d\u00e9roulement du voyage<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> H\u00e9bergement tel que d\u00e9crit (chambre double et tente double)<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Mat\u00e9riel de camping et de cuisine complet<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Pension compl\u00e8te pendant le circuit (sauf les repas \u00e0 Marrakech)<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Guide de montagne marocain professionnel francophone<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Soutien de l'\u00e9quipe locale (chauffeurs, muletiers, cuisiniers)<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Trousse de premiers secours compl\u00e8te<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Tous les tarifs des refuges de montagne<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"list-title\">\r\n <i class=\"fa-solid fa-circle-xmark\" style=\"color:#e11d48\"><\/i>\r\n Non inclus\r\n <\/div>\r\n <ul class=\"bullet-list excluded\">\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> Vols internationaux de\/vers le Maroc<\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> Repas \u00e0 Marrakech<\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> Conseils pour les guides et le personnel de soutien<\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> Boissons et d\u00e9penses personnelles<\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> Assurance voyage (annulation\/interruption\/bagages)<\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> \u00c9quipement personnel de trekking<\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> Tout ce qui n'est pas mentionn\u00e9 dans la section \"Inclus\".<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Details -->\r\n <section class=\"content-section\" id=\"details\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-list-ul\"><\/i>\r\n <div>\r\n <h2>D\u00e9tails pratiques<\/h2>\r\n <small>Dur\u00e9e, niveau, saisons et participants<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"feature-grid\">\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-calendar-days\"><\/i>\r\n <div>\r\n <strong>La dur\u00e9e<\/strong>\r\n 8 jours \/ 7 nuits\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-person-hiking\"><\/i>\r\n <div>\r\n <strong>Niveau<\/strong>\r\n Un d\u00e9fi de taille\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-sun-plant-wilt\"><\/i>\r\n <div>\r\n <strong>Meilleure saison<\/strong>\r\n De mai \u00e0 octobre\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-users\"><\/i>\r\n <div>\r\n <strong>Les participants<\/strong>\r\n A partir de 2 personnes\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-location-dot\"><\/i>\r\n <div>\r\n <strong>Pics<\/strong>\r\n <span style=\"font-weight: 600;\">Toubkal & Mgoun<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-dollar-sign\"><\/i>\r\n <div>\r\n <strong>Prix<\/strong>\r\n Sur demande\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"highlight-box\" style=\"margin-top: 15px;\">\r\n <strong>Equipement recommand\u00e9 :<\/strong><br \/>\r\n - Chaussures de randonn\u00e9e robustes (rod\u00e9es)<br \/>\r\n - Couches chaudes et veste imperm\u00e9able<br \/>\r\n - Sac de couchage adapt\u00e9 aux conditions de montagne<br \/>\r\n - Lampe frontale avec piles de rechange<br \/>\r\n - Sac \u00e0 dos de jour (30-40L)<br \/>\r\n - B\u00e2tons de trekking<br \/>\r\n - Trousse personnelle de premiers secours et m\u00e9dicaments<br \/>\r\n - Protection solaire (chapeau, lunettes de soleil, cr\u00e8me solaire)<br \/>\r\n - Bouteilles d'eau r\u00e9utilisables\/syst\u00e8me d'hydratation (capacit\u00e9 de 3L)\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Map Section (moved under Practical Details) -->\r\n <section class=\"map-section\" id=\"map\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-map-location-dot\"><\/i>\r\n <div>\r\n <h2>Carte de l'itin\u00e9raire<\/h2>\r\n <small>Explorer le <span style=\"font-weight: 600;\">De Toubkal \u00e0 Mgoun<\/span> itin\u00e9raire de trekking \u00e0 travers le Haut Atlas<\/small>\r\n <\/div>\r\n <\/div>\r\n <div class=\"map-container\">\r\n <div class=\"map-placeholder\">\r\n <i class=\"fa-solid fa-map\"><\/i>\r\n <p>Carte interactive montrant l'itin\u00e9raire complet du trekking du Toubkal au Mgoun \u00e0 travers les montagnes du Haut Atlas<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FAQ -->\r\n <section class=\"content-section\" id=\"faq\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-circle-question\"><\/i>\r\n <div>\r\n <h2>Questions fr\u00e9quemment pos\u00e9es<\/h2>\r\n <small>Quelques r\u00e9ponses avant de partir<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq\">\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>Quel est le niveau de difficult\u00e9 de cette <span style=\"font-weight: 600;\">Trek du Toubkal au Mgoun<\/span>?<\/span>\r\n <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>\r\n Ce trek est consid\u00e9r\u00e9 comme <strong>stimulant<\/strong>, Les participants doivent avoir une exp\u00e9rience pr\u00e9alable de la randonn\u00e9e en montagne et \u00eatre en excellente condition physique.\r\n Les participants doivent avoir une exp\u00e9rience de la randonn\u00e9e en montagne et \u00eatre en excellente condition physique. Les ascensions du Toubkal (4 167 m) et du Mgoun (4 068 m) n\u00e9cessitent une bonne condition physique et une bonne acclimatation.\r\n et du Mgoun (4 068 m) n\u00e9cessitent une bonne condition physique et une bonne acclimatation. Pour plus d'informations sur la pr\u00e9paration d'aventures en haute altitude, consultez notre rubrique \r\n <a href=\"https:\/\/marrakechtrekking.com\/fr\/a-complete-guide-to-traveling-and-exploring-morocco\/\" target=\"_blank\" rel=\"dofollow\">Guide complet pour voyager et explorer le Maroc<\/a>.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>Pourquoi la p\u00e9riode de mai \u00e0 octobre est-elle recommand\u00e9e pour ce projet ? <span style=\"font-weight: 600;\">Trekking dans le Haut Atlas<\/span>?<\/span>\r\n <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>\r\n Ces mois offrent les conditions m\u00e9t\u00e9orologiques les plus stables dans les montagnes du Haut Atlas. L'hiver apporte de la neige et de la glace, rendant les hauts cols dangereux\r\n sans \u00e9quipement sp\u00e9cialis\u00e9. L'\u00e9t\u00e9 offre des temp\u00e9ratures plus chaudes et un temps g\u00e9n\u00e9ralement clair, bien que des orages puissent se produire l'apr\u00e8s-midi.\r\n Les saisons interm\u00e9diaires (mai-juin et septembre-octobre) offrent souvent des conditions de trekking id\u00e9ales avec des temp\u00e9ratures confortables. Pour des informations d\u00e9taill\u00e9es sur la s\u00e9curit\u00e9\r\n sur les voyages en montagne au Maroc, visitez notre \r\n <a href=\"https:\/\/marrakechtrekking.com\/fr\/is-morocco-safe-to-travel-to-what-you-need-to-know-before-you-visit\/\" target=\"_blank\" rel=\"dofollow\">Guide de s\u00e9curit\u00e9 pour le Maroc<\/a>.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>Qu'est-ce qui fait que le <span style=\"font-weight: 600;\">Ascension du Mgoun<\/span> est-il diff\u00e9rent des autres sommets du Haut Atlas ?<\/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 Mgoun offre un service unique <strong>exp\u00e9rience de marche sur les cr\u00eates<\/strong> plut\u00f4t qu'une simple ascension du sommet. La longue cr\u00eate calcaire contient de nombreux\r\n de nombreux fossiles marins, t\u00e9moins de l'histoire g\u00e9ologique de la r\u00e9gion lorsqu'elle \u00e9tait sous l'eau. Les vues depuis la cr\u00eate sont spectaculaires,\r\n panoramas \u00e0 360 degr\u00e9s de l'ensemble du Haut Atlas central. Contrairement \u00e0 l'ascension plus directe du Toubkal, le Mgoun n\u00e9cessite de parcourir une distance importante le long d'une cr\u00eate a\u00e9rienne.\r\n distance le long d'une cr\u00eate a\u00e9rienne, ce qui en fait une exp\u00e9rience de montagne particuli\u00e8rement m\u00e9morable.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>Comment dois-je me pr\u00e9parer \u00e0 cela ? <span style=\"font-weight: 600;\">trekking en haute altitude<\/span> l'aventure ?<\/span>\r\n <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>\r\n Un entra\u00eenement cardiovasculaire r\u00e9gulier dans les mois pr\u00e9c\u00e9dant le d\u00e9part est essentiel. L'accent est mis sur le d\u00e9veloppement de l'endurance pour les longues journ\u00e9es cons\u00e9cutives de randonn\u00e9e\r\n avec un d\u00e9nivel\u00e9 important. La marche en c\u00f4te avec un sac \u00e0 dos charg\u00e9 est fortement recommand\u00e9e. Roder soigneusement les chaussures de randonn\u00e9e avant le d\u00e9part.\r\n Si possible, incluez une randonn\u00e9e en haute altitude dans votre pr\u00e9paration. Une liste d\u00e9taill\u00e9e de l'\u00e9quipement et des recommandations d'entra\u00eenement seront fournies lors de la r\u00e9servation.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>Quel type d'h\u00e9bergement est pr\u00e9vu pendant le trek ?<\/span>\r\n <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>\r\n L'h\u00e9bergement varie tout au long du trek. Vous s\u00e9journerez dans <strong>les refuges de montagne<\/strong> dans les villages, le c\u00e9l\u00e8bre <strong>Refuge du Toubkal<\/strong> \r\n (style dortoir), et <strong>camping<\/strong> dans des zones recul\u00e9es au cours de la section Mgoun. Tout le mat\u00e9riel de camping est fourni, y compris des tentes de qualit\u00e9\r\n et des matelas de couchage. Cette combinaison offre \u00e0 la fois le confort l\u00e0 o\u00f9 il est disponible et une exp\u00e9rience authentique de la montagne dans les zones recul\u00e9es.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>Y a-t-il des consid\u00e9rations d'altitude \u00e0 prendre en compte pour ce 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 Oui, ce trekking atteint des altitudes importantes (plus de 4 000 m). L'itin\u00e9raire est con\u00e7u pour permettre une bonne acclimatation avec une mont\u00e9e progressive et des nuits \u00e0 des altitudes interm\u00e9diaires.\r\n et des nuits \u00e0 des altitudes interm\u00e9diaires. Cependant, le mal d'altitude peut toucher n'importe qui, quel que soit son niveau de forme physique. Il est important de s'hydrater,\r\n de maintenir un rythme r\u00e9gulier et de communiquer imm\u00e9diatement tout sympt\u00f4me \u00e0 votre guide. Les personnes souffrant de probl\u00e8mes de sant\u00e9 pr\u00e9existants doivent consulter leur m\u00e9decin avant de r\u00e9server.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Mobile Form Section (NEW) - Shows only on mobile after FAQ -->\r\n <section class=\"mobile-form-section content-section\" id=\"mobile-booking-form-section\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-calendar-plus\"><\/i>\r\n <div>\r\n <h2>R\u00e9server cette visite<\/h2>\r\n <small>Faites-nous part de vos pr\u00e9f\u00e9rences<\/small>\r\n <\/div>\r\n <\/div>\r\n \r\n <form id=\"mobile-booking-form\" novalidate action=\"\">\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"m-start\">Date de d\u00e9but<\/label>\r\n <input type=\"date\" id=\"m-start\" class=\"form-input\" \/>\r\n <div class=\"error-message\" id=\"m-start-error\">Veuillez choisir une date.<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"m-end\">Date de fin<\/label>\r\n <input type=\"date\" id=\"m-end\" class=\"form-input\" \/>\r\n <div class=\"error-message\" id=\"m-end-error\">Veuillez choisir une date.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"m-people\">Nombre de participants<\/label>\r\n <input type=\"number\" id=\"m-people\" class=\"form-input\" min=\"1\" max=\"16\" value=\"2\" \/>\r\n <div class=\"error-message\" id=\"m-people-error\">Veuillez saisir un nombre compris entre 1 et 16.<\/div>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"m-first\">Pr\u00e9nom<\/label>\r\n <input type=\"text\" id=\"m-first\" class=\"form-input\" placeholder=\"ex. Jean\" \/>\r\n <div class=\"error-message\" id=\"m-first-error\">Veuillez saisir votre pr\u00e9nom.<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"m-last\">Nom de famille<\/label>\r\n <input type=\"text\" id=\"m-last\" class=\"form-input\" placeholder=\"ex. Smith\" \/>\r\n <div class=\"error-message\" id=\"m-last-error\">Veuillez saisir votre nom de famille.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"m-email\">Courriel<\/label>\r\n <input type=\"email\" id=\"m-email\" class=\"form-input\" placeholder=\"ex. john@example.com\" \/>\r\n <div class=\"error-message\" id=\"m-email-error\">Veuillez saisir un courriel valide.<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"m-phone\">T\u00e9l\u00e9phone<\/label>\r\n <input type=\"tel\" id=\"m-phone\" class=\"form-input\" placeholder=\"ex. +212612345678\" \/>\r\n <div class=\"error-message\" id=\"m-phone-error\">Num\u00e9ro non valide (min. 10 chiffres).<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"m-notes\">Demandes sp\u00e9ciales<\/label>\r\n <textarea id=\"m-notes\" rows=\"3\" class=\"form-input\" placeholder=\"Exp\u00e9rience de trekking, r\u00e9gime alimentaire, etc.\"><\/textarea>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"btn-primary\" id=\"mobile-submit\">\r\n <i class=\"fa-solid fa-paper-plane\"><\/i>\r\n R\u00e9server\r\n <\/button>\r\n <div class=\"form-note\">\r\n R\u00e9ponse personnalis\u00e9e dans les 24-48h (jours ouvrables).\r\n <\/div>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"fr\"\/><\/form>\r\n <\/section>\r\n\r\n <!-- Photo Gallery -->\r\n <section class=\"content-section\" id=\"galerie\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-images\"><\/i>\r\n <div>\r\n <h2>Galerie de photos - <span style=\"font-weight: 600;\">Trekking du Toubkal au Mgoun<\/span><\/h2>\r\n <small>Quelques images de ce projet <span style=\"font-weight: 600;\">Aventure dans le Haut Atlas<\/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\/IMG_4889-1.jpeg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_4889-1.jpeg\" alt=\"Toubkal Ascent\" \/>\r\n <div class=\"photo-view-icon\">\r\n <span><i class=\"fa-solid fa-eye\"><\/i> Voir<\/span>\r\n <\/div>\r\n <\/button>\r\n <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_4865-1.jpeg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_4865-1.jpeg\" alt=\"High Atlas Landscapes\" \/>\r\n <div class=\"photo-view-icon\">\r\n <span><i class=\"fa-solid fa-eye\"><\/i> Voir<\/span>\r\n <\/div>\r\n <\/button>\r\n <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_4889-1-1.jpeg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_4889-1-1.jpeg\" alt=\"Mountain Trekking\" \/>\r\n <div class=\"photo-view-icon\">\r\n <span><i class=\"fa-solid fa-eye\"><\/i> Voir<\/span>\r\n <\/div>\r\n <\/button>\r\n <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_6476-1-scaled-1000x750-1.jpeg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_6476-1-scaled-1000x750-1.jpeg\" alt=\"Berber Villages\" \/>\r\n <div class=\"photo-view-icon\">\r\n <span><i class=\"fa-solid fa-eye\"><\/i> Voir<\/span>\r\n <\/div>\r\n <\/button>\r\n <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_5572-1-1000x1007-1.jpeg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_5572-1-1000x1007-1.jpeg\" alt=\"Mgoun Ridge\" \/>\r\n <div class=\"photo-view-icon\">\r\n <span><i class=\"fa-solid fa-eye\"><\/i> Voir<\/span>\r\n <\/div>\r\n <\/button>\r\n <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/915B8A29-FDCA-42AD-83DA-D3BEDB8ED359-1-1000x750-1.jpeg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/915B8A29-FDCA-42AD-83DA-D3BEDB8ED359-1-1000x750-1.jpeg\" alt=\"Mountain Passes\" \/>\r\n <div class=\"photo-view-icon\">\r\n <span><i class=\"fa-solid fa-eye\"><\/i> Voir<\/span>\r\n <\/div>\r\n <\/button>\r\n <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/a66d2969-aa99-4d8a-9da8-254a41119823-1000x1778-1.jpeg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/a66d2969-aa99-4d8a-9da8-254a41119823-1000x1778-1.jpeg\" alt=\"Toubkal Summit\" \/>\r\n <div class=\"photo-view-icon\">\r\n <span><i class=\"fa-solid fa-eye\"><\/i> Voir<\/span>\r\n <\/div>\r\n <\/button>\r\n <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/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=\"Hidden Valleys\" \/>\r\n <div class=\"photo-view-icon\">\r\n <span><i class=\"fa-solid fa-eye\"><\/i> Voir<\/span>\r\n <\/div>\r\n <\/button>\r\n <\/div>\r\n <\/section>\r\n <\/article>\r\n\r\n <!-- Right Column \u2013 Sidebar -->\r\n <aside class=\"sidebar\">\r\n <section class=\"price-card\">\r\n <h2>Prix de la visite<\/h2>\r\n <div class=\"price-main\">\r\n <div class=\"price-amount\">Sur demande<\/div>\r\n <span class=\"price-tag\"><i class=\"fa-solid fa-circle-info\"><\/i> Devis personnalis\u00e9<\/span>\r\n <\/div>\r\n <p class=\"price-note\">\r\n Le prix d\u00e9pend de la saison, du nombre de participants et de la taille du groupe.\r\n <\/p>\r\n <div class=\"price-details\">\r\n <p><i class=\"fa-solid fa-calendar-alt\"><\/i> 8 jours d'aventure en montagne<\/p>\r\n <p><i class=\"fa-solid fa-location-dot\"><\/i> <span style=\"font-weight: 600;\">Toubkal & Mgoun<\/span> Pics<\/p>\r\n <p><i class=\"fa-solid fa-users\"><\/i> A partir de 2 personnes<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"booking-form\">\r\n <h3>R\u00e9server cette visite<\/h3>\r\n <p>Faites-nous part de vos pr\u00e9f\u00e9rences, nous adapterons le programme et les tarifs.<\/p>\r\n\r\n <form id=\"desktop-form\" novalidate action=\"\">\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"d-start\">Date de d\u00e9but souhait\u00e9e<\/label>\r\n <input type=\"date\" id=\"d-start\" class=\"form-input\" \/>\r\n <div class=\"error-message\" id=\"d-start-error\">Veuillez choisir une date de d\u00e9but.<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"d-end\">Date de fin<\/label>\r\n <input type=\"date\" id=\"d-end\" class=\"form-input\" \/>\r\n <div class=\"error-message\" id=\"d-end-error\">Veuillez choisir une date de fin.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"d-people\">Nombre de participants<\/label>\r\n <input type=\"number\" id=\"d-people\" class=\"form-input\" min=\"1\" max=\"16\" value=\"2\" \/>\r\n <div class=\"error-message\" id=\"d-people-error\">Veuillez saisir un nombre compris entre 1 et 16.<\/div>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"d-first\">Pr\u00e9nom<\/label>\r\n <input type=\"text\" id=\"d-first\" class=\"form-input\" placeholder=\"ex. Jean\" \/>\r\n <div class=\"error-message\" id=\"d-first-error\">Veuillez saisir votre pr\u00e9nom.<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"d-last\">Nom de famille<\/label>\r\n <input type=\"text\" id=\"d-last\" class=\"form-input\" placeholder=\"ex. Smith\" \/>\r\n <div class=\"error-message\" id=\"d-last-error\">Veuillez saisir votre nom de famille.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"d-email\">Courriel<\/label>\r\n <input type=\"email\" id=\"d-email\" class=\"form-input\" placeholder=\"ex. john@example.com\" \/>\r\n <div class=\"error-message\" id=\"d-email-error\">Veuillez saisir un courriel valide.<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"d-phone\">T\u00e9l\u00e9phone<\/label>\r\n <input type=\"tel\" id=\"d-phone\" class=\"form-input\" placeholder=\"ex. +212612345678\" \/>\r\n <div class=\"error-message\" id=\"d-phone-error\">Num\u00e9ro non valide (min. 10 chiffres).<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"d-notes\">Demandes sp\u00e9ciales<\/label>\r\n <textarea id=\"d-notes\" rows=\"3\" class=\"form-input\" placeholder=\"Exp\u00e9rience de trekking, r\u00e9gime alimentaire, etc.\"><\/textarea>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"btn-primary\" id=\"d-submit\">\r\n <i class=\"fa-solid fa-paper-plane\"><\/i>\r\n R\u00e9server\r\n <\/button>\r\n <div class=\"form-note\">\r\n R\u00e9ponse personnalis\u00e9e dans les 24-48h (jours ouvrables).\r\n <\/div>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"fr\"\/><\/form>\r\n <\/section>\r\n <\/aside>\r\n <\/main>\r\n <\/div>\r\n\r\n <!-- Mobile Booking Bar -->\r\n <div class=\"mobile-booking\">\r\n <div class=\"mobile-booking-inner\">\r\n <div class=\"mobile-booking-info\">\r\n <span><span style=\"font-weight: 600;\">De Toubkal \u00e0 Mgoun<\/span> Trek - 8 jours<\/span>\r\n <strong>Prix sur demande<\/strong>\r\n <\/div>\r\n <button class=\"mobile-booking-btn\" id=\"scroll-to-form-btn\">\r\n <i class=\"fa-solid fa-calendar-plus\"><\/i>\r\n R\u00e9server\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- NEW Thank You Overlay (with same message style as 4-day code) -->\r\n <div class=\"thankyou-overlay\" id=\"thankyou\">\r\n <div class=\"thankyou-card\">\r\n <div class=\"icon\"><i class=\"fa-solid fa-check\"><\/i><\/div>\r\n <h3>Merci pour votre demande de r\u00e9servation !<\/h3>\r\n <p>\r\n Nous avons bien re\u00e7u votre message pour le Trekking de 8 jours du Toubkal au Mgoun \u00e0 travers des sommets l\u00e9gendaires et des vall\u00e9es cach\u00e9es.\r\n Un conseiller vous contactera sous peu avec un devis d\u00e9taill\u00e9.\r\n <\/p>\r\n <div class=\"btn-row\">\r\n <button id=\"ty-close\">\r\n <i class=\"fa-solid fa-xmark\"><\/i>\r\n Fermer\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- IMAGE LIGHTBOX FOR ZOOM -->\r\n <div class=\"image-lightbox\" id=\"image-lightbox\">\r\n <div class=\"image-lightbox-inner\">\r\n <button class=\"image-lightbox-close\" id=\"image-lightbox-close\" aria-label=\"Fermer l'image\">\r\n <i class=\"fa-solid fa-xmark\"><\/i>\r\n <\/button>\r\n <img decoding=\"async\" src=\"\" alt=\"Enlarged image\" id=\"image-lightbox-img\">\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Toast -->\r\n <div class=\"toast\" id=\"toast\"><\/div>\r\n <\/div>\r\n\r\n <!-- EmailJS SDK v4 -->\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@emailjs\/browser@4\/dist\/email.min.js\"><\/script>\r\n <script>\r\n \/\/ === EMAILJS CONFIG ===\r\n const EMAILJS_PUBLIC_KEY = '2VKm08QxMx86NZIq-'; \/\/ with the dash at the end\r\n const EMAILJS_SERVICE_ID = 'service_x45ovee';\r\n const EMAILJS_TEMPLATE_ID = 'template_3bggdfm';\r\n\r\n \/\/ Initialize EmailJS (v4 syntax)\r\n (function () {\r\n emailjs.init({\r\n publicKey: EMAILJS_PUBLIC_KEY,\r\n });\r\n })();\r\n\r\n \/\/ Gallery functionality\r\n const mainGalleryImg = document.getElementById('main-gallery-img');\r\n const thumbnails = document.querySelectorAll('.thumbnail');\r\n \r\n thumbnails.forEach(thumb => {\r\n thumb.addEventListener('click', () => {\r\n const src = thumb.getAttribute('data-src');\r\n if (src) mainGalleryImg.src = src;\r\n thumbnails.forEach(t => t.classList.remove('active'));\r\n thumb.classList.add('active');\r\n });\r\n });\r\n\r\n \/\/ FAQ accordion\r\n document.querySelectorAll('.faq-item').forEach(item => {\r\n const question = item.querySelector('.faq-question');\r\n question.addEventListener('click', () => {\r\n const isOpen = item.classList.contains('open');\r\n document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('open'));\r\n if (!isOpen) item.classList.add('open');\r\n });\r\n });\r\n\r\n \/\/ Toast functionality\r\n function showToast(message, type = 'success') {\r\n const toast = document.getElementById('toast');\r\n toast.textContent = message;\r\n toast.className = 'toast show ' + type;\r\n setTimeout(() => {\r\n toast.classList.remove('show');\r\n }, 4000);\r\n }\r\n\r\n \/\/ Lightbox elements\r\n const photoItems = document.querySelectorAll('.photo-item');\r\n const imageLightbox = document.getElementById('image-lightbox');\r\n const imageLightboxImg = document.getElementById('image-lightbox-img');\r\n const imageLightboxClose = document.getElementById('image-lightbox-close');\r\n\r\n \/\/ Photo gallery zoom (open lightbox AND update big header image)\r\n photoItems.forEach(item => {\r\n item.addEventListener('click', () => {\r\n const full = item.getAttribute('data-full');\r\n if (!full) return;\r\n \/\/ Update main hero image\r\n mainGalleryImg.src = full;\r\n \/\/ Open lightbox\r\n imageLightboxImg.src = full;\r\n imageLightbox.style.display = 'flex';\r\n });\r\n });\r\n\r\n \/\/ Close lightbox on button click\r\n imageLightboxClose.addEventListener('click', () => {\r\n imageLightbox.style.display = 'none';\r\n });\r\n\r\n \/\/ Close lightbox on backdrop click\r\n imageLightbox.addEventListener('click', (e) => {\r\n if (e.target === imageLightbox) {\r\n imageLightbox.style.display = 'none';\r\n }\r\n });\r\n\r\n \/\/ Close lightbox on ESC\r\n document.addEventListener('keydown', (e) => {\r\n if (e.key === 'Escape' && imageLightbox.style.display === 'flex') {\r\n imageLightbox.style.display = 'none';\r\n }\r\n });\r\n\r\n \/* Validation Functions *\/\r\n function validateEmail(email) {\r\n const emailRegex = \/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$\/;\r\n return emailRegex.test(email);\r\n }\r\n\r\n function validatePhone(phone) {\r\n const cleanPhone = phone.replace(\/\\D\/g, '');\r\n return cleanPhone.length >= 10;\r\n }\r\n\r\n function showError(inputId, errorId, message) {\r\n document.getElementById(inputId).classList.add('error');\r\n document.getElementById(errorId).textContent = message;\r\n document.getElementById(errorId).style.display = 'block';\r\n }\r\n\r\n function hideError(inputId, errorId) {\r\n document.getElementById(inputId).classList.remove('error');\r\n document.getElementById(errorId).style.display = 'none';\r\n }\r\n\r\n function validateForm(formType = 'desktop') {\r\n let isValid = true;\r\n const prefix = formType === 'mobile' ? 'm-' : 'd-';\r\n\r\n const email = document.getElementById(`${prefix}email`).value.trim();\r\n if (!validateEmail(email)) {\r\n showError(`${prefix}email`, `${prefix}email-error`, 'Please enter a valid email address');\r\n isValid = false;\r\n } else {\r\n hideError(`${prefix}email`, `${prefix}email-error`);\r\n }\r\n\r\n const phone = document.getElementById(`${prefix}phone`).value.trim();\r\n if (!validatePhone(phone)) {\r\n showError(`${prefix}phone`, `${prefix}phone-error`, 'Please enter a valid phone number (min. 10 digits)');\r\n isValid = false;\r\n } else {\r\n hideError(`${prefix}phone`, `${prefix}phone-error`);\r\n }\r\n\r\n const requiredFields = [\r\n { id: `${prefix}start`, errorId: `${prefix}start-error`, message: 'Please choose a start date' },\r\n { id: `${prefix}end`, errorId: `${prefix}end-error`, message: 'Please choose an end date' },\r\n { id: `${prefix}people`, errorId: `${prefix}people-error`, message: 'Please enter number of participants' },\r\n { id: `${prefix}first`, errorId: `${prefix}first-error`, message: 'Please enter your first name' },\r\n { id: `${prefix}last`, errorId: `${prefix}last-error`, message: 'Please enter your last name' }\r\n ];\r\n\r\n requiredFields.forEach(field => {\r\n const value = document.getElementById(field.id).value.trim();\r\n if (!value) {\r\n showError(field.id, field.errorId, field.message);\r\n isValid = false;\r\n } else {\r\n hideError(field.id, field.errorId);\r\n }\r\n });\r\n\r\n return isValid;\r\n }\r\n\r\n \/\/ Scroll to form functionality\r\n const scrollToFormBtn = document.getElementById('scroll-to-form-btn');\r\n const mobileFormSection = document.getElementById('mobile-booking-form-section');\r\n \r\n if (scrollToFormBtn && mobileFormSection) {\r\n scrollToFormBtn.addEventListener('click', () => {\r\n mobileFormSection.scrollIntoView({ \r\n behavior: 'smooth',\r\n block: 'start'\r\n });\r\n });\r\n }\r\n\r\n \/\/ === EMAILJS SEND HELPERS ===\r\n async function sendEmailJS(formType = 'desktop') {\r\n const prefix = formType === 'mobile' ? 'm-' : 'd-';\r\n\r\n const pax = parseInt(document.getElementById(`${prefix}people`).value || '2', 10);\r\n\r\n const formData = {\r\n tour_date: document.getElementById(`${prefix}start`).value,\r\n tour_end_date: document.getElementById(`${prefix}end`).value,\r\n participants: pax,\r\n first_name: document.getElementById(`${prefix}first`).value,\r\n last_name: document.getElementById(`${prefix}last`).value,\r\n email: document.getElementById(`${prefix}email`).value,\r\n phone: document.getElementById(`${prefix}phone`).value,\r\n special_requests: document.getElementById(`${prefix}notes`).value,\r\n tour_name: '8 Days Trekking Toubkal to Mgoun Through Legendary Peaks and Hidden Valleys',\r\n total_price: 'On Request'\r\n };\r\n\r\n console.log('Sending to EmailJS:', formData);\r\n\r\n \/\/ EmailJS v4 send (uses global init)\r\n return emailjs.send(\r\n EMAILJS_SERVICE_ID,\r\n EMAILJS_TEMPLATE_ID,\r\n formData\r\n );\r\n }\r\n\r\n \/\/ NEW: Thank You overlay logic\r\n const TY = document.getElementById('thankyou');\r\n const TY_CLOSE = document.getElementById('ty-close');\r\n\r\n function showThankYou() {\r\n if (TY) {\r\n TY.style.display = 'block';\r\n document.body.style.overflow = 'hidden';\r\n }\r\n }\r\n\r\n function hideThankYou() {\r\n if (TY) {\r\n TY.style.display = 'none';\r\n document.body.style.overflow = '';\r\n }\r\n }\r\n\r\n if (TY_CLOSE) {\r\n TY_CLOSE.addEventListener('click', hideThankYou);\r\n }\r\n\r\n if (TY) {\r\n TY.addEventListener('click', (e) => {\r\n if (e.target === TY) {\r\n hideThankYou();\r\n }\r\n });\r\n }\r\n\r\n document.addEventListener('keydown', (e) => {\r\n if (e.key === 'Escape' && TY && TY.style.display === 'block') {\r\n hideThankYou();\r\n }\r\n });\r\n\r\n \/\/ Mobile form submission\r\n const mobileForm = document.getElementById('mobile-booking-form');\r\n const mobileSubmitBtn = document.getElementById('mobile-submit');\r\n \r\n if (mobileForm) {\r\n mobileForm.addEventListener('submit', async (e) => {\r\n e.preventDefault();\r\n \r\n if (!validateForm('mobile')) {\r\n showToast('Please correct the errors in the form', 'error');\r\n return;\r\n }\r\n \r\n mobileSubmitBtn.disabled = true;\r\n mobileSubmitBtn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Sending...';\r\n \r\n try {\r\n const result = await sendEmailJS('mobile');\r\n console.log('EmailJS SUCCESS (mobile):', result);\r\n showThankYou();\r\n mobileForm.reset();\r\n showToast('Your booking request has been submitted successfully!', 'success');\r\n } catch (err) { \r\n console.error('EmailJS Error (mobile):', err);\r\n showToast('Sorry, an error occurred: ' + (err.text || 'Please check your EmailJS keys\/domain.'), 'error'); \r\n } finally {\r\n mobileSubmitBtn.disabled = false;\r\n mobileSubmitBtn.innerHTML = '<i class=\"fa-solid fa-paper-plane\"><\/i> Book Now';\r\n }\r\n });\r\n }\r\n\r\n \/\/ Desktop form submission\r\n const desktopForm = document.getElementById('desktop-form');\r\n const desktopSubmitBtn = document.getElementById('d-submit');\r\n \r\n if (desktopForm) {\r\n desktopForm.addEventListener('submit', async (e) => {\r\n e.preventDefault();\r\n \r\n if (!validateForm('desktop')) {\r\n showToast('Please correct the errors in the form', 'error');\r\n return;\r\n }\r\n \r\n desktopSubmitBtn.disabled = true;\r\n desktopSubmitBtn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Sending...';\r\n \r\n try {\r\n const result = await sendEmailJS('desktop');\r\n console.log('EmailJS SUCCESS (desktop):', result);\r\n showThankYou();\r\n desktopForm.reset();\r\n showToast('Your booking request has been submitted successfully!', 'success');\r\n } catch (err) { \r\n console.error('EmailJS Error (desktop):', err);\r\n showToast('Sorry, an error occurred: ' + (err.text || 'Please check your EmailJS keys\/domain.'), 'error'); \r\n } finally {\r\n desktopSubmitBtn.disabled = false;\r\n desktopSubmitBtn.innerHTML = '<i class=\"fa-solid fa-paper-plane\"><\/i> Book Now';\r\n }\r\n });\r\n }\r\n\r\n \/\/ Set minimum date to tomorrow\r\n (function() {\r\n const d = new Date();\r\n d.setDate(d.getDate() + 1);\r\n const min = `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;\r\n \r\n ['d-start', 'm-start', 'd-end', 'm-end'].forEach(id => {\r\n const el = document.getElementById(id);\r\n if (el) el.min = min;\r\n });\r\n })();\r\n\r\n \/\/ Real-time validation\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const emailInput = document.getElementById('d-email');\r\n const phoneInput = document.getElementById('d-phone');\r\n if (emailInput) {\r\n emailInput.addEventListener('blur', function() {\r\n if (this.value.trim() && !validateEmail(this.value.trim())) {\r\n showError('d-email', 'd-email-error', 'Please enter a valid email address');\r\n } else {\r\n hideError('d-email', 'd-email-error');\r\n }\r\n });\r\n }\r\n if (phoneInput) {\r\n phoneInput.addEventListener('blur', function() {\r\n if (this.value.trim() && !validatePhone(this.value.trim())) {\r\n showError('d-phone', 'd-phone-error', 'Please enter a valid phone number (min. 10 digits)');\r\n } else {\r\n hideError('d-phone', 'd-phone-error');\r\n }\r\n });\r\n }\r\n\r\n const mEmailInput = document.getElementById('m-email');\r\n const mPhoneInput = document.getElementById('m-phone');\r\n if (mEmailInput) {\r\n mEmailInput.addEventListener('blur', function() {\r\n if (this.value.trim() && !validateEmail(this.value.trim())) {\r\n showError('m-email', 'm-email-error', 'Please enter a valid email address');\r\n } else {\r\n hideError('m-email', 'm-email-error');\r\n }\r\n });\r\n }\r\n if (mPhoneInput) {\r\n mPhoneInput.addEventListener('blur', function() {\r\n if (this.value.trim() && !validatePhone(this.value.trim())) {\r\n showError('m-phone', 'm-phone-error', 'Please enter a valid phone number (min. 10 digits)');\r\n } else {\r\n hideError('m-phone', 'm-phone-error');\r\n }\r\n });\r\n }\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>8 Days Trekking Toubkal to Mgoun Through Legendary Peaks and Hidden … <\/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-208","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\/208","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=208"}],"version-history":[{"count":7,"href":"https:\/\/marrakechtrekking.com\/fr\/wp-json\/wp\/v2\/pages\/208\/revisions"}],"predecessor-version":[{"id":777,"href":"https:\/\/marrakechtrekking.com\/fr\/wp-json\/wp\/v2\/pages\/208\/revisions\/777"}],"wp:attachment":[{"href":"https:\/\/marrakechtrekking.com\/fr\/wp-json\/wp\/v2\/media?parent=208"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}