{"id":253,"date":"2026-02-21T16:55:51","date_gmt":"2026-02-21T16:55:51","guid":{"rendered":"https:\/\/moroccotravel.ai\/?page_id=253"},"modified":"2026-03-11T13:24:50","modified_gmt":"2026-03-11T13:24:50","slug":"morocco-desert-tours-4-days-from-fes-to-marrakech-desert-tours-2026","status":"publish","type":"page","link":"https:\/\/moroccotravel.ai\/es\/morocco-desert-tours-4-days-from-fes-to-marrakech-desert-tours-2026\/","title":{"rendered":"Morocco Desert Tours 4 days from Fes to Marrakech Desert Tours 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 Morocco Desert Tour 4 Days From Marrakech To Desert 2026<\/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\": \"Morocco Desert Tour 4 Days From Marrakech To Desert 2026\",\r\n \"description\": \"4-day journey from Marrakech to the Sahara desert via Ait Ben Haddou, Ouarzazate, Dades Valley, Todgha Gorge and Merzouga.\",\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, Ait Ben Haddou, Ouarzazate, Dades Valley, Todgha Gorge, Merzouga\"\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;\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 .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 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 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 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 \/* outbound link style *\/\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 - changed text to Book Now -->\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>Personas<\/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>Reserve ahora<\/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 images for 4-day Marrakech to desert 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\/wst_insideguide_fcr-458888_hr-scaled.avif\" alt=\"Morocco Desert Tour 4 Days From Marrakech To 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\/wst_insideguide_fcr-458888_hr-scaled.avif\" alt=\"Desert Camp\"><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\/une-nuit-camp-merzouga-marocvoyages.jpg\" alt=\"Merzouga 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\/Kasbah_Taourirt_in_Ouarzazate_2011.jpg\" alt=\"Kasbah Taourirt\"><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\/images-37.jpeg\" alt=\"Todgha Gorge\"><div class=\"view-more-overlay\"><i class=\"fas fa-plus-circle\"><\/i><span>Ver m\u00e1s<\/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\/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 mobile-hidden\" data-index=\"5\"><img decoding=\"async\" src=\"https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/an-iconic-moroccan-minaret-towers-over-lush-garden-2025-04-05-04-28-12-utc-scaled.jpg\" alt=\"Marrakech\"><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 - Removed the tour-duration div as requested, focus keyword integrated -->\r\n <section class=\"section\">\r\n <h1>Morocco Desert Tour 4 Days From Marrakech To Desert 2026<\/h1>\r\n <p class=\"tour-description\">\r\n Experience the ultimate <b>Morocco Desert Tour 4 Days From Marrakech To Desert 2026<\/b>. This spectacular journey takes you from Marrakech through the High Atlas to Ait Ben Haddou, Ouarzazate, Dades Valley, Todgha Gorge, and the Sahara of Merzouga. Enjoy a camel trek, sleep under the stars in a desert camp, and explore ancient kasbahs. All transport, camel ride, dinners, breakfasts, and accommodation are included.\r\n <\/p>\r\n <\/section>\r\n\r\n <!-- ITINERARY (4 days from Marrakech to desert) -->\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-map-marked-alt\"><\/i> Tour Itinerary (4 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 \u2013 AIT BEN HADDOU \u2013 OUARZAZATE \u2013 DADES<\/div><div class=\"timeline-details\">Depart Marrakech in the morning, cross the Tizi n'Tichka pass. Visit the UNESCO kasbah Ait Ben Haddou, then Ouarzazate (Kasbah Taourirt). Continue to Dades Valley. Overnight in Dades (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 : DADES \u2013 TODGHA GORGE \u2013 MERZOUGA (SAHARA)<\/div><div class=\"timeline-details\">After breakfast, drive to Todgha Gorge for a walk among the cliffs. Then continue to Merzouga. Ride camels into Erg Chebbi dunes, watch sunset. Overnight in desert camp (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-mountain\"><\/i><\/div><div><div class=\"timeline-day\">DAY 3 : MERZOUGA \u2013 ZIZ VALLEY \u2013 MIDELT \u2013 FES<\/div><div class=\"timeline-details\">Sunrise in the dunes, camel back to village. Drive via Ziz Valley, Midelt, and cedar forests. Arrive in Fes in the evening. Overnight in Fes (breakfast included).<\/div><\/div><\/div><\/div>\r\n <div class=\"timeline-item\"><div class=\"timeline-content\"><div class=\"timeline-icon\"><i class=\"fas fa-undo-alt\"><\/i><\/div><div><div class=\"timeline-day\">DAY 4 : FES \u2013 IFRANE \u2013 MARRAKECH<\/div><div class=\"timeline-details\">Morning departure from Fes, stop in Ifrane and the Middle Atlas. Cross the mountains back to Marrakech. Drop off at your hotel in the late afternoon (breakfast included).<\/div><\/div><\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- HIGHLIGHTS (adapted for Marrakech to desert) -->\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-star\"><\/i> Lo m\u00e1s destacado<\/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\">Excursi\u00f3n en camello<\/div><div class=\"highlight-desc\">Sunset in Erg Chebbi<\/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\">Desert Camp<\/div><div class=\"highlight-desc\">Overnight in Sahara<\/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\">Todgha Gorge<\/div><div class=\"highlight-desc\">Dramatic canyons<\/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\">Dades Valley<\/div><div class=\"highlight-desc\">Rock formations<\/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\">Kasbah de la UNESCO<\/div><\/div><\/div>\r\n <div class=\"highlight-item\"><div class=\"highlight-icon\"><i class=\"fas fa-road\"><\/i><\/div><div><div class=\"highlight-title\">Tizi n'Tichka<\/div><div class=\"highlight-desc\">High Atlas pass<\/div><\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- INCLUDED \/ NOT INCLUDED (same but now for Marrakech desert) -->\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-clipboard-check\"><\/i> Qu\u00e9 incluye<\/h2>\r\n <div class=\"included-section\">\r\n <div><h3><i class=\"fas fa-check-circle\" style=\"color: var(--primary);\"><\/i> Incluye<\/h3>\r\n <ul class=\"included-list\">\r\n <li><i class=\"fas fa-check\"><\/i> <span class=\"included-text\">Pick up from your Marrakech hotel \/ Private 4x4 transport<\/span><\/li>\r\n <li><i class=\"fas fa-check\"><\/i> <span class=\"included-text\">3 nights accommodation: 1 night desert camp, 2 nights hotels\/riads<\/span><\/li>\r\n <li><i class=\"fas fa-check\"><\/i> <span class=\"included-text\">Meals: 3 dinners & 4 breakfasts<\/span><\/li>\r\n <li><i class=\"fas fa-check\"><\/i> <span class=\"included-text\">Experienced driver\/guide & camel trek (one per person)<\/span><\/li>\r\n <li><i class=\"fas fa-check\"><\/i> <span class=\"included-text\">Drop off at your Marrakech hotel on day 4<\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div><h3><i class=\"fas fa-times-circle\" style=\"color: #ef4444;\"><\/i> No incluido<\/h3>\r\n <ul class=\"excluded-list\">\r\n <li><i class=\"fas fa-times\"><\/i> <span class=\"included-text\">Lunches and drinks<\/span><\/li>\r\n <li><i class=\"fas fa-times\"><\/i> <span class=\"included-text\">Plane tickets and Travel insurance<\/span><\/li>\r\n <li><i class=\"fas fa-times\"><\/i> <span class=\"included-text\">Tips and personal expenses<\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- MAP (same map, works for Marrakech to desert) -->\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-map\"><\/i> Mapa del recorrido<\/h2>\r\n <div class=\"map-container\">\r\n <iframe src=\"https:\/\/www.google.com\/maps\/d\/u\/0\/embed?mid=1kKz3FSxYor7OFHW5_uPqtDkonxn3drI&ehbc=2E312F&noprof=1\" allowfullscreen=\"\" loading=\"lazy\"><\/iframe>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FAQ (5 questions) with outbound link -->\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-question-circle\"><\/i> Preguntas frecuentes<\/h2>\r\n <div class=\"faq\">\r\n <div class=\"faq-item\"><div class=\"faq-question\"><h3><i class=\"fas fa-user\"><\/i> \u00bfSe trata de una visita privada?<\/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: ~7 hrs; Day 2: ~5 hrs; Day 3: ~7 hrs; Day 4: ~6 hrs. Scenic stops included.<\/p><\/div><\/div>\r\n <div class=\"faq-item\"><div class=\"faq-question\"><h3><i class=\"fas fa-child\"><\/i> Is the camel ride safe 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.<\/p><\/div><\/div>\r\n <div class=\"faq-item\"><div class=\"faq-question\"><h3><i class=\"fas fa-hiking\"><\/i> \u00bfQu\u00e9 debo meter en la maleta?<\/h3><i class=\"fas fa-chevron-down arrow\"><\/i><\/div><div class=\"faq-answer\"><p>Comfortable clothing, a warm layer for the desert evening, sunscreen, sunglasses, camera. The camp provides basic bedding.<\/p><\/div><\/div>\r\n <div class=\"faq-item\"><div class=\"faq-question\"><h3><i class=\"fas fa-euro-sign\"><\/i> \u00bfC\u00f3mo obtengo el precio?<\/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\">Marruecos<\/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\">A petici\u00f3n<\/div>\r\n <\/div>\r\n <div class=\"price-note\">mejor precio garantizado<\/div>\r\n <\/div>\r\n <div class=\"booking-form\">\r\n <div class=\"form-group\"><label><i class=\"fas fa-calendar-alt\"><\/i> Fecha de inicio (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> N\u00famero de personas<\/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 -->\r\n <button class=\"book-now-btn\" id=\"openBookingModal\"><i class=\"fas fa-calendar-check\"><\/i>Reserve ahora<\/button>\r\n <div class=\"secure-booking\"><i class=\"fas fa-lock\"><\/i>Precio a consultar<\/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> \u00bfNecesita ayuda?<\/h3>\r\n <p class=\"contact-description\">Pregunte por salidas privadas o descuentos para grupos para 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\/es\/contact\/\" class=\"contact-btn\"><i class=\"fas fa-comments\"><\/i> P\u00f3ngase en contacto con nosotros<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Booking Modal -->\r\n <div class=\"modal-overlay\" id=\"bookingModal\">\r\n <div class=\"modal\">\r\n <button class=\"close-modal\" id=\"closeModal\">\u00d7<\/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\/wst_insideguide_fcr-458888_hr-scaled.avif\" alt=\"4 Days Marrakech to Desert\"><\/div>\r\n <h2 class=\"modal-title\">Morocco Desert Tour 4 Days From Marrakech To 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\">Seleccionar fecha<\/span><\/div>\r\n <div class=\"summary-item\"><i class=\"fas fa-users\"><\/i><span id=\"summaryPeople\">1 persona<\/span><\/div>\r\n <div class=\"summary-item\"><i class=\"fas fa-euro-sign\"><\/i><span>Precio a consultar<\/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> Nombre completo *<\/label><input type=\"text\" id=\"fullName\" class=\"form-control\" required><\/div>\r\n <div class=\"form-group\"><label><i class=\"fas fa-envelope\"><\/i> Correo electr\u00f3nico *<\/label><input type=\"email\" id=\"email\" class=\"form-control\" required><\/div>\r\n <div class=\"form-group\"><label><i class=\"fas fa-phone\"><\/i> Tel\u00e9fono *<\/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> Preguntas \/ Tama\u00f1o del grupo<\/label><textarea id=\"message\" class=\"form-control\" rows=\"2\" placeholder=\"D\u00edganos sus fechas preferidas y cualquier petici\u00f3n especial...\"><\/textarea><\/div>\r\n <button type=\"submit\" class=\"submit-btn\"><i class=\"fas fa-paper-plane\"><\/i>Enviar solicitud<\/button>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"es\"\/><\/form>\r\n <\/div>\r\n <div class=\"confirmation-message\" id=\"confirmationMessage\"><i class=\"fas fa-check-circle\"><\/i><h3>Solicitud enviada<\/h3><p>Le responderemos en 24 horas con el mejor precio.<\/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 4-day Marrakech to desert tour (same images)\r\n const galleryImages = [\r\n { src: \"https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/wst_insideguide_fcr-458888_hr-scaled.avif\", alt: \"Desert Camp\" },\r\n { src: \"https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/une-nuit-camp-merzouga-marocvoyages.jpg\", alt: \"Merzouga Camp\" },\r\n { src: \"https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/Kasbah_Taourirt_in_Ouarzazate_2011.jpg\", alt: \"Kasbah Taourirt\" },\r\n { src: \"https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/images-37.jpeg\", alt: \"Todgha Gorge\" },\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\/an-iconic-moroccan-minaret-towers-over-lush-garden-2025-04-05-04-28-12-utc-scaled.jpg\", alt: \"Marrakech\" }\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: \"Morocco Desert Tour 4 Days From Marrakech To 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>Morocco Desert Tour 4 Days From Marrakech To Desert 2026 People – 1 + Book Now View More 1 \/ 6 Morocco Desert Tour 4 Days From Marrakech To Desert 2026 Experience the ultimate Morocco Desert Tour 4 Days From Marrakech To Desert 2026. This spectacular journey takes you from Marrakech through the High Atlas […]<\/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-253","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\/es\/wp-json\/wp\/v2\/pages\/253","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moroccotravel.ai\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moroccotravel.ai\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moroccotravel.ai\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moroccotravel.ai\/es\/wp-json\/wp\/v2\/comments?post=253"}],"version-history":[{"count":20,"href":"https:\/\/moroccotravel.ai\/es\/wp-json\/wp\/v2\/pages\/253\/revisions"}],"predecessor-version":[{"id":570,"href":"https:\/\/moroccotravel.ai\/es\/wp-json\/wp\/v2\/pages\/253\/revisions\/570"}],"wp:attachment":[{"href":"https:\/\/moroccotravel.ai\/es\/wp-json\/wp\/v2\/media?parent=253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}