{"id":708,"date":"2025-11-25T13:43:38","date_gmt":"2025-11-25T13:43:38","guid":{"rendered":"https:\/\/marrakechtrekking.com\/?page_id=708"},"modified":"2025-11-27T12:06:13","modified_gmt":"2025-11-27T12:06:13","slug":"4-days-trekking-in-siroua-summit","status":"publish","type":"page","link":"https:\/\/marrakechtrekking.com\/fr\/4-days-trekking-in-siroua-summit\/","title":{"rendered":"4 days trekking in Siroua summit"},"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 4-Day Trekking to Siroua Summit | Jebel Siroua Morocco<\/title>\r\n <meta name=\"description\" content=\"Experience our 4-day Siroua Summit trek. Discover Berber villages, volcanic landscapes, and authentic culture in Morocco's Anti-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 #sahara-trekking-wrapper * {\r\n box-sizing: border-box !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n #sahara-trekking-wrapper {\r\n \/* ISOLATION CONTAINER *\/\r\n --primary-bg: #ffffff !important;\r\n --card-bg: #ffffff !important;\r\n --accent-color: #f97316 !important;\r\n --accent-light: #fed7aa !important;\r\n --accent-dark: #dc2626 !important;\r\n --accent-gradient: linear-gradient(135deg, #f97316, #dc2626) !important;\r\n --text-primary: #0f172a !important;\r\n --text-secondary: #6b7280 !important;\r\n --border-color: rgba(148, 163, 184, 0.35) !important;\r\n --radius-large: 22px !important;\r\n --radius-medium: 14px !important;\r\n --shadow-large: 0 20px 55px rgba(15, 23, 42, 0.18) !important;\r\n --shadow-small: 0 10px 25px rgba(15, 23, 42, 0.12) !important;\r\n\r\n font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\r\n background: #ffffff !important;\r\n color: var(--text-primary) !important;\r\n line-height: 1.6 !important;\r\n isolation: isolate !important;\r\n position: relative !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .container {\r\n max-width: 1180px !important;\r\n margin: 0 auto !important;\r\n padding: 20px 18px 80px !important;\r\n }\r\n\r\n \/* FORCE GALLERY STYLES *\/\r\n #sahara-trekking-wrapper .gallery-section img,\r\n #sahara-trekking-wrapper .thumbnail img,\r\n #sahara-trekking-wrapper .photo-gallery img,\r\n #sahara-trekking-wrapper .main-gallery img {\r\n border: none !important;\r\n background: transparent !important;\r\n padding: 0 !important;\r\n box-shadow: none !important;\r\n display: block !important;\r\n }\r\n\r\n \/* Hero Section *\/\r\n #sahara-trekking-wrapper .hero-section {\r\n display: grid !important;\r\n grid-template-columns: minmax(0, 1.7fr) minmax(0, 1.3fr) !important;\r\n gap: 24px !important;\r\n align-items: stretch !important;\r\n margin-bottom: 26px !important;\r\n }\r\n\r\n @media (max-width: 960px) {\r\n #sahara-trekking-wrapper .hero-section {\r\n grid-template-columns: 1fr !important;\r\n }\r\n }\r\n\r\n #sahara-trekking-wrapper .hero-content {\r\n position: relative !important;\r\n padding: 22px 24px 20px !important;\r\n border-radius: var(--radius-large) !important;\r\n background: radial-gradient(circle at top left, #fff7ed 0, #fef2f2 30%, #ffffff 90%) !important;\r\n box-shadow: var(--shadow-large) !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .hero-content::after {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n width: 260px !important;\r\n height: 260px !important;\r\n border-radius: 999px !important;\r\n background: radial-gradient(circle at center, rgba(251, 146, 60, 0.24), transparent 70%) !important;\r\n top: -80px !important;\r\n right: -120px !important;\r\n opacity: 0.7 !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .region-badge {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 8px !important;\r\n padding: 4px 11px !important;\r\n border-radius: 999px !important;\r\n background: rgba(15, 23, 42, 0.75) !important;\r\n color: #e5e7eb !important;\r\n font-size: 0.75rem !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: 0.16em !important;\r\n margin-bottom: 10px !important;\r\n position: relative !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .region-badge i {\r\n color: #fed7aa !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .hero-content h1 {\r\n margin: 0 0 6px !important;\r\n font-size: clamp(1.9rem, 3vw, 2.4rem) !important;\r\n font-weight: 800 !important;\r\n letter-spacing: 0.01em !important;\r\n position: relative !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .hero-description {\r\n margin: 0 0 14px !important;\r\n color: #1f2933 !important;\r\n font-size: 0.97rem !important;\r\n max-width: 38rem !important;\r\n position: relative !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .trek-details {\r\n display: flex !important;\r\n flex-wrap: wrap !important;\r\n gap: 8px !important;\r\n position: relative !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .detail-pill {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 6px !important;\r\n font-size: 0.8rem !important;\r\n padding: 6px 10px !important;\r\n border-radius: 999px !important;\r\n background: rgba(15, 23, 42, 0.85) !important;\r\n color: #e5e7eb !important;\r\n border: 1px solid rgba(148, 163, 184, 0.5) !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .detail-pill i {\r\n color: #fed7aa !important;\r\n }\r\n\r\n \/* Gallery Section *\/\r\n #sahara-trekking-wrapper .gallery-section {\r\n display: grid !important;\r\n gap: 10px !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .main-gallery {\r\n position: relative !important;\r\n border-radius: var(--radius-large) !important;\r\n overflow: hidden !important;\r\n height: 340px !important;\r\n background: #000 !important;\r\n box-shadow: var(--shadow-large) !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .main-gallery img {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .gallery-overlay {\r\n position: absolute !important;\r\n inset: 0 !important;\r\n background: linear-gradient(to top, rgba(15, 23, 42, 0.65), transparent 55%) !important;\r\n pointer-events: none !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .gallery-caption {\r\n position: absolute !important;\r\n left: 14px !important;\r\n bottom: 14px !important;\r\n padding: 6px 10px !important;\r\n border-radius: 999px !important;\r\n font-size: 0.78rem !important;\r\n background: rgba(15, 23, 42, 0.85) !important;\r\n color: #e5e7eb !important;\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 7px !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .thumbnail-grid {\r\n display: grid !important;\r\n grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\r\n gap: 6px !important;\r\n margin-top: 6px !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .thumbnail {\r\n border-radius: 14px !important;\r\n overflow: hidden !important;\r\n position: relative !important;\r\n border: 2px solid transparent !important;\r\n cursor: pointer !important;\r\n min-height: 70px !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .thumbnail img {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n display: block !important;\r\n transform: scale(1.04) !important;\r\n transition: transform 0.2s !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .thumbnail:hover img {\r\n transform: scale(1.08) !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .thumbnail::after {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n inset: 0 !important;\r\n background: linear-gradient(to top, rgba(15, 23, 42, 0.5), transparent 75%) !important;\r\n opacity: 0 !important;\r\n transition: opacity 0.2s !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .thumbnail:hover::after {\r\n opacity: 1 !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .thumbnail.active {\r\n border-color: var(--accent-color) !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .info-cards {\r\n display: flex !important;\r\n gap: 10px !important;\r\n margin-top: 6px !important;\r\n flex-wrap: wrap !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .info-card {\r\n flex: 1 1 0 !important;\r\n min-width: 0 !important;\r\n border-radius: var(--radius-medium) !important;\r\n background: var(--card-bg) !important;\r\n border: 1px solid var(--border-color) !important;\r\n padding: 10px 12px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 10px !important;\r\n box-shadow: var(--shadow-small) !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .info-icon {\r\n width: 36px !important;\r\n height: 36px !important;\r\n border-radius: 999px !important;\r\n display: grid !important;\r\n place-items: center !important;\r\n background: var(--accent-gradient) !important;\r\n color: #ecfdf5 !important;\r\n font-size: 1rem !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .info-text span {\r\n display: block !important;\r\n font-size: 0.75rem !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: 0.08em !important;\r\n color: var(--text-secondary) !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .info-text strong {\r\n font-size: 0.94rem !important;\r\n }\r\n\r\n \/* Main Layout *\/\r\n #sahara-trekking-wrapper .main-layout {\r\n display: grid !important;\r\n grid-template-columns: minmax(0, 1.8fr) minmax(0, 1.1fr) !important;\r\n gap: 26px !important;\r\n align-items: flex-start !important;\r\n }\r\n\r\n @media (max-width: 980px) {\r\n #sahara-trekking-wrapper .main-layout {\r\n grid-template-columns: 1fr !important;\r\n }\r\n }\r\n\r\n #sahara-trekking-wrapper .content-section {\r\n border-radius: var(--radius-large) !important;\r\n background: var(--card-bg) !important;\r\n border: 1px solid var(--border-color) !important;\r\n padding: 20px 20px 18px !important;\r\n margin-bottom: 18px !important;\r\n box-shadow: var(--shadow-small) !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .section-header {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 9px !important;\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .section-header i {\r\n width: 28px !important;\r\n height: 28px !important;\r\n border-radius: 999px !important;\r\n display: grid !important;\r\n place-items: center !important;\r\n background: var(--accent-light) !important;\r\n color: var(--accent-dark) !important;\r\n font-size: 0.9rem !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .section-header h2 {\r\n margin: 0 !important;\r\n font-size: 1.1rem !important;\r\n letter-spacing: 0.03em !important;\r\n text-transform: uppercase !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .section-header small {\r\n display: block !important;\r\n font-size: 0.75rem !important;\r\n color: var(--text-secondary) !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .highlight-box {\r\n padding: 11px 13px !important;\r\n border-radius: 14px !important;\r\n background: #fff7ed !important;\r\n border: 1px solid rgba(234, 88, 12, 0.18) !important;\r\n font-size: 0.95rem !important;\r\n margin-bottom: 10px !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .highlight-box strong {\r\n color: var(--accent-dark) !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .content-section p {\r\n color: var(--text-secondary) !important;\r\n font-size: 0.97rem !important;\r\n margin: 0 0 8px !important;\r\n }\r\n\r\n \/* Feature Grid (still used in Practical Details) *\/\r\n #sahara-trekking-wrapper .feature-grid {\r\n display: grid !important;\r\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n gap: 10px !important;\r\n margin-top: 12px !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .feature-card {\r\n border-radius: var(--radius-medium) !important;\r\n background: #f9fafb !important;\r\n border: 1px dashed var(--border-color) !important;\r\n padding: 10px 12px !important;\r\n font-size: 0.88rem !important;\r\n display: flex !important;\r\n align-items: flex-start !important;\r\n gap: 8px !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .feature-card i {\r\n color: var(--accent-color) !important;\r\n margin-top: 3px !important;\r\n font-size: 0.9rem !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .feature-card strong {\r\n display: block !important;\r\n font-size: 0.9rem !important;\r\n }\r\n\r\n \/* Itinerary *\/\r\n #sahara-trekking-wrapper .itinerary-day {\r\n display: grid !important;\r\n grid-template-columns: 100px minmax(0, 1fr) !important;\r\n gap: 14px !important;\r\n padding: 13px 0 !important;\r\n border-bottom: 1px dashed var(--border-color) !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .itinerary-day:last-child {\r\n border-bottom: none !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .day-label {\r\n font-size: 0.8rem !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: 0.14em !important;\r\n font-weight: 700 !important;\r\n color: var(--accent-dark) !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .day-content h3 {\r\n margin: 0 0 3px !important;\r\n font-size: 0.98rem !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .day-content p {\r\n margin: 0 !important;\r\n color: var(--text-secondary) !important;\r\n font-size: 0.95rem !important;\r\n }\r\n\r\n \/* Inclusions *\/\r\n #sahara-trekking-wrapper .two-column {\r\n display: grid !important;\r\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n gap: 18px !important;\r\n }\r\n\r\n @media (max-width: 720px) {\r\n #sahara-trekking-wrapper .two-column {\r\n grid-template-columns: 1fr !important;\r\n }\r\n }\r\n\r\n #sahara-trekking-wrapper .list-title {\r\n font-size: 0.96rem !important;\r\n font-weight: 700 !important;\r\n margin-bottom: 6px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 6px !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .list-title i {\r\n background: none !important;\r\n width: auto !important;\r\n height: auto !important;\r\n color: var(--accent-color) !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .bullet-list {\r\n list-style: none !important;\r\n padding: 0 !important;\r\n margin: 0 !important;\r\n font-size: 0.95rem !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .bullet-list li {\r\n display: flex !important;\r\n gap: 8px !important;\r\n margin-bottom: 7px !important;\r\n color: var(--text-secondary) !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .bullet-list li i {\r\n margin-top: 3px !important;\r\n font-size: 0.85rem !important;\r\n min-width: 14px !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .bullet-list.included li i {\r\n color: var(--accent-dark) !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .bullet-list.excluded li i {\r\n color: #e11d48 !important;\r\n }\r\n\r\n \/* FAQ *\/\r\n #sahara-trekking-wrapper .faq-item {\r\n border-radius: var(--radius-medium) !important;\r\n border: 1px solid var(--border-color) !important;\r\n margin-bottom: 10px !important;\r\n background: #f9fafb !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .faq-question {\r\n padding: 12px 14px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: space-between !important;\r\n gap: 12px !important;\r\n cursor: pointer !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .faq-question span {\r\n font-size: 0.95rem !important;\r\n font-weight: 600 !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .faq-question i {\r\n color: var(--accent-dark) !important;\r\n transition: transform 0.2s !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .faq-item.open .faq-question i {\r\n transform: rotate(180deg) !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .faq-answer {\r\n max-height: 0 !important;\r\n overflow: hidden !important;\r\n padding: 0 14px !important;\r\n font-size: 0.92rem !important;\r\n color: var(--text-secondary) !important;\r\n transition: max-height 0.25s ease, padding 0.25s ease !important;\r\n background: #ffffff !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .faq-item.open .faq-answer {\r\n padding: 0 14px 12px !important;\r\n max-height: 180px !important;\r\n }\r\n\r\n \/* Photo Gallery - REDESIGNED *\/\r\n #sahara-trekking-wrapper .photo-gallery {\r\n display: grid !important;\r\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;\r\n gap: 12px !important;\r\n margin-top: 12px !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .photo-item {\r\n position: relative !important;\r\n border-radius: 16px !important;\r\n overflow: hidden !important;\r\n cursor: zoom-in !important;\r\n box-shadow: var(--shadow-small) !important;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease !important;\r\n background: #f9fafb !important;\r\n border: 1px solid var(--border-color) !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .photo-item:hover {\r\n transform: translateY(-5px) !important;\r\n box-shadow: var(--shadow-large) !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .photo-item img {\r\n width: 100% !important;\r\n height: 140px !important;\r\n object-fit: cover !important;\r\n transition: transform 0.3s ease !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .photo-item:hover img {\r\n transform: scale(1.05) !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .photo-item::after {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n inset: 0 !important;\r\n background: linear-gradient(to top, rgba(15, 23, 42, 0.6), transparent 70%) !important;\r\n opacity: 0 !important;\r\n transition: opacity 0.3s ease !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .photo-item:hover::after {\r\n opacity: 1 !important;\r\n }\r\n\r\n \/* VIEW ICON ON PHOTO ITEMS *\/\r\n #sahara-trekking-wrapper .photo-view-icon {\r\n position: absolute !important;\r\n inset: 0 !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n pointer-events: none !important;\r\n opacity: 0 !important;\r\n transition: opacity 0.3s ease !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .photo-view-icon span {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n padding: 8px 14px !important;\r\n border-radius: 999px !important;\r\n background: rgba(15, 23, 42, 0.85) !important;\r\n color: #fef2f2 !important;\r\n font-size: 0.8rem !important;\r\n gap: 6px !important;\r\n transform: translateY(10px) !important;\r\n transition: transform 0.3s ease !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .photo-view-icon i {\r\n font-size: 0.9rem !important;\r\n color: #fed7aa !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .photo-item:hover .photo-view-icon {\r\n opacity: 1 !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .photo-item:hover .photo-view-icon span {\r\n transform: translateY(0) !important;\r\n }\r\n\r\n \/* Map Section *\/\r\n #sahara-trekking-wrapper .map-section {\r\n border-radius: var(--radius-large) !important;\r\n background: var(--card-bg) !important;\r\n border: 1px solid var(--border-color) !important;\r\n padding: 20px 20px 18px !important;\r\n margin-bottom: 18px !important;\r\n box-shadow: var(--shadow-small) !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .map-container {\r\n position: relative !important;\r\n border-radius: 14px !important;\r\n overflow: hidden !important;\r\n margin-top: 12px !important;\r\n box-shadow: var(--shadow-small) !important;\r\n height: 400px !important;\r\n background: #f9fafb !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .map-container iframe {\r\n width: 100% !important;\r\n height: 100% !important;\r\n border: none !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .map-placeholder {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n gap: 12px !important;\r\n color: var(--text-secondary) !important;\r\n height: 100% !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .map-placeholder i {\r\n font-size: 2.5rem !important;\r\n color: var(--accent-color) !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .map-placeholder p {\r\n font-size: 0.95rem !important;\r\n text-align: center !important;\r\n max-width: 300px !important;\r\n }\r\n\r\n \/* Sidebar *\/\r\n #sahara-trekking-wrapper .sidebar {\r\n position: sticky !important;\r\n top: 16px !important;\r\n align-self: flex-start !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .price-card {\r\n border-radius: var(--radius-large) !important;\r\n padding: 18px !important;\r\n margin-bottom: 14px !important;\r\n background: var(--accent-gradient) !important;\r\n box-shadow: var(--shadow-large) !important;\r\n color: #ecfdf5 !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .price-card h2 {\r\n margin: 0 0 8px !important;\r\n font-size: 1.05rem !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: 0.14em !important;\r\n font-weight: 700 !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .price-main {\r\n display: flex !important;\r\n align-items: baseline !important;\r\n gap: 10px !important;\r\n margin-bottom: 6px !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .price-amount {\r\n font-size: 1.7rem !important;\r\n font-weight: 800 !important;\r\n letter-spacing: 0.04em !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .price-tag {\r\n padding: 3px 9px !important;\r\n border-radius: 999px !important;\r\n background: rgba(15, 23, 42, 0.2) !important;\r\n font-size: 0.8rem !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .price-note {\r\n font-size: 0.85rem !important;\r\n color: #fee2e2 !important;\r\n margin: 0 0 6px !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .price-details {\r\n font-size: 0.86rem !important;\r\n opacity: 0.95 !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .price-details p {\r\n margin: 2px 0 !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .price-details i {\r\n margin-right: 6px !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .booking-form {\r\n border-radius: var(--radius-large) !important;\r\n background: var(--card-bg) !important;\r\n border: 1px solid var(--border-color) !important;\r\n padding: 18px 18px 16px !important;\r\n box-shadow: var(--shadow-small) !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .booking-form h3 {\r\n margin: 0 0 4px !important;\r\n font-size: 1.02rem !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .booking-form p {\r\n margin: 0 0 12px !important;\r\n font-size: 0.86rem !important;\r\n color: var(--text-secondary) !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .form-row {\r\n display: grid !important;\r\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n gap: 10px !important;\r\n }\r\n\r\n @media (max-width: 720px) {\r\n #sahara-trekking-wrapper .sidebar {\r\n display: none !important;\r\n }\r\n }\r\n\r\n #sahara-trekking-wrapper .form-group {\r\n margin-bottom: 10px !important;\r\n }\r\n\r\n #sahara-trekking-wrapper label {\r\n display: block !important;\r\n font-size: 0.85rem !important;\r\n font-weight: 600 !important;\r\n margin-bottom: 4px !important;\r\n color: #111827 !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .form-input,\r\n #sahara-trekking-wrapper textarea {\r\n width: 100% !important;\r\n border-radius: 11px !important;\r\n border: 1px solid var(--border-color) !important;\r\n padding: 9px 11px !important;\r\n font: inherit !important;\r\n font-size: 0.9rem !important;\r\n background: #f9fafb !important;\r\n outline: none !important;\r\n transition: border-color 0.18s, box-shadow 0.18s, background 0.18s !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .form-input:focus,\r\n #sahara-trekking-wrapper textarea:focus {\r\n border-color: rgba(249, 115, 22, 0.7) !important;\r\n box-shadow: 0 0 0 1px rgba(249, 115, 22, 0.2) !important;\r\n background: #ffffff !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .form-input.error,\r\n #sahara-trekking-wrapper textarea.error {\r\n border-color: #e11d48 !important;\r\n background: #fef2f2 !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .error-message {\r\n display: none !important;\r\n font-size: 0.78rem !important;\r\n color: #e11d48 !important;\r\n margin-top: 3px !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .btn-primary {\r\n width: 100% !important;\r\n border-radius: 999px !important;\r\n border: none !important;\r\n padding: 11px 14px !important;\r\n background: var(--accent-gradient) !important;\r\n color: #ecfdf5 !important;\r\n font-weight: 700 !important;\r\n font-size: 0.95rem !important;\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n gap: 7px !important;\r\n cursor: pointer !important;\r\n box-shadow: var(--shadow-large) !important;\r\n transition: transform 0.15s, box-shadow 0.15s, opacity 0.15s !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .btn-primary:hover {\r\n transform: translateY(-1px) !important;\r\n box-shadow: 0 24px 60px rgba(15, 23, 42, 0.28) !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .btn-primary:disabled {\r\n opacity: 0.6 !important;\r\n cursor: not-allowed !important;\r\n transform: none !important;\r\n box-shadow: none !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .btn-primary i {\r\n font-size: 0.9rem !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .form-note {\r\n font-size: 0.78rem !important;\r\n color: var(--text-secondary) !important;\r\n margin-top: 7px !important;\r\n text-align: center !important;\r\n }\r\n\r\n #sahara-trekking-wrapper input[type=\"date\"].form-input {\r\n -webkit-appearance: none !important;\r\n appearance: none !important;\r\n }\r\n\r\n \/* Mobile Booking Bar *\/\r\n #sahara-trekking-wrapper .mobile-booking {\r\n display: none !important;\r\n }\r\n\r\n @media (max-width: 720px) {\r\n #sahara-trekking-wrapper .mobile-booking {\r\n display: block !important;\r\n position: fixed !important;\r\n left: 0 !important;\r\n right: 0 !important;\r\n bottom: 0 !important;\r\n z-index: 999 !important;\r\n background: rgba(15, 23, 42, 0.96) !important;\r\n backdrop-filter: blur(12px) !important;\r\n padding: 10px 14px !important;\r\n border-top: 1px solid rgba(148, 163, 184, 0.4) !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .mobile-booking-inner {\r\n max-width: 1180px !important;\r\n margin: 0 auto !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: space-between !important;\r\n gap: 12px !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .mobile-booking-info {\r\n color: #e5e7eb !important;\r\n font-size: 0.82rem !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .mobile-booking-info strong {\r\n display: block !important;\r\n font-size: 1rem !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .mobile-booking-btn {\r\n border-radius: 999px !important;\r\n border: none !important;\r\n padding: 9px 15px !important;\r\n background: var(--accent-gradient) !important;\r\n color: #ecfdf5 !important;\r\n font-weight: 700 !important;\r\n font-size: 0.9rem !important;\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 7px !important;\r\n cursor: pointer !important;\r\n box-shadow: 0 18px 40px rgba(15, 23, 42, 0.5) !important;\r\n }\r\n }\r\n\r\n \/* Mobile Form Section (NEW) - Shows only on mobile after FAQ *\/\r\n #sahara-trekking-wrapper .mobile-form-section {\r\n display: none !important;\r\n }\r\n\r\n @media (max-width: 720px) {\r\n #sahara-trekking-wrapper .mobile-form-section {\r\n display: block !important;\r\n }\r\n }\r\n\r\n \/* Toast & Overlay *\/\r\n #sahara-trekking-wrapper .toast {\r\n position: fixed !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n bottom: 18px !important;\r\n padding: 9px 14px !important;\r\n border-radius: 999px !important;\r\n background: #0f172a !important;\r\n color: #e5e7eb !important;\r\n font-size: 0.86rem !important;\r\n box-shadow: var(--shadow-large) !important;\r\n display: none !important;\r\n z-index: 1050 !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .toast.show {\r\n display: block !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .toast.success {\r\n background: #16a34a !important; \/* success green *\/\r\n }\r\n\r\n #sahara-trekking-wrapper .toast.error {\r\n background: #b91c1c !important;\r\n }\r\n\r\n \/* NEW THANK YOU OVERLAY (like second code) *\/\r\n #sahara-trekking-wrapper .thankyou-overlay {\r\n display: none !important;\r\n position: fixed !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: rgba(15, 23, 42, 0.86) !important;\r\n z-index: 1100 !important;\r\n backdrop-filter: blur(6px) !important;\r\n overflow-y: auto !important;\r\n padding: 20px !important;\r\n box-sizing: border-box !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .thankyou-card {\r\n position: absolute !important;\r\n top: 50% !important;\r\n left: 50% !important;\r\n transform: translate(-50%, -50%) !important;\r\n background: #ffffff !important;\r\n border-radius: 20px !important;\r\n padding: 32px 26px !important;\r\n max-width: 430px !important;\r\n width: 90% !important;\r\n text-align: center !important;\r\n box-shadow: 0 24px 60px rgba(15, 23, 42, 0.6) !important;\r\n border: 1px solid var(--border-color) !important;\r\n animation: thankYouSlideIn 0.45s ease-out !important;\r\n }\r\n\r\n @keyframes thankYouSlideIn {\r\n 0% { opacity: 0; transform: translate(-50%, -40%); }\r\n 100% { opacity: 1; transform: translate(-50%, -50%); }\r\n }\r\n\r\n #sahara-trekking-wrapper .thankyou-card .icon {\r\n width: 84px !important;\r\n height: 84px !important;\r\n background: var(--accent-gradient) !important;\r\n border-radius: 50% !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n margin: 0 auto 24px !important;\r\n color: white !important;\r\n font-size: 2.2rem !important;\r\n box-shadow: 0 12px 30px rgba(248, 113, 22, 0.55) !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .thankyou-card h3 {\r\n font-size: 1.9rem !important;\r\n margin-bottom: 16px !important;\r\n color: var(--text-primary) !important;\r\n font-weight: 800 !important;\r\n line-height: 1.2 !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .thankyou-card p {\r\n color: var(--text-secondary) !important;\r\n margin-bottom: 0 !important;\r\n line-height: 1.6 !important;\r\n font-size: 1.02rem !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .thankyou-card .btn-row {\r\n display: flex !important;\r\n justify-content: center !important;\r\n gap: 14px !important;\r\n margin-top: 26px !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .thankyou-card .btn-row button {\r\n border-radius: 999px !important;\r\n border: none !important;\r\n padding: 11px 22px !important;\r\n font-size: 0.98rem !important;\r\n font-weight: 600 !important;\r\n cursor: pointer !important;\r\n background: var(--accent-gradient) !important;\r\n color: #fefce8 !important;\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 6px !important;\r\n box-shadow: var(--shadow-small) !important;\r\n }\r\n\r\n @media (max-width: 600px) {\r\n #sahara-trekking-wrapper .thankyou-card {\r\n padding: 28px 20px !important;\r\n width: 95% !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .thankyou-card .icon {\r\n width: 78px !important;\r\n height: 78px !important;\r\n font-size: 2.1rem !important;\r\n margin-bottom: 22px !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .thankyou-card h3 {\r\n font-size: 1.7rem !important;\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .thankyou-card p {\r\n font-size: 1rem !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .thankyou-card .btn-row {\r\n flex-direction: column !important;\r\n gap: 10px !important;\r\n margin-top: 22px !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .thankyou-card .btn-row button {\r\n width: 100% !important;\r\n padding: 11px 16px !important;\r\n }\r\n }\r\n\r\n \/* LIGHTBOX FOR IMAGE ZOOM *\/\r\n #sahara-trekking-wrapper .image-lightbox {\r\n position: fixed !important;\r\n inset: 0 !important;\r\n background: rgba(15, 23, 42, 0.9) !important;\r\n display: none !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n z-index: 1200 !important;\r\n padding: 20px !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .image-lightbox-inner {\r\n max-width: 1000px !important;\r\n width: 100% !important;\r\n max-height: 90vh !important;\r\n position: relative !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .image-lightbox-inner img {\r\n width: 100% !important;\r\n height: auto !important;\r\n max-height: 90vh !important;\r\n object-fit: contain !important;\r\n border-radius: 16px !important;\r\n box-shadow: 0 25px 60px rgba(0, 0, 0, 0.9) !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .image-lightbox-close {\r\n position: absolute !important;\r\n top: -14px !important;\r\n right: 0 !important;\r\n border: none !important;\r\n border-radius: 999px !important;\r\n width: 34px !important;\r\n height: 34px !important;\r\n display: grid !important;\r\n place-items: center !important;\r\n background: #ffffff !important;\r\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5) !important;\r\n cursor: pointer !important;\r\n }\r\n\r\n #sahara-trekking-wrapper .image-lightbox-close i {\r\n color: #0f172a !important;\r\n }\r\n\r\n \/* Mobile Optimization *\/\r\n @media (max-width: 768px) {\r\n #sahara-trekking-wrapper .container {\r\n padding: 15px 12px 100px !important;\r\n }\r\n \r\n #sahara-trekking-wrapper .hero-section {\r\n margin-bottom: 20px !important;\r\n }\r\n \r\n #sahara-trekking-wrapper .hero-content {\r\n padding: 18px 16px !important;\r\n order: 2 !important;\r\n }\r\n \r\n #sahara-trekking-wrapper .gallery-section {\r\n order: 1 !important;\r\n margin-bottom: 16px !important;\r\n }\r\n \r\n #sahara-trekking-wrapper .trek-details {\r\n flex-direction: column !important;\r\n gap: 6px !important;\r\n }\r\n \r\n #sahara-trekking-wrapper .detail-pill {\r\n width: 100% !important;\r\n justify-content: center !important;\r\n }\r\n \r\n #sahara-trekking-wrapper .content-section {\r\n padding: 16px 14px !important;\r\n margin-bottom: 16px !important;\r\n }\r\n \r\n #sahara-trekking-wrapper .itinerary-day {\r\n grid-template-columns: 1fr !important;\r\n gap: 8px !important;\r\n padding: 12px 0 !important;\r\n }\r\n \r\n #sahara-trekking-wrapper .day-label {\r\n font-size: 0.9rem !important;\r\n }\r\n \r\n #sahara-trekking-wrapper .photo-gallery {\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n }\r\n \r\n #sahara-trekking-wrapper .photo-item img {\r\n height: 120px !important;\r\n }\r\n \r\n #sahara-trekking-wrapper .feature-grid {\r\n grid-template-columns: 1fr !important;\r\n }\r\n \r\n #sahara-trekking-wrapper .highlight-box {\r\n padding: 10px 12px !important;\r\n font-size: 0.9rem !important;\r\n }\r\n \r\n #sahara-trekking-wrapper .map-container {\r\n height: 300px !important;\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n #sahara-trekking-wrapper .container {\r\n padding: 12px 10px 100px !important;\r\n }\r\n \r\n #sahara-trekking-wrapper .hero-content {\r\n padding: 16px 14px !important;\r\n }\r\n \r\n #sahara-trekking-wrapper .main-gallery {\r\n height: 260px !important;\r\n }\r\n \r\n #sahara-trekking-wrapper .thumbnail-grid {\r\n grid-template-columns: repeat(3, 1fr) !important;\r\n }\r\n \r\n #sahara-trekking-wrapper .thumbnail {\r\n min-height: 60px !important;\r\n }\r\n \r\n #sahara-trekking-wrapper .content-section {\r\n padding: 14px 12px !important;\r\n }\r\n \r\n #sahara-trekking-wrapper .photo-gallery {\r\n grid-template-columns: 1fr !important;\r\n }\r\n \r\n #sahara-trekking-wrapper .photo-item img {\r\n height: 140px !important;\r\n }\r\n \r\n #sahara-trekking-wrapper .info-cards {\r\n flex-direction: column !important;\r\n }\r\n \r\n #sahara-trekking-wrapper .info-card {\r\n width: 100% !important;\r\n }\r\n \r\n #sahara-trekking-wrapper .map-container {\r\n height: 250px !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- WRAPPER WITH UNIQUE ID FOR CSS ISOLATION -->\r\n <div id=\"sahara-trekking-wrapper\">\r\n <div class=\"container\">\r\n <!-- Hero Section -->\r\n <header class=\"hero-section\">\r\n <!-- Gallery first on mobile -->\r\n <div class=\"gallery-section\">\r\n <!-- Main gallery image + thumbnails -->\r\n <div class=\"main-gallery\">\r\n <img decoding=\"async\"\r\n id=\"main-gallery-img\"\r\n src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/siroua-4787-2.jpg\"\r\n alt=\"Siroua Summit Trek - Jebel Siroua 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> Siroua Summit Trek\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\/siroua-4787-2.jpg\"\r\n >\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/siroua-4787-2.jpg\" alt=\"Siroua 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\/images-1-1-1.jpeg\"\r\n >\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/images-1-1-1.jpeg\" alt=\"Siroua Volcanic Landscape\" \/>\r\n <\/button>\r\n\r\n <button\r\n class=\"thumbnail\"\r\n data-src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/images-2-1.jpeg\"\r\n >\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/images-2-1.jpeg\" alt=\"Berber Village in Siroua\" \/>\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>Printemps et automne<\/strong>\r\n <\/div>\r\n <\/div>\r\n <div class=\"info-card\">\r\n <div class=\"info-icon\"><i class=\"fa-solid fa-route\"><\/i><\/div>\r\n <div class=\"info-text\">\r\n <span>Type de voyage<\/span>\r\n <strong>Trekking au sommet<\/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;\">Jebel Siroua<\/span> \u00b7 <span style=\"font-weight: 600;\">Anti-Atlas<\/span> \u00b7 <span style=\"font-weight: 600;\">Maroc<\/span>\r\n <\/div>\r\n <h1>4-Day Trekking to <span style=\"color: #f97316;\">Siroua Summit<\/span> (3305m)<\/h1>\r\n <p class=\"hero-description\">\r\n Faites l'exp\u00e9rience de notre <strong>4-day Siroua Summit trek<\/strong> combining volcanic landscapes, authentic Berber culture, and high-altitude adventure. \r\n Summit <strong>Jebel Siroua<\/strong> (3305m), an ancient volcanic peak in Morocco's <strong>Montagnes de l'Anti-Atlas<\/strong>. \r\n This immersive trek takes you through traditional Berber villages and spectacular mountain scenery.\r\n <\/p>\r\n <div class=\"trek-details\">\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-calendar-alt\"><\/i> 4 days \/ 3 nights<\/div>\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-person-hiking\"><\/i> Moderate to Strenuous<\/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;\">Jebel Siroua<\/span>, <span style=\"font-weight: 600;\">Anti-Atlas<\/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>Aper\u00e7u du trek<\/h2>\r\n <small><span style=\"font-weight: 600;\">Jebel Siroua<\/span> \u00b7 <span style=\"font-weight: 600;\">Anti-Atlas<\/span> \u00b7 Summit Trekking Adventure<\/small>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-box\">\r\n <strong>An unforgettable 4-day adventure summiting <span style=\"color: #dc2626;\">Jebel Siroua<\/span> (3305m)<\/strong><br \/>\r\n 4 days of exploration through volcanic landscapes, traditional Berber villages, and high-altitude trekking. This carefully curated <strong>Siroua Summit trek<\/strong> offers the perfect balance of physical challenge and cultural immersion in Morocco's magnificent Anti-Atlas region.\r\n <\/div>\r\n <p>\r\n Notre <strong>4-day Siroua Summit trek<\/strong> offers a unique opportunity to conquer one of Morocco's most spectacular volcanic peaks. \r\n Discover traditional Berber villages, experience trekking through dramatic landscapes, and enjoy authentic cultural encounters. \r\n This trek has been specifically designed to showcase the most spectacular aspects of <strong>Jebel Siroua<\/strong> tout en\r\n tout en assurant votre confort et votre s\u00e9curit\u00e9 tout au long du voyage.\r\n <\/p>\r\n <p>\r\n We invite you to experience the unique volcanic landscape of <strong>Jebel Siroua<\/strong>, an ancient volcanic plug rising to 3305 meters. \r\n This adventure combines camping under the stars with authentic cultural experiences. You'll have the \r\n opportunity to witness stunning mountain scenery, interact with local Berber communities, and learn about traditional \r\n mountain life from experienced local guides.\r\n <\/p>\r\n <p>\r\n Le pr\u00e9sent <strong>4-day Siroua Summit trek<\/strong> has been designed as an accessible high-altitude adventure with varied activities, \r\n allowing time to explore villages, cross high passes, and experience authentic encounters with local communities. Whether you're an \r\n experienced trekker seeking new challenges or new to high-altitude adventures, this journey offers something truly special for everyone.\r\n <\/p>\r\n <\/section>\r\n\r\n <!-- Highlights -->\r\n <section class=\"content-section\" id=\"highlights\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <div>\r\n <h2>Points forts du trek<\/h2>\r\n <small>Qu'est-ce qui fait que cette <span style=\"font-weight: 600;\">Siroua Summit<\/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> Summit Jebel Siroua (3305m), an ancient volcanic peak in the Anti-Atlas Mountains<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Discover traditional Berber villages and experience authentic local hospitality<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Trek through unique volcanic landscapes with breathtaking panoramic views<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Visit ancient agadirs (granaries) and learn about Berber architecture<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Experience the contrast between desert plateaus and mountain landscapes<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Cross the Tachancht Pass (2500m) with spectacular mountain vistas<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Discover the sheep pens (azibs) of Tisfeldalt and experience nomadic culture<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Camp under the stars in some of Morocco's most remote and beautiful locations<\/li>\r\n <\/ul>\r\n <\/section>\r\n\r\n <!-- Itinerary -->\r\n <section class=\"content-section\" id=\"itineraire\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-route\"><\/i>\r\n <div>\r\n <h2>Detailed Itinerary \u2013 4 Days<\/h2>\r\n <small>Programme type, adaptable \u00e0 vos pr\u00e9f\u00e9rences<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-day\">\r\n <div class=\"day-label\">Jour 1<\/div>\r\n <div class=\"day-content\">\r\n <h3>Marrakech \u2013 Tamalakout Village (1650m)<\/h3>\r\n <p>\r\n Morning departure from Marrakech for the southern slopes of the Atlas Mountains (approximately 5-hour drive). \r\n Traditional welcome at our Berber muleteer's home in Tamalakout village. \r\n Short afternoon stroll around the village to acclimatize and experience local life. \r\n Evening immersion in Berber hospitality and culture.\r\n <br><strong>H\u00e9bergement : H\u00e9bergement chez l'habitant<\/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>Tamalakout \u2013 A\u00eft Tigga (1950m)<\/h3>\r\n <p>\r\n After loading mules, depart Tamalakout and ascend onto the desert plateaus heading toward Siroua. \r\n Trek through gradually changing landscapes from cultivated valleys to more arid highlands. \r\n Arrive at campsite in front of A\u00eft Tigga village with views of the approaching mountains.\r\n <br><strong>Walking: 5 hours<\/strong>\r\n <br><strong>Accommodation: Camping<\/strong>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-day\">\r\n <div class=\"day-label\">Troisi\u00e8me jour<\/div>\r\n <div class=\"day-content\">\r\n <h3>A\u00eft Tigga \u2013 Tachancht Pass \u2013 Near Siroua<\/h3>\r\n <p>\r\n Visit the 900-year-old agadir (granary) in A\u00eft Tigga, then continue to villages of Idoughagh and A\u00eft Ighmour (2200m). \r\n Challenging ascent crossing the Tachancht Pass at 2500m. Lunch near a spring (2400m). \r\n Pass azibs (sheep pens) at the foot of Tisfeldalt before setting up camp nearest to Siroua for summit attempt.\r\n <br><strong>Walking: 6 hours 30 minutes<\/strong>\r\n <br><strong>Accommodation: Camping<\/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>Siroua Summit (3305m) \u2013 Tikniwine \u2013 Irhiri<\/h3>\r\n <p>\r\n Early morning start to reach Siroua summit via southern slope with some scrambling. \r\n Celebrate at the summit (3305m) with breathtaking panoramic views. \r\n Descend through Tikniwine (the Twins) to reach the sheep pens of Irhiri (2300m). \r\n Transfer back to Marrakech or continue to Ouarzazate.\r\n <br><strong>Walking: 6 hours 30 minutes<\/strong>\r\n <br><strong>Accommodation: Hotel (not included)<\/strong>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Inclusions -->\r\n <section class=\"content-section\" id=\"inclus\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-clipboard-list\"><\/i>\r\n <div>\r\n <h2>Ce qui est inclus \/ non inclus<\/h2>\r\n <small>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 repas pendant le trek (petit-d\u00e9jeuner, d\u00e9jeuner, d\u00eener)<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Accommodation as described (homestay & camping)<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Guide de montagne professionnel anglophone<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Mules et muletiers pour le transport des bagages<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Cuisinier et mat\u00e9riel de cuisine<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Mat\u00e9riel de camping (tentes, matelas)<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Ground transfers during the trek<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"list-title\">\r\n <i class=\"fa-solid fa-circle-xmark\" style=\"color:#e11d48\"><\/i>\r\n Non inclus\r\n <\/div>\r\n <ul class=\"bullet-list excluded\">\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> Boissons et d\u00e9penses personnelles<\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> Assurance voyage (obligatoire)<\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> Tips for guides and muleteers<\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> Hotel accommodation before\/after trek<\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> \u00c9quipement personnel de trekking<\/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 4 days \/ 3 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>Niveau<\/strong>\r\n Moderate to Strenuous\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 Printemps et automne\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-users\"><\/i>\r\n <div>\r\n <strong>Les participants<\/strong>\r\n A partir de 2 personnes\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-location-dot\"><\/i>\r\n <div>\r\n <strong>R\u00e9gion<\/strong>\r\n <span style=\"font-weight: 600;\">Jebel Siroua<\/span> & <span style=\"font-weight: 600;\">Anti-Atlas<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-dollar-sign\"><\/i>\r\n <div>\r\n <strong>Prix<\/strong>\r\n Sur demande\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Map Section (moved under Practical Details) -->\r\n <section class=\"map-section\" id=\"map\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-map-location-dot\"><\/i>\r\n <div>\r\n <h2>Carte de l'itin\u00e9raire de la randonn\u00e9e<\/h2>\r\n <small>Explorer le <span style=\"font-weight: 600;\">Siroua Summit<\/span> itin\u00e9raire de trekking de <span style=\"font-weight: 600;\">Tamalakout<\/span><\/small>\r\n <\/div>\r\n <\/div>\r\n <div class=\"map-container\">\r\n <iframe src=\"https:\/\/www.google.com\/maps\/d\/embed?mid=1867Zqz4LLylCiFQQabaG41catyXgelU&ehbc=2E312F&noprof=1\" width=\"640\" height=\"480\"><\/iframe>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FAQ -->\r\n <section class=\"content-section\" id=\"faq\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-circle-question\"><\/i>\r\n <div>\r\n <h2>Questions fr\u00e9quemment pos\u00e9es<\/h2>\r\n <small>Quelques r\u00e9ponses avant de partir<\/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;\">Siroua Summit<\/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 Le trek est class\u00e9 comme <strong>moderate to strenuous<\/strong>, with 5-6.5 hours of walking per day and significant altitude gain. Summit day involves some scrambling and steep sections. It's suitable for anyone with good physical condition and previous trekking experience. The <strong>high-altitude portions<\/strong> require proper acclimatization and fitness.\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 is the best time of year for the Siroua Summit 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 Les <strong>meilleures saisons<\/strong> are spring (March to June) and autumn (September to November). These periods offer pleasant temperatures for trekking and clear skies. <strong>L'hiver<\/strong> can be extremely cold with possible snow, while <strong>summer<\/strong> temperatures can be very hot for trekking [citation:10]. The volcanic landscape is accessible year-round but conditions are most comfortable during these recommended periods.<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>Quel type d'h\u00e9bergement est fourni pendant la <span style=\"font-weight: 600;\">Siroua Summit<\/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 You'll experience a mix of accommodations: one night in a <strong>local homestay<\/strong> in Tamalakout village for cultural immersion, and two nights <strong>camping<\/strong> in the mountains. All camping equipment is provided, and you'll have the opportunity to sleep under the spectacular starry skies of the Anti-Atlas region.<a href=\"https:\/\/fr.wikipedia.org\/wiki\/Morocco\" target=\"_blank\" rel=\"dofollow noopener\"> Maroc<\/a>.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>Comment dois-je me pr\u00e9parer \u00e0 cela ? <span style=\"font-weight: 600;\">Siroua Summit<\/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 Good physical conditioning is essential. Regular hiking with elevation gain in the months before your trek is recommended. Bring sturdy hiking boots, layered clothing for changing mountain conditions, a warm sleeping bag, headlamp, and personal essentials. A detailed equipment list will be provided upon booking your <strong>Siroua Summit trek<\/strong>. Proper acclimatization is important for the high altitude.\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 Jebel Siroua special compared to other Moroccan peaks?<\/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 <strong>Jebel Siroua<\/strong> is a unique <strong>ancient volcanic peak<\/strong> standing in splendid isolation between the High Atlas and Anti-Atlas ranges [citation:10]. Its volcanic origins create dramatic, otherworldly landscapes unlike any other region in Morocco. The area sees fewer tourists than Mount Toubkal, offering a more remote and authentic experience with traditional Berber communities who maintain their ancient way of life.\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 Yes, this trek reaches <strong>high altitude<\/strong> (3305m at the summit). The itinerary is designed with proper acclimatization in mind, with gradual ascent over multiple days. It's important to stay hydrated, listen to your body, and inform your guide immediately if you experience symptoms of altitude sickness. Most healthy individuals acclimatize well with the gradual ascent profile.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Mobile Form Section (NEW) - Shows only on mobile after FAQ -->\r\n <section class=\"mobile-form-section content-section\" id=\"mobile-booking-form-section\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-calendar-plus\"><\/i>\r\n <div>\r\n <h2>R\u00e9servez cette randonn\u00e9e<\/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=\"Exigences alimentaires, \u00e9quipement, niveau d'exp\u00e9rience, 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;\">Siroua Summit<\/span> Trek<\/h2>\r\n <small>Quelques images de ce projet <span style=\"font-weight: 600;\">Siroua Summit<\/span> trek<\/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\/See-Do-Walks-Rambles-in-Morocco-_-Moroccan-National-Tourist-Office.jpeg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/See-Do-Walks-Rambles-in-Morocco-_-Moroccan-National-Tourist-Office.jpeg\" alt=\"Siroua Mountain Landscape\" \/>\r\n <div class=\"photo-view-icon\">\r\n <span><i class=\"fa-solid fa-eye\"><\/i> Voir<\/span>\r\n <\/div>\r\n <\/button>\r\n <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/siroua-4787.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/siroua-4787.jpg\" alt=\"Siroua Volcanic Terrain\" \/>\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\/images-4.jpeg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/images-4.jpeg\" alt=\"Berber Village in Siroua Region\" \/>\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\/images-3.jpeg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/images-3.jpeg\" alt=\"Trekking in Siroua Mountains\" \/>\r\n <div class=\"photo-view-icon\">\r\n <span><i class=\"fa-solid fa-eye\"><\/i> Voir<\/span>\r\n <\/div>\r\n <\/button>\r\n <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/images-2.jpeg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/images-2.jpeg\" alt=\"Siroua Summit View\" \/>\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\/images-1.jpeg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/images-1.jpeg\" alt=\"Camping in Siroua\" \/>\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 randonn\u00e9e<\/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> 4 days of trekking<\/p>\r\n <p><i class=\"fa-solid fa-location-dot\"><\/i> <span style=\"font-weight: 600;\">Jebel Siroua<\/span>, Anti-Atlas, Morocco<\/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\u00e9servez cette randonn\u00e9e<\/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=\"Exigences alimentaires, \u00e9quipement, niveau d'exp\u00e9rience, 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;\">Siroua Summit<\/span> Trek \u2013 4 days<\/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 We have received your message for the 4-Day Siroua Summit Trek.\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 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: '4-Day Siroua Summit Trek',\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>4-Day Trekking to Siroua Summit | Jebel Siroua Morocco Siroua Summit … <\/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-708","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\/708","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=708"}],"version-history":[{"count":10,"href":"https:\/\/marrakechtrekking.com\/fr\/wp-json\/wp\/v2\/pages\/708\/revisions"}],"predecessor-version":[{"id":862,"href":"https:\/\/marrakechtrekking.com\/fr\/wp-json\/wp\/v2\/pages\/708\/revisions\/862"}],"wp:attachment":[{"href":"https:\/\/marrakechtrekking.com\/fr\/wp-json\/wp\/v2\/media?parent=708"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}