{"id":416,"date":"2026-02-21T22:08:03","date_gmt":"2026-02-21T22:08:03","guid":{"rendered":"https:\/\/moroccotravel.ai\/?page_id=416"},"modified":"2026-03-12T02:23:18","modified_gmt":"2026-03-12T02:23:18","slug":"merzouga-desert-activities","status":"publish","type":"page","link":"https:\/\/moroccotravel.ai\/de\/merzouga-desert-activities\/","title":{"rendered":"Merzouga Desert Activities"},"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 \r\n \r\n Merzouga Desert Activities | Sand Boarding & Berber Experiences<\/title>\r\n <!-- END SEO UPDATES -->\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@emailjs\/browser@3\/dist\/email.min.js\"><\/script>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <!-- EmailJS config: Public Key MnTxIyAXYhEVP7r_W , Service ID service_sgtr84h , Template ID template_3zsdqnq -->\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"TouristTrip\",\r\n \"name\": \"Merzouga Desert Activities\",\r\n \"description\": \"Sandboarding, sand bath (buried in sand), Berber cooking lesson, and fossil tour in Erg Chebbi dunes.\",\r\n \"provider\": {\r\n \"@type\": \"Organization\",\r\n \"name\": \"Timlalin Tours\",\r\n \"url\": \"https:\/\/timlalintours.com\"\r\n },\r\n \"location\": {\r\n \"@type\": \"Place\",\r\n \"name\": \"Merzouga, Erg Chebbi, Sahara Desert\"\r\n },\r\n \"offers\": {\r\n \"@type\": \"Offer\",\r\n \"price\": \"0\",\r\n \"priceCurrency\": \"EUR\",\r\n \"availability\": \"https:\/\/schema.org\/InStock\"\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n \/* SAME COLOR SCHEME - TIMLALIN TOURS THEME (unchanged) *\/\r\n :root {\r\n --primary: #d0923d; \/* Golden brown *\/\r\n --primary-dark: #b37a34; \/* Darker golden brown *\/\r\n --primary-light: #e0aa60; \/* Lighter golden brown *\/\r\n --secondary: #DC0E0E; \/* Red accent *\/\r\n --secondary-dark: #b30b0b; \/* Darker red *\/\r\n --secondary-light: #e63939; \/* Lighter red *\/\r\n --button-bg: #d0923d; \/* Golden brown *\/\r\n --button-text: #FFFFFF; \/* White *\/\r\n --button-hover: #b37a34; \/* Darker golden brown *\/\r\n --button-text-hover: #FFFFFF; \/* White *\/\r\n --dark: #111827;\r\n --gray-dark: #4b5563;\r\n --gray: #6b7280;\r\n --gray-light: #9ca3af;\r\n --gray-extra-light: #e5e7eb;\r\n --light: #f9fafb;\r\n --white: #ffffff;\r\n --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\r\n --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\r\n --radius: 12px;\r\n --radius-sm: 8px;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n -webkit-tap-highlight-color: transparent;\r\n -webkit-text-size-adjust: 100%;\r\n touch-action: manipulation;\r\n }\r\n\r\n html {\r\n -webkit-text-size-adjust: 100%;\r\n text-size-adjust: 100%;\r\n }\r\n\r\n body {\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\r\n font-weight: 400;\r\n color: var(--gray-dark);\r\n line-height: 1.6;\r\n background-color: var(--light);\r\n padding: 0;\r\n margin: 0;\r\n overflow-x: hidden;\r\n padding-bottom: 70px;\r\n }\r\n\r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n }\r\n\r\n .booking-page {\r\n display: flex;\r\n gap: 40px;\r\n padding: 40px 0;\r\n align-items: flex-start;\r\n }\r\n\r\n .left-container {\r\n flex: 1;\r\n }\r\n\r\n .right-container {\r\n width: 380px;\r\n position: sticky;\r\n top: 40px;\r\n }\r\n\r\n .section {\r\n background-color: var(--white);\r\n border-radius: var(--radius);\r\n padding: 32px;\r\n margin-bottom: 32px;\r\n box-shadow: var(--shadow);\r\n border: 1px solid var(--gray-extra-light);\r\n }\r\n\r\n .section-title {\r\n font-size: 24px;\r\n font-weight: 800;\r\n margin-bottom: 24px;\r\n color: var(--dark);\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n\r\n .section-title i {\r\n color: var(--secondary);\r\n font-size: 20px;\r\n }\r\n\r\n h1 {\r\n font-size: 36px;\r\n font-weight: 800;\r\n line-height: 1.3;\r\n color: var(--dark);\r\n margin-bottom: 20px;\r\n }\r\n\r\n h2 {\r\n font-size: 28px;\r\n font-weight: 800;\r\n color: var(--dark);\r\n margin-bottom: 20px;\r\n }\r\n\r\n h3 {\r\n font-size: 20px;\r\n font-weight: 700;\r\n color: var(--dark);\r\n margin-bottom: 8px;\r\n }\r\n\r\n .image-gallery {\r\n margin-bottom: 32px;\r\n position: relative;\r\n }\r\n\r\n .hero-image {\r\n width: 100%;\r\n height: 400px;\r\n border-radius: var(--radius);\r\n overflow: hidden;\r\n margin-bottom: 16px;\r\n box-shadow: var(--shadow-lg);\r\n position: relative;\r\n cursor: pointer;\r\n }\r\n\r\n .hero-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .hero-image:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .thumbnail-grid {\r\n display: grid;\r\n grid-template-columns: repeat(6, 1fr);\r\n gap: 12px;\r\n }\r\n\r\n .thumbnail {\r\n height: 90px;\r\n border-radius: var(--radius-sm);\r\n overflow: hidden;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n border: 3px solid transparent;\r\n opacity: 0.9;\r\n position: relative;\r\n }\r\n\r\n .thumbnail:hover {\r\n opacity: 1;\r\n transform: translateY(-3px);\r\n border-color: var(--primary);\r\n }\r\n\r\n .thumbnail.active {\r\n border-color: var(--primary);\r\n opacity: 1;\r\n }\r\n\r\n .thumbnail img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n user-select: none;\r\n }\r\n\r\n .zoom-icon {\r\n position: absolute;\r\n top: 5px;\r\n right: 5px;\r\n background: rgba(0, 0, 0, 0.7);\r\n color: white;\r\n width: 24px;\r\n height: 24px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 12px;\r\n opacity: 0;\r\n transition: opacity 0.2s ease;\r\n }\r\n\r\n .thumbnail:hover .zoom-icon {\r\n opacity: 1;\r\n }\r\n\r\n .view-more-thumbnail {\r\n position: relative;\r\n }\r\n\r\n .view-more-overlay {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: rgba(0, 0, 0, 0.6);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n font-weight: 700;\r\n font-size: 14px;\r\n flex-direction: column;\r\n gap: 5px;\r\n }\r\n\r\n .gallery-modal {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: rgba(0, 0, 0, 0.95);\r\n z-index: 3000;\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n touch-action: pan-y pinch-zoom;\r\n }\r\n\r\n .gallery-modal.active {\r\n display: flex;\r\n }\r\n\r\n .modal-content {\r\n position: relative;\r\n max-width: 90%;\r\n max-height: 80vh;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n touch-action: pan-y pinch-zoom;\r\n }\r\n\r\n .modal-image {\r\n max-width: 100%;\r\n max-height: 80vh;\r\n border-radius: 8px;\r\n object-fit: contain;\r\n touch-action: pan-y pinch-zoom;\r\n -webkit-user-select: none;\r\n user-select: none;\r\n }\r\n\r\n .modal-nav {\r\n position: absolute;\r\n top: 50%;\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n transform: translateY(-50%);\r\n padding: 0 20px;\r\n }\r\n\r\n .modal-close {\r\n position: absolute;\r\n top: -50px;\r\n right: 0;\r\n background: none;\r\n border: none;\r\n color: white;\r\n font-size: 30px;\r\n cursor: pointer;\r\n z-index: 3001;\r\n width: 40px;\r\n height: 40px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .modal-close i {\r\n font-size: 24px;\r\n }\r\n\r\n .modal-nav-btn {\r\n background: rgba(208, 146, 61, 0.7); \r\n border: none;\r\n color: white;\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 50%;\r\n font-size: 20px;\r\n cursor: pointer;\r\n transition: background 0.2s ease;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .modal-nav-btn:hover {\r\n background: rgba(208, 146, 61, 0.9); \r\n }\r\n\r\n .modal-counter {\r\n color: white;\r\n font-size: 16px;\r\n margin-top: 20px;\r\n text-align: center;\r\n }\r\n\r\n .tour-description {\r\n font-size: 18px;\r\n line-height: 1.7;\r\n color: var(--gray-dark);\r\n margin-bottom: 32px;\r\n font-weight: 400;\r\n }\r\n\r\n \/* Tour duration section removed as requested *\/\r\n\r\n .timeline {\r\n position: relative;\r\n padding-left: 40px;\r\n }\r\n\r\n .timeline:before {\r\n content: '';\r\n position: absolute;\r\n left: 19px;\r\n top: 0;\r\n bottom: 0;\r\n width: 2px;\r\n background-image: linear-gradient(to bottom, \r\n var(--primary) 0%, \r\n var(--primary) 50%, \r\n transparent 50%, \r\n transparent 100%);\r\n background-size: 2px 20px;\r\n background-repeat: repeat-y;\r\n }\r\n\r\n .timeline-item {\r\n position: relative;\r\n margin-bottom: 30px;\r\n padding-left: 10px;\r\n }\r\n\r\n .timeline-item:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n .timeline-item:before {\r\n content: '';\r\n position: absolute;\r\n left: -31px;\r\n top: 0;\r\n width: 20px;\r\n height: 20px;\r\n border-radius: 50%;\r\n background-color: var(--primary);\r\n border: 4px solid var(--white);\r\n box-shadow: 0 0 0 2px var(--primary);\r\n z-index: 2;\r\n }\r\n\r\n .timeline-content {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 16px;\r\n }\r\n\r\n .timeline-icon {\r\n color: var(--primary);\r\n font-size: 20px;\r\n width: 24px;\r\n flex-shrink: 0;\r\n margin-top: 2px;\r\n }\r\n\r\n .timeline-day {\r\n font-size: 20px;\r\n font-weight: 800;\r\n margin-bottom: 8px;\r\n color: var(--dark);\r\n line-height: 1.3;\r\n }\r\n\r\n .timeline-details {\r\n color: var(--gray-dark);\r\n font-size: 16px;\r\n line-height: 1.5;\r\n font-weight: 400;\r\n }\r\n\r\n .highlights-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 24px;\r\n }\r\n\r\n .highlight-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 16px;\r\n margin-bottom: 0;\r\n }\r\n\r\n .highlight-icon {\r\n color: var(--white);\r\n font-size: 24px;\r\n width: 50px;\r\n height: 50px;\r\n background: var(--primary);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n }\r\n\r\n .highlight-content {\r\n flex: 1;\r\n }\r\n\r\n .highlight-title {\r\n font-weight: 800;\r\n margin-bottom: 6px;\r\n color: var(--dark);\r\n font-size: 20px;\r\n line-height: 1.2;\r\n }\r\n\r\n .highlight-desc {\r\n color: var(--gray);\r\n font-size: 16px;\r\n line-height: 1.3;\r\n font-weight: 400;\r\n }\r\n\r\n .included-section {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 32px;\r\n }\r\n\r\n .included-list, .excluded-list {\r\n list-style: none;\r\n }\r\n\r\n .included-list li, .excluded-list li {\r\n display: flex;\r\n align-items: flex-start;\r\n margin-bottom: 14px;\r\n gap: 12px;\r\n padding: 2px 0;\r\n font-size: 16px;\r\n line-height: 1.5;\r\n color: var(--gray-dark);\r\n font-weight: 400;\r\n }\r\n\r\n .included-list i {\r\n color: var(--primary);\r\n font-size: 18px;\r\n width: 24px;\r\n flex-shrink: 0;\r\n margin-top: 2px;\r\n }\r\n\r\n .excluded-list i {\r\n color: #ef4444;\r\n font-size: 18px;\r\n width: 24px;\r\n flex-shrink: 0;\r\n margin-top: 2px;\r\n }\r\n\r\n .included-text {\r\n font-weight: 400;\r\n color: var(--gray-dark);\r\n font-size: 16px;\r\n line-height: 1.5;\r\n }\r\n\r\n .faq-item {\r\n border-bottom: 1px solid var(--gray-extra-light);\r\n padding-bottom: 20px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .faq-item:last-child {\r\n border-bottom: none;\r\n margin-bottom: 0;\r\n padding-bottom: 0;\r\n }\r\n\r\n .faq-question {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n cursor: pointer;\r\n padding: 8px 0;\r\n gap: 12px;\r\n }\r\n\r\n .faq-question h3 {\r\n margin-bottom: 0;\r\n font-weight: 800;\r\n color: var(--dark);\r\n flex: 1;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n font-size: 18px;\r\n }\r\n\r\n .faq-question i {\r\n color: var(--primary);\r\n font-size: 18px;\r\n }\r\n\r\n .faq-question .arrow {\r\n color: var(--gray);\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .faq-question.active .arrow {\r\n transform: rotate(180deg);\r\n color: var(--primary);\r\n }\r\n\r\n .faq-answer {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.4s ease;\r\n color: var(--gray-dark);\r\n line-height: 1.6;\r\n padding-left: 36px;\r\n font-weight: 400;\r\n font-size: 16px;\r\n }\r\n\r\n .faq-answer.open {\r\n max-height: 500px;\r\n margin-top: 12px;\r\n }\r\n\r\n .booking-widget {\r\n background-color: var(--white);\r\n border-radius: var(--radius);\r\n padding: 32px;\r\n margin-bottom: 32px;\r\n box-shadow: var(--shadow-lg);\r\n border: 1px solid var(--gray-extra-light);\r\n }\r\n\r\n .price-container {\r\n text-align: center;\r\n margin-bottom: 28px;\r\n padding-bottom: 28px;\r\n border-bottom: 1px solid var(--gray-extra-light);\r\n }\r\n\r\n .price-display {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 12px;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .price {\r\n font-size: 42px;\r\n font-weight: 800;\r\n color: var(--primary);\r\n line-height: 1.2;\r\n }\r\n \r\n .price-icon {\r\n color: var(--primary);\r\n font-size: 28px;\r\n }\r\n\r\n .price-note {\r\n color: var(--primary);\r\n font-size: 18px;\r\n margin-bottom: 8px;\r\n font-weight: 700;\r\n }\r\n\r\n .booking-form {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .form-group {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .form-group label {\r\n font-weight: 700;\r\n margin-bottom: 8px;\r\n color: var(--dark);\r\n font-size: 15px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .form-group label i {\r\n color: var(--primary);\r\n font-size: 16px;\r\n }\r\n\r\n .form-control {\r\n padding: 14px 16px;\r\n border: 1px solid var(--gray-extra-light);\r\n border-radius: var(--radius-sm);\r\n font-family: inherit;\r\n font-size: 16px;\r\n font-weight: 600;\r\n transition: all 0.2s ease;\r\n background-color: var(--white);\r\n width: 100%;\r\n height: 52px;\r\n -webkit-appearance: none;\r\n appearance: none;\r\n }\r\n\r\n .form-control:focus {\r\n outline: none;\r\n border-color: var(--primary);\r\n box-shadow: 0 0 0 3px rgba(208, 146, 61, 0.1);\r\n }\r\n\r\n input[type=\"date\"], input[type=\"time\"] {\r\n color: var(--gray-dark);\r\n font-size: 16px;\r\n }\r\n\r\n .guests-selector {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n border: 1px solid var(--gray-extra-light);\r\n border-radius: var(--radius-sm);\r\n padding: 10px 16px;\r\n background-color: var(--white);\r\n height: 52px;\r\n }\r\n\r\n .guests-btn {\r\n background-color: var(--light);\r\n border: none;\r\n width: 36px;\r\n height: 36px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n font-weight: 800;\r\n font-size: 18px;\r\n transition: background-color 0.2s ease;\r\n color: var(--dark);\r\n }\r\n\r\n .guests-btn:hover:not(:disabled) {\r\n background-color: var(--gray-extra-light);\r\n }\r\n\r\n .guests-btn:disabled {\r\n opacity: 0.5;\r\n cursor: not-allowed;\r\n }\r\n\r\n .guests-count {\r\n font-weight: 800;\r\n font-size: 20px;\r\n min-width: 40px;\r\n text-align: center;\r\n }\r\n\r\n .book-now-btn {\r\n background-color: var(--button-bg);\r\n color: var(--button-text);\r\n border: none;\r\n border-radius: var(--radius-sm);\r\n padding: 18px;\r\n font-size: 18px;\r\n font-weight: 800;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n margin-top: 10px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n width: 100%;\r\n height: 56px;\r\n box-shadow: 0 4px 12px rgba(208, 146, 61, 0.2);\r\n }\r\n\r\n .book-now-btn:hover {\r\n background-color: var(--button-hover);\r\n color: var(--button-text-hover);\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 15px rgba(208, 146, 61, 0.3);\r\n }\r\n\r\n .secure-booking {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n color: var(--gray);\r\n font-size: 14px;\r\n margin-top: 16px;\r\n text-align: center;\r\n font-weight: 600;\r\n }\r\n\r\n .contact-container {\r\n background-color: var(--white);\r\n border-radius: var(--radius);\r\n padding: 28px;\r\n margin-top: 24px;\r\n box-shadow: var(--shadow);\r\n border: 1px solid var(--gray-extra-light);\r\n }\r\n\r\n .contact-title {\r\n font-size: 22px;\r\n font-weight: 800;\r\n margin-bottom: 12px;\r\n color: var(--dark);\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n\r\n .contact-title i {\r\n color: var(--primary);\r\n font-size: 20px;\r\n }\r\n\r\n .contact-subtitle {\r\n color: var(--gray);\r\n font-size: 16px;\r\n font-weight: 600;\r\n margin-bottom: 16px;\r\n font-style: italic;\r\n }\r\n\r\n .contact-description {\r\n color: var(--gray-dark);\r\n margin-bottom: 24px;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n font-size: 16px;\r\n }\r\n\r\n .contact-info {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .contact-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-bottom: 8px;\r\n font-size: 16px;\r\n }\r\n\r\n .contact-icon {\r\n color: var(--primary);\r\n font-size: 18px;\r\n width: 24px;\r\n }\r\n\r\n .contact-text {\r\n color: var(--dark);\r\n font-weight: 600;\r\n font-size: 16px;\r\n }\r\n\r\n .contact-btn {\r\n background-color: var(--primary);\r\n color: var(--white);\r\n border: none;\r\n border-radius: var(--radius-sm);\r\n padding: 14px 20px;\r\n font-size: 16px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n transition: background-color 0.2s ease;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n width: 100%;\r\n text-decoration: none;\r\n text-align: center;\r\n }\r\n\r\n .contact-btn:hover {\r\n background-color: var(--primary-dark);\r\n }\r\n\r\n .mobile-fixed-booking {\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n background: var(--white);\r\n padding: 12px 15px;\r\n box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.1);\r\n z-index: 1000;\r\n display: none;\r\n border-top: 1px solid var(--gray-extra-light);\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .mobile-fixed-booking {\r\n display: block;\r\n }\r\n body, html {\r\n overflow-x: hidden;\r\n max-width: 100%;\r\n }\r\n .container, .booking-page, .left-container, .right-container, .section, .image-gallery {\r\n max-width: 100%;\r\n overflow-x: hidden;\r\n }\r\n \/* MOBILE TEXT SIZES - exactly like the 10-day template *\/\r\n h1 {\r\n font-size: 20px !important;\r\n line-height: 1.4;\r\n }\r\n h2 {\r\n font-size: 18px !important;\r\n }\r\n h3, .section-title, .timeline-day, .faq-question h3 {\r\n font-size: 16px !important;\r\n }\r\n .tour-description, .timeline-details, .included-text, .contact-description, .faq-answer, .contact-item, .contact-text {\r\n font-size: 16px !important;\r\n }\r\n .included-section {\r\n grid-template-columns: 1fr !important;\r\n gap: 20px !important;\r\n }\r\n .right-container {\r\n width: 100%;\r\n position: static;\r\n }\r\n .booking-page {\r\n gap: 20px;\r\n }\r\n .section {\r\n padding: 20px;\r\n }\r\n .thumbnail-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n .thumbnail {\r\n height: 70px;\r\n }\r\n }\r\n\r\n .mobile-booking-content {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 10px;\r\n max-width: 500px;\r\n margin: 0 auto;\r\n }\r\n\r\n .mobile-booking-actions {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n flex: 1;\r\n justify-content: space-between;\r\n }\r\n\r\n .mobile-guests-selector {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: var(--light);\r\n border-radius: var(--radius-sm);\r\n padding: 8px 12px;\r\n min-width: 120px;\r\n border: 1px solid var(--gray-extra-light);\r\n }\r\n\r\n .mobile-guests-label {\r\n color: var(--dark);\r\n font-size: 14px;\r\n font-weight: 600;\r\n white-space: nowrap;\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n }\r\n\r\n .mobile-guests-label i {\r\n color: var(--primary);\r\n font-size: 14px;\r\n }\r\n\r\n .mobile-guests-controls {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-left: auto;\r\n }\r\n\r\n .mobile-guests-btn {\r\n background: var(--gray-extra-light);\r\n border: none;\r\n color: var(--dark);\r\n font-size: 16px;\r\n font-weight: 800;\r\n width: 28px;\r\n height: 28px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n border-radius: 50%;\r\n transition: all 0.2s ease;\r\n flex-shrink: 0;\r\n }\r\n\r\n .mobile-guests-btn:disabled {\r\n opacity: 0.4;\r\n cursor: not-allowed;\r\n background: var(--gray-light);\r\n }\r\n\r\n .mobile-guests-btn:not(:disabled):hover {\r\n background: var(--gray-light);\r\n transform: scale(1.1);\r\n }\r\n\r\n .mobile-guests-count {\r\n color: var(--dark);\r\n font-weight: 800;\r\n font-size: 16px;\r\n min-width: 24px;\r\n text-align: center;\r\n }\r\n\r\n .mobile-book-btn {\r\n background: var(--white) !important;\r\n color: var(--primary) !important;\r\n border: 2px solid var(--primary) !important;\r\n border-radius: var(--radius-sm) !important;\r\n padding: 10px 20px !important;\r\n font-size: 15px !important;\r\n font-weight: 800 !important;\r\n cursor: pointer !important;\r\n transition: all 0.3s ease !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n gap: 8px !important;\r\n white-space: nowrap !important;\r\n box-shadow: 0 2px 8px rgba(208, 146, 61, 0.1) !important;\r\n flex: 1 !important;\r\n max-width: 200px !important;\r\n margin-left: auto !important;\r\n opacity: 1 !important;\r\n visibility: visible !important;\r\n height: auto !important;\r\n }\r\n\r\n .mobile-book-btn:hover {\r\n background: var(--primary) !important;\r\n color: var(--white) !important;\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 4px 12px rgba(208, 146, 61, 0.2) !important;\r\n }\r\n\r\n .mobile-book-btn:hover i {\r\n color: var(--white) !important;\r\n }\r\n\r\n .modal-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background-color: rgba(0, 0, 0, 0.9);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 2000;\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: all 0.3s ease;\r\n padding: 16px;\r\n }\r\n\r\n .modal-overlay.active {\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n\r\n .modal {\r\n background-color: var(--white);\r\n border-radius: var(--radius);\r\n width: 100%;\r\n max-height: 90vh;\r\n overflow-y: auto;\r\n padding: 25px;\r\n position: relative;\r\n transform: translateY(20px);\r\n transition: all 0.3s ease;\r\n max-width: 500px;\r\n }\r\n\r\n .modal-overlay.active .modal {\r\n transform: translateY(0);\r\n }\r\n\r\n .close-modal {\r\n position: absolute;\r\n top: 15px;\r\n right: 15px;\r\n background: none;\r\n border: none;\r\n font-size: 24px;\r\n cursor: pointer;\r\n color: var(--gray);\r\n z-index: 10;\r\n width: 36px;\r\n height: 36px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: color 0.2s ease;\r\n }\r\n\r\n .close-modal:hover {\r\n color: var(--primary);\r\n }\r\n\r\n .modal-header {\r\n margin-bottom: 20px;\r\n text-align: center;\r\n }\r\n\r\n .modal-tour-image {\r\n width: 100%;\r\n height: 200px;\r\n border-radius: var(--radius-sm);\r\n overflow: hidden;\r\n margin-bottom: 15px;\r\n border: 3px solid var(--primary);\r\n }\r\n\r\n .modal-tour-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n .modal-title {\r\n font-size: 22px;\r\n margin-bottom: 10px;\r\n color: var(--dark);\r\n font-weight: 800;\r\n line-height: 1.3;\r\n }\r\n\r\n .booking-summary {\r\n display: flex;\r\n gap: 10px;\r\n margin-bottom: 20px;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n }\r\n\r\n .summary-item {\r\n background-color: var(--primary);\r\n padding: 10px 18px;\r\n border-radius: 20px;\r\n font-size: 15px;\r\n color: var(--white);\r\n font-weight: 700;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .summary-item i {\r\n color: var(--white);\r\n font-size: 16px;\r\n }\r\n\r\n .map-container {\r\n margin-top: 20px;\r\n border-radius: var(--radius-sm);\r\n overflow: hidden;\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .map-container iframe {\r\n width: 100%;\r\n height: 350px;\r\n border: 0;\r\n }\r\n\r\n .submit-btn {\r\n background-color: var(--button-bg);\r\n color: var(--button-text);\r\n border: none;\r\n border-radius: var(--radius-sm);\r\n padding: 16px;\r\n font-size: 18px;\r\n font-weight: 800;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n width: 100%;\r\n margin-top: 10px;\r\n box-shadow: 0 4px 12px rgba(208, 146, 61, 0.2);\r\n }\r\n .submit-btn:hover {\r\n background-color: var(--button-hover);\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 15px rgba(208, 146, 61, 0.3);\r\n }\r\n .submit-btn i {\r\n font-size: 18px;\r\n }\r\n\r\n .confirmation-message {\r\n display: none;\r\n text-align: center;\r\n padding: 30px 20px;\r\n }\r\n .confirmation-message i {\r\n font-size: 60px;\r\n color: var(--primary);\r\n margin-bottom: 20px;\r\n }\r\n .confirmation-message h3 {\r\n font-size: 24px;\r\n margin-bottom: 10px;\r\n color: var(--dark);\r\n }\r\n .confirmation-message p {\r\n font-size: 16px;\r\n color: var(--gray-dark);\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .booking-page {\r\n flex-direction: column;\r\n }\r\n .right-container {\r\n width: 100%;\r\n position: static;\r\n }\r\n .highlights-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n .thumbnail-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .container { padding: 0 16px; }\r\n .hero-image { height: 300px; }\r\n .thumbnail-grid { grid-template-columns: repeat(4, 1fr); }\r\n .thumbnail { height: 80px; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .highlights-grid { grid-template-columns: 1fr; }\r\n .price { font-size: 36px; }\r\n .thumbnail:nth-child(n+5) { display: none; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"no-select\">\r\n <!-- Mobile Fixed Booking - changed text to Book Now (like 10-day template) -->\r\n <div class=\"mobile-fixed-booking\">\r\n <div class=\"mobile-booking-content\">\r\n <div class=\"mobile-booking-actions\">\r\n <div class=\"mobile-guests-selector\">\r\n <div class=\"mobile-guests-label\"><i class=\"fas fa-users\"><\/i><span>People<\/span><\/div>\r\n <div class=\"mobile-guests-controls\">\r\n <button class=\"mobile-guests-btn\" id=\"mobileDecreasePeople\" disabled>-<\/button>\r\n <span class=\"mobile-guests-count\" id=\"mobilePeopleCount\">1<\/span>\r\n <button class=\"mobile-guests-btn\" id=\"mobileIncreasePeople\">+<\/button>\r\n <\/div>\r\n <\/div>\r\n <button class=\"mobile-book-btn\" id=\"mobileOpenBookingModal\"><i class=\"fas fa-calendar-check\"><\/i>Jetzt buchen<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"container\">\r\n <div class=\"booking-page\">\r\n <!-- LEFT MAIN CONTENT -->\r\n <div class=\"left-container\">\r\n <!-- Gallery with NEW images for Merzouga Desert Activities -->\r\n <section class=\"image-gallery\">\r\n <div class=\"hero-image\" id=\"heroImage\">\r\n <img decoding=\"async\" id=\"mainImage\" src=\"https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/ifri-tours-sand-boarding.jpg\" alt=\"Merzouga Desert Activities - Sandboarding\">\r\n <\/div>\r\n <div class=\"thumbnail-grid\" id=\"thumbnailGrid\">\r\n <div class=\"thumbnail active\" data-index=\"0\"><img decoding=\"async\" src=\"https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/ifri-tours-sand-boarding.jpg\" alt=\"Sandboarding\"><div class=\"zoom-icon\"><i class=\"fas fa-search-plus\"><\/i><\/div><\/div>\r\n <div class=\"thumbnail\" data-index=\"1\"><img decoding=\"async\" src=\"https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/merzouga-sandboarding-desert.jpg\" alt=\"Sandboarding Dune\"><div class=\"zoom-icon\"><i class=\"fas fa-search-plus\"><\/i><\/div><\/div>\r\n <div class=\"thumbnail\" data-index=\"2\"><img decoding=\"async\" src=\"https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/Morocco-Sahara-desert-2.webp\" alt=\"Sahara Desert\"><div class=\"zoom-icon\"><i class=\"fas fa-search-plus\"><\/i><\/div><\/div>\r\n <div class=\"thumbnail view-more-thumbnail\" data-index=\"3\"><img decoding=\"async\" src=\"https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/1-2.png\" alt=\"Berber Cooking\"><div class=\"view-more-overlay\"><i class=\"fas fa-plus-circle\"><\/i><span>View More<\/span><\/div><\/div>\r\n <div class=\"thumbnail mobile-hidden\" data-index=\"4\"><img decoding=\"async\" src=\"https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/6-2.png\" alt=\"Fossil Tour\"><div class=\"zoom-icon\"><i class=\"fas fa-search-plus\"><\/i><\/div><\/div>\r\n <div class=\"thumbnail mobile-hidden\" data-index=\"5\"><img decoding=\"async\" src=\"https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/3-2-1.png\" alt=\"Sand Bath\"><div class=\"zoom-icon\"><i class=\"fas fa-search-plus\"><\/i><\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Gallery Modal -->\r\n <div class=\"gallery-modal\" id=\"galleryModal\">\r\n <button class=\"modal-close\" id=\"modalClose\"><i class=\"fas fa-times\"><\/i><\/button>\r\n <div class=\"modal-content\">\r\n <img decoding=\"async\" class=\"modal-image\" id=\"modalImage\" src=\"\" alt=\"\">\r\n <div class=\"modal-nav\"><button class=\"modal-nav-btn\" id=\"prevBtn\"><i class=\"fas fa-chevron-left\"><\/i><\/button><button class=\"modal-nav-btn\" id=\"nextBtn\"><i class=\"fas fa-chevron-right\"><\/i><\/button><\/div>\r\n <\/div>\r\n <div class=\"modal-counter\" id=\"modalCounter\">1 \/ 6<\/div>\r\n <\/div>\r\n\r\n <!-- TITLE & DESCRIPTION updated for Merzouga Desert Activities - Duration section removed -->\r\n <section class=\"section\">\r\n <h1>Merzouga Desert Activities<\/h1>\r\n <p class=\"tour-description\">\r\n Dive into authentic Sahara experiences with our <b>Merzouga Desert Activities<\/b>. Choose from <b>sandboarding<\/b> down the golden dunes, a traditional <b>sand bath<\/b> (buried in the desert sand \u2013 a Berber treatment), a hands-on <b>Berber cooking lesson<\/b> with a local family, or a fascinating <b>fossil tour<\/b> to explore Morocco\u2019s geological treasures. All activities are guided and customizable for a genuine desert connection.\r\n <\/p>\r\n <\/section>\r\n\r\n <!-- ITINERARY (activities program) -->\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-map-marked-alt\"><\/i> Activity Options & Experience<\/h2>\r\n <div class=\"timeline\">\r\n <div class=\"timeline-item\"><div class=\"timeline-content\"><div class=\"timeline-icon\"><i class=\"fas fa-snowboarding\"><\/i><\/div><div><div class=\"timeline-day\">SAND BOARDING<\/div><div class=\"timeline-details\">Climb the high dunes of Erg Chebbi and slide down on a board. Fun for all ages, equipment provided. Close to the camp or in a secluded dune area.<\/div><\/div><\/div><\/div>\r\n <div class=\"timeline-item\"><div class=\"timeline-content\"><div class=\"timeline-icon\"><i class=\"fas fa-hot-tub\"><\/i><\/div><div><div class=\"timeline-day\">SANDBATH (BURIED IN SAND)<\/div><div class=\"timeline-details\">Ancient Berber therapy: a hole is dug in the hot desert sand, you lie down and are covered for 10\u201130 minutes (head free). Best in summer. Believed to relieve rheumatism and muscle pain.<\/div><\/div><\/div><\/div>\r\n <div class=\"timeline-item\"><div class=\"timeline-content\"><div class=\"timeline-icon\"><i class=\"fas fa-utensils\"><\/i><\/div><div><div class=\"timeline-day\">BERBER COOKING LESSON<\/div><div class=\"timeline-details\">Join a local family, learn to make mint tea, Moroccan bread, and a traditional dish. Cook in a clay oven over wood fire. English\u2011speaking guide translates. Enjoy the meal together.<\/div><\/div><\/div><\/div>\r\n <div class=\"timeline-item\"><div class=\"timeline-content\"><div class=\"timeline-icon\"><i class=\"fas fa-dinosaur\"><\/i><\/div><div><div class=\"timeline-day\">FOSSIL TOUR<\/div><div class=\"timeline-details\">Guided excursion to fossil sites around Merzouga. Discover ancient marine fossils, learn about geology, and visit local artisans. Perfect for enthusiasts and collectors.<\/div><\/div><\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- HIGHLIGHTS updated -->\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-star\"><\/i> Experience Highlights<\/h2>\r\n <div class=\"highlights-grid\">\r\n <div class=\"highlight-item\"><div class=\"highlight-icon\"><i class=\"fas fa-snowboarding\"><\/i><\/div><div class=\"highlight-content\"><div class=\"highlight-title\">Sandboarding<\/div><div class=\"highlight-desc\">Slide down golden dunes<\/div><\/div><\/div>\r\n <div class=\"highlight-item\"><div class=\"highlight-icon\"><i class=\"fas fa-hot-tub\"><\/i><\/div><div><div class=\"highlight-title\">Sand Bath<\/div><div class=\"highlight-desc\">Ancient Berber therapy<\/div><\/div><\/div>\r\n <div class=\"highlight-item\"><div class=\"highlight-icon\"><i class=\"fas fa-utensils\"><\/i><\/div><div><div class=\"highlight-title\">Cooking Lesson<\/div><div class=\"highlight-desc\">Learn Berber recipes<\/div><\/div><\/div>\r\n <div class=\"highlight-item\"><div class=\"highlight-icon\"><i class=\"fas fa-dinosaur\"><\/i><\/div><div><div class=\"highlight-title\">Fossil Tour<\/div><div class=\"highlight-desc\">Millions\u2011year\u2011old treasures<\/div><\/div><\/div>\r\n <div class=\"highlight-item\"><div class=\"highlight-icon\"><i class=\"fas fa-hand-holding-heart\"><\/i><\/div><div><div class=\"highlight-title\">Local Family Visit<\/div><div class=\"highlight-desc\">Authentic cultural exchange<\/div><\/div><\/div>\r\n <div class=\"highlight-item\"><div class=\"highlight-icon\"><i class=\"fas fa-camera\"><\/i><\/div><div><div class=\"highlight-title\">Erg Chebbi Views<\/div><div class=\"highlight-desc\">Stunning dune panoramas<\/div><\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- WHAT'S INCLUDED (tailored for activities) -->\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-clipboard-check\"><\/i> What's Included<\/h2>\r\n <div class=\"included-section\">\r\n <div><h3><i class=\"fas fa-check-circle\" style=\"color: var(--primary);\"><\/i> Included<\/h3>\r\n <ul class=\"included-list\">\r\n <li><i class=\"fas fa-check\"><\/i> <span class=\"included-text\">All equipment (sandboard, cooking ingredients)<\/span><\/li>\r\n <li><i class=\"fas fa-check\"><\/i> <span class=\"included-text\">Local guide \/ host (English\u2011speaking)<\/span><\/li>\r\n <li><i class=\"fas fa-check\"><\/i> <span class=\"included-text\">Mint tea & Berber bread during cooking lesson<\/span><\/li>\r\n <li><i class=\"fas fa-check\"><\/i> <span class=\"included-text\">Sand bath preparation and guidance<\/span><\/li>\r\n <li><i class=\"fas fa-check\"><\/i> <span class=\"included-text\">Transport to\/from fossil sites (if selected)<\/span><\/li>\r\n <li><i class=\"fas fa-check\"><\/i> <span class=\"included-text\">Hotel \/ meeting point pickup in Merzouga<\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div><h3><i class=\"fas fa-times-circle\" style=\"color: #ef4444;\"><\/i> Not Included<\/h3>\r\n <ul class=\"excluded-list\">\r\n <li><i class=\"fas fa-times\"><\/i> <span class=\"included-text\">Lunch (except cooking lesson meal)<\/span><\/li>\r\n <li><i class=\"fas fa-times\"><\/i> <span class=\"included-text\">Tips and personal expenses<\/span><\/li>\r\n <li><i class=\"fas fa-times\"><\/i> <span class=\"included-text\">Fossil purchases<\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FAQ (5 questions, updated for activities) -->\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-question-circle\"><\/i> Frequently Asked Questions<\/h2>\r\n <div class=\"faq\">\r\n <div class=\"faq-item\"><div class=\"faq-question\"><h3><i class=\"fas fa-clock\"><\/i> How long does each activity last?<\/h3><i class=\"fas fa-chevron-down arrow\"><\/i><\/div><div class=\"faq-answer\"><p>Sandboarding & sand bath: about 1\u20112 hours. Cooking lesson: ~2\u20113 hours. Fossil tour: 2\u20114 hours depending on sites. You can combine several in one day.<\/p><\/div><\/div>\r\n <div class=\"faq-item\"><div class=\"faq-question\"><h3><i class=\"fas fa-hot-tub\"><\/i> Is the sand bath safe?<\/h3><i class=\"fas fa-chevron-down arrow\"><\/i><\/div><div class=\"faq-answer\"><p>Yes, it\u2019s a traditional therapy practised for centuries. We monitor the temperature and time; you can get up anytime. Not recommended for heart conditions or pregnancy.<\/p><\/div><\/div>\r\n <div class=\"faq-item\"><div class=\"faq-question\"><h3><i class=\"fas fa-child\"><\/i> Can children do sandboarding?<\/h3><i class=\"fas fa-chevron-down arrow\"><\/i><\/div><div class=\"faq-answer\"><p>Absolutely! Sandboarding is fun for kids. We have boards suitable for all ages.<\/p><\/div><\/div>\r\n <div class=\"faq-item\"><div class=\"faq-question\"><h3><i class=\"fas fa-tshirt\"><\/i> What should I bring for cooking lesson?<\/h3><i class=\"fas fa-chevron-down arrow\"><\/i><\/div><div class=\"faq-answer\"><p>Just your appetite! We provide all ingredients. Comfortable clothes, camera, and curiosity.<\/p><\/div><\/div>\r\n <div class=\"faq-item\"><div class=\"faq-question\"><h3><i class=\"fas fa-euro-sign\"><\/i> How do I get the price?<\/h3><i class=\"fas fa-chevron-down arrow\"><\/i><\/div><div class=\"faq-answer\"><p>Prices vary by combination and number of people. Send us a request \u2013 we\u2019ll reply within 24 hours with the best rate.<\/p><\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n\r\n <!-- RIGHT SIDEBAR : BOOKING & CONTACT (price on request) -->\r\n <div class=\"right-container\">\r\n <div class=\"booking-widget\">\r\n <div class=\"price-container\">\r\n <div class=\"price-display\">\r\n <i class=\"fas fa-tag price-icon\"><\/i>\r\n <div class=\"price\">On Request<\/div>\r\n <\/div>\r\n <div class=\"price-note\">best price guarantee<\/div>\r\n <\/div>\r\n <div class=\"booking-form\">\r\n <div class=\"form-group\"><label><i class=\"fas fa-calendar-alt\"><\/i> Start Date<\/label><input type=\"date\" id=\"tourDate\" class=\"form-control\" required><\/div>\r\n <!-- Time field hidden -->\r\n <input type=\"hidden\" id=\"tourTime\" value=\"09:00\">\r\n <div class=\"form-group\"><label><i class=\"fas fa-users\"><\/i> Number of People<\/label>\r\n <div class=\"guests-selector\">\r\n <button type=\"button\" class=\"guests-btn\" id=\"decreasePeople\" disabled>-<\/button>\r\n <span class=\"guests-count\" id=\"peopleCount\">1<\/span>\r\n <button type=\"button\" class=\"guests-btn\" id=\"increasePeople\">+<\/button>\r\n <\/div>\r\n <\/div>\r\n <!-- Changed button text from Request Booking to Book Now (like 10-day template) -->\r\n <button class=\"book-now-btn\" id=\"openBookingModal\"><i class=\"fas fa-calendar-check\"><\/i>Jetzt buchen<\/button>\r\n <div class=\"secure-booking\"><i class=\"fas fa-lock\"><\/i>Price on request<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-container\">\r\n <h3 class=\"contact-title\"><i class=\"fas fa-phone-alt\"><\/i> Need Help?<\/h3>\r\n <p class=\"contact-description\">Ask about combining activities or group discounts.<\/p>\r\n <div class=\"contact-info\"><div class=\"contact-item\"><i class=\"fas fa-phone contact-icon\"><\/i><span class=\"contact-text\">+212 676 606 912<\/span><\/div><\/div>\r\n <!-- Updated contact link as requested -->\r\n <a href=\"https:\/\/moroccotravel.ai\/de\/contact\/\" class=\"contact-btn\"><i class=\"fas fa-comments\"><\/i> Kontakt<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Booking Modal (same structure, tour name updated) -->\r\n <div class=\"modal-overlay\" id=\"bookingModal\">\r\n <div class=\"modal\">\r\n <button class=\"close-modal\" id=\"closeModal\">×<\/button>\r\n <div id=\"bookingFormContent\">\r\n <div class=\"modal-header\">\r\n <div class=\"modal-tour-image\"><img decoding=\"async\" src=\"https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/ifri-tours-sand-boarding.jpg\" alt=\"Merzouga Desert Activities\"><\/div>\r\n <h2 class=\"modal-title\">Merzouga Desert Activities<\/h2>\r\n <div class=\"booking-summary\">\r\n <div class=\"summary-item\"><i class=\"fas fa-calendar-alt\"><\/i><span id=\"summaryDate\">Select Date<\/span><\/div>\r\n <div class=\"summary-item\"><i class=\"fas fa-users\"><\/i><span id=\"summaryPeople\">1 Person<\/span><\/div>\r\n <div class=\"summary-item\"><i class=\"fas fa-euro-sign\"><\/i><span>Price on request<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <form class=\"modal-form\" id=\"bookingFormModal\" action=\"\">\r\n <div class=\"form-group\"><label><i class=\"fas fa-user\"><\/i> Full Name *<\/label><input type=\"text\" id=\"fullName\" class=\"form-control\" required><\/div>\r\n <div class=\"form-group\"><label><i class=\"fas fa-envelope\"><\/i> Email *<\/label><input type=\"email\" id=\"email\" class=\"form-control\" required><\/div>\r\n <div class=\"form-group\"><label><i class=\"fas fa-phone\"><\/i> Phone *<\/label><input type=\"tel\" id=\"phone\" class=\"form-control\" required placeholder=\"+212 ...\"><\/div>\r\n <div class=\"form-group\"><label><i class=\"fas fa-comment\"><\/i> Preferred Activity \/ Requests<\/label><textarea id=\"message\" class=\"form-control\" rows=\"2\" placeholder=\"e.g. sandboarding + cooking lesson, group size...\"><\/textarea><\/div>\r\n <button type=\"submit\" class=\"submit-btn\"><i class=\"fas fa-paper-plane\"><\/i>Send Request<\/button>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"de\"\/><\/form>\r\n <\/div>\r\n <div class=\"confirmation-message\" id=\"confirmationMessage\"><i class=\"fas fa-check-circle\"><\/i><h3>Request Sent!<\/h3><p>We'll get back to you within 24 hours with the best price.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n (function() {\r\n emailjs.init(\"MnTxIyAXYhEVP7r_W\"); \/\/ Public Key\r\n })();\r\n\r\n document.addEventListener('DOMContentLoaded', function() {\r\n \/\/ Prevent zoom\r\n document.addEventListener('wheel', e => e.ctrlKey && e.preventDefault(), { passive: false });\r\n document.addEventListener('touchstart', e => e.touches.length>1 && e.preventDefault(), { passive: false });\r\n\r\n \/\/ Gallery images for Merzouga Desert Activities (new set)\r\n const galleryImages = [\r\n { src: \"https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/ifri-tours-sand-boarding.jpg\", alt: \"Sandboarding\" },\r\n { src: \"https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/merzouga-sandboarding-desert.jpg\", alt: \"Sandboarding Dune\" },\r\n { src: \"https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/Morocco-Sahara-desert-2.webp\", alt: \"Sahara Desert\" },\r\n { src: \"https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/1-2.png\", alt: \"Berber Cooking\" },\r\n { src: \"https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/6-2.png\", alt: \"Fossil Tour\" },\r\n { src: \"https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/3-2-1.png\", alt: \"Sand Bath\" }\r\n ];\r\n \r\n const mainImage = document.getElementById('mainImage');\r\n const heroImage = document.getElementById('heroImage');\r\n const thumbnails = document.querySelectorAll('.thumbnail');\r\n const galleryModal = document.getElementById('galleryModal');\r\n const modalImage = document.getElementById('modalImage');\r\n const modalClose = document.getElementById('modalClose');\r\n const prevBtn = document.getElementById('prevBtn');\r\n const nextBtn = document.getElementById('nextBtn');\r\n const modalCounter = document.getElementById('modalCounter');\r\n let currentImageIndex = 0;\r\n\r\n function updateMainGallery(index) {\r\n mainImage.src = galleryImages[index].src;\r\n mainImage.alt = galleryImages[index].alt;\r\n thumbnails.forEach(t => t.classList.remove('active'));\r\n if(thumbnails[index]) thumbnails[index].classList.add('active');\r\n }\r\n\r\n thumbnails.forEach((thumb, idx) => {\r\n thumb.addEventListener('click', (e) => {\r\n if(e.target.closest('.view-more-overlay')) { openModal(); return; }\r\n currentImageIndex = idx;\r\n updateMainGallery(currentImageIndex);\r\n });\r\n });\r\n\r\n heroImage.addEventListener('click', () => { currentImageIndex = 0; openModal(); });\r\n document.querySelector('.view-more-overlay')?.addEventListener('click', (e) => { e.stopPropagation(); openModal(); });\r\n\r\n function openModal() {\r\n galleryModal.classList.add('active');\r\n document.body.style.overflow = 'hidden';\r\n updateModalImage();\r\n }\r\n function closeModal() { galleryModal.classList.remove('active'); document.body.style.overflow = 'auto'; }\r\n function updateModalImage() {\r\n modalImage.src = galleryImages[currentImageIndex].src;\r\n modalImage.alt = galleryImages[currentImageIndex].alt;\r\n modalCounter.textContent = `${currentImageIndex+1} \/ ${galleryImages.length}`;\r\n }\r\n modalClose.addEventListener('click', closeModal);\r\n prevBtn.addEventListener('click', () => { currentImageIndex = (currentImageIndex-1+galleryImages.length)%galleryImages.length; updateModalImage(); });\r\n nextBtn.addEventListener('click', () => { currentImageIndex = (currentImageIndex+1)%galleryImages.length; updateModalImage(); });\r\n galleryModal.addEventListener('click', e => e.target===galleryModal && closeModal());\r\n document.addEventListener('keydown', e => { if(galleryModal.classList.contains('active')) { if(e.key==='Escape') closeModal(); if(e.key==='ArrowLeft') prevBtn.click(); if(e.key==='ArrowRight') nextBtn.click(); } });\r\n\r\n \/\/ Booking logic - price on request\r\n const peopleCountEl = document.getElementById('peopleCount');\r\n const mobilePeopleCount = document.getElementById('mobilePeopleCount');\r\n const decreaseBtn = document.getElementById('decreasePeople');\r\n const increaseBtn = document.getElementById('increasePeople');\r\n const mobileDecrease = document.getElementById('mobileDecreasePeople');\r\n const mobileIncrease = document.getElementById('mobileIncreasePeople');\r\n const tourDate = document.getElementById('tourDate');\r\n let people = 1;\r\n\r\n \/\/ Set default date tomorrow\r\n let tomorrow = new Date(); tomorrow.setDate(tomorrow.getDate()+1);\r\n tourDate.value = tomorrow.toISOString().split('T')[0];\r\n tourDate.min = tomorrow.toISOString().split('T')[0];\r\n\r\n function updatePeopleUI() {\r\n peopleCountEl.textContent = people;\r\n mobilePeopleCount.textContent = people;\r\n decreaseBtn.disabled = people <= 1;\r\n increaseBtn.disabled = people >= 8;\r\n mobileDecrease.disabled = people <= 1;\r\n mobileIncrease.disabled = people >= 8;\r\n \r\n document.getElementById('summaryPeople').innerText = people + (people===1?' Person':' People');\r\n document.getElementById('summaryDate').innerText = new Date(tourDate.value).toLocaleDateString('en-US',{month:'short', day:'numeric', year:'numeric'});\r\n }\r\n\r\n decreaseBtn.addEventListener('click', ()=>{ if(people>1){ people--; updatePeopleUI(); } });\r\n increaseBtn.addEventListener('click', ()=>{ if(people<8){ people++; updatePeopleUI(); } });\r\n mobileDecrease.addEventListener('click', ()=>{ if(people>1){ people--; updatePeopleUI(); } });\r\n mobileIncrease.addEventListener('click', ()=>{ if(people<8){ people++; updatePeopleUI(); } });\r\n tourDate.addEventListener('change', updatePeopleUI);\r\n\r\n \/\/ Modal booking\r\n const modalOverlay = document.getElementById('bookingModal');\r\n const openModalBtns = [document.getElementById('openBookingModal'), document.getElementById('mobileOpenBookingModal')];\r\n const closeModalBtn = document.getElementById('closeModal');\r\n const bookingForm = document.getElementById('bookingFormModal');\r\n const formContent = document.getElementById('bookingFormContent');\r\n const confirmMsg = document.getElementById('confirmationMessage');\r\n\r\n openModalBtns.forEach(btn => btn.addEventListener('click', ()=>{\r\n if(!tourDate.value) { alert('Please select a date'); return; }\r\n updatePeopleUI();\r\n modalOverlay.classList.add('active');\r\n document.body.style.overflow = 'hidden';\r\n }));\r\n closeModalBtn.addEventListener('click', ()=>{ modalOverlay.classList.remove('active'); document.body.style.overflow = 'auto'; });\r\n modalOverlay.addEventListener('click', e => e.target===modalOverlay && closeModalBtn.click());\r\n\r\n \/\/ Form submit with emailjs\r\n bookingForm.addEventListener('submit', async (e) => {\r\n e.preventDefault();\r\n const btn = bookingForm.querySelector('button[type=\"submit\"]');\r\n btn.disabled = true; btn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Sending...';\r\n const formData = {\r\n from_name: document.getElementById('fullName').value,\r\n from_email: document.getElementById('email').value,\r\n phone: document.getElementById('phone').value,\r\n message: document.getElementById('message').value || 'No special requests',\r\n travel_date: tourDate.value,\r\n number_of_persons: people,\r\n total_price: \"price on request\",\r\n tour_name: \"Merzouga Desert Activities\"\r\n };\r\n try {\r\n await emailjs.send(\"service_sgtr84h\", \"template_3zsdqnq\", formData);\r\n formContent.style.display = 'none';\r\n confirmMsg.style.display = 'block';\r\n setTimeout(() => { \r\n formContent.style.display = 'block'; \r\n confirmMsg.style.display = 'none'; \r\n bookingForm.reset(); \r\n document.getElementById('fullName').value=''; \r\n document.getElementById('email').value=''; \r\n document.getElementById('phone').value=''; \r\n document.getElementById('message').value=''; \r\n closeModalBtn.click(); \r\n btn.disabled = false; btn.innerHTML = '<i class=\"fas fa-paper-plane\"><\/i>Send Request';\r\n people=1; updatePeopleUI();\r\n }, 4000);\r\n } catch (error) {\r\n alert('Error, please try again or call us.'); console.error(error);\r\n btn.disabled = false; btn.innerHTML = '<i class=\"fas fa-paper-plane\"><\/i>Send Request';\r\n }\r\n });\r\n\r\n \/\/ FAQ accordion\r\n document.querySelectorAll('.faq-question').forEach(q => q.addEventListener('click', function(){\r\n const answer = this.nextElementSibling;\r\n const isOpen = answer.classList.contains('open');\r\n document.querySelectorAll('.faq-answer').forEach(a => a.classList.remove('open'));\r\n document.querySelectorAll('.faq-question').forEach(q => q.classList.remove('active'));\r\n if(!isOpen) { answer.classList.add('open'); this.classList.add('active'); }\r\n }));\r\n\r\n updatePeopleUI();\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>Merzouga Desert Activities | Sand Boarding & Berber Experiences People – 1 + Book Now View More 1 \/ 6 Merzouga Desert Activities Dive into authentic Sahara experiences with our Merzouga Desert Activities. Choose from sandboarding down the golden dunes, a traditional sand bath (buried in the desert sand \u2013 a Berber treatment), a hands-on […]<\/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-416","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/moroccotravel.ai\/de\/wp-json\/wp\/v2\/pages\/416","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moroccotravel.ai\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moroccotravel.ai\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moroccotravel.ai\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moroccotravel.ai\/de\/wp-json\/wp\/v2\/comments?post=416"}],"version-history":[{"count":13,"href":"https:\/\/moroccotravel.ai\/de\/wp-json\/wp\/v2\/pages\/416\/revisions"}],"predecessor-version":[{"id":755,"href":"https:\/\/moroccotravel.ai\/de\/wp-json\/wp\/v2\/pages\/416\/revisions\/755"}],"wp:attachment":[{"href":"https:\/\/moroccotravel.ai\/de\/wp-json\/wp\/v2\/media?parent=416"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}