Camel Ride Experience | Palmeraie & Agafay Desert Options<\/title>\r\n <meta name=\"description\" content=\"Gentle 45-60 minute camel ride perfect for first-timers and families. Choose between Palmeraie Palm Grove or Agafay Desert locations.\">\r\n <meta name=\"keywords\" content=\"camel ride Marrakech, Palmeraie camel trek, Agafay Desert, family camel ride, sunset camel ride\">\r\n <meta property=\"og:title\" content=\"Camel Ride Experience - Palmeraie & Agafay Desert\">\r\n <meta property=\"og:description\" content=\"Gentle camel ride through Palmeraie palm groves or Agafay Desert with stunning sunset views.\">\r\n <meta property=\"og:type\" content=\"website\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@emailjs\/browser@3\/dist\/email.min.js\"><\/script>\r\n <style>\r\n \/* Tour Booking Page Styles - Self-contained *\/\r\n .tour-booking-page {\r\n \/* earthy palette - similar to Shaka *\/\r\n --tour-bg:#f5efe6; \/* sand background *\/\r\n --tour-ink:#2d2a26; \/* deep ink text *\/\r\n --tour-muted:#6b6a66; \/* muted text *\/\r\n --tour-card:#ffffff; \/* card bg *\/\r\n --tour-border:#e6dfd4; \/* soft border *\/\r\n --tour-sage:#647a68; \/* green accent *\/\r\n --tour-sage-700:#4f6254; \/* darker green *\/\r\n --tour-terra:#e67e22; \/* orange accent *\/\r\n --tour-terra-700:#d35400; \/* darker orange *\/\r\n --tour-cream:#fffaf2; \/* soft cream *\/\r\n\r\n --radius:14px; \r\n --shadow:0 10px 30px rgba(2,6,23,.08);\r\n \r\n box-sizing: border-box;\r\n font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, \"Helvetica Neue\", Arial, sans-serif;\r\n background: linear-gradient(180deg, var(--tour-cream), var(--tour-bg));\r\n color: var(--tour-ink);\r\n line-height: 1.6;\r\n -webkit-text-size-adjust: 100%;\r\n }\r\n \r\n .tour-booking-page * {\r\n box-sizing: border-box;\r\n }\r\n \r\n .tour-booking-page .container{\r\n max-width:1160px; \r\n margin-inline:auto; \r\n padding:24px;\r\n }\r\n\r\n \/* ---------------- Content Layout ---------------- *\/\r\n .tour-booking-page .content-wrapper{display:grid; grid-template-columns:1.6fr .9fr; gap:26px}\r\n @media (max-width:980px){.tour-booking-page .content-wrapper{grid-template-columns:1fr}}\r\n\r\n .tour-booking-page .section{\r\n background:var(--tour-card); \r\n border-radius:var(--radius); \r\n padding:24px; \r\n margin-bottom:22px; \r\n box-shadow:var(--shadow); \r\n border:1px solid var(--tour-border)\r\n }\r\n .tour-booking-page .section-title{\r\n display:flex; \r\n align-items:center; \r\n gap:10px; \r\n font-size:1.35rem; \r\n margin:0 0 16px;\r\n color: var(--tour-ink);\r\n }\r\n .tour-booking-page .section-title i{color:var(--tour-terra)}\r\n .tour-booking-page .description{color:var(--tour-muted); font-size:1.05rem}\r\n\r\n \/* ---------------- Interactive Gallery ---------------- *\/\r\n .tour-booking-page .image-gallery{display:grid; gap:12px; margin:22px 0 34px}\r\n .tour-booking-page .gallery-main{height:380px; border-radius:16px; background-size:cover; background-position:center; position:relative; overflow:hidden; cursor: pointer;}\r\n .tour-booking-page .gallery-row{display:grid; grid-template-columns:repeat(4,1fr); gap:12px}\r\n .tour-booking-page .gallery-thumb{height:140px; border-radius:12px; background-size:cover; background-position:center; position:relative; overflow:hidden; cursor: pointer;}\r\n .tour-booking-page .gallery-thumb.active {border: 3px solid var(--tour-terra);}\r\n .tour-booking-page .img-overlay{position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.35)); opacity:0; transition:.25s}\r\n .tour-booking-page .zoom-btn{\r\n position:absolute; right:10px; bottom:10px; background:rgba(255,255,255,.9); border:1px solid var(--tour-border);\r\n padding:8px 10px; border-radius:999px; display:flex; gap:8px; align-items:center; font-weight:600; color:#111; box-shadow:var(--shadow); cursor:pointer\r\n }\r\n .tour-booking-page .gallery-main:hover .img-overlay, .tour-booking-page .gallery-thumb:hover .img-overlay{opacity:1}\r\n\r\n \/* ---------------- Itinerary ---------------- *\/\r\n .tour-booking-page .itinerary-item{\r\n display:grid; \r\n grid-template-columns:120px 1fr; \r\n gap:16px; \r\n padding:16px 0; \r\n border-bottom:1px solid var(--tour-border)\r\n }\r\n .tour-booking-page .itinerary-item:last-child{border-bottom:0}\r\n .tour-booking-page .itinerary-day{font-weight:800; color:var(--tour-terra)}\r\n .tour-booking-page .itinerary-content h4{margin:.2rem 0 .25rem}\r\n\r\n \/* ---------------- Inclusions ---------------- *\/\r\n .tour-booking-page .inclusion-grid{display:grid; grid-template-columns:1fr 1fr; gap:18px}\r\n @media (max-width:700px){.tour-booking-page .inclusion-grid{grid-template-columns:1fr}}\r\n .tour-booking-page .inclusion-list,.tour-booking-page .exclusion-list{list-style:none; padding:0; margin:0}\r\n .tour-booking-page .inclusion-list li,.tour-booking-page .exclusion-list li{display:flex; gap:10px; margin-bottom:10px}\r\n .tour-booking-page .inclusion-list i{color:var(--tour-sage)}\r\n .tour-booking-page .exclusion-list i{color:#e74c3c}\r\n\r\n \/* ---------------- Additional Details Grid ---------------- *\/\r\n .tour-booking-page .additional-details-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:20px}\r\n .tour-booking-page .detail-item{\r\n display:flex; \r\n align-items:center; \r\n gap:15px; \r\n padding:15px; \r\n background: rgba(230, 126, 34,.05); \r\n border-radius:10px; \r\n border-left:4px solid var(--tour-terra)\r\n }\r\n .tour-booking-page .detail-icon{\r\n background:var(--tour-terra); \r\n color:#fff; \r\n width:50px; \r\n height:50px; \r\n border-radius:50%; \r\n display:flex; \r\n align-items:center; \r\n justify-content:center; \r\n font-size:1.3rem\r\n }\r\n .tour-booking-page .detail-content h3{margin:0 0 5px; font-size:1.1rem}\r\n .tour-booking-page .detail-content p{margin:0; color:var(--tour-muted)}\r\n\r\n \/* ---------------- FAQ Accordion ---------------- *\/\r\n .tour-booking-page .faq-accordion-item {\r\n border: 1px solid var(--tour-border);\r\n border-radius: 10px;\r\n margin-bottom: 12px;\r\n overflow: hidden;\r\n background: var(--tour-card);\r\n }\r\n .tour-booking-page .faq-accordion-header {\r\n padding: 18px 20px;\r\n background: rgba(230, 126, 34, 0.05);\r\n cursor: pointer;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n font-weight: 600;\r\n color: var(--tour-ink);\r\n transition: background 0.3s ease;\r\n }\r\n .tour-booking-page .faq-accordion-header:hover {\r\n background: rgba(230, 126, 34, 0.1);\r\n }\r\n .tour-booking-page .faq-accordion-header i {\r\n transition: transform 0.3s ease;\r\n color: var(--tour-terra);\r\n }\r\n .tour-booking-page .faq-accordion-item.active .faq-accordion-header i {\r\n transform: rotate(180deg);\r\n }\r\n .tour-booking-page .faq-accordion-content {\r\n padding: 0 20px;\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.3s ease, padding 0.3s ease;\r\n color: var(--tour-muted);\r\n }\r\n .tour-booking-page .faq-accordion-item.active .faq-accordion-content {\r\n padding: 20px;\r\n max-height: 300px;\r\n }\r\n\r\n \/* ---------------- Sidebar ---------------- *\/\r\n .tour-booking-page .price-section{\r\n background:linear-gradient(180deg, var(--tour-terra), var(--tour-terra-700)); \r\n color:#fff; \r\n border:0\r\n }\r\n .tour-booking-page .price-section .section-title{color:#fff}\r\n .tour-booking-page .price-amount{font-size:clamp(2.1rem,4.2vw,3rem); font-weight:800; letter-spacing:.3px}\r\n .tour-booking-page .booking-form{position:sticky; top:18px}\r\n\r\n \/* ---------------- Form ---------------- *\/\r\n .tour-booking-page .form-group{margin-bottom:16px}\r\n .tour-booking-page label{display:block; margin-bottom:8px; font-weight:600; color:var(--tour-ink)}\r\n .tour-booking-page .form-control{\r\n width:100%; \r\n padding:12px 14px; \r\n border:1px solid var(--tour-border); \r\n border-radius:10px; \r\n font:inherit; \r\n background:#fff;\r\n font-size: 16px; \/* Prevent zoom on iOS *\/\r\n }\r\n .tour-booking-page .form-control:focus{\r\n outline:3px solid rgba(230, 126, 34,.25); \r\n border-color:rgba(230, 126, 34,.5)\r\n }\r\n .tour-booking-page .form-row{display:grid; grid-template-columns:1fr 1fr; gap:14px}\r\n @media (max-width:700px){.tour-booking-page .form-row{grid-template-columns:1fr}}\r\n .tour-booking-page .btn-book{\r\n width:100%; \r\n display:inline-flex; \r\n align-items:center; \r\n justify-content:center; \r\n gap:.6rem; \r\n border:0; \r\n background:linear-gradient(180deg, var(--tour-terra), var(--tour-terra-700)); \r\n color:#fff; \r\n padding:14px 16px; \r\n border-radius:10px; \r\n font-weight:800; \r\n cursor:pointer; \r\n box-shadow:0 8px 22px rgba(230, 126, 34,.25); \r\n transition:.2s transform ease;\r\n font-size: 16px; \/* Prevent zoom on iOS *\/\r\n }\r\n .tour-booking-page .btn-book:hover{transform:translateY(-1px)}\r\n .tour-booking-page .btn-book:disabled {\r\n background: #cccccc;\r\n cursor: not-allowed;\r\n transform: none;\r\n }\r\n\r\n \/* ---------------- Toast & Lightbox ---------------- *\/\r\n .tour-booking-page .toast{\r\n position:fixed; \r\n left:50%; \r\n transform:translateX(-50%); \r\n bottom:20px; \r\n padding:12px 16px; \r\n border-radius:12px; \r\n background:var(--tour-ink); \r\n color:#fff; \r\n box-shadow:var(--shadow); \r\n display:none;\r\n z-index: 100;\r\n }\r\n .tour-booking-page .toast.show{display:block}\r\n .tour-booking-page .toast.success {background: var(--tour-sage);}\r\n .tour-booking-page .toast.error {background: #e74c3c;}\r\n \r\n .tour-booking-page dialog#lightbox{\r\n border:0; \r\n padding:0; \r\n background:transparent;\r\n width: 100%;\r\n height: 100%;\r\n max-width: 100%;\r\n max-height: 100%;\r\n }\r\n .tour-booking-page .lb-wrap{\r\n position:fixed; \r\n inset:0; \r\n display:grid; \r\n place-items:center; \r\n background:rgba(0,0,0,.8); \r\n z-index: 100;\r\n padding: 20px;\r\n }\r\n .tour-booking-page .lb-img{\r\n max-width:90vw; \r\n max-height:80vh; \r\n border-radius:14px; \r\n border:1px solid rgba(255,255,255,.2); \r\n box-shadow:var(--shadow);\r\n cursor: zoom-in;\r\n transition: transform 0.3s ease;\r\n }\r\n .tour-booking-page .lb-img.zoomed {\r\n transform: scale(1.5);\r\n cursor: zoom-out;\r\n }\r\n .tour-booking-page .close-lightbox {\r\n position: absolute;\r\n top: 20px;\r\n right: 20px;\r\n background: rgba(0,0,0,0.7);\r\n color: white;\r\n border: none;\r\n border-radius: 50%;\r\n width: 40px;\r\n height: 40px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n font-size: 1.2rem;\r\n z-index: 101;\r\n }\r\n\r\n \/* ---------------- Tour Description Highlight ---------------- *\/\r\n .tour-booking-page .tour-highlight {\r\n font-size: 1.4rem;\r\n font-weight: 700;\r\n color: var(--tour-terra);\r\n text-align: center;\r\n margin: 0 0 20px 0;\r\n padding: 15px;\r\n background: rgba(230, 126, 34, 0.05);\r\n border-radius: 10px;\r\n border-left: 4px solid var(--tour-terra);\r\n }\r\n\r\n \/* ---------------- Mobile Bottom Booking Bar ---------------- *\/\r\n .tour-booking-page .mobile-booking-bar {\r\n display: none;\r\n position: fixed;\r\n bottom: 0;\r\n left: 0,\r\n right: 0;\r\n background: var(--tour-card);\r\n box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);\r\n padding: 12px 16px;\r\n z-index: 90;\r\n border-top: 1px solid var(--tour-border);\r\n }\r\n \r\n .tour-booking-page .mobile-booking-bar .booking-bar-content {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n max-width: 1160px;\r\n margin: 0 auto;\r\n }\r\n \r\n .tour-booking-page .mobile-booking-bar .price-info {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n \r\n .tour-booking-page .mobile-booking-bar .price-amount {\r\n font-size: 1.5rem;\r\n font-weight: 800;\r\n color: var(--tour-terra);\r\n line-height: 1.2;\r\n }\r\n \r\n .tour-booking-page .mobile-booking-bar .price-note {\r\n font-size: 0.8rem;\r\n color: var(--tour-muted);\r\n margin: 0;\r\n }\r\n \r\n .tour-booking-page .mobile-booking-bar .btn-book-mobile {\r\n background: linear-gradient(180deg, var(--tour-terra), var(--tour-terra-700));\r\n color: white;\r\n border: none;\r\n border-radius: 10px;\r\n padding: 12px 20px;\r\n font-weight: 700;\r\n font-size: 1rem;\r\n cursor: pointer;\r\n box-shadow: 0 4px 12px rgba(230, 126, 34, 0.3);\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n transition: transform 0.2s ease;\r\n }\r\n \r\n .tour-booking-page .mobile-booking-bar .btn-book-mobile:hover {\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* ---------------- Mobile tweaks ---------------- *\/\r\n @media only screen and (max-width: 768px){\r\n html,\r\n body{\r\n width:100%;\r\n overflow-x:hidden;\r\n }\r\n \r\n .tour-booking-page .container {\r\n padding: 16px;\r\n width: 100%;\r\n margin: 0 auto;\r\n padding-bottom: 80px; \/* Add padding to prevent content from being hidden behind the fixed bar *\/\r\n }\r\n \r\n .tour-booking-page .content-wrapper {\r\n width: 100%;\r\n }\r\n \r\n .tour-booking-page .main-content, .tour-booking-page .booking-sidebar {\r\n width: 100%;\r\n }\r\n \r\n .tour-booking-page .section {\r\n width: 100%;\r\n max-width: 100%;\r\n }\r\n \r\n .tour-booking-page .image-gallery {\r\n width: 100%;\r\n }\r\n \r\n .tour-booking-page .gallery-main{height:260px}\r\n .tour-booking-page .gallery-thumb{height:110px}\r\n .tour-booking-page .section{padding:18px}\r\n \r\n .tour-booking-page .inclusion-grid,\r\n .tour-booking-page .additional-details-grid {\r\n width: 100%;\r\n }\r\n \r\n \/* Fix for itinerary - remove centering on mobile *\/\r\n .tour-booking-page .itinerary-item {\r\n grid-template-columns: 80px 1fr;\r\n text-align: left;\r\n gap: 12px;\r\n }\r\n \r\n .tour-booking-page .tour-highlight {\r\n font-size: 1.2rem;\r\n text-align: center;\r\n }\r\n \r\n \/* Show mobile booking bar *\/\r\n .tour-booking-page .mobile-booking-bar {\r\n display: block;\r\n }\r\n \r\n \/* Hide sidebar on mobile *\/\r\n .tour-booking-page .booking-sidebar {\r\n display: none;\r\n }\r\n \r\n \/* Prevent zoom on mobile *\/\r\n .tour-booking-page input, .tour-booking-page select, .tour-booking-page textarea {\r\n font-size: 16px !important;\r\n }\r\n }\r\n \r\n \/* Center helper *\/\r\n .tour-booking-page .center{margin-inline:auto}\r\n .tour-booking-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <div class=\"tour-booking-page\">\r\n <div class=\"container center\">\r\n \r\n <section class=\"image-gallery center\" aria-label=\"Galerie d'images\">\r\n <figure class=\"gallery-main\" id=\"main-image\" style=\"background-image:url('https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/Agafay-desert-Marrakech.jpg')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <button class=\"zoom-btn\" data-full=\"https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/Agafay-desert-Marrakech.jpg\"><i class=\"fa-solid fa-magnifying-glass\"><\/i> Voir<\/button>\r\n <\/figure>\r\n <div class=\"gallery-row\">\r\n <figure class=\"gallery-thumb active\" data-full=\"https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/Agafay-desert-Marrakech.jpg\" data-main=\"https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/Agafay-desert-Marrakech.jpg\" style=\"background-image:url('https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/Agafay-desert-Marrakech.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/124.png\" data-main=\"https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/124.png\" style=\"background-image:url('https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/124.png')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/fe.jpg\" data-main=\"https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/fe.jpg\" style=\"background-image:url('https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/fe.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/agafay-1.webp\" data-main=\"https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/agafay-1.webp\" style=\"background-image:url('https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/agafay-1.webp')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"content-wrapper\">\r\n \r\n <div class=\"main-content\">\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-info-circle\"><\/i> Description de la visite<\/h2>\r\n <div class=\"tour-highlight\">Randonn\u00e9e \u00e0 dos de chameau - Palmeraie et d\u00e9sert d'Agafay<\/div>\r\n <div class=\"description\">\r\n <p>Une douce promenade \u00e0 dos de chameau de 45 \u00e0 60 minutes, conduite par des ma\u00eetres-chiens, parfaite pour les d\u00e9butants et les familles. Choisissez la Palmeraie (Marrakech Palm Grove) pour un paysage de palmeraies ou le d\u00e9sert d'Agafay pour des horizons plus vastes et des vues imprenables sur le coucher de soleil.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-route\"><\/i> Exemple d'itin\u00e9raire en bref<\/h2>\r\n <div class=\"itinerary\">\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">\u00c9tape 1<\/div>\r\n <div class=\"itinerary-content\">\r\n <h4>Prise en charge depuis votre h\u00f4tel\/riad \u00e0 Marrakech<\/h4>\r\n <p>Prise en charge pratique depuis votre h\u00e9bergement et transport confortable jusqu'au lieu de votre choix.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">\u00c9tape 2<\/div>\r\n <div class=\"itinerary-content\">\r\n <h4>Bienvenue et briefing<\/h4>\r\n <p>Instructions de s\u00e9curit\u00e9, conseils de montage et pose de turban\/casque, le cas \u00e9ch\u00e9ant.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">\u00c9tape 3<\/div>\r\n <div class=\"itinerary-content\">\r\n <h4>Promenade \u00e0 dos de chameau 45-60 min avec arr\u00eats photos<\/h4>\r\n <p>Profitez d'une douce promenade \u00e0 dos de chameau dans le paysage de votre choix, avec de nombreuses occasions de prendre des photos.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">\u00c9tape 4<\/div>\r\n <div class=\"itinerary-content\">\r\n <h4>Pause menthe-th\u00e9<\/h4>\r\n <p>D\u00e9tendez-vous avec un th\u00e9 \u00e0 la menthe traditionnel et des rafra\u00eechissements dans un camp berb\u00e8re.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">\u00c9tape 5<\/div>\r\n <div class=\"itinerary-content\">\r\n <h4>Transfert aller-retour vers votre h\u00e9bergement<\/h4>\r\n <p>Retour en voiture confortable \u00e0 votre h\u00f4tel ou riad \u00e0 Marrakech.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-clipboard-list\"><\/i> Ce qui est inclus<\/h2>\r\n <div class=\"inclusion-grid\">\r\n <div>\r\n <h3><i class=\"fas fa-check-circle\" style=\"color:var(--tour-sage)\"><\/i> Inclus<\/h3>\r\n <ul class=\"inclusion-list\">\r\n <li><i class=\"fas fa-check\"><\/i> Prise en charge et retour \u00e0 Marrakech<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Chameau, selle et accompagnateur<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Th\u00e9 \u00e0 la menthe et eau en bouteille<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h3><i class=\"fas fa-times-circle\" style=\"color:#e74c3c\"><\/i> Non inclus<\/h3>\r\n <ul class=\"exclusion-list\">\r\n <li><i class=\"fas fa-times\"><\/i> D\u00e9penses personnelles, conseils<\/li>\r\n <li><i class=\"fas fa-times\"><\/i> \u00c9charpe\/turban (disponible \u00e0 l'achat\/\u00e0 la location sur place)<\/li>\r\n <li><i class=\"fas fa-times\"><\/i> Photos\/vid\u00e9os professionnelles (si propos\u00e9es)<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-list-alt\"><\/i> Exigences et politiques<\/h2>\r\n <div class=\"additional-details-grid\">\r\n <div class=\"detail-item\">\r\n <div class=\"detail-icon\"><i class=\"fas fa-child\"><\/i><\/div>\r\n <div class=\"detail-content\"><h3>Conditions d'\u00e2ge<\/h3><p>Convient \u00e0 tous les \u00e2ges ; les jeunes enfants peuvent monter en tandem avec un adulte.<\/p><\/div>\r\n <\/div>\r\n <div class=\"detail-item\">\r\n <div class=\"detail-icon\"><i class=\"fas fa-weight\"><\/i><\/div>\r\n <div class=\"detail-content\"><h3>Conseils en mati\u00e8re de poids<\/h3><p>G\u00e9n\u00e9ralement \u2264120-130 kg par cavalier<\/p><\/div>\r\n <\/div>\r\n <div class=\"detail-item\">\r\n <div class=\"detail-icon\"><i class=\"fas fa-horse\"><\/i><\/div>\r\n <div class=\"detail-content\"><h3>Niveau d'exp\u00e9rience<\/h3><p>Aucune exp\u00e9rience de l'\u00e9quitation n'est requise ; le rythme est lent et dirig\u00e9 par le ma\u00eetre.<\/p><\/div>\r\n <\/div>\r\n <div class=\"detail-item\">\r\n <div class=\"detail-icon\"><i class=\"fas a-shoe-prints\"><\/i><\/div>\r\n <div class=\"detail-content\"><h3>V\u00eatements<\/h3><p>Porter des chaussures ferm\u00e9es ; suivre les instructions du personnel \u00e0 tout moment.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\" aria-label=\"Questions fr\u00e9quemment pos\u00e9es\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-question-circle\"><\/i> Questions fr\u00e9quemment pos\u00e9es<\/h2>\r\n <div class=\"faq-accordion\">\r\n <div class=\"faq-accordion-item\">\r\n <div class=\"faq-accordion-header\">\r\n <span>Quelle est la dur\u00e9e du trajet ?<\/span>\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-accordion-content\">\r\n <p>Environ 45-60 minutes, sans compter les transferts et la pause th\u00e9.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-accordion-item\">\r\n <div class=\"faq-accordion-header\">\r\n <span>Le prix total est-il de 25 euros ?<\/span>\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-accordion-content\">\r\n <p>Oui - 25 \u20ac par personne pour un trajet standard en petit groupe. Les ajouts co\u00fbtent plus cher.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-accordion-item\">\r\n <div class=\"faq-accordion-header\">\r\n <span>Palmeraie ou Agafay, quelle est la diff\u00e9rence ?<\/span>\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-accordion-content\">\r\n <p>Palmeraie est plus proche, avec des paysages de palmeraies ; Agafay offre des vues plus larges sur le d\u00e9sert - le coucher de soleil est \u00e9poustouflant.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-accordion-item\">\r\n <div class=\"faq-accordion-header\">\r\n <span>Convient-il aux enfants et aux d\u00e9butants ?<\/span>\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-accordion-content\">\r\n <p>Absolument. Les accompagnateurs conduisent la caravane \u00e0 un rythme calme ; les petits enfants peuvent monter en tandem avec un adulte (sous r\u00e9serve de l'approbation du personnel).<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n\r\n \r\n <aside class=\"booking-sidebar\">\r\n <section class=\"section price-section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-tag\"><\/i> Prix de la visite<\/h2>\r\n <div class=\"price-amount\">$25<\/div>\r\n <p class=\"price-note\">Par personne<\/p>\r\n <p><i class=\"fas fa-clock\"><\/i> 45 \u00e0 60 minutes de trajet<\/p>\r\n <p><i class=\"fas fa-users\"><\/i> Petits groupes<\/p>\r\n <\/section>\r\n\r\n \r\n <section class=\"section booking-form\" aria-labelledby=\"book-title\">\r\n <h2 id=\"book-title\" class=\"section-title\"><i class=\"fas fa-calendar-plus\"><\/i> R\u00e9server cette visite<\/h2>\r\n <form id=\"booking-form\" novalidate action=\"\">\r\n <div class=\"form-group\">\r\n <label for=\"tour-date\">S\u00e9lectionner la date de la tourn\u00e9e<\/label>\r\n <input type=\"date\" id=\"tour-date\" class=\"form-control\" required aria-required=\"true\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"participants\">Nombre de participants<\/label>\r\n <input type=\"number\" id=\"participants\" class=\"form-control\" min=\"1\" max=\"15\" value=\"1\" required aria-required=\"true\">\r\n <\/div>\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"first-name\">Pr\u00e9nom<\/label>\r\n <input type=\"text\" id=\"first-name\" class=\"form-control\" required>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"last-name\">Nom de famille<\/label>\r\n <input type=\"text\" id=\"last-name\" class=\"form-control\" required>\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"email\">Adresse \u00e9lectronique<\/label>\r\n <input type=\"email\" id=\"email\" class=\"form-control\" required>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"phone\">Num\u00e9ro de t\u00e9l\u00e9phone<\/label>\r\n <input type=\"tel\" id=\"phone\" class=\"form-control\" required>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"special-requests\">Compl\u00e9ments et demandes sp\u00e9ciales<\/label>\r\n <textarea id=\"special-requests\" class=\"form-control\" rows=\"3\" placeholder=\"Combinaison quad, d\u00eener suppl\u00e9mentaire, d\u00e9tails concernant les enfants, etc.\"><\/textarea>\r\n <\/div>\r\n <button type=\"submit\" class=\"btn-book\" id=\"submit-btn\"><i class=\"fa-solid fa-paper-plane\"><\/i> R\u00e9server<\/button>\r\n <p id=\"form-help\" class=\"sr-only\" aria-live=\"polite\"><\/p>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"fr\"\/><\/form>\r\n <\/section>\r\n <\/aside>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mobile-booking-bar\">\r\n <div class=\"booking-bar-content\">\r\n <div class=\"price-info\">\r\n <div class=\"price-amount\">$25<\/div>\r\n <p class=\"price-note\">Par personne<\/p>\r\n <\/div>\r\n <button class=\"btn-book-mobile\" id=\"scroll-to-form\">\r\n <i class=\"fas fa-calendar-plus\"><\/i> R\u00e9server\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <dialog id=\"lightbox\">\r\n <button class=\"close-lightbox\" aria-label=\"Fermer la bo\u00eete \u00e0 lumi\u00e8re\"><i class=\"fas fa-times\"><\/i><\/button>\r\n <div class=\"lb-wrap\">\r\n <img class=\"lb-img\" id=\"lb-img\" alt=\"Gallery image\" \/>\r\n <\/div>\r\n <\/dialog>\r\n\r\n <div class=\"toast\" id=\"toast\" role=\"status\" aria-live=\"polite\"><\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Initialize EmailJS\r\n (function() {\r\n emailjs.init(\"E_4V-SBuVJroXW_Q5\");\r\n })();\r\n\r\n \/\/ Interactive Gallery\r\n const mainImage = document.getElementById('main-image');\r\n const galleryThumbs = document.querySelectorAll('.gallery-thumb');\r\n \r\n galleryThumbs.forEach(thumb => {\r\n thumb.addEventListener('click', () => {\r\n \/\/ Update main image\r\n const mainSrc = thumb.getAttribute('data-main');\r\n const fullSrc = thumb.getAttribute('data-full');\r\n \r\n mainImage.style.backgroundImage = `url('${mainSrc}')`;\r\n mainImage.querySelector('.zoom-btn').setAttribute('data-full', fullSrc);\r\n \r\n \/\/ Update active state\r\n galleryThumbs.forEach(t => t.classList.remove('active'));\r\n thumb.classList.add('active');\r\n });\r\n });\r\n\r\n \/\/ Lightbox for gallery with zoom functionality\r\n const lightbox = document.getElementById('lightbox');\r\n const lbImg = document.getElementById('lb-img');\r\n const closeLightbox = document.querySelector('.close-lightbox');\r\n \r\n function openLightbox(src) {\r\n lbImg.src = src;\r\n lbImg.classList.remove('zoomed');\r\n lightbox.showModal();\r\n }\r\n \r\n \/\/ Main image click\r\n mainImage.addEventListener('click', () => {\r\n const fullSrc = mainImage.querySelector('.zoom-btn').getAttribute('data-full');\r\n openLightbox(fullSrc);\r\n });\r\n \r\n \/\/ Thumbnail zoom buttons\r\n document.querySelectorAll('.zoom-btn').forEach(btn => {\r\n btn.addEventListener('click', e => {\r\n e.stopPropagation();\r\n const src = btn.getAttribute('data-full');\r\n openLightbox(src);\r\n });\r\n });\r\n \r\n \/\/ Close lightbox\r\n closeLightbox.addEventListener('click', () => {\r\n lightbox.close();\r\n });\r\n \r\n \/\/ Zoom functionality\r\n lbImg.addEventListener('click', () => {\r\n lbImg.classList.toggle('zoomed');\r\n });\r\n\r\n \/\/ Min date = tomorrow\r\n (function(){\r\n const d = new Date(); \r\n d.setDate(d.getDate() + 1);\r\n const min = `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2,'0')}-${String(d.getDate()).padStart(2,'0')}`;\r\n const input = document.getElementById('tour-date'); \r\n if(input) input.min = min;\r\n })();\r\n\r\n \/\/ FAQ Accordion functionality\r\n document.querySelectorAll('.faq-accordion-header').forEach(header => {\r\n header.addEventListener('click', () => {\r\n const item = header.parentElement;\r\n const isActive = item.classList.contains('active');\r\n \r\n \/\/ Close all accordion items\r\n document.querySelectorAll('.faq-accordion-item').forEach(i => {\r\n i.classList.remove('active');\r\n });\r\n \r\n \/\/ If the clicked item wasn't active, open it\r\n if (!isActive) {\r\n item.classList.add('active');\r\n }\r\n });\r\n });\r\n\r\n \/\/ Form submission with EmailJS\r\n const form = document.getElementById('booking-form');\r\n const toast = document.getElementById('toast');\r\n const submitBtn = document.getElementById('submit-btn');\r\n \r\n function showToast(text, type = 'success') {\r\n toast.textContent = text;\r\n toast.className = 'toast show ' + type;\r\n setTimeout(() => {\r\n toast.classList.remove('show');\r\n }, 5000);\r\n }\r\n \r\n if(form) {\r\n form.addEventListener('submit', async (e) => {\r\n e.preventDefault();\r\n \r\n \/\/ Basic validation\r\n const email = document.getElementById('email').value;\r\n const emailValid = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email);\r\n \r\n if(!emailValid) { \r\n showToast('Please enter a valid email.', 'error'); \r\n return; \r\n }\r\n \r\n \/\/ Disable submit button\r\n submitBtn.disabled = true;\r\n submitBtn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Sending...';\r\n \r\n try {\r\n \/\/ Prepare form data (location & tour_time removed as requested)\r\n const formData = {\r\n tour_date: document.getElementById('tour-date').value,\r\n participants: document.getElementById('participants').value,\r\n first_name: document.getElementById('first-name').value,\r\n last_name: document.getElementById('last-name').value,\r\n email: email,\r\n phone: document.getElementById('phone').value,\r\n special_requests: document.getElementById('special-requests').value,\r\n tour_name: 'Camel Ride Experience - Palmeraie & Agafay Desert'\r\n };\r\n \r\n \/\/ Send email via EmailJS\r\n const response = await emailjs.send(\r\n 'service_5pdqt1e', \r\n 'template_a1lx7on', \r\n formData\r\n );\r\n \r\n \/\/ Success\r\n showToast('Thanks! Your booking request has been received. We will contact you shortly.');\r\n form.reset();\r\n \r\n } catch (error) {\r\n \/\/ Error\r\n console.error('EmailJS error:', error);\r\n showToast('Sorry, there was an error sending your request. Please try again.', 'error');\r\n } finally {\r\n \/\/ Re-enable submit button\r\n submitBtn.disabled = false;\r\n submitBtn.innerHTML = '<i class=\"fa-solid fa-paper-plane\"><\/i> Book Now';\r\n }\r\n });\r\n }\r\n\r\n \/\/ Mobile booking bar scroll to form functionality\r\n const scrollToFormBtn = document.getElementById('scroll-to-form');\r\n if (scrollToFormBtn) {\r\n scrollToFormBtn.addEventListener('click', () => {\r\n \/\/ Show the booking form section\r\n document.querySelector('.booking-sidebar').style.display = 'block';\r\n \r\n \/\/ Scroll to the form\r\n document.querySelector('.booking-form').scrollIntoView({ \r\n behavior: 'smooth',\r\n block: 'start'\r\n });\r\n });\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Camel Ride Experience | Palmeraie & Agafay Desert Options View Tour Description Camel Ride Experience – Palmeraie & Agafay Desert A gentle 45\u201360 minute camel ride led by handlers, perfect for first-timers and families. Choose Palmeraie (Marrakech Palm Grove) for convenient palm-grove scenery or Agafay Desert for wider horizons and stunning sunset views. At-a-Glance Sample […]<\/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-412","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/experiencetoursmorocco.com\/fr\/wp-json\/wp\/v2\/pages\/412","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/experiencetoursmorocco.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/experiencetoursmorocco.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/experiencetoursmorocco.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/experiencetoursmorocco.com\/fr\/wp-json\/wp\/v2\/comments?post=412"}],"version-history":[{"count":7,"href":"https:\/\/experiencetoursmorocco.com\/fr\/wp-json\/wp\/v2\/pages\/412\/revisions"}],"predecessor-version":[{"id":762,"href":"https:\/\/experiencetoursmorocco.com\/fr\/wp-json\/wp\/v2\/pages\/412\/revisions\/762"}],"wp:attachment":[{"href":"https:\/\/experiencetoursmorocco.com\/fr\/wp-json\/wp\/v2\/media?parent=412"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Camel Ride Experience | Palmeraie & Agafay Desert Options<\/title>\r\n <meta name=\"description\" content=\"Gentle 45-60 minute camel ride perfect for first-timers and families. Choose between Palmeraie Palm Grove or Agafay Desert locations.\">\r\n <meta name=\"keywords\" content=\"camel ride Marrakech, Palmeraie camel trek, Agafay Desert, family camel ride, sunset camel ride\">\r\n <meta property=\"og:title\" content=\"Camel Ride Experience - Palmeraie & Agafay Desert\">\r\n <meta property=\"og:description\" content=\"Gentle camel ride through Palmeraie palm groves or Agafay Desert with stunning sunset views.\">\r\n <meta property=\"og:type\" content=\"website\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@emailjs\/browser@3\/dist\/email.min.js\"><\/script>\r\n <style>\r\n \/* Tour Booking Page Styles - Self-contained *\/\r\n .tour-booking-page {\r\n \/* earthy palette - similar to Shaka *\/\r\n --tour-bg:#f5efe6; \/* sand background *\/\r\n --tour-ink:#2d2a26; \/* deep ink text *\/\r\n --tour-muted:#6b6a66; \/* muted text *\/\r\n --tour-card:#ffffff; \/* card bg *\/\r\n --tour-border:#e6dfd4; \/* soft border *\/\r\n --tour-sage:#647a68; \/* green accent *\/\r\n --tour-sage-700:#4f6254; \/* darker green *\/\r\n --tour-terra:#e67e22; \/* orange accent *\/\r\n --tour-terra-700:#d35400; \/* darker orange *\/\r\n --tour-cream:#fffaf2; \/* soft cream *\/\r\n\r\n --radius:14px; \r\n --shadow:0 10px 30px rgba(2,6,23,.08);\r\n \r\n box-sizing: border-box;\r\n font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, \"Helvetica Neue\", Arial, sans-serif;\r\n background: linear-gradient(180deg, var(--tour-cream), var(--tour-bg));\r\n color: var(--tour-ink);\r\n line-height: 1.6;\r\n -webkit-text-size-adjust: 100%;\r\n }\r\n \r\n .tour-booking-page * {\r\n box-sizing: border-box;\r\n }\r\n \r\n .tour-booking-page .container{\r\n max-width:1160px; \r\n margin-inline:auto; \r\n padding:24px;\r\n }\r\n\r\n \/* ---------------- Content Layout ---------------- *\/\r\n .tour-booking-page .content-wrapper{display:grid; grid-template-columns:1.6fr .9fr; gap:26px}\r\n @media (max-width:980px){.tour-booking-page .content-wrapper{grid-template-columns:1fr}}\r\n\r\n .tour-booking-page .section{\r\n background:var(--tour-card); \r\n border-radius:var(--radius); \r\n padding:24px; \r\n margin-bottom:22px; \r\n box-shadow:var(--shadow); \r\n border:1px solid var(--tour-border)\r\n }\r\n .tour-booking-page .section-title{\r\n display:flex; \r\n align-items:center; \r\n gap:10px; \r\n font-size:1.35rem; \r\n margin:0 0 16px;\r\n color: var(--tour-ink);\r\n }\r\n .tour-booking-page .section-title i{color:var(--tour-terra)}\r\n .tour-booking-page .description{color:var(--tour-muted); font-size:1.05rem}\r\n\r\n \/* ---------------- Interactive Gallery ---------------- *\/\r\n .tour-booking-page .image-gallery{display:grid; gap:12px; margin:22px 0 34px}\r\n .tour-booking-page .gallery-main{height:380px; border-radius:16px; background-size:cover; background-position:center; position:relative; overflow:hidden; cursor: pointer;}\r\n .tour-booking-page .gallery-row{display:grid; grid-template-columns:repeat(4,1fr); gap:12px}\r\n .tour-booking-page .gallery-thumb{height:140px; border-radius:12px; background-size:cover; background-position:center; position:relative; overflow:hidden; cursor: pointer;}\r\n .tour-booking-page .gallery-thumb.active {border: 3px solid var(--tour-terra);}\r\n .tour-booking-page .img-overlay{position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.35)); opacity:0; transition:.25s}\r\n .tour-booking-page .zoom-btn{\r\n position:absolute; right:10px; bottom:10px; background:rgba(255,255,255,.9); border:1px solid var(--tour-border);\r\n padding:8px 10px; border-radius:999px; display:flex; gap:8px; align-items:center; font-weight:600; color:#111; box-shadow:var(--shadow); cursor:pointer\r\n }\r\n .tour-booking-page .gallery-main:hover .img-overlay, .tour-booking-page .gallery-thumb:hover .img-overlay{opacity:1}\r\n\r\n \/* ---------------- Itinerary ---------------- *\/\r\n .tour-booking-page .itinerary-item{\r\n display:grid; \r\n grid-template-columns:120px 1fr; \r\n gap:16px; \r\n padding:16px 0; \r\n border-bottom:1px solid var(--tour-border)\r\n }\r\n .tour-booking-page .itinerary-item:last-child{border-bottom:0}\r\n .tour-booking-page .itinerary-day{font-weight:800; color:var(--tour-terra)}\r\n .tour-booking-page .itinerary-content h4{margin:.2rem 0 .25rem}\r\n\r\n \/* ---------------- Inclusions ---------------- *\/\r\n .tour-booking-page .inclusion-grid{display:grid; grid-template-columns:1fr 1fr; gap:18px}\r\n @media (max-width:700px){.tour-booking-page .inclusion-grid{grid-template-columns:1fr}}\r\n .tour-booking-page .inclusion-list,.tour-booking-page .exclusion-list{list-style:none; padding:0; margin:0}\r\n .tour-booking-page .inclusion-list li,.tour-booking-page .exclusion-list li{display:flex; gap:10px; margin-bottom:10px}\r\n .tour-booking-page .inclusion-list i{color:var(--tour-sage)}\r\n .tour-booking-page .exclusion-list i{color:#e74c3c}\r\n\r\n \/* ---------------- Additional Details Grid ---------------- *\/\r\n .tour-booking-page .additional-details-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:20px}\r\n .tour-booking-page .detail-item{\r\n display:flex; \r\n align-items:center; \r\n gap:15px; \r\n padding:15px; \r\n background: rgba(230, 126, 34,.05); \r\n border-radius:10px; \r\n border-left:4px solid var(--tour-terra)\r\n }\r\n .tour-booking-page .detail-icon{\r\n background:var(--tour-terra); \r\n color:#fff; \r\n width:50px; \r\n height:50px; \r\n border-radius:50%; \r\n display:flex; \r\n align-items:center; \r\n justify-content:center; \r\n font-size:1.3rem\r\n }\r\n .tour-booking-page .detail-content h3{margin:0 0 5px; font-size:1.1rem}\r\n .tour-booking-page .detail-content p{margin:0; color:var(--tour-muted)}\r\n\r\n \/* ---------------- FAQ Accordion ---------------- *\/\r\n .tour-booking-page .faq-accordion-item {\r\n border: 1px solid var(--tour-border);\r\n border-radius: 10px;\r\n margin-bottom: 12px;\r\n overflow: hidden;\r\n background: var(--tour-card);\r\n }\r\n .tour-booking-page .faq-accordion-header {\r\n padding: 18px 20px;\r\n background: rgba(230, 126, 34, 0.05);\r\n cursor: pointer;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n font-weight: 600;\r\n color: var(--tour-ink);\r\n transition: background 0.3s ease;\r\n }\r\n .tour-booking-page .faq-accordion-header:hover {\r\n background: rgba(230, 126, 34, 0.1);\r\n }\r\n .tour-booking-page .faq-accordion-header i {\r\n transition: transform 0.3s ease;\r\n color: var(--tour-terra);\r\n }\r\n .tour-booking-page .faq-accordion-item.active .faq-accordion-header i {\r\n transform: rotate(180deg);\r\n }\r\n .tour-booking-page .faq-accordion-content {\r\n padding: 0 20px;\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.3s ease, padding 0.3s ease;\r\n color: var(--tour-muted);\r\n }\r\n .tour-booking-page .faq-accordion-item.active .faq-accordion-content {\r\n padding: 20px;\r\n max-height: 300px;\r\n }\r\n\r\n \/* ---------------- Sidebar ---------------- *\/\r\n .tour-booking-page .price-section{\r\n background:linear-gradient(180deg, var(--tour-terra), var(--tour-terra-700)); \r\n color:#fff; \r\n border:0\r\n }\r\n .tour-booking-page .price-section .section-title{color:#fff}\r\n .tour-booking-page .price-amount{font-size:clamp(2.1rem,4.2vw,3rem); font-weight:800; letter-spacing:.3px}\r\n .tour-booking-page .booking-form{position:sticky; top:18px}\r\n\r\n \/* ---------------- Form ---------------- *\/\r\n .tour-booking-page .form-group{margin-bottom:16px}\r\n .tour-booking-page label{display:block; margin-bottom:8px; font-weight:600; color:var(--tour-ink)}\r\n .tour-booking-page .form-control{\r\n width:100%; \r\n padding:12px 14px; \r\n border:1px solid var(--tour-border); \r\n border-radius:10px; \r\n font:inherit; \r\n background:#fff;\r\n font-size: 16px; \/* Prevent zoom on iOS *\/\r\n }\r\n .tour-booking-page .form-control:focus{\r\n outline:3px solid rgba(230, 126, 34,.25); \r\n border-color:rgba(230, 126, 34,.5)\r\n }\r\n .tour-booking-page .form-row{display:grid; grid-template-columns:1fr 1fr; gap:14px}\r\n @media (max-width:700px){.tour-booking-page .form-row{grid-template-columns:1fr}}\r\n .tour-booking-page .btn-book{\r\n width:100%; \r\n display:inline-flex; \r\n align-items:center; \r\n justify-content:center; \r\n gap:.6rem; \r\n border:0; \r\n background:linear-gradient(180deg, var(--tour-terra), var(--tour-terra-700)); \r\n color:#fff; \r\n padding:14px 16px; \r\n border-radius:10px; \r\n font-weight:800; \r\n cursor:pointer; \r\n box-shadow:0 8px 22px rgba(230, 126, 34,.25); \r\n transition:.2s transform ease;\r\n font-size: 16px; \/* Prevent zoom on iOS *\/\r\n }\r\n .tour-booking-page .btn-book:hover{transform:translateY(-1px)}\r\n .tour-booking-page .btn-book:disabled {\r\n background: #cccccc;\r\n cursor: not-allowed;\r\n transform: none;\r\n }\r\n\r\n \/* ---------------- Toast & Lightbox ---------------- *\/\r\n .tour-booking-page .toast{\r\n position:fixed; \r\n left:50%; \r\n transform:translateX(-50%); \r\n bottom:20px; \r\n padding:12px 16px; \r\n border-radius:12px; \r\n background:var(--tour-ink); \r\n color:#fff; \r\n box-shadow:var(--shadow); \r\n display:none;\r\n z-index: 100;\r\n }\r\n .tour-booking-page .toast.show{display:block}\r\n .tour-booking-page .toast.success {background: var(--tour-sage);}\r\n .tour-booking-page .toast.error {background: #e74c3c;}\r\n \r\n .tour-booking-page dialog#lightbox{\r\n border:0; \r\n padding:0; \r\n background:transparent;\r\n width: 100%;\r\n height: 100%;\r\n max-width: 100%;\r\n max-height: 100%;\r\n }\r\n .tour-booking-page .lb-wrap{\r\n position:fixed; \r\n inset:0; \r\n display:grid; \r\n place-items:center; \r\n background:rgba(0,0,0,.8); \r\n z-index: 100;\r\n padding: 20px;\r\n }\r\n .tour-booking-page .lb-img{\r\n max-width:90vw; \r\n max-height:80vh; \r\n border-radius:14px; \r\n border:1px solid rgba(255,255,255,.2); \r\n box-shadow:var(--shadow);\r\n cursor: zoom-in;\r\n transition: transform 0.3s ease;\r\n }\r\n .tour-booking-page .lb-img.zoomed {\r\n transform: scale(1.5);\r\n cursor: zoom-out;\r\n }\r\n .tour-booking-page .close-lightbox {\r\n position: absolute;\r\n top: 20px;\r\n right: 20px;\r\n background: rgba(0,0,0,0.7);\r\n color: white;\r\n border: none;\r\n border-radius: 50%;\r\n width: 40px;\r\n height: 40px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n font-size: 1.2rem;\r\n z-index: 101;\r\n }\r\n\r\n \/* ---------------- Tour Description Highlight ---------------- *\/\r\n .tour-booking-page .tour-highlight {\r\n font-size: 1.4rem;\r\n font-weight: 700;\r\n color: var(--tour-terra);\r\n text-align: center;\r\n margin: 0 0 20px 0;\r\n padding: 15px;\r\n background: rgba(230, 126, 34, 0.05);\r\n border-radius: 10px;\r\n border-left: 4px solid var(--tour-terra);\r\n }\r\n\r\n \/* ---------------- Mobile Bottom Booking Bar ---------------- *\/\r\n .tour-booking-page .mobile-booking-bar {\r\n display: none;\r\n position: fixed;\r\n bottom: 0;\r\n left: 0,\r\n right: 0;\r\n background: var(--tour-card);\r\n box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);\r\n padding: 12px 16px;\r\n z-index: 90;\r\n border-top: 1px solid var(--tour-border);\r\n }\r\n \r\n .tour-booking-page .mobile-booking-bar .booking-bar-content {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n max-width: 1160px;\r\n margin: 0 auto;\r\n }\r\n \r\n .tour-booking-page .mobile-booking-bar .price-info {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n \r\n .tour-booking-page .mobile-booking-bar .price-amount {\r\n font-size: 1.5rem;\r\n font-weight: 800;\r\n color: var(--tour-terra);\r\n line-height: 1.2;\r\n }\r\n \r\n .tour-booking-page .mobile-booking-bar .price-note {\r\n font-size: 0.8rem;\r\n color: var(--tour-muted);\r\n margin: 0;\r\n }\r\n \r\n .tour-booking-page .mobile-booking-bar .btn-book-mobile {\r\n background: linear-gradient(180deg, var(--tour-terra), var(--tour-terra-700));\r\n color: white;\r\n border: none;\r\n border-radius: 10px;\r\n padding: 12px 20px;\r\n font-weight: 700;\r\n font-size: 1rem;\r\n cursor: pointer;\r\n box-shadow: 0 4px 12px rgba(230, 126, 34, 0.3);\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n transition: transform 0.2s ease;\r\n }\r\n \r\n .tour-booking-page .mobile-booking-bar .btn-book-mobile:hover {\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* ---------------- Mobile tweaks ---------------- *\/\r\n @media only screen and (max-width: 768px){\r\n html,\r\n body{\r\n width:100%;\r\n overflow-x:hidden;\r\n }\r\n \r\n .tour-booking-page .container {\r\n padding: 16px;\r\n width: 100%;\r\n margin: 0 auto;\r\n padding-bottom: 80px; \/* Add padding to prevent content from being hidden behind the fixed bar *\/\r\n }\r\n \r\n .tour-booking-page .content-wrapper {\r\n width: 100%;\r\n }\r\n \r\n .tour-booking-page .main-content, .tour-booking-page .booking-sidebar {\r\n width: 100%;\r\n }\r\n \r\n .tour-booking-page .section {\r\n width: 100%;\r\n max-width: 100%;\r\n }\r\n \r\n .tour-booking-page .image-gallery {\r\n width: 100%;\r\n }\r\n \r\n .tour-booking-page .gallery-main{height:260px}\r\n .tour-booking-page .gallery-thumb{height:110px}\r\n .tour-booking-page .section{padding:18px}\r\n \r\n .tour-booking-page .inclusion-grid,\r\n .tour-booking-page .additional-details-grid {\r\n width: 100%;\r\n }\r\n \r\n \/* Fix for itinerary - remove centering on mobile *\/\r\n .tour-booking-page .itinerary-item {\r\n grid-template-columns: 80px 1fr;\r\n text-align: left;\r\n gap: 12px;\r\n }\r\n \r\n .tour-booking-page .tour-highlight {\r\n font-size: 1.2rem;\r\n text-align: center;\r\n }\r\n \r\n \/* Show mobile booking bar *\/\r\n .tour-booking-page .mobile-booking-bar {\r\n display: block;\r\n }\r\n \r\n \/* Hide sidebar on mobile *\/\r\n .tour-booking-page .booking-sidebar {\r\n display: none;\r\n }\r\n \r\n \/* Prevent zoom on mobile *\/\r\n .tour-booking-page input, .tour-booking-page select, .tour-booking-page textarea {\r\n font-size: 16px !important;\r\n }\r\n }\r\n \r\n \/* Center helper *\/\r\n .tour-booking-page .center{margin-inline:auto}\r\n .tour-booking-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <div class=\"tour-booking-page\">\r\n <div class=\"container center\">\r\n \r\n <section class=\"image-gallery center\" aria-label=\"Galerie d'images\">\r\n <figure class=\"gallery-main\" id=\"main-image\" style=\"background-image:url('https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/Agafay-desert-Marrakech.jpg')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <button class=\"zoom-btn\" data-full=\"https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/Agafay-desert-Marrakech.jpg\"><i class=\"fa-solid fa-magnifying-glass\"><\/i> Voir<\/button>\r\n <\/figure>\r\n <div class=\"gallery-row\">\r\n <figure class=\"gallery-thumb active\" data-full=\"https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/Agafay-desert-Marrakech.jpg\" data-main=\"https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/Agafay-desert-Marrakech.jpg\" style=\"background-image:url('https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/Agafay-desert-Marrakech.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/124.png\" data-main=\"https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/124.png\" style=\"background-image:url('https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/124.png')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/fe.jpg\" data-main=\"https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/fe.jpg\" style=\"background-image:url('https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/fe.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/agafay-1.webp\" data-main=\"https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/agafay-1.webp\" style=\"background-image:url('https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/agafay-1.webp')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"content-wrapper\">\r\n \r\n <div class=\"main-content\">\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-info-circle\"><\/i> Description de la visite<\/h2>\r\n <div class=\"tour-highlight\">Randonn\u00e9e \u00e0 dos de chameau - Palmeraie et d\u00e9sert d'Agafay<\/div>\r\n <div class=\"description\">\r\n <p>Une douce promenade \u00e0 dos de chameau de 45 \u00e0 60 minutes, conduite par des ma\u00eetres-chiens, parfaite pour les d\u00e9butants et les familles. Choisissez la Palmeraie (Marrakech Palm Grove) pour un paysage de palmeraies ou le d\u00e9sert d'Agafay pour des horizons plus vastes et des vues imprenables sur le coucher de soleil.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-route\"><\/i> Exemple d'itin\u00e9raire en bref<\/h2>\r\n <div class=\"itinerary\">\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">\u00c9tape 1<\/div>\r\n <div class=\"itinerary-content\">\r\n <h4>Prise en charge depuis votre h\u00f4tel\/riad \u00e0 Marrakech<\/h4>\r\n <p>Prise en charge pratique depuis votre h\u00e9bergement et transport confortable jusqu'au lieu de votre choix.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">\u00c9tape 2<\/div>\r\n <div class=\"itinerary-content\">\r\n <h4>Bienvenue et briefing<\/h4>\r\n <p>Instructions de s\u00e9curit\u00e9, conseils de montage et pose de turban\/casque, le cas \u00e9ch\u00e9ant.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">\u00c9tape 3<\/div>\r\n <div class=\"itinerary-content\">\r\n <h4>Promenade \u00e0 dos de chameau 45-60 min avec arr\u00eats photos<\/h4>\r\n <p>Profitez d'une douce promenade \u00e0 dos de chameau dans le paysage de votre choix, avec de nombreuses occasions de prendre des photos.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">\u00c9tape 4<\/div>\r\n <div class=\"itinerary-content\">\r\n <h4>Pause menthe-th\u00e9<\/h4>\r\n <p>D\u00e9tendez-vous avec un th\u00e9 \u00e0 la menthe traditionnel et des rafra\u00eechissements dans un camp berb\u00e8re.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">\u00c9tape 5<\/div>\r\n <div class=\"itinerary-content\">\r\n <h4>Transfert aller-retour vers votre h\u00e9bergement<\/h4>\r\n <p>Retour en voiture confortable \u00e0 votre h\u00f4tel ou riad \u00e0 Marrakech.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-clipboard-list\"><\/i> Ce qui est inclus<\/h2>\r\n <div class=\"inclusion-grid\">\r\n <div>\r\n <h3><i class=\"fas fa-check-circle\" style=\"color:var(--tour-sage)\"><\/i> Inclus<\/h3>\r\n <ul class=\"inclusion-list\">\r\n <li><i class=\"fas fa-check\"><\/i> Prise en charge et retour \u00e0 Marrakech<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Chameau, selle et accompagnateur<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Th\u00e9 \u00e0 la menthe et eau en bouteille<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h3><i class=\"fas fa-times-circle\" style=\"color:#e74c3c\"><\/i> Non inclus<\/h3>\r\n <ul class=\"exclusion-list\">\r\n <li><i class=\"fas fa-times\"><\/i> D\u00e9penses personnelles, conseils<\/li>\r\n <li><i class=\"fas fa-times\"><\/i> \u00c9charpe\/turban (disponible \u00e0 l'achat\/\u00e0 la location sur place)<\/li>\r\n <li><i class=\"fas fa-times\"><\/i> Photos\/vid\u00e9os professionnelles (si propos\u00e9es)<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-list-alt\"><\/i> Exigences et politiques<\/h2>\r\n <div class=\"additional-details-grid\">\r\n <div class=\"detail-item\">\r\n <div class=\"detail-icon\"><i class=\"fas fa-child\"><\/i><\/div>\r\n <div class=\"detail-content\"><h3>Conditions d'\u00e2ge<\/h3><p>Convient \u00e0 tous les \u00e2ges ; les jeunes enfants peuvent monter en tandem avec un adulte.<\/p><\/div>\r\n <\/div>\r\n <div class=\"detail-item\">\r\n <div class=\"detail-icon\"><i class=\"fas fa-weight\"><\/i><\/div>\r\n <div class=\"detail-content\"><h3>Conseils en mati\u00e8re de poids<\/h3><p>G\u00e9n\u00e9ralement \u2264120-130 kg par cavalier<\/p><\/div>\r\n <\/div>\r\n <div class=\"detail-item\">\r\n <div class=\"detail-icon\"><i class=\"fas fa-horse\"><\/i><\/div>\r\n <div class=\"detail-content\"><h3>Niveau d'exp\u00e9rience<\/h3><p>Aucune exp\u00e9rience de l'\u00e9quitation n'est requise ; le rythme est lent et dirig\u00e9 par le ma\u00eetre.<\/p><\/div>\r\n <\/div>\r\n <div class=\"detail-item\">\r\n <div class=\"detail-icon\"><i class=\"fas a-shoe-prints\"><\/i><\/div>\r\n <div class=\"detail-content\"><h3>V\u00eatements<\/h3><p>Porter des chaussures ferm\u00e9es ; suivre les instructions du personnel \u00e0 tout moment.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\" aria-label=\"Questions fr\u00e9quemment pos\u00e9es\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-question-circle\"><\/i> Questions fr\u00e9quemment pos\u00e9es<\/h2>\r\n <div class=\"faq-accordion\">\r\n <div class=\"faq-accordion-item\">\r\n <div class=\"faq-accordion-header\">\r\n <span>Quelle est la dur\u00e9e du trajet ?<\/span>\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-accordion-content\">\r\n <p>Environ 45-60 minutes, sans compter les transferts et la pause th\u00e9.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-accordion-item\">\r\n <div class=\"faq-accordion-header\">\r\n <span>Le prix total est-il de 25 euros ?<\/span>\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-accordion-content\">\r\n <p>Oui - 25 \u20ac par personne pour un trajet standard en petit groupe. Les ajouts co\u00fbtent plus cher.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-accordion-item\">\r\n <div class=\"faq-accordion-header\">\r\n <span>Palmeraie ou Agafay, quelle est la diff\u00e9rence ?<\/span>\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-accordion-content\">\r\n <p>Palmeraie est plus proche, avec des paysages de palmeraies ; Agafay offre des vues plus larges sur le d\u00e9sert - le coucher de soleil est \u00e9poustouflant.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-accordion-item\">\r\n <div class=\"faq-accordion-header\">\r\n <span>Convient-il aux enfants et aux d\u00e9butants ?<\/span>\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-accordion-content\">\r\n <p>Absolument. Les accompagnateurs conduisent la caravane \u00e0 un rythme calme ; les petits enfants peuvent monter en tandem avec un adulte (sous r\u00e9serve de l'approbation du personnel).<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n\r\n \r\n <aside class=\"booking-sidebar\">\r\n <section class=\"section price-section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-tag\"><\/i> Prix de la visite<\/h2>\r\n <div class=\"price-amount\">$25<\/div>\r\n <p class=\"price-note\">Par personne<\/p>\r\n <p><i class=\"fas fa-clock\"><\/i> 45 \u00e0 60 minutes de trajet<\/p>\r\n <p><i class=\"fas fa-users\"><\/i> Petits groupes<\/p>\r\n <\/section>\r\n\r\n \r\n <section class=\"section booking-form\" aria-labelledby=\"book-title\">\r\n <h2 id=\"book-title\" class=\"section-title\"><i class=\"fas fa-calendar-plus\"><\/i> R\u00e9server cette visite<\/h2>\r\n <form id=\"booking-form\" novalidate action=\"\">\r\n <div class=\"form-group\">\r\n <label for=\"tour-date\">S\u00e9lectionner la date de la tourn\u00e9e<\/label>\r\n <input type=\"date\" id=\"tour-date\" class=\"form-control\" required aria-required=\"true\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"participants\">Nombre de participants<\/label>\r\n <input type=\"number\" id=\"participants\" class=\"form-control\" min=\"1\" max=\"15\" value=\"1\" required aria-required=\"true\">\r\n <\/div>\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"first-name\">Pr\u00e9nom<\/label>\r\n <input type=\"text\" id=\"first-name\" class=\"form-control\" required>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"last-name\">Nom de famille<\/label>\r\n <input type=\"text\" id=\"last-name\" class=\"form-control\" required>\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"email\">Adresse \u00e9lectronique<\/label>\r\n <input type=\"email\" id=\"email\" class=\"form-control\" required>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"phone\">Num\u00e9ro de t\u00e9l\u00e9phone<\/label>\r\n <input type=\"tel\" id=\"phone\" class=\"form-control\" required>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"special-requests\">Compl\u00e9ments et demandes sp\u00e9ciales<\/label>\r\n <textarea id=\"special-requests\" class=\"form-control\" rows=\"3\" placeholder=\"Combinaison quad, d\u00eener suppl\u00e9mentaire, d\u00e9tails concernant les enfants, etc.\"><\/textarea>\r\n <\/div>\r\n <button type=\"submit\" class=\"btn-book\" id=\"submit-btn\"><i class=\"fa-solid fa-paper-plane\"><\/i> R\u00e9server<\/button>\r\n <p id=\"form-help\" class=\"sr-only\" aria-live=\"polite\"><\/p>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"fr\"\/><\/form>\r\n <\/section>\r\n <\/aside>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mobile-booking-bar\">\r\n <div class=\"booking-bar-content\">\r\n <div class=\"price-info\">\r\n <div class=\"price-amount\">$25<\/div>\r\n <p class=\"price-note\">Par personne<\/p>\r\n <\/div>\r\n <button class=\"btn-book-mobile\" id=\"scroll-to-form\">\r\n <i class=\"fas fa-calendar-plus\"><\/i> R\u00e9server\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <dialog id=\"lightbox\">\r\n <button class=\"close-lightbox\" aria-label=\"Fermer la bo\u00eete \u00e0 lumi\u00e8re\"><i class=\"fas fa-times\"><\/i><\/button>\r\n <div class=\"lb-wrap\">\r\n <img class=\"lb-img\" id=\"lb-img\" alt=\"Gallery image\" \/>\r\n <\/div>\r\n <\/dialog>\r\n\r\n <div class=\"toast\" id=\"toast\" role=\"status\" aria-live=\"polite\"><\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Initialize EmailJS\r\n (function() {\r\n emailjs.init(\"E_4V-SBuVJroXW_Q5\");\r\n })();\r\n\r\n \/\/ Interactive Gallery\r\n const mainImage = document.getElementById('main-image');\r\n const galleryThumbs = document.querySelectorAll('.gallery-thumb');\r\n \r\n galleryThumbs.forEach(thumb => {\r\n thumb.addEventListener('click', () => {\r\n \/\/ Update main image\r\n const mainSrc = thumb.getAttribute('data-main');\r\n const fullSrc = thumb.getAttribute('data-full');\r\n \r\n mainImage.style.backgroundImage = `url('${mainSrc}')`;\r\n mainImage.querySelector('.zoom-btn').setAttribute('data-full', fullSrc);\r\n \r\n \/\/ Update active state\r\n galleryThumbs.forEach(t => t.classList.remove('active'));\r\n thumb.classList.add('active');\r\n });\r\n });\r\n\r\n \/\/ Lightbox for gallery with zoom functionality\r\n const lightbox = document.getElementById('lightbox');\r\n const lbImg = document.getElementById('lb-img');\r\n const closeLightbox = document.querySelector('.close-lightbox');\r\n \r\n function openLightbox(src) {\r\n lbImg.src = src;\r\n lbImg.classList.remove('zoomed');\r\n lightbox.showModal();\r\n }\r\n \r\n \/\/ Main image click\r\n mainImage.addEventListener('click', () => {\r\n const fullSrc = mainImage.querySelector('.zoom-btn').getAttribute('data-full');\r\n openLightbox(fullSrc);\r\n });\r\n \r\n \/\/ Thumbnail zoom buttons\r\n document.querySelectorAll('.zoom-btn').forEach(btn => {\r\n btn.addEventListener('click', e => {\r\n e.stopPropagation();\r\n const src = btn.getAttribute('data-full');\r\n openLightbox(src);\r\n });\r\n });\r\n \r\n \/\/ Close lightbox\r\n closeLightbox.addEventListener('click', () => {\r\n lightbox.close();\r\n });\r\n \r\n \/\/ Zoom functionality\r\n lbImg.addEventListener('click', () => {\r\n lbImg.classList.toggle('zoomed');\r\n });\r\n\r\n \/\/ Min date = tomorrow\r\n (function(){\r\n const d = new Date(); \r\n d.setDate(d.getDate() + 1);\r\n const min = `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2,'0')}-${String(d.getDate()).padStart(2,'0')}`;\r\n const input = document.getElementById('tour-date'); \r\n if(input) input.min = min;\r\n })();\r\n\r\n \/\/ FAQ Accordion functionality\r\n document.querySelectorAll('.faq-accordion-header').forEach(header => {\r\n header.addEventListener('click', () => {\r\n const item = header.parentElement;\r\n const isActive = item.classList.contains('active');\r\n \r\n \/\/ Close all accordion items\r\n document.querySelectorAll('.faq-accordion-item').forEach(i => {\r\n i.classList.remove('active');\r\n });\r\n \r\n \/\/ If the clicked item wasn't active, open it\r\n if (!isActive) {\r\n item.classList.add('active');\r\n }\r\n });\r\n });\r\n\r\n \/\/ Form submission with EmailJS\r\n const form = document.getElementById('booking-form');\r\n const toast = document.getElementById('toast');\r\n const submitBtn = document.getElementById('submit-btn');\r\n \r\n function showToast(text, type = 'success') {\r\n toast.textContent = text;\r\n toast.className = 'toast show ' + type;\r\n setTimeout(() => {\r\n toast.classList.remove('show');\r\n }, 5000);\r\n }\r\n \r\n if(form) {\r\n form.addEventListener('submit', async (e) => {\r\n e.preventDefault();\r\n \r\n \/\/ Basic validation\r\n const email = document.getElementById('email').value;\r\n const emailValid = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email);\r\n \r\n if(!emailValid) { \r\n showToast('Please enter a valid email.', 'error'); \r\n return; \r\n }\r\n \r\n \/\/ Disable submit button\r\n submitBtn.disabled = true;\r\n submitBtn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Sending...';\r\n \r\n try {\r\n \/\/ Prepare form data (location & tour_time removed as requested)\r\n const formData = {\r\n tour_date: document.getElementById('tour-date').value,\r\n participants: document.getElementById('participants').value,\r\n first_name: document.getElementById('first-name').value,\r\n last_name: document.getElementById('last-name').value,\r\n email: email,\r\n phone: document.getElementById('phone').value,\r\n special_requests: document.getElementById('special-requests').value,\r\n tour_name: 'Camel Ride Experience - Palmeraie & Agafay Desert'\r\n };\r\n \r\n \/\/ Send email via EmailJS\r\n const response = await emailjs.send(\r\n 'service_5pdqt1e', \r\n 'template_a1lx7on', \r\n formData\r\n );\r\n \r\n \/\/ Success\r\n showToast('Thanks! Your booking request has been received. We will contact you shortly.');\r\n form.reset();\r\n \r\n } catch (error) {\r\n \/\/ Error\r\n console.error('EmailJS error:', error);\r\n showToast('Sorry, there was an error sending your request. Please try again.', 'error');\r\n } finally {\r\n \/\/ Re-enable submit button\r\n submitBtn.disabled = false;\r\n submitBtn.innerHTML = '<i class=\"fa-solid fa-paper-plane\"><\/i> Book Now';\r\n }\r\n });\r\n }\r\n\r\n \/\/ Mobile booking bar scroll to form functionality\r\n const scrollToFormBtn = document.getElementById('scroll-to-form');\r\n if (scrollToFormBtn) {\r\n scrollToFormBtn.addEventListener('click', () => {\r\n \/\/ Show the booking form section\r\n document.querySelector('.booking-sidebar').style.display = 'block';\r\n \r\n \/\/ Scroll to the form\r\n document.querySelector('.booking-form').scrollIntoView({ \r\n behavior: 'smooth',\r\n block: 'start'\r\n });\r\n });\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Camel Ride Experience | Palmeraie & Agafay Desert Options View Tour Description Camel Ride Experience – Palmeraie & Agafay Desert A gentle 45\u201360 minute camel ride led by handlers, perfect for first-timers and families. Choose Palmeraie (Marrakech Palm Grove) for convenient palm-grove scenery or Agafay Desert for wider horizons and stunning sunset views. At-a-Glance Sample […]<\/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-412","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/experiencetoursmorocco.com\/fr\/wp-json\/wp\/v2\/pages\/412","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/experiencetoursmorocco.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/experiencetoursmorocco.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/experiencetoursmorocco.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/experiencetoursmorocco.com\/fr\/wp-json\/wp\/v2\/comments?post=412"}],"version-history":[{"count":7,"href":"https:\/\/experiencetoursmorocco.com\/fr\/wp-json\/wp\/v2\/pages\/412\/revisions"}],"predecessor-version":[{"id":762,"href":"https:\/\/experiencetoursmorocco.com\/fr\/wp-json\/wp\/v2\/pages\/412\/revisions\/762"}],"wp:attachment":[{"href":"https:\/\/experiencetoursmorocco.com\/fr\/wp-json\/wp\/v2\/media?parent=412"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}