{"id":485,"date":"2025-10-29T12:57:26","date_gmt":"2025-10-29T12:57:26","guid":{"rendered":"https:\/\/moroquestadventures.com\/?page_id=485"},"modified":"2025-11-04T17:09:33","modified_gmt":"2025-11-04T17:09:33","slug":"agafay-desert-adventure-from-marrakech","status":"publish","type":"page","link":"https:\/\/moroquestadventures.com\/fr\/agafay-desert-adventure-from-marrakech\/","title":{"rendered":"Aventure dans le d\u00e9sert d'Agafay au d\u00e9part de Marrakech"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"485\" class=\"elementor elementor-485\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1869bb2f e-grid e-con-full e-con e-parent\" data-id=\"1869bb2f\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d7f1d16 e-flex e-con-boxed e-con e-child\" data-id=\"d7f1d16\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2cde177a elementor-widget elementor-widget-gallery\" data-id=\"2cde177a\" data-element_type=\"widget\" data-settings=\"{&quot;columns&quot;:1,&quot;aspect_ratio&quot;:&quot;4:3&quot;,&quot;columns_tablet&quot;:1,&quot;lazyload&quot;:&quot;yes&quot;,&quot;gallery_layout&quot;:&quot;grid&quot;,&quot;columns_mobile&quot;:1,&quot;gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;link_to&quot;:&quot;file&quot;,&quot;overlay_background&quot;:&quot;yes&quot;,&quot;content_hover_animation&quot;:&quot;fade-in&quot;}\" data-widget_type=\"gallery.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-gallery__container\">\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6b087212 e-flex e-con-boxed e-con e-child\" data-id=\"6b087212\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31df483 elementor-widget elementor-widget-gallery\" data-id=\"31df483\" data-element_type=\"widget\" data-settings=\"{&quot;columns&quot;:1,&quot;aspect_ratio&quot;:&quot;4:3&quot;,&quot;columns_tablet&quot;:1,&quot;lazyload&quot;:&quot;yes&quot;,&quot;gallery_layout&quot;:&quot;grid&quot;,&quot;columns_mobile&quot;:1,&quot;gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;link_to&quot;:&quot;file&quot;,&quot;overlay_background&quot;:&quot;yes&quot;,&quot;content_hover_animation&quot;:&quot;fade-in&quot;}\" data-widget_type=\"gallery.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-gallery__container\">\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6cb539cc e-flex e-con-boxed e-con e-child\" data-id=\"6cb539cc\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-337acf6b elementor-widget elementor-widget-gallery\" data-id=\"337acf6b\" data-element_type=\"widget\" data-settings=\"{&quot;columns&quot;:1,&quot;aspect_ratio&quot;:&quot;4:3&quot;,&quot;columns_tablet&quot;:1,&quot;lazyload&quot;:&quot;yes&quot;,&quot;gallery_layout&quot;:&quot;grid&quot;,&quot;columns_mobile&quot;:1,&quot;gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;link_to&quot;:&quot;file&quot;,&quot;overlay_background&quot;:&quot;yes&quot;,&quot;content_hover_animation&quot;:&quot;fade-in&quot;}\" data-widget_type=\"gallery.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-gallery__container\">\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-127e675 e-con-full e-flex e-con e-parent\" data-id=\"127e675\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-95f0393 elementor-widget elementor-widget-html\" data-id=\"95f0393\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\" \/>\r\n  <title>Agafay Desert Day Trip from Marrakech | Camel Ride, Sunset & Dinner | MoroQuest Adventures<\/title>\r\n  <meta name=\"description\" content=\"Agafay Desert day trip from Marrakech. Experience camel riding, quad biking, sunset views, traditional dinner with live music and fire show. Book your desert adventure today.\">\r\n  <meta name=\"keywords\" content=\"Agafay Desert day trip, Marrakech desert tour, camel ride Marrakech, quad biking Agafay, sunset dinner desert, Berber experience, Agafay Desert adventure, Morocco day trips\">\r\n  <meta property=\"og:title\" content=\"Agafay Desert Day Trip from Marrakech | Camel Ride, Sunset & Dinner\">\r\n  <meta property=\"og:description\" content=\"Experience the magic of Agafay Desert with camel riding, quad biking, sunset views and traditional dinner with live entertainment.\">\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\r\n  <style>\r\n    \/* ---- Base Theme ---- *\/\r\n    .tour-booking-page{\r\n      --tour-bg:#f5efe6; --tour-ink:#2d2a26; --tour-muted:#6b6a66; --tour-card:#fff;\r\n      --tour-border:#e6dfd4; --tour-sage:#647a68; --tour-sage-700:#4f6254;\r\n      --tour-terra:#e67e22; --tour-terra-700:#d35400; --tour-cream:#fffaf2;\r\n      --radius:14px; --shadow:0 10px 30px rgba(2,6,23,.08);\r\n      box-sizing:border-box; font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n      background:linear-gradient(180deg,var(--tour-cream),var(--tour-bg)); color:var(--tour-ink); line-height:1.6;\r\n      -webkit-text-size-adjust:100%; margin:0; padding:0;\r\n    }\r\n    .tour-booking-page *{box-sizing:border-box}\r\n    .tour-booking-page .container{max-width:1160px;margin-inline:auto;padding:24px}\r\n\r\n    \/* ---- Layout ---- *\/\r\n    .content-wrapper{display:grid;grid-template-columns:1.6fr .9fr;gap:26px}\r\n    @media (max-width:980px){.content-wrapper{grid-template-columns:1fr}}\r\n    .section{background:var(--tour-card);border-radius:var(--radius);padding:24px;margin-bottom:22px;box-shadow:var(--shadow);border:1px solid var(--tour-border)}\r\n    .section-title{display:flex;align-items:center;gap:10px;font-size:1.35rem;margin:0 0 16px;color:var(--tour-ink)}\r\n    .section-title i{color:var(--tour-terra)}\r\n    .description{color:var(--tour-muted);font-size:1.05rem}\r\n\r\n    \/* ---- Gallery ---- *\/\r\n    .image-gallery{display:grid;gap:12px;margin:22px 0 34px}\r\n    .gallery-main{height:380px;border-radius:16px;background-size:cover;background-position:center;position:relative;overflow:hidden;cursor:pointer}\r\n    .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    .zoom-btn{position:absolute;right:10px;bottom:10px;background:rgba(255,255,255,.9);border:1px solid var(--tour-border);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    .gallery-main:hover .img-overlay{opacity:1}\r\n    .gallery-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}\r\n    .gallery-thumb{height:140px;border-radius:12px;background-size:cover;background-position:center;position:relative;overflow:hidden;cursor:pointer;border:2px solid transparent}\r\n    .gallery-thumb.active{border-color:var(--tour-terra)}\r\n    .gallery-thumb:hover .img-overlay{opacity:1}\r\n    @media (min-width:992px){\r\n      .image-gallery{grid-template-columns:2fr 1fr}\r\n      .gallery-main{height:480px}\r\n      .gallery-row{grid-template-columns:1fr;grid-template-rows:repeat(3,1fr);gap:12px}\r\n      .gallery-thumb{height:auto;min-height:140px}\r\n    }\r\n    \r\n    \/* Bottom Gallery *\/\r\n    .bottom-gallery { margin-top: 40px; }\r\n    .bottom-gallery .gallery-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }\r\n    @media (max-width: 768px) {\r\n      .bottom-gallery .gallery-row { grid-template-columns: repeat(2, 1fr); }\r\n    }\r\n\r\n    \/* ---- Itinerary \/ Details \/ FAQ ---- *\/\r\n    .itinerary-item{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--tour-border)}\r\n    .itinerary-item:last-child{border-bottom:0}\r\n    .itinerary-day{font-weight:800;color:var(--tour-terra)}\r\n    .itinerary-content h4{margin:.2rem 0 .25rem}\r\n    .inclusion-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}\r\n    @media (max-width:700px){.inclusion-grid{grid-template-columns:1fr}}\r\n    .inclusion-list,.exclusion-list{list-style:none;padding:0;margin:0}\r\n    .inclusion-list li,.exclusion-list li{display:flex;gap:10px;margin-bottom:10px}\r\n    .inclusion-list i{color:var(--tour-sage)}\r\n    .exclusion-list i{color:#e74c3c}\r\n    .additional-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}\r\n    .detail-item{display:flex;align-items:center;gap:15px;padding:15px;background:rgba(230,126,34,.05);border-radius:10px;border-left:4px solid var(--tour-terra)}\r\n    .detail-icon{background:var(--tour-terra);color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem}\r\n    .detail-content h3{margin:0 0 5px;font-size:1.1rem}\r\n    .detail-content p{margin:0;color:var(--tour-muted)}\r\n    .faq-accordion-item{border:1px solid var(--tour-border);border-radius:10px;margin-bottom:12px;overflow:hidden;background:var(--tour-card)}\r\n    .faq-accordion-header{padding:18px 20px;background:rgba(230,126,34,.05);cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;color:var(--tour-ink);transition:background .3s}\r\n    .faq-accordion-header:hover{background:rgba(230,126,34,.1)}\r\n    .faq-accordion-header i{transition:transform .3s;color:var(--tour-terra)}\r\n    .faq-accordion-item.active .faq-accordion-header i{transform:rotate(180deg)}\r\n    .faq-accordion-content{padding:0 20px;max-height:0;overflow:hidden;transition:max-height .3s,padding .3s;color:var(--tour-muted)}\r\n    .faq-accordion-item.active .faq-accordion-content{padding:20px;max-height:300px}\r\n\r\n    \/* ---- Sidebar \/ Form ---- *\/\r\n    .price-section{background:linear-gradient(180deg,var(--tour-terra),var(--tour-terra-700));color:#fff;border:0}\r\n    .price-section .section-title{color:#fff}\r\n    .price-amount{font-size:clamp(2.1rem,4.2vw,3rem);font-weight:800;letter-spacing:.3px}\r\n    .booking-form{position:sticky;top:18px}\r\n    .form-group{margin-bottom:16px}\r\n    label{display:block;margin-bottom:8px;font-weight:600;color:var(--tour-ink)}\r\n    .form-control{width:100%;padding:12px 14px;border:1px solid var(--tour-border);border-radius:10px;background:#fff;font:inherit;font-size:16px}\r\n    .form-control:focus{outline:3px solid rgba(230,126,34,.25);border-color:rgba(230,126,34,.5)}\r\n    .form-control::placeholder{color:#a0a0a0;opacity:1}\r\n    .form-control.error{border-color:#e74c3c;background-color:rgba(231,76,60,0.05)}\r\n    .error-message{color:#e74c3c;font-size:0.85rem;margin-top:5px;display:none}\r\n    .form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}\r\n    @media (max-width:700px){.form-row{grid-template-columns:1fr}}\r\n    .btn-book{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;border:0;background:linear-gradient(180deg,var(--tour-terra),var(--tour-terra-700));color:#fff;padding:14px 16px;border-radius:10px;font-weight:800;cursor:pointer;box-shadow:0 8px 22px rgba(230,126,34,.25);transition:.2s transform;font-size:16px}\r\n    .btn-book:hover{transform:translateY(-1px)}\r\n    .btn-book:disabled{background:#ccc;cursor:not-allowed;transform:none}\r\n\r\n    \/* ---------- DATE INPUT FIX ---------- *\/\r\n    input[type=\"date\"].form-control{\r\n      -webkit-appearance:none; appearance:none;\r\n      background:#fff; border:1px solid var(--tour-border); border-radius:10px;\r\n      padding:12px 14px; min-height:44px; color:var(--tour-ink);\r\n      text-align:start;\r\n    }\r\n    input[type=\"date\"].form-control::-webkit-date-and-time-value{ text-align:left; }\r\n    input[type=\"date\"].form-control::-webkit-datetime-edit,\r\n    input[type=\"date\"].form-control::-webkit-datetime-edit-fields-wrapper,\r\n    input[type=\"date\"].form-control::-webkit-datetime-edit-text,\r\n    input[type=\"date\"].form-control::-webkit-datetime-edit-month-field,\r\n    input[type=\"date\"].form-control::-webkit-datetime-edit-day-field,\r\n    input[type=\"date\"].form-control::-webkit-datetime-edit-year-field{\r\n      color:var(--tour-ink); padding:0;\r\n    }\r\n    input[type=\"date\"].form-control::-webkit-calendar-picker-indicator{\r\n      opacity:.65; padding:2px; margin-right:2px; cursor:pointer;\r\n    }\r\n\r\n    \/* Custom placeholder for date inputs *\/\r\n    .date-placeholder{color:#a0a0a0}\r\n    input[type=\"date\"]:invalid::-webkit-datetime-edit{color:#a0a0a0}\r\n\r\n    \/* ---- Toast \/ Lightbox ---- *\/\r\n    .toast{position:fixed;left:50%;transform:translateX(-50%);bottom:20px;padding:12px 16px;border-radius:12px;background:var(--tour-ink);color:#fff;box-shadow:var(--shadow);display:none;z-index:100}\r\n    .toast.show{display:block}\r\n    .toast.success{background:var(--tour-sage)}\r\n    .toast.error{background:#e74c3c}\r\n    dialog#lightbox{border:0;padding:0;background:transparent;width:100%;height:100%;max-width:100%;max-height:100%}\r\n    .lb-wrap{position:fixed;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.8);z-index:100;padding:20px}\r\n    .lb-img{max-width:90vw;max-height:80vh;border-radius:14px;border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow);cursor:zoom-in;transition:transform .3s}\r\n    .lb-img.zoomed{transform:scale(1.5);cursor:zoom-out}\r\n    .close-lightbox{position:absolute;top:20px;right:20px;background:rgba(0,0,0,.7);color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;z-index:101}\r\n\r\n    \/* ---- Highlight ---- *\/\r\n    .tour-highlight{font-size:1.4rem;font-weight:700;color:var(--tour-terra);text-align:center;margin:0 0 20px;padding:15px;background:rgba(230,126,34,.05);border-radius:10px;border-left:4px solid var(--tour-terra)}\r\n\r\n    \/* ---- Mobile bottom bar ---- *\/\r\n    .mobile-booking-bar{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--tour-card);box-shadow:0 -4px 20px rgba(0,0,0,.15);padding:12px 16px;z-index:9500;border-top:1px solid var(--tour-border)}\r\n    .mobile-booking-bar .booking-bar-content{display:flex;justify-content:space-between;align-items:center;max-width:1160px;margin:0 auto}\r\n    .mobile-booking-bar .price-info{display:flex;flex-direction:column}\r\n    .mobile-booking-bar .price-amount{font-size:1.5rem;font-weight:800;color:var(--tour-terra);line-height:1.2}\r\n    .mobile-booking-bar .price-note{font-size:.8rem;color:var(--tour-muted);margin:0}\r\n    .mobile-booking-bar .btn-book-mobile{background:linear-gradient(180deg,var(--tour-terra),var(--tour-terra-700));color:#fff;border:none;border-radius:10px;padding:12px 20px;font-weight:700;font-size:1rem;cursor:pointer;box-shadow:0 4px 12px rgba(230,126,34,.3);display:flex;align-items:center;gap:8px;transition:transform .2s}\r\n    .mobile-booking-bar .btn-book-mobile:hover{transform:translateY(-2px)}\r\n\r\n    \/* ---- Support ---- *\/\r\n    .support-container{background:rgba(230,126,34,.05);border-radius:10px;padding:20px;margin-top:20px;border:1px solid var(--tour-border)}\r\n    .support-title{font-size:1.2rem;font-weight:700;margin-bottom:15px;color:var(--tour-terra);display:flex;align-items:center;gap:10px}\r\n    .support-info{display:flex;flex-wrap:wrap;gap:15px}\r\n    .support-item{display:flex;align-items:center;gap:10px;padding:10px 15px;background:#fff;border-radius:8px;border:1px solid var(--tour-border);flex:1;min-width:200px}\r\n    .support-icon{background:var(--tour-terra);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}\r\n    .support-details h4{margin:0 0 5px;font-size:.9rem}\r\n    .support-details p{margin:0;font-size:.9rem;color:var(--tour-muted)}\r\n\r\n    \/* ---- SIMPLIFIED PROFESSIONAL THANK YOU MESSAGE ---- *\/\r\n    .thankyou-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.85); z-index: 10000; backdrop-filter: blur(5px); overflow-y: auto; padding: 20px; box-sizing: border-box; }\r\n    .thankyou-card { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; border-radius: 20px; padding: 50px 40px; max-width: 450px; width: 90%; text-align: center; box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3); border: 1px solid var(--tour-border); animation: thankYouSlideIn 0.5s ease-out; }\r\n    @keyframes thankYouSlideIn { 0% { opacity: 0; transform: translate(-50%, -40%); } 100% { opacity: 1; transform: translate(-50%, -50%); } }\r\n    .thankyou-card .icon { width: 90px; height: 90px; background: linear-gradient(135deg, var(--tour-sage), var(--tour-sage-700)); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 30px; color: white; font-size: 2.5rem; box-shadow: 0 10px 25px rgba(100, 122, 104, 0.3); }\r\n    .thankyou-card h3 { font-size: 2rem; margin-bottom: 20px; color: var(--tour-ink); font-weight: 800; line-height: 1.2; }\r\n    .thankyou-card p { color: var(--tour-muted); margin-bottom: 0; line-height: 1.6; font-size: 1.2rem; }\r\n    .thankyou-card .btn-row { display: flex; justify-content: center; gap: 15px; margin-top: 30px; }\r\n    .thankyou-card .btn-book { padding: 14px 24px; font-size: 1.1rem; min-width: 140px; }\r\n\r\n    @media (max-width: 600px) {\r\n      .thankyou-card { padding: 40px 25px; width: 95%; }\r\n      .thankyou-card .icon { width: 80px; height: 80px; font-size: 2.2rem; margin-bottom: 25px; }\r\n      .thankyou-card h3 { font-size: 1.7rem; margin-bottom: 15px; }\r\n      .thankyou-card p { font-size: 1.1rem; }\r\n      .thankyou-card .btn-row { flex-direction: column; gap: 12px; margin-top: 25px; }\r\n      .thankyou-card .btn-book { width: 100%; padding: 12px 16px; }\r\n    }\r\n\r\n    \/* ---- Travel Tips Section ---- *\/\r\n    .travel-tips { background: rgba(230,126,34,.03); border-left: 4px solid var(--tour-terra); padding: 20px; border-radius: 10px; margin: 20px 0; }\r\n    .travel-tips h3 { color: var(--tour-terra); margin-top: 0; display: flex; align-items: center; gap: 10px; }\r\n    .tips-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 15px; margin-top: 15px; }\r\n    .tips-item { display: flex; align-items: center; gap: 10px; }\r\n    .tips-item i { color: var(--tour-sage); }\r\n\r\n    \/* ---- Mobile tweaks ---- *\/\r\n    @media (max-width:768px){\r\n      html,body{width:100%;overflow-x:hidden}\r\n      .container{padding:16px;padding-bottom:80px}\r\n      .gallery-main{height:260px}\r\n      .gallery-thumb{height:110px}\r\n      .section{padding:18px}\r\n      .itinerary-item{grid-template-columns:80px 1fr;gap:12px}\r\n      .tour-highlight{font-size:1.2rem}\r\n      .mobile-booking-bar{display:block}\r\n      .booking-sidebar{display:none}\r\n      .support-info{flex-direction:column}\r\n      .support-item{min-width:100%}\r\n      input,select,textarea{font-size:16px!important}\r\n      .tips-list{grid-template-columns:1fr}\r\n    }\r\n\r\n    \/* ===== MOBILE POPUP (centered) ===== *\/\r\n    .mobile-popup-overlay{ display:none; position:fixed; inset:0; z-index:99999; background:rgba(0,0,0,.55); backdrop-filter:blur(4px); padding: max(24px, env(safe-area-inset-top)) 18px max(24px, env(safe-area-inset-bottom)); overflow:auto; place-items:center; }\r\n    .mobile-popup{ width:min(560px, 92vw); max-height:min(720px, calc(100dvh - 64px)); background:#fff; border-radius:16px; border:1px solid var(--tour-border); box-shadow:0 20px 50px rgba(0,0,0,.25); padding:18px; animation:popupIn .22s ease-out; overflow:auto; }\r\n    @keyframes popupIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}\r\n    .mobile-popup .popup-header{ position:sticky;top:0;background:#fff;z-index:1; padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid var(--tour-border); display:flex;align-items:center;justify-content:space-between;gap:10px }\r\n    .mobile-popup .popup-title{font-weight:800;font-size:1.1rem;display:flex;align-items:center;gap:.6rem}\r\n    .mobile-popup .close-popup{background:#f7f7f7;border:1px solid var(--tour-border);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;cursor:pointer}\r\n    .mobile-popup .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}\r\n    .mobile-popup .row-1col{grid-template-columns:1fr !important}\r\n    .popup-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}\r\n    .popup-total{padding:10px 12px;background:rgba(230,126,34,.06);border:1px dashed var(--tour-border);border-radius:10px;font-weight:800;display:flex;align-items:center;justify-content:space-between;margin-top:8px}\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <div class=\"tour-booking-page\">\r\n    <div class=\"container center\">\r\n      <!-- Gallery -->\r\n      <section class=\"image-gallery center\" aria-label=\"Galerie d&#039;images\">\r\n        <figure class=\"gallery-main\" id=\"main-image\" style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-22.21.39_f70b9316.jpg')\">\r\n          <span class=\"img-overlay\"><\/span>\r\n          <button class=\"zoom-btn\" data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-22.21.39_f70b9316.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=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-22.21.39_f70b9316.jpg\" data-main=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-22.21.39_f70b9316.jpg\" style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-22.21.39_f70b9316.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n          <figure class=\"gallery-thumb\" data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-22.21.40_62f77218.jpg\" data-main=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-22.21.40_62f77218.jpg\" style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-22.21.40_62f77218.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n          <figure class=\"gallery-thumb\" data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-22.21.39_dc83febc.jpg\" data-main=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-22.21.39_dc83febc.jpg\" style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-22.21.39_dc83febc.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <div class=\"content-wrapper\">\r\n        <!-- Main Content -->\r\n        <div class=\"main-content\">\r\n          <section class=\"section\">\r\n            <h1 class=\"section-title\"><i class=\"fas fa-info-circle\"><\/i> Description de la visite<\/h1>\r\n            <div class=\"tour-highlight\">Excursion d'une journ\u00e9e dans le d\u00e9sert d'Agafay depuis Marrakech<\/div>\r\n            <div class=\"description\">\r\n              <p>Pr\u00e9parez-vous \u00e0 une soir\u00e9e riche en adr\u00e9naline dans le d\u00e9sert d'Agafay, au d\u00e9part de Marrakech. Une exp\u00e9rience inoubliable combinant l'aventure tout-terrain, l'hospitalit\u00e9 berb\u00e8re et des vues spectaculaires sur les contreforts de l'Atlas.<\/p>\r\n              <p>Votre voyage commence \u00e0 14h00, 15h00 ou 16h00 avec une prise en charge pratique \u00e0 votre h\u00f4tel ou une d\u00e9pose \u00e0 l'un de nos 7 points de rencontre gratuits dans le centre de Marrakech. Apr\u00e8s un court transfert en bus ou en van, vous arriverez \u00e0 un camp traditionnel nich\u00e9 au c\u0153ur du d\u00e9sert d'Agafay, un terrain rocailleux et lunaire situ\u00e9 juste \u00e0 l'ext\u00e9rieur de la ville rouge, offrant des panoramas \u00e0 couper le souffle comme aucun autre dans le Sahara.<\/p>\r\n            <\/div>\r\n          <\/section>\r\n\r\n          <!-- Tour Details \/ Itinerary -->\r\n          <section class=\"section\">\r\n            <h2 class=\"section-title\"><i class=\"fas fa-route\"><\/i> Exp\u00e9rience de la tourn\u00e9e<\/h2>\r\n            <div class=\"itinerary\">\r\n              <div class=\"itinerary-item\">\r\n                <div class=\"itinerary-day\">Quad Biking<\/div>\r\n                <div class=\"itinerary-content\">\r\n                  <h3>Ressentir l'adr\u00e9naline : Excursion en quad dans le d\u00e9sert d'Agafay<\/h3>\r\n                  <p>Mettez votre casque et vos lunettes et faites tourner votre moteur : c'est l'heure d'une balade en quad sur les sentiers sauvages d'Agafay. Dirig\u00e9e par des guides anglophones certifi\u00e9s, cette excursion en quad est con\u00e7ue pour tous les niveaux de comp\u00e9tence et garantit un briefing sur la s\u00e9curit\u00e9 avant de vivre l'ultime aventure tout-terrain en petit groupe.<\/p>\r\n                  <p><strong>Dur\u00e9e de l'enqu\u00eate :<\/strong> Excursion de 40 minutes en quad double partag\u00e9<\/p>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"itinerary-item\">\r\n                <div class=\"itinerary-day\">Promenade \u00e0 dos de chameau<\/div>\r\n                <div class=\"itinerary-content\">\r\n                  <h3>Promenade \u00e0 dos de chameau au coucher du soleil : une exp\u00e9rience marocaine intemporelle<\/h3>\r\n                  <p>Apr\u00e8s les sensations fortes, d\u00e9tendez-vous avec une promenade \u00e0 dos de chameau au coucher du soleil dans le d\u00e9sert dor\u00e9. Cette paisible randonn\u00e9e \u00e0 dos de chameau offre de superbes possibilit\u00e9s de photos et un voyage romantique et tranquille \u00e0 travers les paysages intemporels du Maroc. Que vous voyagiez seul, en famille ou en couple, cette exp\u00e9rience familiale est incontournable.<\/p>\r\n                  <p><strong>Dur\u00e9e de l'enqu\u00eate :<\/strong> Promenade de 15 minutes \u00e0 dos de chameau dans le d\u00e9sert<\/p>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"itinerary-item\">\r\n                <div class=\"itinerary-day\">D\u00eener et spectacle<\/div>\r\n                <div class=\"itinerary-content\">\r\n                  <h3>D\u00eener sous les \u00e9toiles - Un festin culturel<\/h3>\r\n                  <p>Au coucher du soleil, profitez d'un authentique d\u00eener berb\u00e8re sous les \u00e9toiles. Savourez des plats marocains traditionnels tels que le tajine, le couscous et les fruits frais, le tout servi dans un cadre chaleureux sous des tentes berb\u00e8res. Profitez d'une soir\u00e9e magique avec un spectacle, de la musique gnawa, des danses folkloriques et m\u00eame un spectacle de feu qui illuminera la nuit du d\u00e9sert.<\/p>\r\n                  <p><strong>Inclus :<\/strong> D\u00eener marocain avec de l'eau, de la musique en direct et un spectacle de feu<\/p>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/section>\r\n\r\n          <!-- Travel Tips Section -->\r\n          <section class=\"section\">\r\n            <h2 class=\"section-title\"><i class=\"fas fa-lightbulb\"><\/i> Conseils de voyage essentiels<\/h2>\r\n            <div class=\"travel-tips\">\r\n              <h3><i class=\"fas fa-exclamation-circle\"><\/i> Ce qu'il faut apporter<\/h3>\r\n              <div class=\"tips-list\">\r\n                <div class=\"tips-item\"><i class=\"fas fa-check\"><\/i> V\u00eatements confortables et superpos\u00e9s<\/div>\r\n                <div class=\"tips-item\"><i class=\"fas fa-check\"><\/i> Chaussures confortables et ferm\u00e9es<\/div>\r\n                <div class=\"tips-item\"><i class=\"fas fa-check\"><\/i> Un appareil photo pour immortaliser vos souvenirs<\/div>\r\n                <div class=\"tips-item\"><i class=\"fas fa-check\"><\/i> Cr\u00e8me solaire et chapeau<\/div>\r\n                <div class=\"tips-item\"><i class=\"fas fa-check\"><\/i> Une veste l\u00e9g\u00e8re pour les soir\u00e9es fra\u00eeches<\/div>\r\n                <div class=\"tips-item\"><i class=\"fas fa-check\"><\/i> Eau suppl\u00e9mentaire pour usage personnel<\/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> Transport aller-retour \u00e0 partir des points de ramassage d\u00e9sign\u00e9s<\/li>\r\n                  <li><i class=\"fas fa-check\"><\/i> Transport en minibus climatis\u00e9<\/li>\r\n                  <li><i class=\"fas fa-check\"><\/i> Guide professionnel anglophone<\/li>\r\n                  <li><i class=\"fas fa-check\"><\/i> Excursion de 40 minutes en quad double partag\u00e9<\/li>\r\n                  <li><i class=\"fas fa-check\"><\/i> Promenade de 15 minutes \u00e0 dos de chameau dans le d\u00e9sert<\/li>\r\n                  <li><i class=\"fas fa-check\"><\/i> D\u00eener marocain avec de l'eau<\/li>\r\n                  <li><i class=\"fas fa-check\"><\/i> Visite de la Coop\u00e9rative Argane<\/li>\r\n                  <li><i class=\"fas fa-check\"><\/i> Musique marocaine en direct pendant la soir\u00e9e<\/li>\r\n                  <li><i class=\"fas fa-check\"><\/i> Spectacle de feu sous le ciel du d\u00e9sert<\/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<\/li>\r\n                  <li><i class=\"fas fa-times\"><\/i> Boissons suppl\u00e9mentaires en plus de l'eau<\/li>\r\n                  <li><i class=\"fas fa-times\"><\/i> Conseils pour les guides et le personnel<\/li>\r\n                  <li><i class=\"fas fa-times\"><\/i> Assurance voyage<\/li>\r\n                <\/ul>\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-list-alt\"><\/i> D\u00e9tails suppl\u00e9mentaires<\/h2>\r\n            <div class=\"additional-details-grid\">\r\n              <div class=\"detail-item\"><div class=\"detail-icon\"><i class=\"fas fa-clock\"><\/i><\/div><div class=\"detail-content\"><h3>La dur\u00e9e<\/h3><p>Environ 6-7 heures<\/p><\/div><\/div>\r\n              <div class=\"detail-item\"><div class=\"detail-icon\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div><div class=\"detail-content\"><h3>Heures d'enl\u00e8vement<\/h3><p>14 h 00, 15 h 00 ou 16 h 00<\/p><\/div><\/div>\r\n              <div class=\"detail-item\"><div class=\"detail-icon\"><i class=\"fas fa-users\"><\/i><\/div><div class=\"detail-content\"><h3>Taille du groupe<\/h3><p>Petits groupes<\/p><\/div><\/div>\r\n              <div class=\"detail-item\"><div class=\"detail-icon\"><i class=\"fas fa-calendar-alt\"><\/i><\/div><div class=\"detail-content\"><h3>Disponibilit\u00e9<\/h3><p>D\u00e9parts quotidiens<\/p><\/div><\/div>\r\n              <div class=\"detail-item\"><div class=\"detail-icon\"><i class=\"fas fa-child\"><\/i><\/div><div class=\"detail-content\"><h3>Convient pour<\/h3><p>Tous niveaux, familles<\/p><\/div><\/div>\r\n              <div class=\"detail-item\"><div class=\"detail-icon\"><i class=\"fas fa-sun\"><\/i><\/div><div class=\"detail-content\"><h3>Meilleur moment<\/h3><p>Toute l'ann\u00e9e<\/p><\/div><\/div>\r\n            <\/div>\r\n          <\/section>\r\n\r\n          <!-- FAQ Section -->\r\n          <section class=\"section\">\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>\u00c0 quoi ressemble le d\u00e9sert d'Agafay par rapport au Sahara ?<\/span>\r\n                  <i class=\"fas fa-chevron-down\"><\/i>\r\n                <\/div>\r\n                <div class=\"faq-accordion-content\">\r\n                  <p>Le d\u00e9sert d'Agafay est un paysage rocheux et lunaire situ\u00e9 juste \u00e0 l'ext\u00e9rieur de Marrakech, souvent appel\u00e9 le \"d\u00e9sert de Marrakech\". Contrairement aux dunes de sable du Sahara, Agafay pr\u00e9sente des d\u00e9serts de pierre, des plaines arides et des vues \u00e0 couper le souffle sur les montagnes de l'Atlas. Il s'agit d'une exp\u00e9rience unique dans le d\u00e9sert qui est beaucoup plus accessible pour une excursion d'une journ\u00e9e \u00e0 partir de Marrakech.<\/p>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"faq-accordion-item\">\r\n                <div class=\"faq-accordion-header\">\r\n                  <span>Ai-je besoin d'une exp\u00e9rience pr\u00e9alable pour faire du quad ?<\/span>\r\n                  <i class=\"fas fa-chevron-down\"><\/i>\r\n                <\/div>\r\n                <div class=\"faq-accordion-content\">\r\n                  <p>Aucune exp\u00e9rience pr\u00e9alable n'est n\u00e9cessaire pour faire du quad. Nos guides certifi\u00e9s fournissent un briefing complet sur la s\u00e9curit\u00e9 et des instructions avant l'excursion. Les quads sont faciles \u00e0 conduire et conviennent aux d\u00e9butants. Pour des raisons de s\u00e9curit\u00e9, les participants doivent \u00eatre \u00e2g\u00e9s d'au moins 16 ans pour conduire un quad, et les plus jeunes peuvent monter en tant que passagers.<\/p>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"faq-accordion-item\">\r\n                <div class=\"faq-accordion-header\">\r\n                  <span>Comment se d\u00e9roule une promenade \u00e0 dos de chameau ?<\/span>\r\n                  <i class=\"fas fa-chevron-down\"><\/i>\r\n                <\/div>\r\n                <div class=\"faq-accordion-content\">\r\n                  <p>La promenade \u00e0 dos de chameau est une exp\u00e9rience douce et paisible qui convient \u00e0 tous les \u00e2ges. Les chameaux sont bien dress\u00e9s et accompagn\u00e9s par des ma\u00eetres-chiens exp\u00e9riment\u00e9s. La promenade a g\u00e9n\u00e9ralement lieu au coucher du soleil, ce qui permet de prendre de belles photos du paysage d\u00e9sertique. La dur\u00e9e est d'environ 15 minutes, ce qui la rend agr\u00e9able m\u00eame pour les personnes qui montent pour la premi\u00e8re fois.<\/p>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"faq-accordion-item\">\r\n                <div class=\"faq-accordion-header\">\r\n                  <span>Quel type de nourriture est servi au d\u00eener ?<\/span>\r\n                  <i class=\"fas fa-chevron-down\"><\/i>\r\n                <\/div>\r\n                <div class=\"faq-accordion-content\">\r\n                  <p>Nous servons un authentique d\u00eener marocain compos\u00e9 de plats traditionnels tels que le tagine (viande et l\u00e9gumes mijot\u00e9s avec des \u00e9pices), le couscous, des salades fra\u00eeches, du pain et des fruits de saison. Des options v\u00e9g\u00e9tariennes sont disponibles sur demande. Le repas est accompagn\u00e9 d'eau, et des boissons suppl\u00e9mentaires peuvent \u00eatre achet\u00e9es s\u00e9par\u00e9ment. Veuillez nous informer de toute restriction alimentaire lors de la r\u00e9servation.<\/p>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/section>\r\n\r\n          <!-- Bottom Gallery -->\r\n          <section class=\"section bottom-gallery\">\r\n            <h2 class=\"section-title\"><i class=\"fas fa-images\"><\/i> Galerie de l'exp\u00e9rience du d\u00e9sert d'Agafay<\/h2>\r\n            <div class=\"gallery-row\">\r\n              <figure class=\"gallery-thumb\" data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-22.21.39_7fdc50b8.jpg\" style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-22.21.39_7fdc50b8.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n              <figure class=\"gallery-thumb\" data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-22.21.38_3e0d249c.jpg\" style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-22.21.38_3e0d249c.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n              <figure class=\"gallery-thumb\" data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-22.21.39_1f583b6e.jpg\" style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-22.21.39_1f583b6e.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n              <figure class=\"gallery-thumb\" data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-22.21.39_92fb3ba1.jpg\" style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-22.21.39_92fb3ba1.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n              <figure class=\"gallery-thumb\" data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-22.21.39_dc83febc.jpg\" style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-22.21.39_dc83febc.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n              <figure class=\"gallery-thumb\" data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-22.21.39_37c630d6.jpg\" style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-22.21.39_37c630d6.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n            <\/div>\r\n          <\/section>\r\n\r\n          <!-- Support -->\r\n          <section class=\"support-container\">\r\n            <h3 class=\"support-title\"><i class=\"fas fa-headset\"><\/i> Besoin d'aide ? Contactez nous<\/h3>\r\n            <div class=\"support-info\">\r\n              <div class=\"support-item\">\r\n                <div class=\"support-icon\"><i class=\"fas fa-phone\"><\/i><\/div>\r\n                <div class=\"support-details\"><h4>T\u00e9l\u00e9phone<\/h4><p>0675747089<\/p><\/div>\r\n              <\/div>\r\n              <div class=\"support-item\">\r\n                <div class=\"support-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\r\n                <div class=\"support-details\"><h4>Courriel<\/h4><p>info@moroquestadventures.com<\/p><\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/section>\r\n        <\/div>\r\n\r\n        <!-- Sidebar -->\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\" id=\"price-amount\">$40<\/div>\r\n            <p class=\"price-note\">Par personne<\/p>\r\n            <p><i class=\"fas fa-calendar-alt\"><\/i> Exp\u00e9rience d'une journ\u00e9e<\/p>\r\n            <p><i class=\"fas fa-motorcycle\"><\/i> Randonn\u00e9e en quad incluse<\/p>\r\n            <p><i class=\"fas fa-camera\"><\/i> Promenade \u00e0 dos de chameau au coucher du soleil<\/p>\r\n          <\/section>\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              <!-- One line: date + participants (desktop) -->\r\n              <div class=\"form-row\">\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 placeholder=\"S\u00e9lectionnez une date\">\r\n                  <div class=\"error-message\" id=\"date-error\">Veuillez s\u00e9lectionner une date valide<\/div>\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 placeholder=\"par exemple 2\">\r\n                  <div class=\"error-message\" id=\"participants-error\">Veuillez saisir un num\u00e9ro valide (1-15)<\/div>\r\n                <\/div>\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 placeholder=\"par exemple, John\">\r\n                  <div class=\"error-message\" id=\"first-name-error\">Veuillez saisir votre pr\u00e9nom<\/div>\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 placeholder=\"par exemple, Smith\">\r\n                  <div class=\"error-message\" id=\"last-name-error\">Veuillez saisir votre nom de famille<\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"form-row\">\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 placeholder=\"par exemple : john@example.com\">\r\n                  <div class=\"error-message\" id=\"email-error\">Veuillez saisir une adresse \u00e9lectronique valide<\/div>\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 placeholder=\"par exemple +212612345678\">\r\n                  <div class=\"error-message\" id=\"phone-error\">Veuillez saisir un num\u00e9ro de t\u00e9l\u00e9phone valide (10 chiffres au minimum).<\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"form-group\">\r\n                <label for=\"special-requests\">Demandes sp\u00e9ciales<\/label>\r\n                <textarea id=\"special-requests\" class=\"form-control\" rows=\"3\" placeholder=\"Pr\u00e9f\u00e9rences alimentaires, lieu de prise en charge \u00e0 l&#039;h\u00f4tel, 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            <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    <!-- Mobile bottom bar -->\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\" id=\"mobile-price-amount\">$40<\/div>\r\n          <p class=\"price-note\">Par personne<\/p>\r\n        <\/div>\r\n        <button class=\"btn-book-mobile\" id=\"open-mobile-popup\"><i class=\"fas fa-calendar-plus\"><\/i> R\u00e9server<\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Mobile Popup -->\r\n    <div class=\"mobile-popup-overlay\" id=\"mobile-popup\" aria-hidden=\"true\">\r\n      <div class=\"mobile-popup\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"mobile-popup-title\">\r\n        <div class=\"popup-header\">\r\n          <div class=\"popup-title\" id=\"mobile-popup-title\"><i class=\"fas fa-calendar-plus\"><\/i> R\u00e9server cette visite<\/div>\r\n          <button class=\"close-popup\" id=\"close-mobile-popup\" aria-label=\"Fermer\"><i class=\"fas fa-times\"><\/i><\/button>\r\n        <\/div>\r\n\r\n        <form id=\"mobile-booking-form\" novalidate action=\"\">\r\n          <!-- DATE & PARTICIPANTS: each on its own full-width line -->\r\n          <div class=\"form-row row-1col\">\r\n            <div class=\"form-group\">\r\n              <label for=\"m-tour-date\">S\u00e9lectionner la date de la tourn\u00e9e<\/label>\r\n              <input type=\"date\" id=\"m-tour-date\" class=\"form-control\" required placeholder=\"S\u00e9lectionnez une date\">\r\n              <div class=\"error-message\" id=\"m-date-error\">Veuillez s\u00e9lectionner une date valide<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"form-row row-1col\">\r\n            <div class=\"form-group\">\r\n              <label for=\"m-participants\">Nombre de participants<\/label>\r\n              <input type=\"number\" id=\"m-participants\" class=\"form-control\" min=\"1\" max=\"15\" value=\"1\" required placeholder=\"par exemple 2\">\r\n              <div class=\"error-message\" id=\"m-participants-error\">Veuillez saisir un num\u00e9ro valide (1-15)<\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Two-per-line for the rest -->\r\n          <div class=\"form-row\">\r\n            <div class=\"form-group\">\r\n              <label for=\"m-first-name\">Pr\u00e9nom<\/label>\r\n              <input type=\"text\" id=\"m-first-name\" class=\"form-control\" required placeholder=\"par exemple, John\">\r\n              <div class=\"error-message\" id=\"m-first-name-error\">Veuillez saisir votre pr\u00e9nom<\/div>\r\n            <\/div>\r\n            <div class=\"form-group\">\r\n              <label for=\"m-last-name\">Nom de famille<\/label>\r\n              <input type=\"text\" id=\"m-last-name\" class=\"form-control\" required placeholder=\"par exemple, Smith\">\r\n              <div class=\"error-message\" id=\"m-last-name-error\">Veuillez saisir votre nom de famille<\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"form-row\">\r\n            <div class=\"form-group\">\r\n              <label for=\"m-email\">Adresse \u00e9lectronique<\/label>\r\n              <input type=\"email\" id=\"m-email\" class=\"form-control\" required placeholder=\"par exemple : john@example.com\">\r\n              <div class=\"error-message\" id=\"m-email-error\">Veuillez saisir une adresse \u00e9lectronique valide<\/div>\r\n            <\/div>\r\n            <div class=\"form-group\">\r\n              <label for=\"m-phone\">Num\u00e9ro de t\u00e9l\u00e9phone<\/label>\r\n              <input type=\"tel\" id=\"m-phone\" class=\"form-control\" required placeholder=\"par exemple +212612345678\">\r\n              <div class=\"error-message\" id=\"m-phone-error\">Veuillez saisir un num\u00e9ro de t\u00e9l\u00e9phone valide (10 chiffres au minimum).<\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"form-group\">\r\n            <label for=\"m-special-requests\">Demandes sp\u00e9ciales<\/label>\r\n            <textarea id=\"m-special-requests\" class=\"form-control\" rows=\"3\" placeholder=\"Pr\u00e9f\u00e9rences alimentaires, lieu de prise en charge \u00e0 l&#039;h\u00f4tel, etc.\"><\/textarea>\r\n          <\/div>\r\n\r\n          <div class=\"popup-total\"><span>Total<\/span><strong id=\"mobile-popup-total\">$40<\/strong><\/div>\r\n\r\n          <div class=\"popup-actions\">\r\n            <button type=\"button\" class=\"btn-book\" id=\"mobile-cancel\">Annuler<\/button>\r\n            <button type=\"submit\" class=\"btn-book\" id=\"mobile-submit\"><i class=\"fa-solid fa-paper-plane\"><\/i> Confirmer la r\u00e9servation<\/button>\r\n          <\/div>\r\n        <input type=\"hidden\" name=\"trp-form-language\" value=\"fr\"\/><\/form>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Lightbox -->\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\"><img class=\"lb-img\" id=\"lb-img\" alt=\"Gallery image\" \/><\/div>\r\n    <\/dialog>\r\n\r\n    <!-- SIMPLIFIED PROFESSIONAL THANK YOU MESSAGE -->\r\n    <div class=\"thankyou-overlay\" id=\"thankyou\">\r\n      <div class=\"thankyou-card\">\r\n        <div class=\"icon\"><i class=\"fa-solid fa-check\"><\/i><\/div>\r\n        <h3>Merci de votre attention !<\/h3>\r\n        <p>Nous avons re\u00e7u votre demande de r\u00e9servation et nous vous contacterons sous peu pour la confirmer.<\/p>\r\n        <div class=\"btn-row\">\r\n          <button class=\"btn-book\" id=\"ty-close\">Fermer<\/button>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\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 with your PUBLIC KEY\r\n    (function(){ \r\n      emailjs.init(\"01y34xv7r8ybBh8sA\");\r\n    })();\r\n\r\n    \/* Validation Functions *\/\r\n    function validateEmail(email) {\r\n      const emailRegex = \/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$\/;\r\n      return emailRegex.test(email);\r\n    }\r\n\r\n    function validatePhone(phone) {\r\n      const cleanPhone = phone.replace(\/\\D\/g, '');\r\n      return cleanPhone.length >= 10;\r\n    }\r\n\r\n    function showError(inputId, errorId, message) {\r\n      document.getElementById(inputId).classList.add('error');\r\n      document.getElementById(errorId).textContent = message;\r\n      document.getElementById(errorId).style.display = 'block';\r\n    }\r\n\r\n    function hideError(inputId, errorId) {\r\n      document.getElementById(inputId).classList.remove('error');\r\n      document.getElementById(errorId).style.display = 'none';\r\n    }\r\n\r\n    function validateForm(formType = 'desktop') {\r\n      let isValid = true;\r\n      const prefix = formType === 'mobile' ? 'm-' : '';\r\n\r\n      \/\/ Validate email\r\n      const email = document.getElementById(`${prefix}email`).value.trim();\r\n      if (!validateEmail(email)) {\r\n        showError(`${prefix}email`, `${prefix}email-error`, 'Please enter a valid email address (e.g., name@domain.com)');\r\n        isValid = false;\r\n      } else {\r\n        hideError(`${prefix}email`, `${prefix}email-error`);\r\n      }\r\n\r\n      \/\/ Validate phone\r\n      const phone = document.getElementById(`${prefix}phone`).value.trim();\r\n      if (!validatePhone(phone)) {\r\n        showError(`${prefix}phone`, `${prefix}phone-error`, 'Please enter a valid phone number with at least 10 digits');\r\n        isValid = false;\r\n      } else {\r\n        hideError(`${prefix}phone`, `${prefix}phone-error`);\r\n      }\r\n\r\n      \/\/ Validate required fields\r\n      const requiredFields = [\r\n        { id: `${prefix}tour-date`, errorId: `${prefix}date-error`, message: 'Please select a tour date' },\r\n        { id: `${prefix}participants`, errorId: `${prefix}participants-error`, message: 'Please enter number of participants' },\r\n        { id: `${prefix}first-name`, errorId: `${prefix}first-name-error`, message: 'Please enter your first name' },\r\n        { id: `${prefix}last-name`, errorId: `${prefix}last-name-error`, message: 'Please enter your last name' }\r\n      ];\r\n\r\n      requiredFields.forEach(field => {\r\n        const value = document.getElementById(field.id).value.trim();\r\n        if (!value) {\r\n          showError(field.id, field.errorId, field.message);\r\n          isValid = false;\r\n        } else {\r\n          hideError(field.id, field.errorId);\r\n        }\r\n      });\r\n\r\n      return isValid;\r\n    }\r\n\r\n    \/* Gallery *\/\r\n    const mainImage=document.getElementById('main-image');\r\n    const galleryThumbs=document.querySelectorAll('.gallery-thumb');\r\n    galleryThumbs.forEach(thumb=>{\r\n      thumb.addEventListener('click',()=>{\r\n        const mainSrc=thumb.getAttribute('data-main') || thumb.style.backgroundImage.slice(5,-2);\r\n        const fullSrc=thumb.getAttribute('data-full');\r\n        mainImage.style.backgroundImage=`url('${mainSrc}')`;\r\n        mainImage.querySelector('.zoom-btn').setAttribute('data-full',fullSrc);\r\n        galleryThumbs.forEach(t=>t.classList.remove('active')); thumb.classList.add('active');\r\n      });\r\n    });\r\n    const lightbox=document.getElementById('lightbox'); const lbImg=document.getElementById('lb-img'); const closeLightbox=document.querySelector('.close-lightbox');\r\n    function openLightbox(src){ lbImg.src=src; lbImg.classList.remove('zoomed'); lightbox.showModal(); }\r\n    mainImage.addEventListener('click',()=>openLightbox(mainImage.querySelector('.zoom-btn').getAttribute('data-full')));\r\n    document.querySelectorAll('.zoom-btn').forEach(btn=>btn.addEventListener('click',e=>{e.stopPropagation();openLightbox(btn.getAttribute('data-full'));}));\r\n    closeLightbox.addEventListener('click',()=>lightbox.close());\r\n    lbImg.addEventListener('click',()=>lbImg.classList.toggle('zoomed'));\r\n\r\n    \/* Min date = tomorrow *\/\r\n    (function(){\r\n      const d=new Date(); 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      ['tour-date','m-tour-date'].forEach(id=>{const el=document.getElementById(id); if(el) el.min=min;});\r\n    })();\r\n\r\n    \/* FAQ *\/\r\n    document.querySelectorAll('.faq-accordion-header').forEach(h=>{\r\n      h.addEventListener('click',()=>{\r\n        const item=h.parentElement; const isActive=item.classList.contains('active');\r\n        document.querySelectorAll('.faq-accordion-item').forEach(i=>i.classList.remove('active'));\r\n        if(!isActive){ item.classList.add('active'); }\r\n      });\r\n    });\r\n\r\n    \/* Pricing *\/\r\n    const basePrice=40;\r\n    const participantsInput=document.getElementById('participants');\r\n    const priceAmount=document.getElementById('price-amount');\r\n    const mobileBarAmount=document.getElementById('mobile-price-amount');\r\n    function updateSidebarAndBar(){\r\n      const n=Math.max(1,parseInt(participantsInput.value||'1',10));\r\n      const total=basePrice*n;\r\n      priceAmount.textContent=`$${total}`;\r\n      mobileBarAmount.textContent=`$${total}`;\r\n    }\r\n    if(participantsInput){ participantsInput.addEventListener('input',updateSidebarAndBar); updateSidebarAndBar(); }\r\n\r\n    \/* Toast *\/\r\n    const toast=document.getElementById('toast');\r\n    function showToast(text,type='success'){ toast.textContent=text; toast.className='toast show '+type; setTimeout(()=>toast.classList.remove('show'),5000); }\r\n\r\n    \/* THANK YOU overlay helpers *\/\r\n    const TY=document.getElementById('thankyou');\r\n    const TY_CLOSE=document.getElementById('ty-close');\r\n    function showThankYou(){\r\n      TY.style.display='block'; \r\n      document.body.style.overflow='hidden';\r\n    }\r\n    function hideThankYou(){ \r\n      TY.style.display='none'; \r\n      document.body.style.overflow=''; \r\n    }\r\n    TY_CLOSE.addEventListener('click',hideThankYou);\r\n\r\n    \/* Desktop submit *\/\r\n    const form=document.getElementById('booking-form');\r\n    const submitBtn=document.getElementById('submit-btn');\r\n    if(form){\r\n      form.addEventListener('submit',async e=>{\r\n        e.preventDefault();\r\n        if (!validateForm('desktop')) {\r\n          showToast('Please fix the errors in the form','error');\r\n          return;\r\n        }\r\n        submitBtn.disabled=true; submitBtn.innerHTML='<i class=\"fas fa-spinner fa-spin\"><\/i> Sending...';\r\n        try{\r\n          const pax=parseInt(document.getElementById('participants').value||'1',10);\r\n          const total=`$${basePrice*Math.max(1,pax)}`;\r\n          const formData={\r\n            tour_date:document.getElementById('tour-date').value,\r\n            participants:pax,\r\n            first_name:document.getElementById('first-name').value,\r\n            last_name:document.getElementById('last-name').value,\r\n            email: document.getElementById('email').value,\r\n            phone: document.getElementById('phone').value,\r\n            special_requests:document.getElementById('special-requests').value,\r\n            tour_name:'Agafay Desert Day Trip from Marrakech',\r\n            total_price:total\r\n          };\r\n          await emailjs.send('service_xaasfmh', 'template_887d10v', formData);\r\n          showThankYou();\r\n          form.reset(); \r\n          updateSidebarAndBar();\r\n        }catch(err){ \r\n          console.error('EmailJS Error:', err); \r\n          showToast('Sorry, there was an error sending your request. Please try again.','error'); \r\n        }\r\n        finally{ submitBtn.disabled=false; submitBtn.innerHTML='<i class=\"fa-solid fa-paper-plane\"><\/i> Book Now'; }\r\n      });\r\n    }\r\n\r\n    \/* Mobile popup *\/\r\n    const openMobilePopupBtn=document.getElementById('open-mobile-popup');\r\n    const mobilePopupOverlay=document.getElementById('mobile-popup');\r\n    const closeMobilePopupBtn=document.getElementById('close-mobile-popup');\r\n    const mobileCancelBtn=document.getElementById('mobile-cancel');\r\n\r\n    const mDate=document.getElementById('m-tour-date');\r\n    const mParticipants=document.getElementById('m-participants');\r\n    const mFirst=document.getElementById('m-first-name');\r\n    const mLast=document.getElementById('m-last-name');\r\n    const mEmail=document.getElementById('m-email');\r\n    const mPhone=document.getElementById('m-phone');\r\n    const mReq=document.getElementById('m-special-requests');\r\n    const mTotal=document.getElementById('mobile-popup-total');\r\n\r\n    function syncToMobile(){\r\n      const d=(id)=>document.getElementById(id)?.value||'';\r\n      mDate.value=d('tour-date'); mParticipants.value=d('participants')||'1';\r\n      mFirst.value=d('first-name'); mLast.value=d('last-name');\r\n      mEmail.value=d('email'); mPhone.value=d('phone'); \r\n      mReq.value=d('special-requests');\r\n      updateMobileTotal();\r\n    }\r\n    function updateMobileTotal(){\r\n      const n=Math.max(1,parseInt(mParticipants.value||'1',10));\r\n      mTotal.textContent=`$${basePrice*n}`;\r\n    }\r\n    function openPopup(){\r\n      syncToMobile();\r\n      mobilePopupOverlay.style.display='grid';\r\n      document.body.style.overflow='hidden';\r\n      mobilePopupOverlay.setAttribute('aria-hidden','false');\r\n    }\r\n    function closePopup(){\r\n      mobilePopupOverlay.style.display='none';\r\n      document.body.style.overflow='';\r\n      mobilePopupOverlay.setAttribute('aria-hidden','true');\r\n      if(document.getElementById('participants')){ document.getElementById('participants').value=mParticipants.value||'1'; updateSidebarAndBar(); }\r\n      if(document.getElementById('tour-date')) document.getElementById('tour-date').value=mDate.value||'';\r\n    }\r\n    if(openMobilePopupBtn) openMobilePopupBtn.addEventListener('click',openPopup);\r\n    if(closeMobilePopupBtn) closeMobilePopupBtn.addEventListener('click',closePopup);\r\n    if(mobileCancelBtn) mobileCancelBtn.addEventListener('click',closePopup);\r\n    window.addEventListener('click',e=>{ if(e.target===mobilePopupOverlay) closePopup(); });\r\n    window.addEventListener('keydown',e=>{ if(e.key==='Escape' && mobilePopupOverlay.style.display!=='none') closePopup(); });\r\n    if(mParticipants) mParticipants.addEventListener('input',updateMobileTotal);\r\n\r\n    \/* Mobile submit *\/\r\n    const mobileForm=document.getElementById('mobile-booking-form');\r\n    const mobileSubmitBtn=document.getElementById('mobile-submit');\r\n    if(mobileForm){\r\n      mobileForm.addEventListener('submit',async e=>{\r\n        e.preventDefault();\r\n        if (!validateForm('mobile')) {\r\n          showToast('Please fix the errors in the form','error');\r\n          return;\r\n        }\r\n        mobileSubmitBtn.disabled=true; mobileSubmitBtn.innerHTML='<i class=\"fas fa-spinner fa-spin\"><\/i> Sending...';\r\n        try{\r\n          const pax=Math.max(1,parseInt(mParticipants.value||'1',10));\r\n          const total=`$${basePrice*pax}`;\r\n          const formData={\r\n            tour_date:mDate.value, participants:pax, first_name:mFirst.value,\r\n            last_name:mLast.value, email: mEmail.value, phone: mPhone.value, \r\n            special_requests:mReq.value,\r\n            tour_name:'Agafay Desert Day Trip from Marrakech',\r\n            total_price:total\r\n          };\r\n          await emailjs.send('service_xaasfmh', 'template_887d10v', formData);\r\n          closePopup();\r\n          showThankYou();\r\n        }catch(err){ \r\n          console.error('EmailJS Error:', err); \r\n          showToast('Sorry, there was an error sending your request. Please try again.','error'); \r\n        }\r\n        finally{ mobileSubmitBtn.disabled=false; mobileSubmitBtn.innerHTML='<i class=\"fa-solid fa-paper-plane\"><\/i> Confirm Booking'; }\r\n      });\r\n    }\r\n\r\n    \/\/ Real-time validation for email and phone fields\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n      const emailInput = document.getElementById('email');\r\n      const phoneInput = document.getElementById('phone');\r\n      if (emailInput) {\r\n        emailInput.addEventListener('blur', function() {\r\n          if (this.value.trim() && !validateEmail(this.value.trim())) {\r\n            showError('email', 'email-error', 'Please enter a valid email address (e.g., name@domain.com)');\r\n          } else {\r\n            hideError('email', 'email-error');\r\n          }\r\n        });\r\n      }\r\n      if (phoneInput) {\r\n        phoneInput.addEventListener('blur', function() {\r\n          if (this.value.trim() && !validatePhone(this.value.trim())) {\r\n            showError('phone', 'phone-error', 'Please enter a valid phone number with at least 10 digits');\r\n          } else {\r\n            hideError('phone', 'phone-error');\r\n          }\r\n        });\r\n      }\r\n\r\n      const mEmailInput = document.getElementById('m-email');\r\n      const mPhoneInput = document.getElementById('m-phone');\r\n      if (mEmailInput) {\r\n        mEmailInput.addEventListener('blur', function() {\r\n          if (this.value.trim() && !validateEmail(this.value.trim())) {\r\n            showError('m-email', 'm-email-error', 'Please enter a valid email address (e.g., name@domain.com)');\r\n          } else {\r\n            hideError('m-email', 'm-email-error');\r\n          }\r\n        });\r\n      }\r\n      if (mPhoneInput) {\r\n        mPhoneInput.addEventListener('blur', function() {\r\n          if (this.value.trim() && !validatePhone(this.value.trim())) {\r\n            showError('m-phone', 'm-phone-error', 'Please enter a valid phone number with at least 10 digits');\r\n          } else {\r\n            hideError('m-phone', 'm-phone-error');\r\n          }\r\n        });\r\n      }\r\n    });\r\n\r\n    \/\/ Add zoom functionality to Desert Experience Gallery\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n      const bottomGalleryThumbs = document.querySelectorAll('.bottom-gallery .gallery-thumb');\r\n      bottomGalleryThumbs.forEach(thumb => {\r\n        thumb.addEventListener('click', function() {\r\n          const fullSrc = this.getAttribute('data-full');\r\n          openLightbox(fullSrc);\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>View Tour Description Agafay Desert Day Trip from Marrakech Get ready &#8230; <\/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-485","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/moroquestadventures.com\/fr\/wp-json\/wp\/v2\/pages\/485","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moroquestadventures.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moroquestadventures.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moroquestadventures.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moroquestadventures.com\/fr\/wp-json\/wp\/v2\/comments?post=485"}],"version-history":[{"count":14,"href":"https:\/\/moroquestadventures.com\/fr\/wp-json\/wp\/v2\/pages\/485\/revisions"}],"predecessor-version":[{"id":1696,"href":"https:\/\/moroquestadventures.com\/fr\/wp-json\/wp\/v2\/pages\/485\/revisions\/1696"}],"wp:attachment":[{"href":"https:\/\/moroquestadventures.com\/fr\/wp-json\/wp\/v2\/media?parent=485"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}