{"id":501,"date":"2025-12-08T16:13:36","date_gmt":"2025-12-08T16:13:36","guid":{"rendered":"https:\/\/moroccotravelsaharacamp.com\/?page_id=501"},"modified":"2025-12-08T18:27:53","modified_gmt":"2025-12-08T18:27:53","slug":"agafay-desert-day-trip","status":"publish","type":"page","link":"https:\/\/moroccotravelsaharacamp.com\/de\/agafay-desert-day-trip\/","title":{"rendered":"Agafay W\u00fcste Tagesausflug"},"content":{"rendered":"
\n\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 Agafay Desert Day Trip | Day Trip from Marrakech to Stone Desert<\/title>\r\n <meta name=\"description\" content=\"Book an Agafay Desert day trip from Marrakech. Experience the stone desert, camel ride, traditional lunch, and sunset views without the long drive to Sahara.\">\r\n <meta name=\"keywords\" content=\"Agafay Desert day trip, day trip from Marrakech, stone desert Morocco, camel ride Marrakech, desert experience, Agafay Desert tour, Marrakech desert trip\">\r\n \r\n <!-- Fonts & Icons -->\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n \r\n <style>\r\n \/* CSS RESET FOR OUR COMPONENT ONLY *\/\r\n #marrakech-desert-tour-wrapper * {\r\n box-sizing: border-box !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper {\r\n --primary-bg: #ffffff !important;\r\n --card-bg: #ffffff !important;\r\n --accent-color: #BF1A1A !important;\r\n --accent-color-2: #FF6C0C !important;\r\n --accent-light: #ffe4d6 !important;\r\n --accent-dark: #a31616 !important;\r\n --accent-gradient: linear-gradient(135deg, #BF1A1A, #FF6C0C) !important;\r\n --text-primary: #1a1a1a !important;\r\n --text-secondary: #555555 !important;\r\n --border-color: rgba(191, 26, 26, 0.15) !important;\r\n --radius-large: 16px !important;\r\n --radius-medium: 12px !important;\r\n --shadow-large: 0 10px 30px rgba(191, 26, 26, 0.15) !important;\r\n --shadow-small: 0 5px 15px rgba(191, 26, 26, 0.1) !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 #marrakech-desert-tour-wrapper .container {\r\n max-width: 1300px !important;\r\n margin: 0 auto !important;\r\n padding: 20px 18px 60px !important;\r\n }\r\n\r\n \/* Hero Section *\/\r\n #marrakech-desert-tour-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 #marrakech-desert-tour-wrapper .hero-section {\r\n grid-template-columns: 1fr !important;\r\n }\r\n }\r\n\r\n #marrakech-desert-tour-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: linear-gradient(135deg, #fff8f3 0%, #ffffff 100%) !important;\r\n box-shadow: var(--shadow-large) !important;\r\n overflow: hidden !important;\r\n border: 1px solid rgba(255, 108, 12, 0.1) !important;\r\n }\r\n\r\n #marrakech-desert-tour-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(255, 108, 12, 0.15), 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 #marrakech-desert-tour-wrapper .route-badge {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 8px !important;\r\n padding: 6px 14px !important;\r\n border-radius: 999px !important;\r\n background: linear-gradient(135deg, #BF1A1A, #FF6C0C) !important;\r\n color: #ffffff !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: 12px !important;\r\n position: relative !important;\r\n z-index: 1 !important;\r\n font-weight: 600 !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .hero-content h1 {\r\n margin: 0 0 10px !important;\r\n font-size: 30px !important;\r\n font-weight: 800 !important;\r\n letter-spacing: -0.02em !important;\r\n position: relative !important;\r\n z-index: 1 !important;\r\n line-height: 1.2 !important;\r\n color: #1a1a1a !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .hero-description {\r\n margin: 0 0 18px !important;\r\n color: var(--text-secondary) !important;\r\n font-size: 1.05rem !important;\r\n max-width: 38rem !important;\r\n position: relative !important;\r\n z-index: 1 !important;\r\n line-height: 1.7 !important;\r\n }\r\n\r\n .keyword-highlight {\r\n font-weight: 700 !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .transfer-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 #marrakech-desert-tour-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: 8px 14px !important;\r\n border-radius: 999px !important;\r\n background: rgba(191, 26, 26, 0.08) !important;\r\n color: #BF1A1A !important;\r\n border: 1px solid rgba(191, 26, 26, 0.2) !important;\r\n font-weight: 500 !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .detail-pill i {\r\n color: #FF6C0C !important;\r\n }\r\n\r\n \/* Gallery Section *\/\r\n #marrakech-desert-tour-wrapper .gallery-section {\r\n display: grid !important;\r\n gap: 10px !important;\r\n }\r\n\r\n #marrakech-desert-tour-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 #marrakech-desert-tour-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 #marrakech-desert-tour-wrapper .gallery-overlay {\r\n position: absolute !important;\r\n inset: 0 !important;\r\n background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent 55%) !important;\r\n pointer-events: none !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .gallery-caption {\r\n position: absolute !important;\r\n left: 14px !important;\r\n bottom: 14px !important;\r\n padding: 8px 14px !important;\r\n border-radius: 999px !important;\r\n font-size: 0.8rem !important;\r\n background: linear-gradient(135deg, #BF1A1A, #FF6C0C) !important;\r\n color: #ffffff !important;\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 7px !important;\r\n font-weight: 500 !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .thumbnail-grid {\r\n display: grid !important;\r\n grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\r\n gap: 8px !important;\r\n margin-top: 8px !important;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n #marrakech-desert-tour-wrapper .thumbnail-grid {\r\n grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\r\n }\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .thumbnail {\r\n border-radius: 12px !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: 90px !important;\r\n }\r\n\r\n #marrakech-desert-tour-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.3s !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .thumbnail:hover img {\r\n transform: scale(1.08) !important;\r\n }\r\n\r\n #marrakech-desert-tour-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(191, 26, 26, 0.3), transparent 75%) !important;\r\n opacity: 0 !important;\r\n transition: opacity 0.3s !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .thumbnail:hover::after {\r\n opacity: 1 !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .thumbnail.active {\r\n border-color: var(--accent-color) !important;\r\n box-shadow: 0 0 0 2px rgba(255, 108, 12, 0.3) !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .info-cards {\r\n display: flex !important;\r\n gap: 10px !important;\r\n margin-top: 12px !important;\r\n flex-wrap: wrap !important;\r\n }\r\n\r\n #marrakech-desert-tour-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: 14px 16px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 12px !important;\r\n box-shadow: var(--shadow-small) !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .info-icon {\r\n width: 40px !important;\r\n height: 40px !important;\r\n border-radius: 999px !important;\r\n display: grid !important;\r\n place-items: center !important;\r\n background: linear-gradient(135deg, #BF1A1A, #FF6C0C) !important;\r\n color: #ffffff !important;\r\n font-size: 1rem !important;\r\n }\r\n\r\n #marrakech-desert-tour-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 #marrakech-desert-tour-wrapper .info-text strong {\r\n font-size: 1rem !important;\r\n color: var(--text-primary) !important;\r\n }\r\n\r\n \/* Main Layout *\/\r\n #marrakech-desert-tour-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 #marrakech-desert-tour-wrapper .main-layout {\r\n grid-template-columns: 1fr !important;\r\n }\r\n }\r\n\r\n #marrakech-desert-tour-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: 24px 24px 22px !important;\r\n margin-bottom: 20px !important;\r\n box-shadow: var(--shadow-small) !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .section-header {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 12px !important;\r\n margin-bottom: 16px !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .section-header i {\r\n width: 32px !important;\r\n height: 32px !important;\r\n border-radius: 999px !important;\r\n display: grid !important;\r\n place-items: center !important;\r\n background: linear-gradient(135deg, #BF1A1A, #FF6C0C) !important;\r\n color: #ffffff !important;\r\n font-size: 1rem !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .section-header h2 {\r\n margin: 0 !important;\r\n font-size: 1.2rem !important;\r\n letter-spacing: 0.02em !important;\r\n text-transform: uppercase !important;\r\n color: var(--text-primary) !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .section-header small {\r\n display: block !important;\r\n font-size: 0.8rem !important;\r\n color: var(--text-secondary) !important;\r\n margin-top: 2px !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .highlight-box {\r\n padding: 16px 18px !important;\r\n border-radius: 12px !important;\r\n background: linear-gradient(135deg, #fff8f3 0%, #ffe4d6 100%) !important;\r\n border: 1px solid rgba(255, 108, 12, 0.2) !important;\r\n font-size: 1rem !important;\r\n margin-bottom: 16px !important;\r\n line-height: 1.7 !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .highlight-box strong {\r\n color: #BF1A1A !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .content-section p {\r\n color: var(--text-secondary) !important;\r\n font-size: 1rem !important;\r\n margin: 0 0 12px !important;\r\n line-height: 1.7 !important;\r\n }\r\n\r\n \/* Feature Grid - Mobile: 1 item per line *\/\r\n #marrakech-desert-tour-wrapper .feature-grid {\r\n display: grid !important;\r\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n gap: 12px !important;\r\n margin-top: 16px !important;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n #marrakech-desert-tour-wrapper .feature-grid {\r\n grid-template-columns: 1fr !important;\r\n }\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .feature-card {\r\n border-radius: var(--radius-medium) !important;\r\n background: #f9f9f9 !important;\r\n border: 1px solid var(--border-color) !important;\r\n padding: 14px 16px !important;\r\n font-size: 0.95rem !important;\r\n display: flex !important;\r\n align-items: flex-start !important;\r\n gap: 10px !important;\r\n transition: all 0.3s !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .feature-card:hover {\r\n transform: translateY(-2px) !important;\r\n box-shadow: var(--shadow-small) !important;\r\n border-color: #FF6C0C !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .feature-card i {\r\n color: #FF6C0C !important;\r\n margin-top: 4px !important;\r\n font-size: 1rem !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .feature-card strong {\r\n display: block !important;\r\n font-size: 0.95rem !important;\r\n color: var(--text-primary) !important;\r\n margin-bottom: 4px !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .feature-card div {\r\n color: var(--text-secondary) !important;\r\n font-size: 0.9rem !important;\r\n }\r\n\r\n \/* Itinerary *\/\r\n #marrakech-desert-tour-wrapper .itinerary-step {\r\n display: grid !important;\r\n grid-template-columns: 180px minmax(0, 1fr) !important;\r\n gap: 16px !important;\r\n padding: 18px 0 !important;\r\n border-bottom: 1px solid var(--border-color) !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .itinerary-step:last-child {\r\n border-bottom: none !important;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n #marrakech-desert-tour-wrapper .itinerary-step {\r\n grid-template-columns: 1fr !important;\r\n gap: 8px !important;\r\n padding: 16px 0 !important;\r\n }\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .step-label {\r\n font-size: 0.9rem !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: 0.12em !important;\r\n font-weight: 700 !important;\r\n color: #BF1A1A !important;\r\n background: rgba(191, 26, 26, 0.08) !important;\r\n padding: 6px 12px !important;\r\n border-radius: 6px !important;\r\n display: inline-block !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .step-content h3 {\r\n margin: 0 0 8px !important;\r\n font-size: 1.1rem !important;\r\n color: var(--text-primary) !important;\r\n font-weight: 600 !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .step-content p {\r\n margin: 0 !important;\r\n color: var(--text-secondary) !important;\r\n font-size: 0.98rem !important;\r\n line-height: 1.7 !important;\r\n }\r\n\r\n \/* Tour Highlights Section (Separate from Itinerary) *\/\r\n #marrakech-desert-tour-wrapper .highlights-grid {\r\n display: grid !important;\r\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n gap: 16px !important;\r\n margin-top: 16px !important;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n #marrakech-desert-tour-wrapper .highlights-grid {\r\n grid-template-columns: 1fr !important;\r\n }\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .highlight-item {\r\n background: #f9f9f9 !important;\r\n border-radius: var(--radius-medium) !important;\r\n padding: 18px 20px !important;\r\n border: 1px solid var(--border-color) !important;\r\n display: flex !important;\r\n align-items: flex-start !important;\r\n gap: 12px !important;\r\n transition: all 0.3s !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .highlight-item:hover {\r\n transform: translateY(-3px) !important;\r\n box-shadow: var(--shadow-small) !important;\r\n border-color: #FF6C0C !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .highlight-icon {\r\n width: 40px !important;\r\n height: 40px !important;\r\n border-radius: 999px !important;\r\n display: grid !important;\r\n place-items: center !important;\r\n background: linear-gradient(135deg, #BF1A1A, #FF6C0C) !important;\r\n color: #ffffff !important;\r\n font-size: 1rem !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .highlight-text h4 {\r\n margin: 0 0 6px !important;\r\n font-size: 1rem !important;\r\n color: var(--text-primary) !important;\r\n font-weight: 700 !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .highlight-text p {\r\n margin: 0 !important;\r\n color: var(--text-secondary) !important;\r\n font-size: 0.95rem !important;\r\n line-height: 1.6 !important;\r\n }\r\n\r\n \/* Inclusions - Mobile Optimized *\/\r\n #marrakech-desert-tour-wrapper .two-column {\r\n display: grid !important;\r\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n gap: 24px !important;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n #marrakech-desert-tour-wrapper .two-column {\r\n grid-template-columns: 1fr !important;\r\n gap: 30px !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .inclusion-column {\r\n background: #f9f9f9 !important;\r\n border-radius: var(--radius-medium) !important;\r\n padding: 20px !important;\r\n border: 1px solid var(--border-color) !important;\r\n box-shadow: var(--shadow-small) !important;\r\n }\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .list-title {\r\n font-size: 1.1rem !important;\r\n font-weight: 700 !important;\r\n margin-bottom: 12px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 8px !important;\r\n color: var(--text-primary) !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .list-title i {\r\n background: none !important;\r\n width: auto !important;\r\n height: auto !important;\r\n color: #BF1A1A !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .bullet-list {\r\n list-style: none !important;\r\n padding: 0 !important;\r\n margin: 0 !important;\r\n font-size: 1rem !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .bullet-list li {\r\n display: flex !important;\r\n gap: 10px !important;\r\n margin-bottom: 10px !important;\r\n color: var(--text-secondary) !important;\r\n align-items: flex-start !important;\r\n line-height: 1.6 !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .bullet-list li i {\r\n margin-top: 3px !important;\r\n font-size: 0.9rem !important;\r\n min-width: 16px !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .bullet-list.included li i {\r\n color: #BF1A1A !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .bullet-list.excluded li i {\r\n color: #dc2626 !important;\r\n }\r\n\r\n \/* FAQ *\/\r\n #marrakech-desert-tour-wrapper .faq-item {\r\n border-radius: var(--radius-medium) !important;\r\n border: 1px solid var(--border-color) !important;\r\n margin-bottom: 12px !important;\r\n background: #f9f9f9 !important;\r\n overflow: hidden !important;\r\n transition: all 0.3s !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .faq-item:hover {\r\n border-color: #FF6C0C !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .faq-question {\r\n padding: 16px 20px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: space-between !important;\r\n gap: 16px !important;\r\n cursor: pointer !important;\r\n background: #ffffff !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .faq-question span {\r\n font-size: 1rem !important;\r\n font-weight: 600 !important;\r\n color: var(--text-primary) !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .faq-question i {\r\n color: #FF6C0C !important;\r\n transition: transform 0.3s !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .faq-item.open .faq-question i {\r\n transform: rotate(180deg) !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .faq-answer {\r\n max-height: 0 !important;\r\n overflow: hidden !important;\r\n padding: 0 20px !important;\r\n font-size: 0.95rem !important;\r\n color: var(--text-secondary) !important;\r\n transition: max-height 0.3s ease, padding 0.3s ease !important;\r\n background: #ffffff !important;\r\n line-height: 1.7 !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .faq-item.open .faq-answer {\r\n padding: 0 20px 20px !important;\r\n max-height: 300px !important;\r\n }\r\n\r\n \/* Sidebar - Fixed Form Only *\/\r\n #marrakech-desert-tour-wrapper .sidebar {\r\n position: sticky !important;\r\n top: 20px !important;\r\n align-self: flex-start !important;\r\n }\r\n\r\n #marrakech-desert-tour-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: 24px !important;\r\n box-shadow: var(--shadow-small) !important;\r\n position: sticky !important;\r\n top: 20px !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .booking-form h3 {\r\n margin: 0 0 8px !important;\r\n font-size: 1.2rem !important;\r\n color: var(--text-primary) !important;\r\n font-weight: 700 !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .booking-form p {\r\n margin: 0 0 20px !important;\r\n font-size: 0.95rem !important;\r\n color: var(--text-secondary) !important;\r\n line-height: 1.6 !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .form-group {\r\n margin-bottom: 16px !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .form-row {\r\n display: grid !important;\r\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n gap: 16px !important;\r\n }\r\n\r\n \/* Updated form layout for mobile *\/\r\n @media (max-width: 768px) {\r\n #marrakech-desert-tour-wrapper .sidebar {\r\n position: static !important;\r\n top: auto !important;\r\n margin-top: 16px !important;\r\n }\r\n #marrakech-desert-tour-wrapper .booking-form {\r\n position: static !important;\r\n top: auto !important;\r\n }\r\n #marrakech-desert-tour-wrapper .form-row {\r\n grid-template-columns: 1fr !important;\r\n gap: 12px !important;\r\n }\r\n \/* Mobile form adjustments *\/\r\n #marrakech-desert-tour-wrapper .full-width-input {\r\n grid-column: 1 \/ -1 !important;\r\n }\r\n }\r\n\r\n #marrakech-desert-tour-wrapper label {\r\n display: block !important;\r\n font-size: 0.9rem !important;\r\n font-weight: 600 !important;\r\n margin-bottom: 6px !important;\r\n color: var(--text-primary) !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .form-input,\r\n #marrakech-desert-tour-wrapper textarea {\r\n width: 100% !important;\r\n border-radius: 8px !important;\r\n border: 1px solid #ddd !important;\r\n padding: 12px 14px !important;\r\n font: inherit !important;\r\n font-size: 0.95rem !important;\r\n background: #ffffff !important;\r\n outline: none !important;\r\n transition: all 0.3s !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .form-input:focus,\r\n #marrakech-desert-tour-wrapper textarea:focus {\r\n border-color: #FF6C0C !important;\r\n box-shadow: 0 0 0 3px rgba(255, 108, 12, 0.1) !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .form-input.error,\r\n #marrakech-desert-tour-wrapper textarea.error {\r\n border-color: #dc2626 !important;\r\n background: #fef2f2 !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .error-message {\r\n display: none !important;\r\n font-size: 0.85rem !important;\r\n color: #dc2626 !important;\r\n margin-top: 4px !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .btn-primary {\r\n width: 100% !important;\r\n border-radius: 999px !important;\r\n border: none !important;\r\n padding: 14px !important;\r\n background: linear-gradient(135deg, #BF1A1A, #FF6C0C) !important;\r\n color: #ffffff !important;\r\n font-weight: 700 !important;\r\n font-size: 1rem !important;\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n gap: 8px !important;\r\n cursor: pointer !important;\r\n box-shadow: 0 4px 15px rgba(191, 26, 26, 0.3) !important;\r\n transition: all 0.3s !important;\r\n margin-top: 8px !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .btn-primary:hover {\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 6px 20px rgba(191, 26, 26, 0.4) !important;\r\n }\r\n\r\n #marrakech-desert-tour-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 #marrakech-desert-tour-wrapper .btn-primary i {\r\n font-size: 1rem !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .form-note {\r\n font-size: 0.85rem !important;\r\n color: var(--text-secondary) !important;\r\n margin-top: 12px !important;\r\n text-align: center !important;\r\n line-height: 1.5 !important;\r\n }\r\n\r\n \/* Toast *\/\r\n #marrakech-desert-tour-wrapper .toast {\r\n position: fixed !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n bottom: 20px !important;\r\n padding: 12px 20px !important;\r\n border-radius: 999px !important;\r\n background: linear-gradient(135deg, #BF1A1A, #FF6C0C) !important;\r\n color: #ffffff !important;\r\n font-size: 0.9rem !important;\r\n box-shadow: var(--shadow-large) !important;\r\n display: none !important;\r\n z-index: 1050 !important;\r\n font-weight: 500 !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .toast.show {\r\n display: block !important;\r\n }\r\n\r\n \/* Thank You Overlay *\/\r\n #marrakech-desert-tour-wrapper .thankyou-overlay {\r\n display: none;\r\n position: fixed !important;\r\n inset: 0 !important;\r\n background: rgba(26, 26, 26, 0.8) !important;\r\n z-index: 1200 !important;\r\n backdrop-filter: blur(8px) !important;\r\n padding: 20px !important;\r\n box-sizing: border-box !important;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .thankyou-card {\r\n background: #ffffff !important;\r\n border-radius: var(--radius-large) !important;\r\n padding: 32px 28px 28px !important;\r\n max-width: 420px !important;\r\n width: 100% !important;\r\n text-align: center !important;\r\n box-shadow: 0 20px 60px rgba(26, 26, 26, 0.3) !important;\r\n border: 1px solid var(--border-color) !important;\r\n position: relative !important;\r\n animation: thankYouPopIn 0.3s ease-out !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .thankyou-close {\r\n position: absolute !important;\r\n top: 16px !important;\r\n right: 16px !important;\r\n width: 32px !important;\r\n height: 32px !important;\r\n border-radius: 999px !important;\r\n border: none !important;\r\n background: #f9f9f9 !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n cursor: pointer !important;\r\n color: var(--text-secondary) !important;\r\n font-size: 1rem !important;\r\n transition: all 0.3s !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .thankyou-close:hover {\r\n background: #f0f0f0 !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .thankyou-icon {\r\n margin-bottom: 16px !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .thankyou-icon .circle {\r\n width: 80px !important;\r\n height: 80px !important;\r\n border-radius: 999px !important;\r\n margin: 0 auto !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n background: linear-gradient(135deg, #22c55e, #16a34a) !important;\r\n box-shadow: 0 8px 25px rgba(34, 197, 94, 0.4) !important;\r\n color: #ffffff !important;\r\n font-size: 2rem !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .thankyou-title {\r\n font-size: 1.4rem !important;\r\n font-weight: 700 !important;\r\n margin-bottom: 12px !important;\r\n color: var(--text-primary) !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .thankyou-text {\r\n font-size: 1rem !important;\r\n color: var(--text-secondary) !important;\r\n margin-bottom: 8px !important;\r\n line-height: 1.6 !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .thankyou-subtext {\r\n font-size: 0.9rem !important;\r\n color: var(--text-secondary) !important;\r\n line-height: 1.6 !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .thankyou-actions {\r\n margin-top: 24px !important;\r\n display: flex !important;\r\n justify-content: center !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .thankyou-actions button {\r\n border-radius: 999px !important;\r\n border: none !important;\r\n padding: 12px 28px !important;\r\n font-size: 1rem !important;\r\n font-weight: 600 !important;\r\n cursor: pointer !important;\r\n background: linear-gradient(135deg, #BF1A1A, #FF6C0C) !important;\r\n color: #ffffff !important;\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 8px !important;\r\n box-shadow: var(--shadow-small) !important;\r\n transition: all 0.3s !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .thankyou-actions button:hover {\r\n transform: translateY(-2px) !important;\r\n }\r\n\r\n @keyframes thankYouPopIn {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(20px) scale(0.95);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateY(0) scale(1);\r\n }\r\n }\r\n\r\n \/* Wikipedia link styling *\/\r\n #marrakech-desert-tour-wrapper .wiki-link {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n color: var(--accent-color);\r\n text-decoration: none;\r\n font-weight: 500;\r\n margin-top: 10px;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .wiki-link:hover {\r\n text-decoration: underline;\r\n }\r\n\r\n \/* Mobile Optimization *\/\r\n @media (max-width: 768px) {\r\n #marrakech-desert-tour-wrapper .container {\r\n padding: 15px 12px 60px !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .hero-section {\r\n margin-bottom: 20px !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .gallery-section {\r\n order: 1 !important;\r\n margin-bottom: 16px !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .hero-content {\r\n padding: 20px 18px !important;\r\n order: 2 !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .main-gallery {\r\n height: 280px !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .thumbnail-grid {\r\n grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .thumbnail {\r\n min-height: 80px !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .transfer-details {\r\n display: grid !important;\r\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n gap: 8px !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .detail-pill {\r\n width: 100% !important;\r\n justify-content: center !important;\r\n text-align: center !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .content-section {\r\n padding: 20px 18px !important;\r\n margin-bottom: 16px !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .highlight-box {\r\n padding: 14px 16px !important;\r\n font-size: 0.95rem !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .info-cards {\r\n flex-direction: column !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .info-card {\r\n width: 100% !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .bullet-list.included {\r\n display: grid !important;\r\n grid-template-columns: 1fr !important;\r\n gap: 12px !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .bullet-list.included li {\r\n background: #f9f9f9 !important;\r\n padding: 14px !important;\r\n border-radius: var(--radius-medium) !important;\r\n border: 1px solid var(--border-color) !important;\r\n margin-bottom: 0 !important;\r\n align-items: flex-start !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .bullet-list.included li i {\r\n margin-top: 2px !important;\r\n font-size: 1rem !important;\r\n min-width: 20px !important;\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n #marrakech-desert-tour-wrapper .container {\r\n padding: 12px 10px 60px !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .hero-content {\r\n padding: 18px 16px !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .main-gallery {\r\n height: 240px !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .thumbnail-grid {\r\n grid-template-columns: repeat(4, 1fr) !important;\r\n gap: 6px !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .thumbnail {\r\n min-height: 70px !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .content-section {\r\n padding: 18px 16px !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .bullet-list.included li {\r\n padding: 12px !important;\r\n font-size: 0.95rem !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .hero-content h1 {\r\n font-size: 24px !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .hero-description {\r\n font-size: 1rem !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .transfer-details {\r\n grid-template-columns: 1fr !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div id=\"marrakech-desert-tour-wrapper\">\r\n <div class=\"container\">\r\n <!-- Hero Section -->\r\n <header class=\"hero-section\">\r\n <!-- Gallery -->\r\n <div class=\"gallery-section\">\r\n <div class=\"main-gallery\">\r\n <img decoding=\"async\"\r\n id=\"main-gallery-img\"\r\n src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/Nomadic-Tents-in-the-Stone-Desert.jpg\"\r\n alt=\"Agafay Desert Day Trip from Marrakech\"\r\n \/>\r\n <div class=\"gallery-overlay\"><\/div>\r\n <div class=\"gallery-caption\">\r\n <i class=\"fa-solid fa-sun\"><\/i> Day Trip from Marrakech\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=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/Nomadic-Tents-in-the-Stone-Desert.jpg\"\r\n >\r\n <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/Nomadic-Tents-in-the-Stone-Desert.jpg\" alt=\"Agafay Desert Tents\" \/>\r\n <\/button>\r\n <button\r\n class=\"thumbnail\"\r\n data-src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/DAY-PASS.jpg\"\r\n >\r\n <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/DAY-PASS.jpg\" alt=\"Agafay Desert Day Pass\" \/>\r\n <\/button>\r\n <button\r\n class=\"thumbnail\"\r\n data-src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/agafay-picnic.webp\"\r\n >\r\n <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/agafay-picnic.webp\" alt=\"Agafay Desert Picnic\" \/>\r\n <\/button>\r\n <button\r\n class=\"thumbnail\"\r\n data-src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/07-1.jpg\"\r\n >\r\n <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/07-1.jpg\" alt=\"Agafay Desert Activities\" \/>\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-clock\"><\/i><\/div>\r\n <div class=\"info-text\">\r\n <span>Duration<\/span>\r\n <strong>Full Day (6-8 hours)<\/strong>\r\n <\/div>\r\n <\/div>\r\n <div class=\"info-card\">\r\n <div class=\"info-icon\"><i class=\"fa-solid fa-car\"><\/i><\/div>\r\n <div class=\"info-text\">\r\n <span>Departure<\/span>\r\n <strong>From Marrakech Hotels<\/strong>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Hero Text -->\r\n <div class=\"hero-content\">\r\n <div class=\"route-badge\">\r\n <i class=\"fa-solid fa-map-marked-alt\"><\/i>\r\n <span>Day Trip from Marrakech<\/span>\r\n <\/div>\r\n <h1>Agafay W\u00fcste Tagesausflug<\/h1>\r\n <p class=\"hero-description\">\r\n Experience the magical <span class=\"keyword-highlight\">Agafay Desert<\/span> on a day trip from <span class=\"keyword-highlight\">Marrakech<\/span>. Discover the stunning \"stone desert\" landscape, enjoy a <span class=\"keyword-highlight\">camel ride<\/span>, savor a traditional <span class=\"keyword-highlight\">Moroccan lunch<\/span>, and witness a breathtaking <span class=\"keyword-highlight\">sunset<\/span> over the desert without the long drive to the Sahara.\r\n <\/p>\r\n <div class=\"transfer-details\">\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-camel\"><\/i> Kamelritt inbegriffen<\/div>\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-utensils\"><\/i> Traditional Lunch<\/div>\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-mountain-sun\"><\/i> Ansichten bei Sonnenuntergang<\/div>\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-person-hiking\"><\/i> Desert Exploration<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <!-- Main Content -->\r\n <main class=\"main-layout\">\r\n <!-- Left Column -->\r\n <article>\r\n <!-- Overview -->\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>Agafay Desert Day Trip Overview<\/h2>\r\n <small>Experience Morocco's Stone Desert Near Marrakech<\/small>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-box\">\r\n <strong>Just 45 minutes from Marrakech lies the breathtaking <span class=\"keyword-highlight\">Agafay Desert<\/span> - a dramatic landscape of rocky plains, rolling hills, and arid beauty. Unlike the sandy Sahara, Agafay is a \"stone desert\" offering a unique desert experience with stunning views of the <span class=\"keyword-highlight\">Atlas Mountains<\/span>. Perfect for those with limited time who want to experience desert magic without the long journey to Merzouga.<\/strong>\r\n <\/div>\r\n <p>\r\n The <span class=\"keyword-highlight\">Agafay Desert day trip<\/span> offers a complete desert experience in just one day. You'll escape the hustle of Marrakech and immerse yourself in the tranquility of the desert, enjoying traditional Berber hospitality, camel rides, and authentic Moroccan cuisine.\r\n <\/p>\r\n <p>\r\n This day trip is ideal for families, couples, and solo travelers looking for an authentic Moroccan desert experience without committing to a multi-day Sahara tour. The relatively short travel time means you spend more time enjoying the desert and less time driving.\r\n <\/p>\r\n <\/section>\r\n\r\n <!-- Itinerary -->\r\n <section class=\"content-section\" id=\"itineraire\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-route\"><\/i>\r\n <div>\r\n <h2>Day Trip Itinerary<\/h2>\r\n <small>Detailed schedule for your Agafay Desert day trip<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-step\">\r\n <div class=\"step-label\">09:00 AM<\/div>\r\n <div class=\"step-content\">\r\n <h3>Departure from Marrakech<\/h3>\r\n <p>Pickup from your hotel\/riad in Marrakech. Meet your guide and begin the scenic 45-minute drive to the Agafay Desert. Enjoy views of olive groves, traditional Berber villages, and the changing landscape as you approach the desert.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-step\">\r\n <div class=\"step-label\">10:00 AM<\/div>\r\n <div class=\"step-content\">\r\n <h3>Arrival at Agafay Desert<\/h3>\r\n <p>Arrive at a traditional desert camp in Agafay. Welcome mint tea served in a Berber tent. Introduction to the desert environment and briefing about the day's activities. Take in your first views of the stunning stone desert landscape with the Atlas Mountains as backdrop.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-step\">\r\n <div class=\"step-label\">10:30 AM<\/div>\r\n <div class=\"step-content\">\r\n <h3>Camel Ride Experience<\/h3>\r\n <p>Embark on a 1-hour camel ride through the Agafay Desert. Experience traditional desert transportation as you traverse the rocky terrain with panoramic views. Your camel guide will share insights about desert life and the local environment. Photo opportunities throughout the ride.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-step\">\r\n <div class=\"step-label\">12:00 PM<\/div>\r\n <div class=\"step-content\">\r\n <h3>Traditional Cooking Experience<\/h3>\r\n <p>Participate in preparing a traditional Moroccan meal. Learn how to make Moroccan mint tea properly. Optional hands-on experience helping prepare tagine or salad. Relax in the comfortable desert camp while your lunch cooks slowly to perfection.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-step\">\r\n <div class=\"step-label\">01:30 PM<\/div>\r\n <div class=\"step-content\">\r\n <h3>Lunch in the Desert<\/h3>\r\n <p>Enjoy a delicious traditional Moroccan lunch served in the desert camp. Typical menu includes fresh salad, vegetable tagine or couscous, seasonal fruits, and Moroccan pastries. Vegetarian options available upon request. Dine with stunning desert views all around.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-step\">\r\n <div class=\"step-label\">02:30 PM<\/div>\r\n <div class=\"step-content\">\r\n <h3>Desert Exploration & Relaxation<\/h3>\r\n <p>Free time to explore the desert at your own pace. Options include: short guided walk to a viewpoint, relaxing in Berber tents, trying on traditional Berber clothing for photos, or simply enjoying the peaceful desert atmosphere. Optional quad biking available (extra cost).<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-step\">\r\n <div class=\"step-label\">04:00 PM<\/div>\r\n <div class=\"step-content\">\r\n <h3>Sunset Preparation<\/h3>\r\n <p>As the afternoon cools, prepare for the sunset experience. Your guide will take you to the perfect viewpoint to watch the sunset over the desert. The changing light creates magical colors across the stone landscape and mountains.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-step\">\r\n <div class=\"step-label\">05:30 PM<\/div>\r\n <div class=\"step-content\">\r\n <h3>Sunset & Evening Tea<\/h3>\r\n <p>Witness a breathtaking sunset over the Agafay Desert. The sky transforms through shades of orange, pink, and purple. After sunset, enjoy another round of mint tea while watching the first stars appear in the desert sky.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-step\">\r\n <div class=\"step-label\">06:30 PM<\/div>\r\n <div class=\"step-content\">\r\n <h3>Return to Marrakech<\/h3>\r\n <p>Begin the return journey to Marrakech as darkness falls over the desert. Arrive back at your Marrakech accommodation around 7:30 PM, filled with memories of your desert adventure.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Tour Highlights Section -->\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>Day Trip Highlights<\/h2>\r\n <small>Key experiences of your Agafay Desert day trip<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"highlights-grid\">\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\"><i class=\"fa-solid fa-camel\"><\/i><\/div>\r\n <div class=\"highlight-text\">\r\n <h4>Camel Ride<\/h4>\r\n <p>1-hour traditional camel ride through the stone desert landscape<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\"><i class=\"fa-solid fa-utensils\"><\/i><\/div>\r\n <div class=\"highlight-text\">\r\n <h4>Traditional Lunch<\/h4>\r\n <p>Authentic Moroccan meal prepared and served in the desert camp<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\"><i class=\"fa-solid fa-mountain-sun\"><\/i><\/div>\r\n <div class=\"highlight-text\">\r\n <h4>Desert Sunset<\/h4>\r\n <p>Breathtaking sunset views over the Agafay Desert with Atlas Mountains<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\"><i class=\"fa-solid fa-tent\"><\/i><\/div>\r\n <div class=\"highlight-text\">\r\n <h4>Berber Camp Experience<\/h4>\r\n <p>Authentic desert camp with traditional hospitality and mint tea<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\"><i class=\"fa-solid fa-person-hiking\"><\/i><\/div>\r\n <div class=\"highlight-text\">\r\n <h4>Desert Exploration<\/h4>\r\n <p>Opportunity to explore the unique stone desert environment<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\"><i class=\"fa-solid fa-mountains\"><\/i><\/div>\r\n <div class=\"highlight-text\">\r\n <h4>Atlas Mountain Views<\/h4>\r\n <p>Stunning panoramic views of the High Atlas Mountains<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Includes \/ Excludes -->\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>Complete details for your Agafay Desert day trip package<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"two-column\">\r\n <div class=\"inclusion-column\">\r\n <div class=\"list-title\">\r\n <i class=\"fa-solid fa-circle-check\"><\/i>\r\n Price Includes\r\n <\/div>\r\n <ul class=\"bullet-list included\">\r\n <li><i class=\"fa-solid fa-check\"><\/i> <div>Hotel pickup & drop-off in Marrakech<\/div><\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> <div>Transportation in comfortable 4x4 or minivan<\/div><\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> <div>English-speaking driver\/guide<\/div><\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> <div>1-hour camel ride in Agafay Desert<\/div><\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> <div>Traditional Moroccan lunch at desert camp<\/div><\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> <div>Mint tea & bottled water throughout the day<\/div><\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> <div>Visit to traditional Berber desert camp<\/div><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"inclusion-column\">\r\n <div class=\"list-title\">\r\n <i class=\"fa-solid fa-circle-xmark\" style=\"color:#dc2626\"><\/i>\r\n Price Excludes\r\n <\/div>\r\n <ul class=\"bullet-list excluded\">\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> <div>Alcoholic beverages<\/div><\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> <div>Optional quad biking (available on site)<\/div><\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> <div>Personal expenses & souvenirs<\/div><\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> <div>Travel insurance<\/div><\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> <div>Tips for guide\/driver\/camel handlers<\/div><\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> <div>Anything not mentioned in inclusions<\/div><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Practical Details -->\r\n <section class=\"content-section\" id=\"details\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-list-ul\"><\/i>\r\n <div>\r\n <h2>Practical Details<\/h2>\r\n <small>Important information for your Agafay Desert day trip<\/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-clock\"><\/i>\r\n <div>\r\n <strong>Total Duration<\/strong>\r\n 6-8 hours (approx.)\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-car\"><\/i>\r\n <div>\r\n <strong>Transport<\/strong>\r\n Comfortable 4x4 or Minivan with AC\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-user-friends\"><\/i>\r\n <div>\r\n <strong>Group Size<\/strong>\r\n Private or Small Group (max 8)\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-temperature-three-quarters\"><\/i>\r\n <div>\r\n <strong>Best Season<\/strong>\r\n Year-round (avoid peak summer heat)\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-sun\"><\/i>\r\n <div>\r\n <strong>Weather Considerations<\/strong>\r\n Sun protection essential\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-shoe-prints\"><\/i>\r\n <div>\r\n <strong>Activity Level<\/strong>\r\n Easy to moderate\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-child\"><\/i>\r\n <div>\r\n <strong>Suitable For<\/strong>\r\n All ages (families welcome)\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-camera\"><\/i>\r\n <div>\r\n <strong>Photography<\/strong>\r\n Excellent opportunities throughout\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FAQ -->\r\n <section class=\"content-section\" id=\"faq\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-circle-question\"><\/i>\r\n <div>\r\n <h2>Frequently Asked Questions<\/h2>\r\n <small>About our Agafay Desert day trip<\/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>How does Agafay Desert differ from the Sahara Desert?<\/span>\r\n <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>\r\n <strong>Agafay Desert<\/strong> is a \"stone desert\" or \"rocky desert\" located just 45 minutes from Marrakech, while the <strong>W\u00fcste Sahara<\/strong> is a massive sand desert requiring 8-10 hours drive. Key differences: <strong>Landscape<\/strong>: Agafay features rocky plains, hills, and dry riverbeds; Sahara has massive sand dunes. <strong>Travel time<\/strong>: Agafay is 45 min; Sahara requires overnight trip. <strong>Erleben Sie<\/strong>: Agafay offers day trip convenience; Sahara offers overnight desert camping. <strong>Best for<\/strong>: Agafay is perfect for those with limited time; Sahara for those wanting classic dune experience.\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 should we wear and bring for the day trip?<\/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 Essentials include: <strong>Comfortable clothing<\/strong> (light, breathable fabrics), <strong>layers<\/strong> (desert cools in evening), <strong>closed-toe shoes<\/strong> for camel riding, <strong>sun protection<\/strong> (hat, sunglasses, SPF 50+ sunscreen), <strong>camera\/phone<\/strong> with extra battery, <strong>small day pack<\/strong>, <strong>cash<\/strong> for optional activities\/souvenirs, <strong>light jacket\/sweater<\/strong> for evening, <strong>personal medications<\/strong>. Avoid: flip-flops, heavy fabrics, expensive jewelry. Dress modestly out of respect for local culture.\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>Is the camel ride suitable for everyone?<\/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 camel ride is generally suitable for most people, but consider: <strong>Age restrictions<\/strong>: Children must be at least 5 years old to ride alone (younger can ride with adult). <strong>Weight limit<\/strong>: Typically 100kg\/220lbs maximum per camel. <strong>Health considerations<\/strong>: Not recommended for pregnant women, people with back problems, or serious medical conditions. <strong>Alternative<\/strong>: If you prefer not to ride camels, you can still enjoy the desert camp and scenery. <strong>Safety<\/strong>: Camels are gentle, experienced handlers assist with mounting\/dismounting, ride is at slow walking pace.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>What is the food like and can dietary requirements be accommodated?<\/span>\r\n <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>\r\n <strong>Typical lunch<\/strong>: Moroccan salad, vegetable or meat tagine, couscous (usually Fridays), seasonal fruits, Moroccan pastries, mint tea. <strong>Dietary accommodations<\/strong>: Yes, with advance notice: <strong>Vegetarian<\/strong>: Vegetable tagine available. <strong>Vegan<\/strong>: Can be arranged (inform when booking). <strong>Gluten-free<\/strong>: Options available (couscous contains wheat). <strong>Food allergies<\/strong>: Inform us when booking - we can accommodate most common allergies. <strong>Children's meals<\/strong>: Simpler options available. The desert camp uses fresh local ingredients, and food is prepared hygienically.\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 happens in case of bad weather?<\/span>\r\n <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>\r\n <strong>Rain<\/strong>: Agafay Desert experiences little rain (especially April-October). If light rain occurs, activities continue (desert camps have covered areas). Heavy rain may modify itinerary. <strong>Extreme heat<\/strong>: Summer months (July-August) can be very hot. We adjust schedule: earlier start, more shaded activities, extra water. <strong>Sandstorms<\/strong>: Rare in Agafay (more common in Sahara). If occurring, we delay departure or modify activities. <strong>General policy<\/strong>: Your safety is priority. If weather makes the trip unsafe, we offer: reschedule to another date, alternative activity, or full refund. We monitor weather forecasts and contact you if changes needed.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/article>\r\n\r\n <!-- Sidebar - Booking Form -->\r\n <aside class=\"sidebar\">\r\n <section class=\"booking-form\" id=\"booking-form-section\">\r\n <h3>Book Agafay Desert Day Trip<\/h3>\r\n <p>Complete the form below to book your Agafay Desert day trip from Marrakech.<\/p>\r\n <form id=\"desktop-form\" novalidate action=\"\">\r\n <!-- First row: Full Name & Email Address -->\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"d-fullname\">Full Name<\/label>\r\n <input type=\"text\" id=\"d-fullname\" class=\"form-input\" placeholder=\"Your full name\" \/>\r\n <div class=\"error-message\" id=\"d-fullname-error\">Please enter your name.<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"d-email\">Email Address<\/label>\r\n <input type=\"email\" id=\"d-email\" class=\"form-input\" placeholder=\"Your email address\" \/>\r\n <div class=\"error-message\" id=\"d-email-error\">Please enter a valid email.<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Second row: Phone Number & Number of Travelers -->\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"d-phone\">Phone Number<\/label>\r\n <input type=\"tel\" id=\"d-phone\" class=\"form-input\" placeholder=\"Your phone number\" \/>\r\n <div class=\"error-message\" id=\"d-phone-error\">Invalid number (min. 10 digits).<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"d-people\">Number of Travelers<\/label>\r\n <input type=\"number\" id=\"d-people\" class=\"form-input\" min=\"1\" max=\"8\" value=\"2\" \/>\r\n <div class=\"error-message\" id=\"d-people-error\">Please enter travelers (1\u20138).<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Third row: Tour Date (full width) -->\r\n <div class=\"form-group\">\r\n <label for=\"d-date\">Preferred Date<\/label>\r\n <input type=\"date\" id=\"d-date\" class=\"form-input\" style=\"width: 100%;\" \/>\r\n <div class=\"error-message\" id=\"d-date-error\">Please choose a date.<\/div>\r\n <\/div>\r\n \r\n <!-- Fourth row: Pickup Location -->\r\n <div class=\"form-group\">\r\n <label for=\"d-pickup\">Pickup Location in Marrakech<\/label>\r\n <input type=\"text\" id=\"d-pickup\" class=\"form-input\" placeholder=\"Hotel\/Riad name in Marrakech\" \/>\r\n <div class=\"error-message\" id=\"d-pickup-error\">Please enter pickup location.<\/div>\r\n <\/div>\r\n \r\n <!-- Fifth row: Dietary Requirements -->\r\n <div class=\"form-group\">\r\n <label for=\"d-dietary\">Dietary Requirements<\/label>\r\n <input type=\"text\" id=\"d-dietary\" class=\"form-input\" placeholder=\"Vegetarian, allergies, etc.\" \/>\r\n <\/div>\r\n \r\n <!-- Sixth row: Special Requests -->\r\n <div class=\"form-group\">\r\n <label for=\"d-message\">Special Requests & Questions<\/label>\r\n <textarea id=\"d-message\" rows=\"4\" class=\"form-input\" placeholder=\"Mobility considerations, special interests, children ages, 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 This Day Trip\r\n <\/button>\r\n <div class=\"form-note\">\r\n We'll confirm your booking within 24 hours and send all details for your Agafay Desert day trip.\r\n <\/div>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"de\"\/><\/form>\r\n <\/section>\r\n <\/aside>\r\n <\/main>\r\n <\/div>\r\n\r\n <!-- Thank You Overlay -->\r\n <div class=\"thankyou-overlay\" id=\"thankyou\">\r\n <div class=\"thankyou-card\">\r\n <button class=\"thankyou-close\" id=\"ty-close\">\r\n <i class=\"fa-solid fa-xmark\"><\/i>\r\n <\/button>\r\n\r\n <div class=\"thankyou-icon\">\r\n <div class=\"circle\">\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n <\/div>\r\n <\/div>\r\n\r\n <h3 class=\"thankyou-title\">Agafay Desert Day Trip Booked<\/h3>\r\n <p class=\"thankyou-text\">\r\n Thank you for booking our Agafay Desert day trip from Marrakech.\r\n <\/p>\r\n <p class=\"thankyou-subtext\">\r\n We will send you a confirmation email with all details including pickup time, guide contact information, and important reminders within 24 hours.\r\n <\/p>\r\n\r\n <div class=\"thankyou-actions\">\r\n <button id=\"ty-ok\">\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Back to website\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Toast -->\r\n <div class=\"toast\" id=\"toast\"><\/div>\r\n <\/div>\r\n\r\n <!-- EmailJS SDK v4 -->\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@emailjs\/browser@4\/dist\/email.min.js\"><\/script>\r\n <script>\r\n \/\/ === EMAILJS CONFIG ===\r\n const EMAILJS_PUBLIC_KEY = '1eurDR9BoKUswr-Rj';\r\n const EMAILJS_SERVICE_ID = 'service_cwcsvc7';\r\n const EMAILJS_TEMPLATE_ID = 'template_i0hq02b';\r\n\r\n \/\/ Init EmailJS\r\n (function () {\r\n try {\r\n if (window.emailjs) {\r\n emailjs.init({ publicKey: EMAILJS_PUBLIC_KEY });\r\n } else {\r\n console.warn('EmailJS SDK not loaded');\r\n }\r\n } catch (e) {\r\n console.error('EmailJS init error:', e);\r\n }\r\n })();\r\n\r\n \/\/ Gallery\r\n const mainGalleryImg = document.getElementById('main-gallery-img');\r\n const thumbnails = document.querySelectorAll('#marrakech-desert-tour-wrapper .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('#marrakech-desert-tour-wrapper .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('#marrakech-desert-tour-wrapper .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\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 \/\/ Validation helpers\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() {\r\n let isValid = true;\r\n const prefix = '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}fullname`, errorId: `${prefix}fullname-error`, message: 'Please enter your name' },\r\n { id: `${prefix}date`, errorId: `${prefix}date-error`, message: 'Please choose preferred date' },\r\n { id: `${prefix}people`, errorId: `${prefix}people-error`, message: 'Please enter number of travelers' },\r\n { id: `${prefix}pickup`, errorId: `${prefix}pickup-error`, message: 'Please enter pickup location' }\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 \/\/ EmailJS send\r\n async function sendEmailJS() {\r\n const prefix = 'd-';\r\n const pax = parseInt(document.getElementById(`${prefix}people`).value || '2', 10);\r\n\r\n const formData = {\r\n full_name: document.getElementById(`${prefix}fullname`).value,\r\n email: document.getElementById(`${prefix}email`).value,\r\n phone: document.getElementById(`${prefix}phone`).value,\r\n start_date: document.getElementById(`${prefix}date`).value,\r\n participants: pax,\r\n pickup_location: document.getElementById(`${prefix}pickup`).value,\r\n dietary: document.getElementById(`${prefix}dietary`).value,\r\n special_requests: document.getElementById(`${prefix}message`).value,\r\n tour_name: 'Agafay Desert Day Trip from Marrakech',\r\n total_price: 'Price on Call - Day Trip Quote'\r\n };\r\n\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 \/\/ Thank You overlay\r\n const TY = document.getElementById('thankyou');\r\n const TY_CLOSE = document.getElementById('ty-close');\r\n const TY_OK = document.getElementById('ty-ok');\r\n\r\n function showThankYou() {\r\n if (TY) {\r\n TY.style.display = 'flex';\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_OK) {\r\n TY_OK.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 !== 'none') {\r\n hideThankYou();\r\n }\r\n });\r\n\r\n \/\/ Desktop form submit\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()) {\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();\r\n console.log('EmailJS SUCCESS:', result);\r\n showThankYou();\r\n desktopForm.reset();\r\n showToast('Your Agafay Desert day trip has been booked successfully!', 'success');\r\n } catch (err) { \r\n console.error('EmailJS Error:', 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 This Day Trip';\r\n }\r\n });\r\n }\r\n\r\n \/\/ Set min date for tour start\r\n (function() {\r\n const d = new Date();\r\n const min = `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;\r\n \r\n const startDateEl = document.getElementById('d-date');\r\n \r\n if (startDateEl) {\r\n startDateEl.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 <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Agafay Desert Day Trip | Day Trip from Marrakech to Stone … <\/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-501","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/moroccotravelsaharacamp.com\/de\/wp-json\/wp\/v2\/pages\/501","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moroccotravelsaharacamp.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moroccotravelsaharacamp.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moroccotravelsaharacamp.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moroccotravelsaharacamp.com\/de\/wp-json\/wp\/v2\/comments?post=501"}],"version-history":[{"count":4,"href":"https:\/\/moroccotravelsaharacamp.com\/de\/wp-json\/wp\/v2\/pages\/501\/revisions"}],"predecessor-version":[{"id":585,"href":"https:\/\/moroccotravelsaharacamp.com\/de\/wp-json\/wp\/v2\/pages\/501\/revisions\/585"}],"wp:attachment":[{"href":"https:\/\/moroccotravelsaharacamp.com\/de\/wp-json\/wp\/v2\/media?parent=501"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}