7-Day Trekking Jbel Saghrou | Saghro Mountains Trek | Morocco Trekking<\/title>\r\n <meta name=\"description\" content=\"Experience our 7-day trekking in Jbel Saghrou. Summit Kouaouch (2600m), explore stunning plateaus, and discover authentic Berber culture in Morocco's Saghro mountains.\">\r\n \r\n \r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"TouristAttraction\",\r\n \"name\": \"7-Day Trekking Jbel Saghrou - Kouaouch Summit\",\r\n \"description\": \"7-day trekking adventure in the Jbel Saghrou mountains, including summit of Kouaouch (2600m) with experienced guides.\",\r\n \"address\": {\r\n \"@type\": \"PostalAddress\",\r\n \"addressRegion\": \"Saghro\",\r\n \"addressCountry\": \"Morocco\"\r\n },\r\n \"offers\": {\r\n \"@type\": \"Offer\",\r\n \"description\": \"7-day trek with accommodation, meals, and guide services\"\r\n }\r\n }\r\n <\/script>\r\n \r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n \r\n <style>\r\n \/* CSS RESET FOR OUR COMPONENT ONLY *\/\r\n #saghro-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 #saghro-trekking-wrapper {\r\n \/* ISOLATION CONTAINER - KEEPING ORIGINAL COLOR SCHEME *\/\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 #saghro-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 #saghro-trekking-wrapper .gallery-section img,\r\n #saghro-trekking-wrapper .thumbnail img,\r\n #saghro-trekking-wrapper .photo-gallery img,\r\n #saghro-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 #saghro-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 #saghro-trekking-wrapper .hero-section {\r\n grid-template-columns: 1fr !important;\r\n }\r\n }\r\n\r\n #saghro-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 #saghro-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 #saghro-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 #saghro-trekking-wrapper .region-badge i {\r\n color: #fed7aa !important;\r\n }\r\n\r\n #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-trekking-wrapper .detail-pill i {\r\n color: #fed7aa !important;\r\n }\r\n\r\n \/* Gallery Section *\/\r\n #saghro-trekking-wrapper .gallery-section {\r\n display: grid !important;\r\n gap: 10px !important;\r\n }\r\n\r\n #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-trekking-wrapper .thumbnail:hover img {\r\n transform: scale(1.08) !important;\r\n }\r\n\r\n #saghro-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 #saghro-trekking-wrapper .thumbnail:hover::after {\r\n opacity: 1 !important;\r\n }\r\n\r\n #saghro-trekking-wrapper .thumbnail.active {\r\n border-color: var(--accent-color) !important;\r\n }\r\n\r\n #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-trekking-wrapper .info-text strong {\r\n font-size: 0.94rem !important;\r\n }\r\n\r\n \/* Main Layout *\/\r\n #saghro-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 #saghro-trekking-wrapper .main-layout {\r\n grid-template-columns: 1fr !important;\r\n }\r\n }\r\n\r\n #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-trekking-wrapper .highlight-box strong {\r\n color: var(--accent-dark) !important;\r\n }\r\n\r\n #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-trekking-wrapper .itinerary-day:last-child {\r\n border-bottom: none !important;\r\n }\r\n\r\n #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-trekking-wrapper .two-column {\r\n grid-template-columns: 1fr !important;\r\n }\r\n }\r\n\r\n #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-trekking-wrapper .bullet-list.included li i {\r\n color: var(--accent-dark) !important;\r\n }\r\n\r\n #saghro-trekking-wrapper .bullet-list.excluded li i {\r\n color: #e11d48 !important;\r\n }\r\n\r\n \/* FAQ *\/\r\n #saghro-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 #saghro-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 #saghro-trekking-wrapper .faq-question span {\r\n font-size: 0.95rem !important;\r\n font-weight: 600 !important;\r\n }\r\n\r\n #saghro-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 #saghro-trekking-wrapper .faq-item.open .faq-question i {\r\n transform: rotate(180deg) !important;\r\n }\r\n\r\n #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-trekking-wrapper .photo-item:hover img {\r\n transform: scale(1.05) !important;\r\n }\r\n\r\n #saghro-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 #saghro-trekking-wrapper .photo-item:hover::after {\r\n opacity: 1 !important;\r\n }\r\n\r\n \/* VIEW ICON ON PHOTO ITEMS *\/\r\n #saghro-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 #saghro-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 #saghro-trekking-wrapper .photo-view-icon i {\r\n font-size: 0.9rem !important;\r\n color: #fed7aa !important;\r\n }\r\n\r\n #saghro-trekking-wrapper .photo-item:hover .photo-view-icon {\r\n opacity: 1 !important;\r\n }\r\n\r\n #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-trekking-wrapper .price-details {\r\n font-size: 0.86rem !important;\r\n opacity: 0.95 !important;\r\n }\r\n\r\n #saghro-trekking-wrapper .price-details p {\r\n margin: 2px 0 !important;\r\n }\r\n\r\n #saghro-trekking-wrapper .price-details i {\r\n margin-right: 6px !important;\r\n }\r\n\r\n #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-trekking-wrapper .sidebar {\r\n display: none !important;\r\n }\r\n }\r\n\r\n #saghro-trekking-wrapper .form-group {\r\n margin-bottom: 10px !important;\r\n }\r\n\r\n #saghro-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 #saghro-trekking-wrapper .form-input,\r\n #saghro-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 #saghro-trekking-wrapper .form-input:focus,\r\n #saghro-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 #saghro-trekking-wrapper .form-input.error,\r\n #saghro-trekking-wrapper textarea.error {\r\n border-color: #e11d48 !important;\r\n background: #fef2f2 !important;\r\n }\r\n\r\n #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-trekking-wrapper .btn-primary i {\r\n font-size: 0.9rem !important;\r\n }\r\n\r\n #saghro-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 #saghro-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 #saghro-trekking-wrapper .mobile-booking {\r\n display: none !important;\r\n }\r\n\r\n @media (max-width: 720px) {\r\n #saghro-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 #saghro-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 #saghro-trekking-wrapper .mobile-booking-info {\r\n color: #e5e7eb !important;\r\n font-size: 0.82rem !important;\r\n }\r\n\r\n #saghro-trekking-wrapper .mobile-booking-info strong {\r\n display: block !important;\r\n font-size: 1rem !important;\r\n }\r\n\r\n #saghro-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 #saghro-trekking-wrapper .mobile-form-section {\r\n display: none !important;\r\n }\r\n\r\n @media (max-width: 720px) {\r\n #saghro-trekking-wrapper .mobile-form-section {\r\n display: block !important;\r\n }\r\n }\r\n\r\n \/* Toast & Overlay *\/\r\n #saghro-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 #saghro-trekking-wrapper .toast.show {\r\n display: block !important;\r\n }\r\n\r\n #saghro-trekking-wrapper .toast.success {\r\n background: #16a34a !important; \/* success green *\/\r\n }\r\n\r\n #saghro-trekking-wrapper .toast.error {\r\n background: #b91c1c !important;\r\n }\r\n\r\n \/* NEW THANK YOU OVERLAY (like second code) *\/\r\n #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-trekking-wrapper .thankyou-card {\r\n padding: 28px 20px !important;\r\n width: 95% !important;\r\n }\r\n\r\n #saghro-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 #saghro-trekking-wrapper .thankyou-card h3 {\r\n font-size: 1.7rem !important;\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n #saghro-trekking-wrapper .thankyou-card p {\r\n font-size: 1rem !important;\r\n }\r\n\r\n #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-trekking-wrapper .container {\r\n padding: 15px 12px 100px !important;\r\n }\r\n \r\n #saghro-trekking-wrapper .hero-section {\r\n margin-bottom: 20px !important;\r\n }\r\n \r\n #saghro-trekking-wrapper .hero-content {\r\n padding: 18px 16px !important;\r\n order: 2 !important;\r\n }\r\n \r\n #saghro-trekking-wrapper .gallery-section {\r\n order: 1 !important;\r\n margin-bottom: 16px !important;\r\n }\r\n \r\n #saghro-trekking-wrapper .trek-details {\r\n flex-direction: column !important;\r\n gap: 6px !important;\r\n }\r\n \r\n #saghro-trekking-wrapper .detail-pill {\r\n width: 100% !important;\r\n justify-content: center !important;\r\n }\r\n \r\n #saghro-trekking-wrapper .content-section {\r\n padding: 16px 14px !important;\r\n margin-bottom: 16px !important;\r\n }\r\n \r\n #saghro-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 #saghro-trekking-wrapper .day-label {\r\n font-size: 0.9rem !important;\r\n }\r\n \r\n #saghro-trekking-wrapper .photo-gallery {\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n }\r\n \r\n #saghro-trekking-wrapper .photo-item img {\r\n height: 120px !important;\r\n }\r\n \r\n #saghro-trekking-wrapper .feature-grid {\r\n grid-template-columns: 1fr !important;\r\n }\r\n \r\n #saghro-trekking-wrapper .highlight-box {\r\n padding: 10px 12px !important;\r\n font-size: 0.9rem !important;\r\n }\r\n \r\n #saghro-trekking-wrapper .map-container {\r\n height: 300px !important;\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n #saghro-trekking-wrapper .container {\r\n padding: 12px 10px 100px !important;\r\n }\r\n \r\n #saghro-trekking-wrapper .hero-content {\r\n padding: 16px 14px !important;\r\n }\r\n \r\n #saghro-trekking-wrapper .main-gallery {\r\n height: 260px !important;\r\n }\r\n \r\n #saghro-trekking-wrapper .thumbnail-grid {\r\n grid-template-columns: repeat(3, 1fr) !important;\r\n }\r\n \r\n #saghro-trekking-wrapper .thumbnail {\r\n min-height: 60px !important;\r\n }\r\n \r\n #saghro-trekking-wrapper .content-section {\r\n padding: 14px 12px !important;\r\n }\r\n \r\n #saghro-trekking-wrapper .photo-gallery {\r\n grid-template-columns: 1fr !important;\r\n }\r\n \r\n #saghro-trekking-wrapper .photo-item img {\r\n height: 140px !important;\r\n }\r\n \r\n #saghro-trekking-wrapper .info-cards {\r\n flex-direction: column !important;\r\n }\r\n \r\n #saghro-trekking-wrapper .info-card {\r\n width: 100% !important;\r\n }\r\n \r\n #saghro-trekking-wrapper .map-container {\r\n height: 250px !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <div id=\"saghro-trekking-wrapper\">\r\n <div class=\"container\">\r\n \r\n <header class=\"hero-section\">\r\n \r\n <div class=\"gallery-section\">\r\n \r\n <div class=\"main-gallery\">\r\n <img decoding=\"async\"\r\n id=\"main-gallery-img\"\r\n src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/DJEBEL-SAGHRO-TREKKING-IN-MOROCCO-8-DAYS-2-1.jpg\"\r\n alt=\"7-Day Trekking Jbel Saghrou - Kouaouch Summit\"\r\n \/>\r\n <div class=\"gallery-overlay\"><\/div>\r\n <div class=\"gallery-caption\">\r\n <i class=\"fa-solid fa-image\"><\/i> Jbel Saghrou Trek - Kouaouch Summit\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\/DJEBEL-SAGHRO-TREKKING-IN-MOROCCO-8-DAYS-2-1.jpg\"\r\n >\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/DJEBEL-SAGHRO-TREKKING-IN-MOROCCO-8-DAYS-2-1.jpg\" alt=\"Jbel Saghrou Trekking\" \/>\r\n <\/button>\r\n\r\n <button\r\n class=\"thumbnail\"\r\n data-src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Sahro-trekking.jpg\"\r\n >\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Sahro-trekking.jpg\" alt=\"Saghro 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_0793-scaled.jpg\"\r\n >\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_0793-scaled.jpg\" alt=\"Saghro Trekking Landscape\" \/>\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"info-cards\">\r\n <div class=\"info-card\">\r\n <div class=\"info-icon\"><i class=\"fa-solid fa-sun\"><\/i><\/div>\r\n <div class=\"info-text\">\r\n <span>Best Season<\/span>\r\n <strong>October to May<\/strong>\r\n <\/div>\r\n <\/div>\r\n <div class=\"info-card\">\r\n <div class=\"info-icon\"><i class=\"fa-solid fa-route\"><\/i><\/div>\r\n <div class=\"info-text\">\r\n <span>Trek Type<\/span>\r\n <strong>Mountain & Plateau<\/strong>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hero-content\">\r\n <div class=\"region-badge\">\r\n <i class=\"fa-solid fa-mountain-sun\"><\/i>\r\n <span style=\"font-weight: 600;\">Jbel Saghrou<\/span> \u00b7 <span style=\"font-weight: 600;\">Trekking<\/span>\r\n <\/div>\r\n <h1>7-Day Trekking <span style=\"color: #f97316;\">Jbel Saghrou<\/span> | Kouaouch Summit Adventure<\/h1>\r\n <p class=\"hero-description\">\r\n Experience our <strong>7-day trekking in Jbel Saghrou<\/strong>, exploring the magnificent <strong>Saghro mountains<\/strong>. \r\n This moderate <strong>trekking adventure<\/strong> takes you through stunning volcanic landscapes, authentic Berber villages, \r\n and culminates with the summit of <strong>Kouaouch (2600m)<\/strong>. Discover the unique geology and culture of the region while \r\n enjoying spectacular views across Morocco's diverse landscapes.\r\n <\/p>\r\n <div class=\"trek-details\">\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-calendar-alt\"><\/i> 7 days \/ 6 nights<\/div>\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-person-hiking\"><\/i> Moderate level<\/div>\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-people-group\"><\/i> From 2 people<\/div>\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-location-dot\"><\/i> <span style=\"font-weight: 600;\">Jbel Saghrou<\/span>, <span style=\"font-weight: 600;\">Morocco<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <main class=\"main-layout\">\r\n \r\n <article>\r\n \r\n <section class=\"content-section\" id=\"description\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-circle-info\"><\/i>\r\n <div>\r\n <h2>Trek Overview<\/h2>\r\n <small><span style=\"font-weight: 600;\">Jbel Saghrou<\/span> \u00b7 <span style=\"font-weight: 600;\">Trekking<\/span> \u00b7 Mountain Adventure<\/small>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-box\">\r\n <strong>An unforgettable 7-day mountain adventure in the <span style=\"color: #dc2626;\">Jbel Saghrou<\/span> region<\/strong><br \/>\r\n 7 days of <strong>trekking in Jbel Saghrou<\/strong> through stunning volcanic landscapes, \r\n experiencing authentic Ait Atta culture, and conquering the summit of <strong>Kouaouch (2600m)<\/strong>. This carefully \r\n curated <strong>trekking journey<\/strong> offers the perfect balance of challenge and cultural immersion in Morocco's magnificent <strong>Saghro mountains<\/strong>.\r\n <\/div>\r\n <p>\r\n Our <strong>7-day trekking in Jbel Saghrou<\/strong> offers a unique opportunity to explore the magnificent \r\n volcanic landscapes of the <strong>Saghro region<\/strong>. Discover the majestic Kouaouch summit and experience \r\n a wonderful journey through traditional Berber villages and semi-nomadic Ait Atta communities. This trek has been specifically \r\n designed to showcase the most spectacular aspects of the Moroccan Anti-Atlas while \r\n ensuring your comfort and safety throughout the journey.\r\n <\/p>\r\n <p>\r\n We invite you to take a scenic route through the High Atlas mountains via the Tizi N'Tichka pass, \r\n exploring the famous Dades Valley with its thousand Kasbahs. This <strong>trekking adventure<\/strong> \r\n combines camping with authentic cultural experiences. You'll have the \r\n opportunity to witness stunning geological formations, sleep under star-filled \r\n skies, and learn about traditional Berber culture from local guides.\r\n <\/p>\r\n <p>\r\n This <strong>7-day trekking in Jbel Saghrou<\/strong> has been designed as an accessible \r\n adventure with moderate stages, allowing time to explore diverse landscapes from \r\n vast plateaus to dramatic rock formations. Whether you're an experienced trekker or \r\n new to mountain adventures, this journey offers something truly special for everyone.\r\n <\/p>\r\n <\/section>\r\n\r\n \r\n <section class=\"content-section\" id=\"highlights\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <div>\r\n <h2>Trek Highlights<\/h2>\r\n <small>What makes this <span style=\"font-weight: 600;\">Jbel Saghrou<\/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 <strong>Kouaouch (2600m)<\/strong>, the highest peak in the Jbel Saghrou massif<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Scenic drive through the High Atlas Mountains via Tizi N'Tichka pass<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Explore the famous Dades Valley with its thousand Kasbahs<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Discover traditional Ait Atta semi-nomadic culture<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Experience authentic mountain hospitality in Berber villages<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Camp in spectacular locations with breathtaking views<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Witness stunning geological formations including the Tiblah needles<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Explore the diverse landscapes of the Saghro plateaus<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Learn about local flora and fauna from experienced mountain guides<\/li>\r\n <\/ul>\r\n <\/section>\r\n\r\n \r\n <section class=\"content-section\" id=\"itineraire\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-route\"><\/i>\r\n <div>\r\n <h2>Detailed Itinerary \u2013 7 Days<\/h2>\r\n <small>Sample program, adaptable to your preferences<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-day\">\r\n <div class=\"day-label\">Day 1<\/div>\r\n <div class=\"day-content\">\r\n <h3>Marrakech \u2013 Tichka \u2013 Ouarzazate \u2013 Tagdilt<\/h3>\r\n <p>\r\n We depart early from Marrakech, traveling towards Ouarzazate via the Tizi N' Tichka pass. Along the way, we explore the stunning Dades Valley, famous for its thousand Kasbahs. Continuing south through a desert plateau, we arrive at the village of Tagdilt for an overnight homestay at 1650m. Estimated driving time: 6-7 hours.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-day\">\r\n <div class=\"day-label\">Day 2<\/div>\r\n <div class=\"day-content\">\r\n <h3>Tagdilt \u2013 Col N'Iferd \u2013 Irefd \u2013 Plateau N'Ouarg (2250m)<\/h3>\r\n <p>\r\n Our hike begins with the loading of the mules. We cross a vast plateau before ascending towards the Tizi N'iferd pass (2400m), offering stunning views of the Central High Atlas Massif. We then descend into the Iferd Plateau, where we set up our camp. This plateau is often used by the semi-nomadic Ait Atta people. Overnight camping at 2250m. Estimated walking time: 5.5-6 hours.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-day\">\r\n <div class=\"day-label\">Day 3<\/div>\r\n <div class=\"day-content\">\r\n <h3>Almou N'Ouarg \u2013 Summit of Kouaouch (2600m) \u2013 Igli (1700m)<\/h3>\r\n <p>\r\n Today, we climb to the summit of Kouaouch (2600m), a non-technical ascent with breathtaking views. After a picnic brought by our cook, we descend via Tassegdilt to our campsite in Igli (1700m). Overnight camping at Igli. Estimated walking time: 5.5-6 hours.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-day\">\r\n <div class=\"day-label\">Day 4<\/div>\r\n <div class=\"day-content\">\r\n <h3>Igli \u2013 Ighazoun Through Dawabid<\/h3>\r\n <p>\r\n We descend from Igli, passing a natural rock formation resembling the head of an elephant and the Tizi Nognid pass. After lunch at Dawabid, we continue to Ighazoun, where we spend the night camping amidst stunning, peaceful views. Estimated walking time: 4.5-5 hours.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-day\">\r\n <div class=\"day-label\">Day 5<\/div>\r\n <div class=\"day-content\">\r\n <h3>Ighazoun Oasis \u2013 Bab N'Ali<\/h3>\r\n <p>\r\n We leave Ighazoun at 8:30 a.m. and head towards Bab N'Ali, passing through the impressive Tiblah needles. We descend into the beautiful valley, stopping for lunch with panoramic views of the needles. Afterward, we continue towards Bab N'Ali for a night of camping under the stars, surrounded by the towering cliffs of Bab N'Ali. Estimated walking time: 5-6 hours.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-day\">\r\n <div class=\"day-label\">Day 6<\/div>\r\n <div class=\"day-content\">\r\n <h3>Bab N'Ali \u2013 Village of Kasbah N'Koub \u2013 Agdez \u2013 Ouarzazate \u2013 Marrakech<\/h3>\r\n <p>\r\n After thanking our mule team for their assistance, we reflect on the incredible adventure across the Jebel and Saghro plateaus. Our journey takes us through the Draa Valley, famous for its date palm groves, and past the cinematic city of Ouarzazate. Finally, we pass the Tizi N'Tichka pass once more on our return to Marrakech.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"content-section\" id=\"inclus\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-clipboard-list\"><\/i>\r\n <div>\r\n <h2>What's Included \/ Not Included<\/h2>\r\n <small>To prepare your budget comfortably<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"two-column\">\r\n <div>\r\n <div class=\"list-title\">\r\n <i class=\"fa-solid fa-circle-check\"><\/i>\r\n Included in Price\r\n <\/div>\r\n <ul class=\"bullet-list included\">\r\n <li><i class=\"fa-solid fa-check\"><\/i> Full board during the trek<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Overnight stays in homestay and camping<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Transfers from\/to Marrakech<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Services of a certified mountain guide<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Mules for luggage transport<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Camping equipment (tents, mattresses)<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Cook and cooking equipment<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"list-title\">\r\n <i class=\"fa-solid fa-circle-xmark\" style=\"color:#e11d48\"><\/i>\r\n Not Included\r\n <\/div>\r\n <ul class=\"bullet-list excluded\">\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> Drinks and personal expenses<\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> Tips for guides and staff<\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> Travel insurance (recommended)<\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> Meals and accommodation in Marrakech<\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> Personal trekking equipment<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"content-section\" id=\"details\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-list-ul\"><\/i>\r\n <div>\r\n <h2>Practical Details<\/h2>\r\n <small>Duration, level, seasons & participants<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"feature-grid\">\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-calendar-days\"><\/i>\r\n <div>\r\n <strong>Duration<\/strong>\r\n 7 days \/ 6 nights\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-person-hiking\"><\/i>\r\n <div>\r\n <strong>Level<\/strong>\r\n Moderate difficulty\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-sun-plant-wilt\"><\/i>\r\n <div>\r\n <strong>Best Season<\/strong>\r\n October to May\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-users\"><\/i>\r\n <div>\r\n <strong>Participants<\/strong>\r\n From 2 people\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-location-dot\"><\/i>\r\n <div>\r\n <strong>Region<\/strong>\r\n <span style=\"font-weight: 600;\">Jbel Saghrou<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-dollar-sign\"><\/i>\r\n <div>\r\n <strong>Price<\/strong>\r\n On request\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"map-section\" id=\"map\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-map-location-dot\"><\/i>\r\n <div>\r\n <h2>Trek Route Map<\/h2>\r\n <small>Explore the <span style=\"font-weight: 600;\">Jbel Saghrou<\/span> trekking route<\/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=1JOyisyq79aJrk3NSlmBDA0rKs0e1l8c&ehbc=2E312F&noprof=1\" width=\"640\" height=\"480\"><\/iframe>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"content-section\" id=\"faq\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-circle-question\"><\/i>\r\n <div>\r\n <h2>Frequently Asked Questions<\/h2>\r\n <small>Some answers before you go<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq\">\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>What is the difficulty level of this <span style=\"font-weight: 600;\">Jbel Saghrou<\/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 The trek is rated as <strong>moderate<\/strong>, with daily walking times of 4.5-6 hours and moderate altitude gain. It's suitable for anyone in good physical condition with some hiking experience. The summit day is non-technical and accessible to most fit walkers. For more information about preparing for mountain adventures, check out our \r\n <a href=\"https:\/\/marrakechtrekking.com\/a-complete-guide-to-traveling-and-exploring-morocco\/\" target=\"_blank\" rel=\"dofollow\">Complete Guide to Traveling and Exploring Morocco<\/a>.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>Why is October to May the recommended period for this <span style=\"font-weight: 600;\">Jbel Saghrou trek<\/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 Summer months in the <strong>Jbel Saghrou mountains<\/strong> can be extremely hot, with temperatures often exceeding \r\n 35\u00b0C (95\u00b0F). From October to May, temperatures are more comfortable for trekking, \r\n typically ranging from 15-25\u00b0C (59-77\u00b0F) during the day. For detailed safety information \r\n about traveling in Morocco, visit our \r\n <a href=\"https:\/\/marrakechtrekking.com\/is-morocco-safe-to-travel-to-what-you-need-to-know-before-you-visit\/\" target=\"_blank\" rel=\"dofollow\">Morocco Safety Guide<\/a>.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>What type of accommodation is provided during the <span style=\"font-weight: 600;\">Jbel Saghrou trek<\/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 You'll stay in a traditional <strong>Berber homestay<\/strong> on the first night and camp in tents during the mountain sections. Our accommodations offer authentic experiences while maintaining comfort. All camping equipment is provided, including quality tents and sleeping mats.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>How should I prepare for this <span style=\"font-weight: 600;\">Jbel Saghrou<\/span> mountain adventure?<\/span>\r\n <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>\r\n Regular hiking with some elevation gain is recommended before departure. Bring broken-in hiking boots, layered clothing for changing mountain weather, a warm jacket for evenings, hat, and sunscreen. A detailed equipment list will be provided \r\n upon booking your <strong>Jbel Saghrou trek<\/strong> adventure. We recommend \r\n bringing a headlamp, personal first aid kit, and high-energy snacks.\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 Jbel Saghrou special compared to other Moroccan mountain ranges?<\/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 Jbel Saghrou offers unique volcanic landscapes with dramatic rock formations, including the famous Tiblah needles. The region is less visited than the High Atlas, providing a more remote and authentic experience. The geology is particularly fascinating, with black volcanic rock contrasting against the desert landscape.\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 wildlife might we encounter during the 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 The Saghro region is home to Barbary sheep, foxes, various bird species including eagles and vultures, and smaller mammals. The area is also known for its unique desert-adapted flora. Your guide will help you identify local species and share knowledge about the region's ecology.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"mobile-form-section content-section\" id=\"mobile-booking-form-section\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-calendar-plus\"><\/i>\r\n <div>\r\n <h2>Book This Trek<\/h2>\r\n <small>Tell us your preferences<\/small>\r\n <\/div>\r\n <\/div>\r\n \r\n <form id=\"mobile-booking-form\" novalidate>\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"m-start\">Start Date<\/label>\r\n <input type=\"date\" id=\"m-start\" class=\"form-input\" \/>\r\n <div class=\"error-message\" id=\"m-start-error\">Please choose a date.<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"m-end\">End Date<\/label>\r\n <input type=\"date\" id=\"m-end\" class=\"form-input\" \/>\r\n <div class=\"error-message\" id=\"m-end-error\">Please choose a date.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"m-people\">Number of Participants<\/label>\r\n <input type=\"number\" id=\"m-people\" class=\"form-input\" min=\"1\" max=\"16\" value=\"2\" \/>\r\n <div class=\"error-message\" id=\"m-people-error\">Please enter a number between 1 and 16.<\/div>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"m-first\">First Name<\/label>\r\n <input type=\"text\" id=\"m-first\" class=\"form-input\" placeholder=\"ex. John\" \/>\r\n <div class=\"error-message\" id=\"m-first-error\">Please enter your first name.<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"m-last\">Last Name<\/label>\r\n <input type=\"text\" id=\"m-last\" class=\"form-input\" placeholder=\"ex. Smith\" \/>\r\n <div class=\"error-message\" id=\"m-last-error\">Please enter your last name.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"m-email\">Email<\/label>\r\n <input type=\"email\" id=\"m-email\" class=\"form-input\" placeholder=\"ex. john@example.com\" \/>\r\n <div class=\"error-message\" id=\"m-email-error\">Please enter a valid email.<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"m-phone\">Phone<\/label>\r\n <input type=\"tel\" id=\"m-phone\" class=\"form-input\" placeholder=\"ex. +212612345678\" \/>\r\n <div class=\"error-message\" id=\"m-phone-error\">Invalid number (min. 10 digits).<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"m-notes\">Special Requests<\/label>\r\n <textarea id=\"m-notes\" rows=\"3\" class=\"form-input\" placeholder=\"Dietary requirements, equipment, experience level, etc.\"><\/textarea>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"btn-primary\" id=\"mobile-submit\">\r\n <i class=\"fa-solid fa-paper-plane\"><\/i>\r\n Book Now\r\n <\/button>\r\n <div class=\"form-note\">\r\n Personalized response within 24-48h (working days).\r\n <\/div>\r\n <\/form>\r\n <\/section>\r\n\r\n \r\n <section class=\"content-section\" id=\"galerie\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-images\"><\/i>\r\n <div>\r\n <h2>Photo Gallery \u2013 <span style=\"font-weight: 600;\">Jbel Saghrou<\/span> Trek<\/h2>\r\n <small>Some images from this <span style=\"font-weight: 600;\">Jbel Saghrou trek<\/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\/DJEBEL-SAGHRO-TREKKING-IN-MOROCCO-8-DAYS-2-1.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/DJEBEL-SAGHRO-TREKKING-IN-MOROCCO-8-DAYS-2-1.jpg\" alt=\"Jbel Saghrou Trekking Landscape\" \/>\r\n <div class=\"photo-view-icon\">\r\n <span><i class=\"fa-solid fa-eye\"><\/i> View<\/span>\r\n <\/div>\r\n <\/button>\r\n <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Sahro-trekking.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Sahro-trekking.jpg\" alt=\"Saghro Mountains Trekking\" \/>\r\n <div class=\"photo-view-icon\">\r\n <span><i class=\"fa-solid fa-eye\"><\/i> View<\/span>\r\n <\/div>\r\n <\/button>\r\n <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_0793-scaled.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_0793-scaled.jpg\" alt=\"Saghro Trekking Route\" \/>\r\n <div class=\"photo-view-icon\">\r\n <span><i class=\"fa-solid fa-eye\"><\/i> View<\/span>\r\n <\/div>\r\n <\/button>\r\n <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/jebel-saghro.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/jebel-saghro.jpg\" alt=\"Jbel Saghrou Volcanic Landscape\" \/>\r\n <div class=\"photo-view-icon\">\r\n <span><i class=\"fa-solid fa-eye\"><\/i> View<\/span>\r\n <\/div>\r\n <\/button>\r\n <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/05.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/05.jpg\" alt=\"Saghro Mountain Views\" \/>\r\n <div class=\"photo-view-icon\">\r\n <span><i class=\"fa-solid fa-eye\"><\/i> View<\/span>\r\n <\/div>\r\n <\/button>\r\n <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Siroua-camping-1.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Siroua-camping-1.jpg\" alt=\"Mountain Camping Saghro\" \/>\r\n <div class=\"photo-view-icon\">\r\n <span><i class=\"fa-solid fa-eye\"><\/i> View<\/span>\r\n <\/div>\r\n <\/button>\r\n <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/saghro-1.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/saghro-1.jpg\" alt=\"Saghro Rock Formations\" \/>\r\n <div class=\"photo-view-icon\">\r\n <span><i class=\"fa-solid fa-eye\"><\/i> View<\/span>\r\n <\/div>\r\n <\/button>\r\n <\/div>\r\n <\/section>\r\n <\/article>\r\n\r\n \r\n <aside class=\"sidebar\">\r\n <section class=\"price-card\">\r\n <h2>Trek Price<\/h2>\r\n <div class=\"price-main\">\r\n <div class=\"price-amount\">On Request<\/div>\r\n <span class=\"price-tag\"><i class=\"fa-solid fa-circle-info\"><\/i> Custom Quote<\/span>\r\n <\/div>\r\n <p class=\"price-note\">\r\n Price depends on season, number of participants, and group size.\r\n <\/p>\r\n <div class=\"price-details\">\r\n <p><i class=\"fa-solid fa-calendar-alt\"><\/i> 7 days of trekking<\/p>\r\n <p><i class=\"fa-solid fa-location-dot\"><\/i> <span style=\"font-weight: 600;\">Jbel Saghrou<\/span>, Morocco<\/p>\r\n <p><i class=\"fa-solid fa-users\"><\/i> From 2 people<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"booking-form\">\r\n <h3>Book This Trek<\/h3>\r\n <p>Tell us your preferences, we'll adapt the program and pricing.<\/p>\r\n\r\n <form id=\"desktop-form\" novalidate>\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"d-start\">Preferred Start Date<\/label>\r\n <input type=\"date\" id=\"d-start\" class=\"form-input\" \/>\r\n <div class=\"error-message\" id=\"d-start-error\">Please choose a start date.<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"d-end\">End Date<\/label>\r\n <input type=\"date\" id=\"d-end\" class=\"form-input\" \/>\r\n <div class=\"error-message\" id=\"d-end-error\">Please choose an end date.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"d-people\">Number of Participants<\/label>\r\n <input type=\"number\" id=\"d-people\" class=\"form-input\" min=\"1\" max=\"16\" value=\"2\" \/>\r\n <div class=\"error-message\" id=\"d-people-error\">Please enter a number between 1 and 16.<\/div>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"d-first\">First Name<\/label>\r\n <input type=\"text\" id=\"d-first\" class=\"form-input\" placeholder=\"ex. John\" \/>\r\n <div class=\"error-message\" id=\"d-first-error\">Please enter your first name.<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"d-last\">Last Name<\/label>\r\n <input type=\"text\" id=\"d-last\" class=\"form-input\" placeholder=\"ex. Smith\" \/>\r\n <div class=\"error-message\" id=\"d-last-error\">Please enter your last name.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"d-email\">Email<\/label>\r\n <input type=\"email\" id=\"d-email\" class=\"form-input\" placeholder=\"ex. john@example.com\" \/>\r\n <div class=\"error-message\" id=\"d-email-error\">Please enter a valid email.<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"d-phone\">Phone<\/label>\r\n <input type=\"tel\" id=\"d-phone\" class=\"form-input\" placeholder=\"ex. +212612345678\" \/>\r\n <div class=\"error-message\" id=\"d-phone-error\">Invalid number (min. 10 digits).<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"d-notes\">Special Requests<\/label>\r\n <textarea id=\"d-notes\" rows=\"3\" class=\"form-input\" placeholder=\"Dietary requirements, equipment, experience level, etc.\"><\/textarea>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"btn-primary\" id=\"d-submit\">\r\n <i class=\"fa-solid fa-paper-plane\"><\/i>\r\n Book Now\r\n <\/button>\r\n <div class=\"form-note\">\r\n Personalized response within 24-48h (working days).\r\n <\/div>\r\n <\/form>\r\n <\/section>\r\n <\/aside>\r\n <\/main>\r\n <\/div>\r\n\r\n \r\n <div class=\"mobile-booking\">\r\n <div class=\"mobile-booking-inner\">\r\n <div class=\"mobile-booking-info\">\r\n <span><span style=\"font-weight: 600;\">Jbel Saghrou<\/span> Trek \u2013 7 days<\/span>\r\n <strong>Price on request<\/strong>\r\n <\/div>\r\n <button class=\"mobile-booking-btn\" id=\"scroll-to-form-btn\">\r\n <i class=\"fa-solid fa-calendar-plus\"><\/i>\r\n Book Now\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"thankyou-overlay\" id=\"thankyou\">\r\n <div class=\"thankyou-card\">\r\n <div class=\"icon\"><i class=\"fa-solid fa-check\"><\/i><\/div>\r\n <h3>Thank You For Your Booking Request!<\/h3>\r\n <p>\r\n We have received your message for the 7-Day Trekking Jbel Saghrou.\r\n A consultant will contact you shortly with a detailed quote.\r\n <\/p>\r\n <div class=\"btn-row\">\r\n <button id=\"ty-close\">\r\n <i class=\"fa-solid fa-xmark\"><\/i>\r\n Close\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"image-lightbox\" id=\"image-lightbox\">\r\n <div class=\"image-lightbox-inner\">\r\n <button class=\"image-lightbox-close\" id=\"image-lightbox-close\" aria-label=\"Close image\">\r\n <i class=\"fa-solid fa-xmark\"><\/i>\r\n <\/button>\r\n <img decoding=\"async\" src=\"\" alt=\"Enlarged image\" id=\"image-lightbox-img\">\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"toast\" id=\"toast\"><\/div>\r\n <\/div>\r\n\r\n \r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@emailjs\/browser@4\/dist\/email.min.js\"><\/script>\r\n <script>\r\n \/\/ === EMAILJS CONFIG ===\r\n const EMAILJS_PUBLIC_KEY = '2VKm08QxMx86NZIq-'; \/\/ with the dash at the end\r\n const EMAILJS_SERVICE_ID = 'service_x45ovee';\r\n const EMAILJS_TEMPLATE_ID = 'template_3bggdfm';\r\n\r\n \/\/ Initialize EmailJS (v4 syntax)\r\n (function () {\r\n emailjs.init({\r\n publicKey: EMAILJS_PUBLIC_KEY,\r\n });\r\n })();\r\n\r\n \/\/ Gallery functionality\r\n const mainGalleryImg = document.getElementById('main-gallery-img');\r\n const thumbnails = document.querySelectorAll('.thumbnail');\r\n \r\n thumbnails.forEach(thumb => {\r\n thumb.addEventListener('click', () => {\r\n const src = thumb.getAttribute('data-src');\r\n if (src) mainGalleryImg.src = src;\r\n thumbnails.forEach(t => t.classList.remove('active'));\r\n thumb.classList.add('active');\r\n });\r\n });\r\n\r\n \/\/ FAQ accordion\r\n document.querySelectorAll('.faq-item').forEach(item => {\r\n const question = item.querySelector('.faq-question');\r\n question.addEventListener('click', () => {\r\n const isOpen = item.classList.contains('open');\r\n document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('open'));\r\n if (!isOpen) item.classList.add('open');\r\n });\r\n });\r\n\r\n \/\/ Toast functionality\r\n function showToast(message, type = 'success') {\r\n const toast = document.getElementById('toast');\r\n toast.textContent = message;\r\n toast.className = 'toast show ' + type;\r\n setTimeout(() => {\r\n toast.classList.remove('show');\r\n }, 4000);\r\n }\r\n\r\n \/\/ Lightbox elements\r\n const photoItems = document.querySelectorAll('.photo-item');\r\n const imageLightbox = document.getElementById('image-lightbox');\r\n const imageLightboxImg = document.getElementById('image-lightbox-img');\r\n const imageLightboxClose = document.getElementById('image-lightbox-close');\r\n\r\n \/\/ Photo gallery zoom (open lightbox AND update big header image)\r\n photoItems.forEach(item => {\r\n item.addEventListener('click', () => {\r\n const full = item.getAttribute('data-full');\r\n if (!full) return;\r\n \/\/ Update main hero image\r\n mainGalleryImg.src = full;\r\n \/\/ Open lightbox\r\n imageLightboxImg.src = full;\r\n imageLightbox.style.display = 'flex';\r\n });\r\n });\r\n\r\n \/\/ Close lightbox on button click\r\n imageLightboxClose.addEventListener('click', () => {\r\n imageLightbox.style.display = 'none';\r\n });\r\n\r\n \/\/ Close lightbox on backdrop click\r\n imageLightbox.addEventListener('click', (e) => {\r\n if (e.target === imageLightbox) {\r\n imageLightbox.style.display = 'none';\r\n }\r\n });\r\n\r\n \/\/ Close lightbox on ESC\r\n document.addEventListener('keydown', (e) => {\r\n if (e.key === 'Escape' && imageLightbox.style.display === 'flex') {\r\n imageLightbox.style.display = 'none';\r\n }\r\n });\r\n\r\n \/* Validation Functions *\/\r\n function validateEmail(email) {\r\n const emailRegex = \/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$\/;\r\n return emailRegex.test(email);\r\n }\r\n\r\n function validatePhone(phone) {\r\n const cleanPhone = phone.replace(\/\\D\/g, '');\r\n return cleanPhone.length >= 10;\r\n }\r\n\r\n function showError(inputId, errorId, message) {\r\n document.getElementById(inputId).classList.add('error');\r\n document.getElementById(errorId).textContent = message;\r\n document.getElementById(errorId).style.display = 'block';\r\n }\r\n\r\n function hideError(inputId, errorId) {\r\n document.getElementById(inputId).classList.remove('error');\r\n document.getElementById(errorId).style.display = 'none';\r\n }\r\n\r\n function validateForm(formType = 'desktop') {\r\n let isValid = true;\r\n const prefix = formType === 'mobile' ? 'm-' : 'd-';\r\n\r\n const email = document.getElementById(`${prefix}email`).value.trim();\r\n if (!validateEmail(email)) {\r\n showError(`${prefix}email`, `${prefix}email-error`, 'Please enter a valid email address');\r\n isValid = false;\r\n } else {\r\n hideError(`${prefix}email`, `${prefix}email-error`);\r\n }\r\n\r\n const phone = document.getElementById(`${prefix}phone`).value.trim();\r\n if (!validatePhone(phone)) {\r\n showError(`${prefix}phone`, `${prefix}phone-error`, 'Please enter a valid phone number (min. 10 digits)');\r\n isValid = false;\r\n } else {\r\n hideError(`${prefix}phone`, `${prefix}phone-error`);\r\n }\r\n\r\n const requiredFields = [\r\n { id: `${prefix}start`, errorId: `${prefix}start-error`, message: 'Please choose a start date' },\r\n { id: `${prefix}end`, errorId: `${prefix}end-error`, message: 'Please choose an end date' },\r\n { id: `${prefix}people`, errorId: `${prefix}people-error`, message: 'Please enter number of participants' },\r\n { id: `${prefix}first`, errorId: `${prefix}first-error`, message: 'Please enter your first name' },\r\n { id: `${prefix}last`, errorId: `${prefix}last-error`, message: 'Please enter your last name' }\r\n ];\r\n\r\n requiredFields.forEach(field => {\r\n const value = document.getElementById(field.id).value.trim();\r\n if (!value) {\r\n showError(field.id, field.errorId, field.message);\r\n isValid = false;\r\n } else {\r\n hideError(field.id, field.errorId);\r\n }\r\n });\r\n\r\n return isValid;\r\n }\r\n\r\n \/\/ Scroll to form functionality\r\n const scrollToFormBtn = document.getElementById('scroll-to-form-btn');\r\n const mobileFormSection = document.getElementById('mobile-booking-form-section');\r\n \r\n if (scrollToFormBtn && mobileFormSection) {\r\n scrollToFormBtn.addEventListener('click', () => {\r\n mobileFormSection.scrollIntoView({ \r\n behavior: 'smooth',\r\n block: 'start'\r\n });\r\n });\r\n }\r\n\r\n \/\/ === EMAILJS SEND HELPERS ===\r\n async function sendEmailJS(formType = 'desktop') {\r\n const prefix = formType === 'mobile' ? 'm-' : 'd-';\r\n\r\n const pax = parseInt(document.getElementById(`${prefix}people`).value || '2', 10);\r\n\r\n const formData = {\r\n tour_date: document.getElementById(`${prefix}start`).value,\r\n tour_end_date: document.getElementById(`${prefix}end`).value,\r\n participants: pax,\r\n first_name: document.getElementById(`${prefix}first`).value,\r\n last_name: document.getElementById(`${prefix}last`).value,\r\n email: document.getElementById(`${prefix}email`).value,\r\n phone: document.getElementById(`${prefix}phone`).value,\r\n special_requests: document.getElementById(`${prefix}notes`).value,\r\n tour_name: '7-Day Trekking Jbel Saghrou - Kouaouch Summit',\r\n total_price: 'On Request'\r\n };\r\n\r\n console.log('Sending to EmailJS:', formData);\r\n\r\n \/\/ EmailJS v4 send (uses global init)\r\n return emailjs.send(\r\n EMAILJS_SERVICE_ID,\r\n EMAILJS_TEMPLATE_ID,\r\n formData\r\n );\r\n }\r\n\r\n \/\/ NEW: Thank You overlay logic\r\n const TY = document.getElementById('thankyou');\r\n const TY_CLOSE = document.getElementById('ty-close');\r\n\r\n function showThankYou() {\r\n if (TY) {\r\n TY.style.display = 'block';\r\n document.body.style.overflow = 'hidden';\r\n }\r\n }\r\n\r\n function hideThankYou() {\r\n if (TY) {\r\n TY.style.display = 'none';\r\n document.body.style.overflow = '';\r\n }\r\n }\r\n\r\n if (TY_CLOSE) {\r\n TY_CLOSE.addEventListener('click', hideThankYou);\r\n }\r\n\r\n if (TY) {\r\n TY.addEventListener('click', (e) => {\r\n if (e.target === TY) {\r\n hideThankYou();\r\n }\r\n });\r\n }\r\n\r\n document.addEventListener('keydown', (e) => {\r\n if (e.key === 'Escape' && TY && TY.style.display === 'block') {\r\n hideThankYou();\r\n }\r\n });\r\n\r\n \/\/ Mobile form submission\r\n const mobileForm = document.getElementById('mobile-booking-form');\r\n const mobileSubmitBtn = document.getElementById('mobile-submit');\r\n \r\n if (mobileForm) {\r\n mobileForm.addEventListener('submit', async (e) => {\r\n e.preventDefault();\r\n \r\n if (!validateForm('mobile')) {\r\n showToast('Please correct the errors in the form', 'error');\r\n return;\r\n }\r\n \r\n mobileSubmitBtn.disabled = true;\r\n mobileSubmitBtn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Sending...';\r\n \r\n try {\r\n const result = await sendEmailJS('mobile');\r\n console.log('EmailJS SUCCESS (mobile):', result);\r\n showThankYou();\r\n mobileForm.reset();\r\n showToast('Your booking request has been submitted successfully!', 'success');\r\n } catch (err) { \r\n console.error('EmailJS Error (mobile):', err);\r\n showToast('Sorry, an error occurred: ' + (err.text || 'Please check your EmailJS keys\/domain.'), 'error'); \r\n } finally {\r\n mobileSubmitBtn.disabled = false;\r\n mobileSubmitBtn.innerHTML = '<i class=\"fa-solid fa-paper-plane\"><\/i> Book Now';\r\n }\r\n });\r\n }\r\n\r\n \/\/ Desktop form submission\r\n const desktopForm = document.getElementById('desktop-form');\r\n const desktopSubmitBtn = document.getElementById('d-submit');\r\n \r\n if (desktopForm) {\r\n desktopForm.addEventListener('submit', async (e) => {\r\n e.preventDefault();\r\n \r\n if (!validateForm('desktop')) {\r\n showToast('Please correct the errors in the form', 'error');\r\n return;\r\n }\r\n \r\n desktopSubmitBtn.disabled = true;\r\n desktopSubmitBtn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Sending...';\r\n \r\n try {\r\n const result = await sendEmailJS('desktop');\r\n console.log('EmailJS SUCCESS (desktop):', result);\r\n showThankYou();\r\n desktopForm.reset();\r\n showToast('Your booking request has been submitted successfully!', 'success');\r\n } catch (err) { \r\n console.error('EmailJS Error (desktop):', err);\r\n showToast('Sorry, an error occurred: ' + (err.text || 'Please check your EmailJS keys\/domain.'), 'error'); \r\n } finally {\r\n desktopSubmitBtn.disabled = false;\r\n desktopSubmitBtn.innerHTML = '<i class=\"fa-solid fa-paper-plane\"><\/i> Book Now';\r\n }\r\n });\r\n }\r\n\r\n \/\/ Set minimum date to tomorrow\r\n (function() {\r\n const d = new Date();\r\n d.setDate(d.getDate() + 1);\r\n const min = `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;\r\n \r\n ['d-start', 'm-start', 'd-end', 'm-end'].forEach(id => {\r\n const el = document.getElementById(id);\r\n if (el) el.min = min;\r\n });\r\n })();\r\n\r\n \/\/ Real-time validation\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const emailInput = document.getElementById('d-email');\r\n const phoneInput = document.getElementById('d-phone');\r\n if (emailInput) {\r\n emailInput.addEventListener('blur', function() {\r\n if (this.value.trim() && !validateEmail(this.value.trim())) {\r\n showError('d-email', 'd-email-error', 'Please enter a valid email address');\r\n } else {\r\n hideError('d-email', 'd-email-error');\r\n }\r\n });\r\n }\r\n if (phoneInput) {\r\n phoneInput.addEventListener('blur', function() {\r\n if (this.value.trim() && !validatePhone(this.value.trim())) {\r\n showError('d-phone', 'd-phone-error', 'Please enter a valid phone number (min. 10 digits)');\r\n } else {\r\n hideError('d-phone', 'd-phone-error');\r\n }\r\n });\r\n }\r\n\r\n const mEmailInput = document.getElementById('m-email');\r\n const mPhoneInput = document.getElementById('m-phone');\r\n if (mEmailInput) {\r\n mEmailInput.addEventListener('blur', function() {\r\n if (this.value.trim() && !validateEmail(this.value.trim())) {\r\n showError('m-email', 'm-email-error', 'Please enter a valid email address');\r\n } else {\r\n hideError('m-email', 'm-email-error');\r\n }\r\n });\r\n }\r\n if (mPhoneInput) {\r\n mPhoneInput.addEventListener('blur', function() {\r\n if (this.value.trim() && !validatePhone(this.value.trim())) {\r\n showError('m-phone', 'm-phone-error', 'Please enter a valid phone number (min. 10 digits)');\r\n } else {\r\n hideError('m-phone', 'm-phone-error');\r\n }\r\n });\r\n }\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>7-Day Trekking Jbel Saghrou | Saghro Mountains Trek | Morocco Trekking … <\/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-369","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\/369","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=369"}],"version-history":[{"count":8,"href":"https:\/\/marrakechtrekking.com\/fr\/wp-json\/wp\/v2\/pages\/369\/revisions"}],"predecessor-version":[{"id":1067,"href":"https:\/\/marrakechtrekking.com\/fr\/wp-json\/wp\/v2\/pages\/369\/revisions\/1067"}],"wp:attachment":[{"href":"https:\/\/marrakechtrekking.com\/fr\/wp-json\/wp\/v2\/media?parent=369"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

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

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n 7-Day Trekking Jbel Saghrou | Saghro Mountains Trek | Morocco Trekking<\/title>\r\n <meta name=\"description\" content=\"Experience our 7-day trekking in Jbel Saghrou. Summit Kouaouch (2600m), explore stunning plateaus, and discover authentic Berber culture in Morocco's Saghro mountains.\">\r\n \r\n \r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"TouristAttraction\",\r\n \"name\": \"7-Day Trekking Jbel Saghrou - Kouaouch Summit\",\r\n \"description\": \"7-day trekking adventure in the Jbel Saghrou mountains, including summit of Kouaouch (2600m) with experienced guides.\",\r\n \"address\": {\r\n \"@type\": \"PostalAddress\",\r\n \"addressRegion\": \"Saghro\",\r\n \"addressCountry\": \"Morocco\"\r\n },\r\n \"offers\": {\r\n \"@type\": \"Offer\",\r\n \"description\": \"7-day trek with accommodation, meals, and guide services\"\r\n }\r\n }\r\n <\/script>\r\n \r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n \r\n <style>\r\n \/* CSS RESET FOR OUR COMPONENT ONLY *\/\r\n #saghro-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 #saghro-trekking-wrapper {\r\n \/* ISOLATION CONTAINER - KEEPING ORIGINAL COLOR SCHEME *\/\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 #saghro-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 #saghro-trekking-wrapper .gallery-section img,\r\n #saghro-trekking-wrapper .thumbnail img,\r\n #saghro-trekking-wrapper .photo-gallery img,\r\n #saghro-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 #saghro-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 #saghro-trekking-wrapper .hero-section {\r\n grid-template-columns: 1fr !important;\r\n }\r\n }\r\n\r\n #saghro-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 #saghro-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 #saghro-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 #saghro-trekking-wrapper .region-badge i {\r\n color: #fed7aa !important;\r\n }\r\n\r\n #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-trekking-wrapper .detail-pill i {\r\n color: #fed7aa !important;\r\n }\r\n\r\n \/* Gallery Section *\/\r\n #saghro-trekking-wrapper .gallery-section {\r\n display: grid !important;\r\n gap: 10px !important;\r\n }\r\n\r\n #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-trekking-wrapper .thumbnail:hover img {\r\n transform: scale(1.08) !important;\r\n }\r\n\r\n #saghro-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 #saghro-trekking-wrapper .thumbnail:hover::after {\r\n opacity: 1 !important;\r\n }\r\n\r\n #saghro-trekking-wrapper .thumbnail.active {\r\n border-color: var(--accent-color) !important;\r\n }\r\n\r\n #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-trekking-wrapper .info-text strong {\r\n font-size: 0.94rem !important;\r\n }\r\n\r\n \/* Main Layout *\/\r\n #saghro-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 #saghro-trekking-wrapper .main-layout {\r\n grid-template-columns: 1fr !important;\r\n }\r\n }\r\n\r\n #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-trekking-wrapper .highlight-box strong {\r\n color: var(--accent-dark) !important;\r\n }\r\n\r\n #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-trekking-wrapper .itinerary-day:last-child {\r\n border-bottom: none !important;\r\n }\r\n\r\n #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-trekking-wrapper .two-column {\r\n grid-template-columns: 1fr !important;\r\n }\r\n }\r\n\r\n #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-trekking-wrapper .bullet-list.included li i {\r\n color: var(--accent-dark) !important;\r\n }\r\n\r\n #saghro-trekking-wrapper .bullet-list.excluded li i {\r\n color: #e11d48 !important;\r\n }\r\n\r\n \/* FAQ *\/\r\n #saghro-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 #saghro-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 #saghro-trekking-wrapper .faq-question span {\r\n font-size: 0.95rem !important;\r\n font-weight: 600 !important;\r\n }\r\n\r\n #saghro-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 #saghro-trekking-wrapper .faq-item.open .faq-question i {\r\n transform: rotate(180deg) !important;\r\n }\r\n\r\n #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-trekking-wrapper .photo-item:hover img {\r\n transform: scale(1.05) !important;\r\n }\r\n\r\n #saghro-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 #saghro-trekking-wrapper .photo-item:hover::after {\r\n opacity: 1 !important;\r\n }\r\n\r\n \/* VIEW ICON ON PHOTO ITEMS *\/\r\n #saghro-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 #saghro-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 #saghro-trekking-wrapper .photo-view-icon i {\r\n font-size: 0.9rem !important;\r\n color: #fed7aa !important;\r\n }\r\n\r\n #saghro-trekking-wrapper .photo-item:hover .photo-view-icon {\r\n opacity: 1 !important;\r\n }\r\n\r\n #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-trekking-wrapper .price-details {\r\n font-size: 0.86rem !important;\r\n opacity: 0.95 !important;\r\n }\r\n\r\n #saghro-trekking-wrapper .price-details p {\r\n margin: 2px 0 !important;\r\n }\r\n\r\n #saghro-trekking-wrapper .price-details i {\r\n margin-right: 6px !important;\r\n }\r\n\r\n #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-trekking-wrapper .sidebar {\r\n display: none !important;\r\n }\r\n }\r\n\r\n #saghro-trekking-wrapper .form-group {\r\n margin-bottom: 10px !important;\r\n }\r\n\r\n #saghro-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 #saghro-trekking-wrapper .form-input,\r\n #saghro-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 #saghro-trekking-wrapper .form-input:focus,\r\n #saghro-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 #saghro-trekking-wrapper .form-input.error,\r\n #saghro-trekking-wrapper textarea.error {\r\n border-color: #e11d48 !important;\r\n background: #fef2f2 !important;\r\n }\r\n\r\n #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-trekking-wrapper .btn-primary i {\r\n font-size: 0.9rem !important;\r\n }\r\n\r\n #saghro-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 #saghro-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 #saghro-trekking-wrapper .mobile-booking {\r\n display: none !important;\r\n }\r\n\r\n @media (max-width: 720px) {\r\n #saghro-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 #saghro-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 #saghro-trekking-wrapper .mobile-booking-info {\r\n color: #e5e7eb !important;\r\n font-size: 0.82rem !important;\r\n }\r\n\r\n #saghro-trekking-wrapper .mobile-booking-info strong {\r\n display: block !important;\r\n font-size: 1rem !important;\r\n }\r\n\r\n #saghro-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 #saghro-trekking-wrapper .mobile-form-section {\r\n display: none !important;\r\n }\r\n\r\n @media (max-width: 720px) {\r\n #saghro-trekking-wrapper .mobile-form-section {\r\n display: block !important;\r\n }\r\n }\r\n\r\n \/* Toast & Overlay *\/\r\n #saghro-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 #saghro-trekking-wrapper .toast.show {\r\n display: block !important;\r\n }\r\n\r\n #saghro-trekking-wrapper .toast.success {\r\n background: #16a34a !important; \/* success green *\/\r\n }\r\n\r\n #saghro-trekking-wrapper .toast.error {\r\n background: #b91c1c !important;\r\n }\r\n\r\n \/* NEW THANK YOU OVERLAY (like second code) *\/\r\n #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-trekking-wrapper .thankyou-card {\r\n padding: 28px 20px !important;\r\n width: 95% !important;\r\n }\r\n\r\n #saghro-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 #saghro-trekking-wrapper .thankyou-card h3 {\r\n font-size: 1.7rem !important;\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n #saghro-trekking-wrapper .thankyou-card p {\r\n font-size: 1rem !important;\r\n }\r\n\r\n #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-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 #saghro-trekking-wrapper .container {\r\n padding: 15px 12px 100px !important;\r\n }\r\n \r\n #saghro-trekking-wrapper .hero-section {\r\n margin-bottom: 20px !important;\r\n }\r\n \r\n #saghro-trekking-wrapper .hero-content {\r\n padding: 18px 16px !important;\r\n order: 2 !important;\r\n }\r\n \r\n #saghro-trekking-wrapper .gallery-section {\r\n order: 1 !important;\r\n margin-bottom: 16px !important;\r\n }\r\n \r\n #saghro-trekking-wrapper .trek-details {\r\n flex-direction: column !important;\r\n gap: 6px !important;\r\n }\r\n \r\n #saghro-trekking-wrapper .detail-pill {\r\n width: 100% !important;\r\n justify-content: center !important;\r\n }\r\n \r\n #saghro-trekking-wrapper .content-section {\r\n padding: 16px 14px !important;\r\n margin-bottom: 16px !important;\r\n }\r\n \r\n #saghro-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 #saghro-trekking-wrapper .day-label {\r\n font-size: 0.9rem !important;\r\n }\r\n \r\n #saghro-trekking-wrapper .photo-gallery {\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n }\r\n \r\n #saghro-trekking-wrapper .photo-item img {\r\n height: 120px !important;\r\n }\r\n \r\n #saghro-trekking-wrapper .feature-grid {\r\n grid-template-columns: 1fr !important;\r\n }\r\n \r\n #saghro-trekking-wrapper .highlight-box {\r\n padding: 10px 12px !important;\r\n font-size: 0.9rem !important;\r\n }\r\n \r\n #saghro-trekking-wrapper .map-container {\r\n height: 300px !important;\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n #saghro-trekking-wrapper .container {\r\n padding: 12px 10px 100px !important;\r\n }\r\n \r\n #saghro-trekking-wrapper .hero-content {\r\n padding: 16px 14px !important;\r\n }\r\n \r\n #saghro-trekking-wrapper .main-gallery {\r\n height: 260px !important;\r\n }\r\n \r\n #saghro-trekking-wrapper .thumbnail-grid {\r\n grid-template-columns: repeat(3, 1fr) !important;\r\n }\r\n \r\n #saghro-trekking-wrapper .thumbnail {\r\n min-height: 60px !important;\r\n }\r\n \r\n #saghro-trekking-wrapper .content-section {\r\n padding: 14px 12px !important;\r\n }\r\n \r\n #saghro-trekking-wrapper .photo-gallery {\r\n grid-template-columns: 1fr !important;\r\n }\r\n \r\n #saghro-trekking-wrapper .photo-item img {\r\n height: 140px !important;\r\n }\r\n \r\n #saghro-trekking-wrapper .info-cards {\r\n flex-direction: column !important;\r\n }\r\n \r\n #saghro-trekking-wrapper .info-card {\r\n width: 100% !important;\r\n }\r\n \r\n #saghro-trekking-wrapper .map-container {\r\n height: 250px !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <div id=\"saghro-trekking-wrapper\">\r\n <div class=\"container\">\r\n \r\n <header class=\"hero-section\">\r\n \r\n <div class=\"gallery-section\">\r\n \r\n <div class=\"main-gallery\">\r\n <img decoding=\"async\"\r\n id=\"main-gallery-img\"\r\n src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/DJEBEL-SAGHRO-TREKKING-IN-MOROCCO-8-DAYS-2-1.jpg\"\r\n alt=\"7-Day Trekking Jbel Saghrou - Kouaouch Summit\"\r\n \/>\r\n <div class=\"gallery-overlay\"><\/div>\r\n <div class=\"gallery-caption\">\r\n <i class=\"fa-solid fa-image\"><\/i> Jbel Saghrou Trek - Kouaouch Summit\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\/DJEBEL-SAGHRO-TREKKING-IN-MOROCCO-8-DAYS-2-1.jpg\"\r\n >\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/DJEBEL-SAGHRO-TREKKING-IN-MOROCCO-8-DAYS-2-1.jpg\" alt=\"Jbel Saghrou Trekking\" \/>\r\n <\/button>\r\n\r\n <button\r\n class=\"thumbnail\"\r\n data-src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Sahro-trekking.jpg\"\r\n >\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Sahro-trekking.jpg\" alt=\"Saghro 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_0793-scaled.jpg\"\r\n >\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_0793-scaled.jpg\" alt=\"Saghro Trekking Landscape\" \/>\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"info-cards\">\r\n <div class=\"info-card\">\r\n <div class=\"info-icon\"><i class=\"fa-solid fa-sun\"><\/i><\/div>\r\n <div class=\"info-text\">\r\n <span>Best Season<\/span>\r\n <strong>October to May<\/strong>\r\n <\/div>\r\n <\/div>\r\n <div class=\"info-card\">\r\n <div class=\"info-icon\"><i class=\"fa-solid fa-route\"><\/i><\/div>\r\n <div class=\"info-text\">\r\n <span>Trek Type<\/span>\r\n <strong>Mountain & Plateau<\/strong>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hero-content\">\r\n <div class=\"region-badge\">\r\n <i class=\"fa-solid fa-mountain-sun\"><\/i>\r\n <span style=\"font-weight: 600;\">Jbel Saghrou<\/span> \u00b7 <span style=\"font-weight: 600;\">Trekking<\/span>\r\n <\/div>\r\n <h1>7-Day Trekking <span style=\"color: #f97316;\">Jbel Saghrou<\/span> | Kouaouch Summit Adventure<\/h1>\r\n <p class=\"hero-description\">\r\n Experience our <strong>7-day trekking in Jbel Saghrou<\/strong>, exploring the magnificent <strong>Saghro mountains<\/strong>. \r\n This moderate <strong>trekking adventure<\/strong> takes you through stunning volcanic landscapes, authentic Berber villages, \r\n and culminates with the summit of <strong>Kouaouch (2600m)<\/strong>. Discover the unique geology and culture of the region while \r\n enjoying spectacular views across Morocco's diverse landscapes.\r\n <\/p>\r\n <div class=\"trek-details\">\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-calendar-alt\"><\/i> 7 days \/ 6 nights<\/div>\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-person-hiking\"><\/i> Moderate level<\/div>\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-people-group\"><\/i> From 2 people<\/div>\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-location-dot\"><\/i> <span style=\"font-weight: 600;\">Jbel Saghrou<\/span>, <span style=\"font-weight: 600;\">Morocco<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <main class=\"main-layout\">\r\n \r\n <article>\r\n \r\n <section class=\"content-section\" id=\"description\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-circle-info\"><\/i>\r\n <div>\r\n <h2>Trek Overview<\/h2>\r\n <small><span style=\"font-weight: 600;\">Jbel Saghrou<\/span> \u00b7 <span style=\"font-weight: 600;\">Trekking<\/span> \u00b7 Mountain Adventure<\/small>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-box\">\r\n <strong>An unforgettable 7-day mountain adventure in the <span style=\"color: #dc2626;\">Jbel Saghrou<\/span> region<\/strong><br \/>\r\n 7 days of <strong>trekking in Jbel Saghrou<\/strong> through stunning volcanic landscapes, \r\n experiencing authentic Ait Atta culture, and conquering the summit of <strong>Kouaouch (2600m)<\/strong>. This carefully \r\n curated <strong>trekking journey<\/strong> offers the perfect balance of challenge and cultural immersion in Morocco's magnificent <strong>Saghro mountains<\/strong>.\r\n <\/div>\r\n <p>\r\n Our <strong>7-day trekking in Jbel Saghrou<\/strong> offers a unique opportunity to explore the magnificent \r\n volcanic landscapes of the <strong>Saghro region<\/strong>. Discover the majestic Kouaouch summit and experience \r\n a wonderful journey through traditional Berber villages and semi-nomadic Ait Atta communities. This trek has been specifically \r\n designed to showcase the most spectacular aspects of the Moroccan Anti-Atlas while \r\n ensuring your comfort and safety throughout the journey.\r\n <\/p>\r\n <p>\r\n We invite you to take a scenic route through the High Atlas mountains via the Tizi N'Tichka pass, \r\n exploring the famous Dades Valley with its thousand Kasbahs. This <strong>trekking adventure<\/strong> \r\n combines camping with authentic cultural experiences. You'll have the \r\n opportunity to witness stunning geological formations, sleep under star-filled \r\n skies, and learn about traditional Berber culture from local guides.\r\n <\/p>\r\n <p>\r\n This <strong>7-day trekking in Jbel Saghrou<\/strong> has been designed as an accessible \r\n adventure with moderate stages, allowing time to explore diverse landscapes from \r\n vast plateaus to dramatic rock formations. Whether you're an experienced trekker or \r\n new to mountain adventures, this journey offers something truly special for everyone.\r\n <\/p>\r\n <\/section>\r\n\r\n \r\n <section class=\"content-section\" id=\"highlights\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <div>\r\n <h2>Trek Highlights<\/h2>\r\n <small>What makes this <span style=\"font-weight: 600;\">Jbel Saghrou<\/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 <strong>Kouaouch (2600m)<\/strong>, the highest peak in the Jbel Saghrou massif<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Scenic drive through the High Atlas Mountains via Tizi N'Tichka pass<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Explore the famous Dades Valley with its thousand Kasbahs<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Discover traditional Ait Atta semi-nomadic culture<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Experience authentic mountain hospitality in Berber villages<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Camp in spectacular locations with breathtaking views<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Witness stunning geological formations including the Tiblah needles<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Explore the diverse landscapes of the Saghro plateaus<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Learn about local flora and fauna from experienced mountain guides<\/li>\r\n <\/ul>\r\n <\/section>\r\n\r\n \r\n <section class=\"content-section\" id=\"itineraire\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-route\"><\/i>\r\n <div>\r\n <h2>Detailed Itinerary \u2013 7 Days<\/h2>\r\n <small>Sample program, adaptable to your preferences<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-day\">\r\n <div class=\"day-label\">Day 1<\/div>\r\n <div class=\"day-content\">\r\n <h3>Marrakech \u2013 Tichka \u2013 Ouarzazate \u2013 Tagdilt<\/h3>\r\n <p>\r\n We depart early from Marrakech, traveling towards Ouarzazate via the Tizi N' Tichka pass. Along the way, we explore the stunning Dades Valley, famous for its thousand Kasbahs. Continuing south through a desert plateau, we arrive at the village of Tagdilt for an overnight homestay at 1650m. Estimated driving time: 6-7 hours.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-day\">\r\n <div class=\"day-label\">Day 2<\/div>\r\n <div class=\"day-content\">\r\n <h3>Tagdilt \u2013 Col N'Iferd \u2013 Irefd \u2013 Plateau N'Ouarg (2250m)<\/h3>\r\n <p>\r\n Our hike begins with the loading of the mules. We cross a vast plateau before ascending towards the Tizi N'iferd pass (2400m), offering stunning views of the Central High Atlas Massif. We then descend into the Iferd Plateau, where we set up our camp. This plateau is often used by the semi-nomadic Ait Atta people. Overnight camping at 2250m. Estimated walking time: 5.5-6 hours.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-day\">\r\n <div class=\"day-label\">Day 3<\/div>\r\n <div class=\"day-content\">\r\n <h3>Almou N'Ouarg \u2013 Summit of Kouaouch (2600m) \u2013 Igli (1700m)<\/h3>\r\n <p>\r\n Today, we climb to the summit of Kouaouch (2600m), a non-technical ascent with breathtaking views. After a picnic brought by our cook, we descend via Tassegdilt to our campsite in Igli (1700m). Overnight camping at Igli. Estimated walking time: 5.5-6 hours.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-day\">\r\n <div class=\"day-label\">Day 4<\/div>\r\n <div class=\"day-content\">\r\n <h3>Igli \u2013 Ighazoun Through Dawabid<\/h3>\r\n <p>\r\n We descend from Igli, passing a natural rock formation resembling the head of an elephant and the Tizi Nognid pass. After lunch at Dawabid, we continue to Ighazoun, where we spend the night camping amidst stunning, peaceful views. Estimated walking time: 4.5-5 hours.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-day\">\r\n <div class=\"day-label\">Day 5<\/div>\r\n <div class=\"day-content\">\r\n <h3>Ighazoun Oasis \u2013 Bab N'Ali<\/h3>\r\n <p>\r\n We leave Ighazoun at 8:30 a.m. and head towards Bab N'Ali, passing through the impressive Tiblah needles. We descend into the beautiful valley, stopping for lunch with panoramic views of the needles. Afterward, we continue towards Bab N'Ali for a night of camping under the stars, surrounded by the towering cliffs of Bab N'Ali. Estimated walking time: 5-6 hours.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-day\">\r\n <div class=\"day-label\">Day 6<\/div>\r\n <div class=\"day-content\">\r\n <h3>Bab N'Ali \u2013 Village of Kasbah N'Koub \u2013 Agdez \u2013 Ouarzazate \u2013 Marrakech<\/h3>\r\n <p>\r\n After thanking our mule team for their assistance, we reflect on the incredible adventure across the Jebel and Saghro plateaus. Our journey takes us through the Draa Valley, famous for its date palm groves, and past the cinematic city of Ouarzazate. Finally, we pass the Tizi N'Tichka pass once more on our return to Marrakech.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"content-section\" id=\"inclus\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-clipboard-list\"><\/i>\r\n <div>\r\n <h2>What's Included \/ Not Included<\/h2>\r\n <small>To prepare your budget comfortably<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"two-column\">\r\n <div>\r\n <div class=\"list-title\">\r\n <i class=\"fa-solid fa-circle-check\"><\/i>\r\n Included in Price\r\n <\/div>\r\n <ul class=\"bullet-list included\">\r\n <li><i class=\"fa-solid fa-check\"><\/i> Full board during the trek<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Overnight stays in homestay and camping<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Transfers from\/to Marrakech<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Services of a certified mountain guide<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Mules for luggage transport<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Camping equipment (tents, mattresses)<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Cook and cooking equipment<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"list-title\">\r\n <i class=\"fa-solid fa-circle-xmark\" style=\"color:#e11d48\"><\/i>\r\n Not Included\r\n <\/div>\r\n <ul class=\"bullet-list excluded\">\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> Drinks and personal expenses<\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> Tips for guides and staff<\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> Travel insurance (recommended)<\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> Meals and accommodation in Marrakech<\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> Personal trekking equipment<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"content-section\" id=\"details\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-list-ul\"><\/i>\r\n <div>\r\n <h2>Practical Details<\/h2>\r\n <small>Duration, level, seasons & participants<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"feature-grid\">\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-calendar-days\"><\/i>\r\n <div>\r\n <strong>Duration<\/strong>\r\n 7 days \/ 6 nights\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-person-hiking\"><\/i>\r\n <div>\r\n <strong>Level<\/strong>\r\n Moderate difficulty\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-sun-plant-wilt\"><\/i>\r\n <div>\r\n <strong>Best Season<\/strong>\r\n October to May\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-users\"><\/i>\r\n <div>\r\n <strong>Participants<\/strong>\r\n From 2 people\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-location-dot\"><\/i>\r\n <div>\r\n <strong>Region<\/strong>\r\n <span style=\"font-weight: 600;\">Jbel Saghrou<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-dollar-sign\"><\/i>\r\n <div>\r\n <strong>Price<\/strong>\r\n On request\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"map-section\" id=\"map\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-map-location-dot\"><\/i>\r\n <div>\r\n <h2>Trek Route Map<\/h2>\r\n <small>Explore the <span style=\"font-weight: 600;\">Jbel Saghrou<\/span> trekking route<\/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=1JOyisyq79aJrk3NSlmBDA0rKs0e1l8c&ehbc=2E312F&noprof=1\" width=\"640\" height=\"480\"><\/iframe>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"content-section\" id=\"faq\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-circle-question\"><\/i>\r\n <div>\r\n <h2>Frequently Asked Questions<\/h2>\r\n <small>Some answers before you go<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq\">\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>What is the difficulty level of this <span style=\"font-weight: 600;\">Jbel Saghrou<\/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 The trek is rated as <strong>moderate<\/strong>, with daily walking times of 4.5-6 hours and moderate altitude gain. It's suitable for anyone in good physical condition with some hiking experience. The summit day is non-technical and accessible to most fit walkers. For more information about preparing for mountain adventures, check out our \r\n <a href=\"https:\/\/marrakechtrekking.com\/a-complete-guide-to-traveling-and-exploring-morocco\/\" target=\"_blank\" rel=\"dofollow\">Complete Guide to Traveling and Exploring Morocco<\/a>.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>Why is October to May the recommended period for this <span style=\"font-weight: 600;\">Jbel Saghrou trek<\/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 Summer months in the <strong>Jbel Saghrou mountains<\/strong> can be extremely hot, with temperatures often exceeding \r\n 35\u00b0C (95\u00b0F). From October to May, temperatures are more comfortable for trekking, \r\n typically ranging from 15-25\u00b0C (59-77\u00b0F) during the day. For detailed safety information \r\n about traveling in Morocco, visit our \r\n <a href=\"https:\/\/marrakechtrekking.com\/is-morocco-safe-to-travel-to-what-you-need-to-know-before-you-visit\/\" target=\"_blank\" rel=\"dofollow\">Morocco Safety Guide<\/a>.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>What type of accommodation is provided during the <span style=\"font-weight: 600;\">Jbel Saghrou trek<\/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 You'll stay in a traditional <strong>Berber homestay<\/strong> on the first night and camp in tents during the mountain sections. Our accommodations offer authentic experiences while maintaining comfort. All camping equipment is provided, including quality tents and sleeping mats.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>How should I prepare for this <span style=\"font-weight: 600;\">Jbel Saghrou<\/span> mountain adventure?<\/span>\r\n <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>\r\n Regular hiking with some elevation gain is recommended before departure. Bring broken-in hiking boots, layered clothing for changing mountain weather, a warm jacket for evenings, hat, and sunscreen. A detailed equipment list will be provided \r\n upon booking your <strong>Jbel Saghrou trek<\/strong> adventure. We recommend \r\n bringing a headlamp, personal first aid kit, and high-energy snacks.\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 Jbel Saghrou special compared to other Moroccan mountain ranges?<\/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 Jbel Saghrou offers unique volcanic landscapes with dramatic rock formations, including the famous Tiblah needles. The region is less visited than the High Atlas, providing a more remote and authentic experience. The geology is particularly fascinating, with black volcanic rock contrasting against the desert landscape.\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 wildlife might we encounter during the 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 The Saghro region is home to Barbary sheep, foxes, various bird species including eagles and vultures, and smaller mammals. The area is also known for its unique desert-adapted flora. Your guide will help you identify local species and share knowledge about the region's ecology.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"mobile-form-section content-section\" id=\"mobile-booking-form-section\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-calendar-plus\"><\/i>\r\n <div>\r\n <h2>Book This Trek<\/h2>\r\n <small>Tell us your preferences<\/small>\r\n <\/div>\r\n <\/div>\r\n \r\n <form id=\"mobile-booking-form\" novalidate>\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"m-start\">Start Date<\/label>\r\n <input type=\"date\" id=\"m-start\" class=\"form-input\" \/>\r\n <div class=\"error-message\" id=\"m-start-error\">Please choose a date.<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"m-end\">End Date<\/label>\r\n <input type=\"date\" id=\"m-end\" class=\"form-input\" \/>\r\n <div class=\"error-message\" id=\"m-end-error\">Please choose a date.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"m-people\">Number of Participants<\/label>\r\n <input type=\"number\" id=\"m-people\" class=\"form-input\" min=\"1\" max=\"16\" value=\"2\" \/>\r\n <div class=\"error-message\" id=\"m-people-error\">Please enter a number between 1 and 16.<\/div>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"m-first\">First Name<\/label>\r\n <input type=\"text\" id=\"m-first\" class=\"form-input\" placeholder=\"ex. John\" \/>\r\n <div class=\"error-message\" id=\"m-first-error\">Please enter your first name.<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"m-last\">Last Name<\/label>\r\n <input type=\"text\" id=\"m-last\" class=\"form-input\" placeholder=\"ex. Smith\" \/>\r\n <div class=\"error-message\" id=\"m-last-error\">Please enter your last name.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"m-email\">Email<\/label>\r\n <input type=\"email\" id=\"m-email\" class=\"form-input\" placeholder=\"ex. john@example.com\" \/>\r\n <div class=\"error-message\" id=\"m-email-error\">Please enter a valid email.<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"m-phone\">Phone<\/label>\r\n <input type=\"tel\" id=\"m-phone\" class=\"form-input\" placeholder=\"ex. +212612345678\" \/>\r\n <div class=\"error-message\" id=\"m-phone-error\">Invalid number (min. 10 digits).<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"m-notes\">Special Requests<\/label>\r\n <textarea id=\"m-notes\" rows=\"3\" class=\"form-input\" placeholder=\"Dietary requirements, equipment, experience level, etc.\"><\/textarea>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"btn-primary\" id=\"mobile-submit\">\r\n <i class=\"fa-solid fa-paper-plane\"><\/i>\r\n Book Now\r\n <\/button>\r\n <div class=\"form-note\">\r\n Personalized response within 24-48h (working days).\r\n <\/div>\r\n <\/form>\r\n <\/section>\r\n\r\n \r\n <section class=\"content-section\" id=\"galerie\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-images\"><\/i>\r\n <div>\r\n <h2>Photo Gallery \u2013 <span style=\"font-weight: 600;\">Jbel Saghrou<\/span> Trek<\/h2>\r\n <small>Some images from this <span style=\"font-weight: 600;\">Jbel Saghrou trek<\/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\/DJEBEL-SAGHRO-TREKKING-IN-MOROCCO-8-DAYS-2-1.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/DJEBEL-SAGHRO-TREKKING-IN-MOROCCO-8-DAYS-2-1.jpg\" alt=\"Jbel Saghrou Trekking Landscape\" \/>\r\n <div class=\"photo-view-icon\">\r\n <span><i class=\"fa-solid fa-eye\"><\/i> View<\/span>\r\n <\/div>\r\n <\/button>\r\n <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Sahro-trekking.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Sahro-trekking.jpg\" alt=\"Saghro Mountains Trekking\" \/>\r\n <div class=\"photo-view-icon\">\r\n <span><i class=\"fa-solid fa-eye\"><\/i> View<\/span>\r\n <\/div>\r\n <\/button>\r\n <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_0793-scaled.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/IMG_0793-scaled.jpg\" alt=\"Saghro Trekking Route\" \/>\r\n <div class=\"photo-view-icon\">\r\n <span><i class=\"fa-solid fa-eye\"><\/i> View<\/span>\r\n <\/div>\r\n <\/button>\r\n <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/jebel-saghro.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/jebel-saghro.jpg\" alt=\"Jbel Saghrou Volcanic Landscape\" \/>\r\n <div class=\"photo-view-icon\">\r\n <span><i class=\"fa-solid fa-eye\"><\/i> View<\/span>\r\n <\/div>\r\n <\/button>\r\n <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/05.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/05.jpg\" alt=\"Saghro Mountain Views\" \/>\r\n <div class=\"photo-view-icon\">\r\n <span><i class=\"fa-solid fa-eye\"><\/i> View<\/span>\r\n <\/div>\r\n <\/button>\r\n <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Siroua-camping-1.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/Siroua-camping-1.jpg\" alt=\"Mountain Camping Saghro\" \/>\r\n <div class=\"photo-view-icon\">\r\n <span><i class=\"fa-solid fa-eye\"><\/i> View<\/span>\r\n <\/div>\r\n <\/button>\r\n <button class=\"photo-item\" data-full=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/saghro-1.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/marrakechtrekking.com\/wp-content\/uploads\/2025\/11\/saghro-1.jpg\" alt=\"Saghro Rock Formations\" \/>\r\n <div class=\"photo-view-icon\">\r\n <span><i class=\"fa-solid fa-eye\"><\/i> View<\/span>\r\n <\/div>\r\n <\/button>\r\n <\/div>\r\n <\/section>\r\n <\/article>\r\n\r\n \r\n <aside class=\"sidebar\">\r\n <section class=\"price-card\">\r\n <h2>Trek Price<\/h2>\r\n <div class=\"price-main\">\r\n <div class=\"price-amount\">On Request<\/div>\r\n <span class=\"price-tag\"><i class=\"fa-solid fa-circle-info\"><\/i> Custom Quote<\/span>\r\n <\/div>\r\n <p class=\"price-note\">\r\n Price depends on season, number of participants, and group size.\r\n <\/p>\r\n <div class=\"price-details\">\r\n <p><i class=\"fa-solid fa-calendar-alt\"><\/i> 7 days of trekking<\/p>\r\n <p><i class=\"fa-solid fa-location-dot\"><\/i> <span style=\"font-weight: 600;\">Jbel Saghrou<\/span>, Morocco<\/p>\r\n <p><i class=\"fa-solid fa-users\"><\/i> From 2 people<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"booking-form\">\r\n <h3>Book This Trek<\/h3>\r\n <p>Tell us your preferences, we'll adapt the program and pricing.<\/p>\r\n\r\n <form id=\"desktop-form\" novalidate>\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"d-start\">Preferred Start Date<\/label>\r\n <input type=\"date\" id=\"d-start\" class=\"form-input\" \/>\r\n <div class=\"error-message\" id=\"d-start-error\">Please choose a start date.<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"d-end\">End Date<\/label>\r\n <input type=\"date\" id=\"d-end\" class=\"form-input\" \/>\r\n <div class=\"error-message\" id=\"d-end-error\">Please choose an end date.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"d-people\">Number of Participants<\/label>\r\n <input type=\"number\" id=\"d-people\" class=\"form-input\" min=\"1\" max=\"16\" value=\"2\" \/>\r\n <div class=\"error-message\" id=\"d-people-error\">Please enter a number between 1 and 16.<\/div>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"d-first\">First Name<\/label>\r\n <input type=\"text\" id=\"d-first\" class=\"form-input\" placeholder=\"ex. John\" \/>\r\n <div class=\"error-message\" id=\"d-first-error\">Please enter your first name.<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"d-last\">Last Name<\/label>\r\n <input type=\"text\" id=\"d-last\" class=\"form-input\" placeholder=\"ex. Smith\" \/>\r\n <div class=\"error-message\" id=\"d-last-error\">Please enter your last name.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"d-email\">Email<\/label>\r\n <input type=\"email\" id=\"d-email\" class=\"form-input\" placeholder=\"ex. john@example.com\" \/>\r\n <div class=\"error-message\" id=\"d-email-error\">Please enter a valid email.<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"d-phone\">Phone<\/label>\r\n <input type=\"tel\" id=\"d-phone\" class=\"form-input\" placeholder=\"ex. +212612345678\" \/>\r\n <div class=\"error-message\" id=\"d-phone-error\">Invalid number (min. 10 digits).<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"d-notes\">Special Requests<\/label>\r\n <textarea id=\"d-notes\" rows=\"3\" class=\"form-input\" placeholder=\"Dietary requirements, equipment, experience level, etc.\"><\/textarea>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"btn-primary\" id=\"d-submit\">\r\n <i class=\"fa-solid fa-paper-plane\"><\/i>\r\n Book Now\r\n <\/button>\r\n <div class=\"form-note\">\r\n Personalized response within 24-48h (working days).\r\n <\/div>\r\n <\/form>\r\n <\/section>\r\n <\/aside>\r\n <\/main>\r\n <\/div>\r\n\r\n \r\n <div class=\"mobile-booking\">\r\n <div class=\"mobile-booking-inner\">\r\n <div class=\"mobile-booking-info\">\r\n <span><span style=\"font-weight: 600;\">Jbel Saghrou<\/span> Trek \u2013 7 days<\/span>\r\n <strong>Price on request<\/strong>\r\n <\/div>\r\n <button class=\"mobile-booking-btn\" id=\"scroll-to-form-btn\">\r\n <i class=\"fa-solid fa-calendar-plus\"><\/i>\r\n Book Now\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"thankyou-overlay\" id=\"thankyou\">\r\n <div class=\"thankyou-card\">\r\n <div class=\"icon\"><i class=\"fa-solid fa-check\"><\/i><\/div>\r\n <h3>Thank You For Your Booking Request!<\/h3>\r\n <p>\r\n We have received your message for the 7-Day Trekking Jbel Saghrou.\r\n A consultant will contact you shortly with a detailed quote.\r\n <\/p>\r\n <div class=\"btn-row\">\r\n <button id=\"ty-close\">\r\n <i class=\"fa-solid fa-xmark\"><\/i>\r\n Close\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"image-lightbox\" id=\"image-lightbox\">\r\n <div class=\"image-lightbox-inner\">\r\n <button class=\"image-lightbox-close\" id=\"image-lightbox-close\" aria-label=\"Close image\">\r\n <i class=\"fa-solid fa-xmark\"><\/i>\r\n <\/button>\r\n <img decoding=\"async\" src=\"\" alt=\"Enlarged image\" id=\"image-lightbox-img\">\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"toast\" id=\"toast\"><\/div>\r\n <\/div>\r\n\r\n \r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@emailjs\/browser@4\/dist\/email.min.js\"><\/script>\r\n <script>\r\n \/\/ === EMAILJS CONFIG ===\r\n const EMAILJS_PUBLIC_KEY = '2VKm08QxMx86NZIq-'; \/\/ with the dash at the end\r\n const EMAILJS_SERVICE_ID = 'service_x45ovee';\r\n const EMAILJS_TEMPLATE_ID = 'template_3bggdfm';\r\n\r\n \/\/ Initialize EmailJS (v4 syntax)\r\n (function () {\r\n emailjs.init({\r\n publicKey: EMAILJS_PUBLIC_KEY,\r\n });\r\n })();\r\n\r\n \/\/ Gallery functionality\r\n const mainGalleryImg = document.getElementById('main-gallery-img');\r\n const thumbnails = document.querySelectorAll('.thumbnail');\r\n \r\n thumbnails.forEach(thumb => {\r\n thumb.addEventListener('click', () => {\r\n const src = thumb.getAttribute('data-src');\r\n if (src) mainGalleryImg.src = src;\r\n thumbnails.forEach(t => t.classList.remove('active'));\r\n thumb.classList.add('active');\r\n });\r\n });\r\n\r\n \/\/ FAQ accordion\r\n document.querySelectorAll('.faq-item').forEach(item => {\r\n const question = item.querySelector('.faq-question');\r\n question.addEventListener('click', () => {\r\n const isOpen = item.classList.contains('open');\r\n document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('open'));\r\n if (!isOpen) item.classList.add('open');\r\n });\r\n });\r\n\r\n \/\/ Toast functionality\r\n function showToast(message, type = 'success') {\r\n const toast = document.getElementById('toast');\r\n toast.textContent = message;\r\n toast.className = 'toast show ' + type;\r\n setTimeout(() => {\r\n toast.classList.remove('show');\r\n }, 4000);\r\n }\r\n\r\n \/\/ Lightbox elements\r\n const photoItems = document.querySelectorAll('.photo-item');\r\n const imageLightbox = document.getElementById('image-lightbox');\r\n const imageLightboxImg = document.getElementById('image-lightbox-img');\r\n const imageLightboxClose = document.getElementById('image-lightbox-close');\r\n\r\n \/\/ Photo gallery zoom (open lightbox AND update big header image)\r\n photoItems.forEach(item => {\r\n item.addEventListener('click', () => {\r\n const full = item.getAttribute('data-full');\r\n if (!full) return;\r\n \/\/ Update main hero image\r\n mainGalleryImg.src = full;\r\n \/\/ Open lightbox\r\n imageLightboxImg.src = full;\r\n imageLightbox.style.display = 'flex';\r\n });\r\n });\r\n\r\n \/\/ Close lightbox on button click\r\n imageLightboxClose.addEventListener('click', () => {\r\n imageLightbox.style.display = 'none';\r\n });\r\n\r\n \/\/ Close lightbox on backdrop click\r\n imageLightbox.addEventListener('click', (e) => {\r\n if (e.target === imageLightbox) {\r\n imageLightbox.style.display = 'none';\r\n }\r\n });\r\n\r\n \/\/ Close lightbox on ESC\r\n document.addEventListener('keydown', (e) => {\r\n if (e.key === 'Escape' && imageLightbox.style.display === 'flex') {\r\n imageLightbox.style.display = 'none';\r\n }\r\n });\r\n\r\n \/* Validation Functions *\/\r\n function validateEmail(email) {\r\n const emailRegex = \/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$\/;\r\n return emailRegex.test(email);\r\n }\r\n\r\n function validatePhone(phone) {\r\n const cleanPhone = phone.replace(\/\\D\/g, '');\r\n return cleanPhone.length >= 10;\r\n }\r\n\r\n function showError(inputId, errorId, message) {\r\n document.getElementById(inputId).classList.add('error');\r\n document.getElementById(errorId).textContent = message;\r\n document.getElementById(errorId).style.display = 'block';\r\n }\r\n\r\n function hideError(inputId, errorId) {\r\n document.getElementById(inputId).classList.remove('error');\r\n document.getElementById(errorId).style.display = 'none';\r\n }\r\n\r\n function validateForm(formType = 'desktop') {\r\n let isValid = true;\r\n const prefix = formType === 'mobile' ? 'm-' : 'd-';\r\n\r\n const email = document.getElementById(`${prefix}email`).value.trim();\r\n if (!validateEmail(email)) {\r\n showError(`${prefix}email`, `${prefix}email-error`, 'Please enter a valid email address');\r\n isValid = false;\r\n } else {\r\n hideError(`${prefix}email`, `${prefix}email-error`);\r\n }\r\n\r\n const phone = document.getElementById(`${prefix}phone`).value.trim();\r\n if (!validatePhone(phone)) {\r\n showError(`${prefix}phone`, `${prefix}phone-error`, 'Please enter a valid phone number (min. 10 digits)');\r\n isValid = false;\r\n } else {\r\n hideError(`${prefix}phone`, `${prefix}phone-error`);\r\n }\r\n\r\n const requiredFields = [\r\n { id: `${prefix}start`, errorId: `${prefix}start-error`, message: 'Please choose a start date' },\r\n { id: `${prefix}end`, errorId: `${prefix}end-error`, message: 'Please choose an end date' },\r\n { id: `${prefix}people`, errorId: `${prefix}people-error`, message: 'Please enter number of participants' },\r\n { id: `${prefix}first`, errorId: `${prefix}first-error`, message: 'Please enter your first name' },\r\n { id: `${prefix}last`, errorId: `${prefix}last-error`, message: 'Please enter your last name' }\r\n ];\r\n\r\n requiredFields.forEach(field => {\r\n const value = document.getElementById(field.id).value.trim();\r\n if (!value) {\r\n showError(field.id, field.errorId, field.message);\r\n isValid = false;\r\n } else {\r\n hideError(field.id, field.errorId);\r\n }\r\n });\r\n\r\n return isValid;\r\n }\r\n\r\n \/\/ Scroll to form functionality\r\n const scrollToFormBtn = document.getElementById('scroll-to-form-btn');\r\n const mobileFormSection = document.getElementById('mobile-booking-form-section');\r\n \r\n if (scrollToFormBtn && mobileFormSection) {\r\n scrollToFormBtn.addEventListener('click', () => {\r\n mobileFormSection.scrollIntoView({ \r\n behavior: 'smooth',\r\n block: 'start'\r\n });\r\n });\r\n }\r\n\r\n \/\/ === EMAILJS SEND HELPERS ===\r\n async function sendEmailJS(formType = 'desktop') {\r\n const prefix = formType === 'mobile' ? 'm-' : 'd-';\r\n\r\n const pax = parseInt(document.getElementById(`${prefix}people`).value || '2', 10);\r\n\r\n const formData = {\r\n tour_date: document.getElementById(`${prefix}start`).value,\r\n tour_end_date: document.getElementById(`${prefix}end`).value,\r\n participants: pax,\r\n first_name: document.getElementById(`${prefix}first`).value,\r\n last_name: document.getElementById(`${prefix}last`).value,\r\n email: document.getElementById(`${prefix}email`).value,\r\n phone: document.getElementById(`${prefix}phone`).value,\r\n special_requests: document.getElementById(`${prefix}notes`).value,\r\n tour_name: '7-Day Trekking Jbel Saghrou - Kouaouch Summit',\r\n total_price: 'On Request'\r\n };\r\n\r\n console.log('Sending to EmailJS:', formData);\r\n\r\n \/\/ EmailJS v4 send (uses global init)\r\n return emailjs.send(\r\n EMAILJS_SERVICE_ID,\r\n EMAILJS_TEMPLATE_ID,\r\n formData\r\n );\r\n }\r\n\r\n \/\/ NEW: Thank You overlay logic\r\n const TY = document.getElementById('thankyou');\r\n const TY_CLOSE = document.getElementById('ty-close');\r\n\r\n function showThankYou() {\r\n if (TY) {\r\n TY.style.display = 'block';\r\n document.body.style.overflow = 'hidden';\r\n }\r\n }\r\n\r\n function hideThankYou() {\r\n if (TY) {\r\n TY.style.display = 'none';\r\n document.body.style.overflow = '';\r\n }\r\n }\r\n\r\n if (TY_CLOSE) {\r\n TY_CLOSE.addEventListener('click', hideThankYou);\r\n }\r\n\r\n if (TY) {\r\n TY.addEventListener('click', (e) => {\r\n if (e.target === TY) {\r\n hideThankYou();\r\n }\r\n });\r\n }\r\n\r\n document.addEventListener('keydown', (e) => {\r\n if (e.key === 'Escape' && TY && TY.style.display === 'block') {\r\n hideThankYou();\r\n }\r\n });\r\n\r\n \/\/ Mobile form submission\r\n const mobileForm = document.getElementById('mobile-booking-form');\r\n const mobileSubmitBtn = document.getElementById('mobile-submit');\r\n \r\n if (mobileForm) {\r\n mobileForm.addEventListener('submit', async (e) => {\r\n e.preventDefault();\r\n \r\n if (!validateForm('mobile')) {\r\n showToast('Please correct the errors in the form', 'error');\r\n return;\r\n }\r\n \r\n mobileSubmitBtn.disabled = true;\r\n mobileSubmitBtn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Sending...';\r\n \r\n try {\r\n const result = await sendEmailJS('mobile');\r\n console.log('EmailJS SUCCESS (mobile):', result);\r\n showThankYou();\r\n mobileForm.reset();\r\n showToast('Your booking request has been submitted successfully!', 'success');\r\n } catch (err) { \r\n console.error('EmailJS Error (mobile):', err);\r\n showToast('Sorry, an error occurred: ' + (err.text || 'Please check your EmailJS keys\/domain.'), 'error'); \r\n } finally {\r\n mobileSubmitBtn.disabled = false;\r\n mobileSubmitBtn.innerHTML = '<i class=\"fa-solid fa-paper-plane\"><\/i> Book Now';\r\n }\r\n });\r\n }\r\n\r\n \/\/ Desktop form submission\r\n const desktopForm = document.getElementById('desktop-form');\r\n const desktopSubmitBtn = document.getElementById('d-submit');\r\n \r\n if (desktopForm) {\r\n desktopForm.addEventListener('submit', async (e) => {\r\n e.preventDefault();\r\n \r\n if (!validateForm('desktop')) {\r\n showToast('Please correct the errors in the form', 'error');\r\n return;\r\n }\r\n \r\n desktopSubmitBtn.disabled = true;\r\n desktopSubmitBtn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Sending...';\r\n \r\n try {\r\n const result = await sendEmailJS('desktop');\r\n console.log('EmailJS SUCCESS (desktop):', result);\r\n showThankYou();\r\n desktopForm.reset();\r\n showToast('Your booking request has been submitted successfully!', 'success');\r\n } catch (err) { \r\n console.error('EmailJS Error (desktop):', err);\r\n showToast('Sorry, an error occurred: ' + (err.text || 'Please check your EmailJS keys\/domain.'), 'error'); \r\n } finally {\r\n desktopSubmitBtn.disabled = false;\r\n desktopSubmitBtn.innerHTML = '<i class=\"fa-solid fa-paper-plane\"><\/i> Book Now';\r\n }\r\n });\r\n }\r\n\r\n \/\/ Set minimum date to tomorrow\r\n (function() {\r\n const d = new Date();\r\n d.setDate(d.getDate() + 1);\r\n const min = `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;\r\n \r\n ['d-start', 'm-start', 'd-end', 'm-end'].forEach(id => {\r\n const el = document.getElementById(id);\r\n if (el) el.min = min;\r\n });\r\n })();\r\n\r\n \/\/ Real-time validation\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const emailInput = document.getElementById('d-email');\r\n const phoneInput = document.getElementById('d-phone');\r\n if (emailInput) {\r\n emailInput.addEventListener('blur', function() {\r\n if (this.value.trim() && !validateEmail(this.value.trim())) {\r\n showError('d-email', 'd-email-error', 'Please enter a valid email address');\r\n } else {\r\n hideError('d-email', 'd-email-error');\r\n }\r\n });\r\n }\r\n if (phoneInput) {\r\n phoneInput.addEventListener('blur', function() {\r\n if (this.value.trim() && !validatePhone(this.value.trim())) {\r\n showError('d-phone', 'd-phone-error', 'Please enter a valid phone number (min. 10 digits)');\r\n } else {\r\n hideError('d-phone', 'd-phone-error');\r\n }\r\n });\r\n }\r\n\r\n const mEmailInput = document.getElementById('m-email');\r\n const mPhoneInput = document.getElementById('m-phone');\r\n if (mEmailInput) {\r\n mEmailInput.addEventListener('blur', function() {\r\n if (this.value.trim() && !validateEmail(this.value.trim())) {\r\n showError('m-email', 'm-email-error', 'Please enter a valid email address');\r\n } else {\r\n hideError('m-email', 'm-email-error');\r\n }\r\n });\r\n }\r\n if (mPhoneInput) {\r\n mPhoneInput.addEventListener('blur', function() {\r\n if (this.value.trim() && !validatePhone(this.value.trim())) {\r\n showError('m-phone', 'm-phone-error', 'Please enter a valid phone number (min. 10 digits)');\r\n } else {\r\n hideError('m-phone', 'm-phone-error');\r\n }\r\n });\r\n }\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>7-Day Trekking Jbel Saghrou | Saghro Mountains Trek | Morocco Trekking … <\/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-369","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\/369","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=369"}],"version-history":[{"count":8,"href":"https:\/\/marrakechtrekking.com\/fr\/wp-json\/wp\/v2\/pages\/369\/revisions"}],"predecessor-version":[{"id":1067,"href":"https:\/\/marrakechtrekking.com\/fr\/wp-json\/wp\/v2\/pages\/369\/revisions\/1067"}],"wp:attachment":[{"href":"https:\/\/marrakechtrekking.com\/fr\/wp-json\/wp\/v2\/media?parent=369"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}