{"id":286,"date":"2026-02-21T17:19:30","date_gmt":"2026-02-21T17:19:30","guid":{"rendered":"https:\/\/moroccotravel.ai\/?page_id=286"},"modified":"2026-03-11T13:15:36","modified_gmt":"2026-03-11T13:15:36","slug":"morocco-desert-tours-2-days-tours-to-zagora-desert-2026","status":"publish","type":"page","link":"https:\/\/moroccotravel.ai\/zh\/morocco-desert-tours-2-days-tours-to-zagora-desert-2026\/","title":{"rendered":"Morocco Desert tours 2 days tours to Zagora desert 2026"},"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 \r\n \r\n \r\n 2 days tours to Zagora desert 2026 | Morocco desert tours | Timlalin Tours<\/title>\r\n <!-- ########## END SEO ########## -->\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\": \"2 days tours to Zagora desert 2026\",\r\n \"description\": \"2-day journey from Marrakech to Zagora via Draa Valley, camel trek, luxury desert camp, and Ait Ben Haddou.\",\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\": \"Marrakech, Draa Valley, Zagora, Ait Ben Haddou\"\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 \/* UPDATED COLOR SCHEME - TIMLALIN TOURS THEME *\/\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; \/* space for fixed bar *\/\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 {\r\n color: var(--dark);\r\n font-size: 20px;\r\n font-weight: 700;\r\n margin-bottom: 20px;\r\n padding: 12px 20px;\r\n background-color: transparent;\r\n border-radius: var(--radius-sm);\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n width: 100%;\r\n margin-left: 0;\r\n margin-right: 0;\r\n border: 3px solid var(--primary);\r\n border-left: 6px solid var(--secondary);\r\n white-space: nowrap;\r\n overflow-x: auto;\r\n -webkit-overflow-scrolling: touch;\r\n }\r\n\r\n .tour-duration i {\r\n color: var(--primary);\r\n flex-shrink: 0;\r\n }\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 \/* MOBILE OPTIMIZATIONS \u2013 same as other tour pages *\/\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 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: 18px !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 .tour-duration {\r\n font-size: 16px;\r\n white-space: nowrap;\r\n overflow-x: auto;\r\n -webkit-overflow-scrolling: touch;\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 BUTTON - text \"Book Now\" *\/\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 16px !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: 6px !important;\r\n white-space: nowrap !important;\r\n box-shadow: 0 2px 8px rgba(208, 146, 61, 0.1) !important;\r\n flex: 0 1 auto !important;\r\n margin-left: 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 \/* MODAL & BUTTON FIXES *\/\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 \/* FIXED SUBMIT BUTTON STYLE *\/\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 \/* Style for outbound link in FAQ *\/\r\n .outbound-link {\r\n color: var(--primary);\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-bottom: 1px dotted var(--primary);\r\n }\r\n .outbound-link:hover {\r\n color: var(--primary-dark);\r\n border-bottom: 1px solid var(--primary-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 with \"Book Now\" text -->\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>\u7acb\u5373\u9884\u8ba2<\/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 2-day Zagora tour -->\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\/Ait-Ben-Haddou-Morocco-14.jpg\" alt=\"2 days tours to Zagora desert 2026\">\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\/Ait-Ben-Haddou-Morocco-14.jpg\" alt=\"Ait Ben Haddou\"><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\/15_6399d3dbc67afs_2.jpg\" alt=\"Desert Camp\"><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\/Sahara-tours-2025-08-05T133806.045.png\" alt=\"Zagora Dunes\"><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\/Sahara-tours-2025-08-05T133050.411.png\" alt=\"Draa Valley\"><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\/14-days-tour-from-Marrakech.webp\" alt=\"Camel Trek\"><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\/download-1.jpeg\" alt=\"Desert Sunset\"><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 with 2026 focus keyword - removed tour-duration div -->\r\n <section class=\"section\">\r\n <!-- The tour-duration div has been removed as requested -->\r\n <h1>2 days tours to Zagora desert 2026<\/h1>\r\n <p class=\"tour-description\">\r\n Experience the best <b>Morocco desert tours<\/b> with our <b>2 days tours to Zagora desert 2026<\/b>. Escape the city and discover the Sahara Desert on this 2-day tour from <b>Marrakech to Zagora<\/b>. Cross the High Atlas mountains, explore the lush <b>Draa Valley<\/b> with its palm groves and kasbahs, and enjoy a camel trek into the desert to watch the sunset. Spend the night in a <b>luxury desert camp<\/b> with dinner and breakfast, and visit the famous <b>Ait Ben Haddou kasbah<\/b> on your return. All transport, camel ride, meals, and accommodation are included in this <b>Zagora desert tour<\/b>.\r\n <\/p>\r\n <\/section>\r\n\r\n <!-- ITINERARY (2 days as requested) -->\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-map-marked-alt\"><\/i> Tour Itinerary (2 Days)<\/h2>\r\n <div class=\"timeline\">\r\n <div class=\"timeline-item\"><div class=\"timeline-content\"><div class=\"timeline-icon\"><i class=\"fas fa-sun\"><\/i><\/div><div><div class=\"timeline-day\">DAY 1 : MARRAKECH - DRAA VALLEY - ZAGORA<\/div><div class=\"timeline-details\">Depart Marrakech in the morning and cross the High Atlas mountains via the Tizi n'Tichka pass. Continue to Ouarzazate and then follow the Draa Valley, a lush palm grove with many traditional kasbahs. Arrive in Zagora in the late afternoon. Enjoy a camel trek into the desert to watch the sunset over the dunes. Overnight in a luxury desert camp with dinner & breakfast included.<\/div><\/div><\/div><\/div>\r\n <div class=\"timeline-item\"><div class=\"timeline-content\"><div class=\"timeline-icon\"><i class=\"fas fa-star\"><\/i><\/div><div><div class=\"timeline-day\">DAY 2 : ZAGORA - AIT BEN HADDOU - MARRAKECH<\/div><div class=\"timeline-details\">Wake up early to enjoy the sunrise over the desert. After breakfast, ride your camel back to Zagora. Then drive back towards Ouarzazate and visit the famous Ait Ben Haddou kasbah, a UNESCO World Heritage site. After exploring, continue through the High Atlas pass and arrive in Marrakech in the late afternoon. Drop off at your hotel.<\/div><\/div><\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- HIGHLIGHTS -->\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-star\"><\/i> Tour Highlights<\/h2>\r\n <div class=\"highlights-grid\">\r\n <div class=\"highlight-item\"><div class=\"highlight-icon\"><i class=\"fas fa-camel\"><\/i><\/div><div class=\"highlight-content\"><div class=\"highlight-title\">\u9a86\u9a7c\u8dcb\u6d89<\/div><div class=\"highlight-desc\">Sunset in Zagora desert<\/div><\/div><\/div>\r\n <div class=\"highlight-item\"><div class=\"highlight-icon\"><i class=\"fas fa-campground\"><\/i><\/div><div><div class=\"highlight-title\">Luxury Camp<\/div><div class=\"highlight-desc\">Overnight under stars<\/div><\/div><\/div>\r\n <div class=\"highlight-item\"><div class=\"highlight-icon\"><i class=\"fas fa-water\"><\/i><\/div><div><div class=\"highlight-title\">Draa Valley<\/div><div class=\"highlight-desc\">Palm groves & kasbahs<\/div><\/div><\/div>\r\n <div class=\"highlight-item\"><div class=\"highlight-icon\"><i class=\"fas fa-fort-awesome\"><\/i><\/div><div><div class=\"highlight-title\">Ait Ben Haddou<\/div><div class=\"highlight-desc\">UNESCO kasbah<\/div><\/div><\/div>\r\n <div class=\"highlight-item\"><div class=\"highlight-icon\"><i class=\"fas fa-mountain\"><\/i><\/div><div><div class=\"highlight-title\">High Atlas<\/div><div class=\"highlight-desc\">Tizi n'Tichka pass<\/div><\/div><\/div>\r\n <div class=\"highlight-item\"><div class=\"highlight-icon\"><i class=\"fas fa-sun\"><\/i><\/div><div><div class=\"highlight-title\">Sunrise<\/div><div class=\"highlight-desc\">Magical desert morning<\/div><\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- INCLUDED \/ NOT INCLUDED (exactly as provided, with note about duplication) -->\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\">Transportation during 2 days<\/span><\/li>\r\n <li><i class=\"fas fa-check\"><\/i> <span class=\"included-text\">Camel trekking experience<\/span><\/li>\r\n <li><i class=\"fas fa-check\"><\/i> <span class=\"included-text\">Luxury camp in desert with dinner & Breakfast<\/span><\/li>\r\n <li><i class=\"fas fa-check\"><\/i> <span class=\"included-text\">Dinners and breakfasts \/ 1 night in desert camp<\/span><\/li>\r\n <li><i class=\"fas fa-check\"><\/i> <span class=\"included-text\">Pick up from hotel and private transport<\/span><\/li>\r\n <li><i class=\"fas fa-check\"><\/i> <span class=\"included-text\">Experienced driver \/ guide \/ camel ride in desert<\/span><\/li>\r\n <li><i class=\"fas fa-check\"><\/i> <span class=\"included-text\">Drop off at your hotel at the end of Marrakech tour<\/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\">Pick up from hotel and private transport (this line appears duplicated in original, but we list it as per request)<\/span><\/li>\r\n <li><i class=\"fas fa-times\"><\/i> <span class=\"included-text\">Tips, plane tickets and travel insurance<\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <p style=\"margin-top: 16px; font-size: 14px; color: var(--gray);\"><i>Note: The \"Not Included\" section includes a duplicate line as per the original text.<\/i><\/p>\r\n <\/section>\r\n\r\n <!-- MAP (new 2-day Zagora map) -->\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-map\"><\/i> Tour Map<\/h2>\r\n <div class=\"map-container\">\r\n <iframe src=\"https:\/\/www.google.com\/maps\/d\/u\/0\/embed?mid=1d-V9M7E1wFtJBCqAYNwQEIqD3SvQo1M&ehbc=2E312F&noprof=1\" allowfullscreen=\"\" loading=\"lazy\"><\/iframe>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FAQ (5 questions) - with outbound link to Morocco Wikipedia -->\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-user\"><\/i> Is this a private tour?<\/h3><i class=\"fas fa-chevron-down arrow\"><\/i><\/div><div class=\"faq-answer\"><p>Yes, it's a private tour just for your group with your own vehicle and driver.<\/p><\/div><\/div>\r\n <div class=\"faq-item\"><div class=\"faq-question\"><h3><i class=\"fas fa-clock\"><\/i> What is the driving time?<\/h3><i class=\"fas fa-chevron-down arrow\"><\/i><\/div><div class=\"faq-answer\"><p>Day 1: about 6-7 hours with stops. Day 2: about 6 hours return. The drive is scenic with plenty of photo stops.<\/p><\/div><\/div>\r\n <div class=\"faq-item\"><div class=\"faq-question\"><h3><i class=\"fas fa-child\"><\/i> Is the camel ride suitable for children?<\/h3><i class=\"fas fa-chevron-down arrow\"><\/i><\/div><div class=\"faq-answer\"><p>Absolutely! Camels are gentle and the trek is slow. Children love it. Please let us know ages in advance.<\/p><\/div><\/div>\r\n <div class=\"faq-item\"><div class=\"faq-question\"><h3><i class=\"fas fa-hiking\"><\/i> What should I pack for the desert?<\/h3><i class=\"fas fa-chevron-down arrow\"><\/i><\/div><div class=\"faq-answer\"><p>Pack a small bag with: warm layer for the evening, sunscreen, sunglasses, camera, and toiletries. The luxury camp provides bedding and amenities.<\/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>Send us a request with your travel date and group size. We'll reply within 24 hours with a detailed quote. Discover more about <a href=\"https:\/\/en.wikipedia.org\/wiki\/Morocco\" target=\"_blank\" rel=\"noopener\" class=\"outbound-link\">\u6469\u6d1b\u54e5<\/a> before your trip!<\/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 (2026)<\/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 <button class=\"book-now-btn\" id=\"openBookingModal\"><i class=\"fas fa-calendar-check\"><\/i>Request Booking<\/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 private departures or group discounts for 2026.<\/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 <a href=\"https:\/\/moroccotravel.ai\/zh\/contact\/\" class=\"contact-btn\"><i class=\"fas fa-comments\"><\/i> \u8054\u7cfb\u6211\u4eec<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Booking Modal with fixed submit button -->\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\/Ait-Ben-Haddou-Morocco-14.jpg\" alt=\"2 days tours to Zagora desert 2026\"><\/div>\r\n <h2 class=\"modal-title\">2 days tours to Zagora desert 2026<\/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> Questions \/ Group size<\/label><textarea id=\"message\" class=\"form-control\" rows=\"2\" placeholder=\"Tell us your preferred dates and any special requests...\"><\/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=\"zh\"\/><\/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 2-day Zagora tour\r\n const galleryImages = [\r\n { src: \"https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/Ait-Ben-Haddou-Morocco-14.jpg\", alt: \"Ait Ben Haddou\" },\r\n { src: \"https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/15_6399d3dbc67afs_2.jpg\", alt: \"Desert Camp\" },\r\n { src: \"https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/Sahara-tours-2025-08-05T133806.045.png\", alt: \"Zagora Dunes\" },\r\n { src: \"https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/Sahara-tours-2025-08-05T133050.411.png\", alt: \"Draa Valley\" },\r\n { src: \"https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/14-days-tour-from-Marrakech.webp\", alt: \"Camel Trek\" },\r\n { src: \"https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/download-1.jpeg\", alt: \"Desert Sunset\" }\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: \"2 days tours to Zagora desert 2026\"\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>2 days tours to Zagora desert 2026 | Morocco desert tours | Timlalin Tours People – 1 + Book Now View More 1 \/ 6 2 days tours to Zagora desert 2026 Experience the best Morocco desert tours with our 2 days tours to Zagora desert 2026. Escape the city and discover the Sahara Desert […]<\/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-286","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\/zh\/wp-json\/wp\/v2\/pages\/286","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moroccotravel.ai\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moroccotravel.ai\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moroccotravel.ai\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moroccotravel.ai\/zh\/wp-json\/wp\/v2\/comments?post=286"}],"version-history":[{"count":21,"href":"https:\/\/moroccotravel.ai\/zh\/wp-json\/wp\/v2\/pages\/286\/revisions"}],"predecessor-version":[{"id":558,"href":"https:\/\/moroccotravel.ai\/zh\/wp-json\/wp\/v2\/pages\/286\/revisions\/558"}],"wp:attachment":[{"href":"https:\/\/moroccotravel.ai\/zh\/wp-json\/wp\/v2\/media?parent=286"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}