{"id":417,"date":"2025-10-23T12:07:51","date_gmt":"2025-10-23T12:07:51","guid":{"rendered":"https:\/\/experiencetoursmorocco.com\/?page_id=417"},"modified":"2025-10-24T17:17:12","modified_gmt":"2025-10-24T17:17:12","slug":"agafay-desert-dinner-experience","status":"publish","type":"page","link":"https:\/\/experiencetoursmorocco.com\/zh\/agafay-desert-dinner-experience\/","title":{"rendered":"Agafay Desert Dinner Experience"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Agafay Desert Dinner Experience | Marrakech Evening Adventure<\/title>\r\n <meta name=\"description\" content=\"Relaxed evening in the Agafay Desert with traditional dinner at a scenic camp. Golden-hour views, candlelit tables, and starry skies.\">\r\n <meta name=\"keywords\" content=\"Agafay Desert dinner, Marrakech desert experience, sunset dinner Morocco, traditional Moroccan dinner\">\r\n <meta property=\"og:title\" content=\"Agafay Desert Dinner Experience - Marrakech Evening Adventure\">\r\n <meta property=\"og:description\" content=\"A relaxed evening in the Agafay Desert with traditional dinner at a scenic camp. Golden-hour views and starry skies.\">\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 --tour-bg:#f5efe6;\r\n --tour-ink:#2d2a26;\r\n --tour-muted:#6b6a66;\r\n --tour-card:#ffffff;\r\n --tour-border:#e6dfd4;\r\n --tour-sage:#647a68;\r\n --tour-sage-700:#4f6254;\r\n --tour-terra:#e67e22;\r\n --tour-terra-700:#d35400;\r\n --tour-cream:#fffaf2;\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 .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 .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); border-radius:var(--radius); padding:24px; margin-bottom:22px; \r\n box-shadow:var(--shadow); border:1px solid var(--tour-border)\r\n }\r\n .tour-booking-page .section-title{\r\n display:flex; align-items:center; gap:10px; font-size:1.35rem; margin:0 0 16px; 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 .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(3,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 .tour-booking-page .itinerary-item{\r\n display:grid; grid-template-columns:120px 1fr; gap:16px; padding:16px 0; 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 .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 .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; align-items:center; gap:15px; padding:15px; background: rgba(230, 126, 34,.05); \r\n border-radius:10px; border-left:4px solid var(--tour-terra)\r\n }\r\n .tour-booking-page .detail-icon{\r\n background:var(--tour-terra); color:#fff; width:50px; height:50px; border-radius:50%; \r\n display:flex; align-items:center; justify-content:center; 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 .tour-booking-page .faq-accordion-item {border:1px solid var(--tour-border); border-radius:10px; margin-bottom:12px; overflow:hidden; background:var(--tour-card)}\r\n .tour-booking-page .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 .tour-booking-page .faq-accordion-header:hover {background:rgba(230,126,34,.1)}\r\n .tour-booking-page .faq-accordion-header i {transition:transform .3s ease; color:var(--tour-terra)}\r\n .tour-booking-page .faq-accordion-item.active .faq-accordion-header i {transform:rotate(180deg)}\r\n .tour-booking-page .faq-accordion-content {padding:0 20px; max-height:0; overflow:hidden; transition:max-height .3s ease, padding .3s ease; color:var(--tour-muted)}\r\n .tour-booking-page .faq-accordion-item.active .faq-accordion-content {padding:20px; max-height:300px}\r\n\r\n .tour-booking-page .price-section{background:linear-gradient(180deg, var(--tour-terra), var(--tour-terra-700)); color:#fff; border:0}\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 .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%; padding:12px 14px; border:1px solid var(--tour-border); border-radius:10px; font:inherit; background:#fff;\r\n font-size:16px;\r\n }\r\n .tour-booking-page .form-control:focus{outline:3px solid rgba(230,126,34,.25); border-color:rgba(230,126,34,.5)}\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%; display:inline-flex; align-items:center; justify-content:center; gap:.6rem; border:0; \r\n background:linear-gradient(180deg, var(--tour-terra), var(--tour-terra-700)); color:#fff; padding:14px 16px; \r\n border-radius:10px; font-weight:800; cursor:pointer; box-shadow:0 8px 22px rgba(230,126,34,.25); transition:.2s transform ease; font-size:16px;\r\n }\r\n .tour-booking-page .btn-book:hover{transform:translateY(-1px)}\r\n .tour-booking-page .btn-book:disabled {background:#cccccc; cursor:not-allowed; transform:none}\r\n\r\n .tour-booking-page .toast{\r\n position:fixed; left:50%; transform:translateX(-50%); bottom:20px; padding:12px 16px; border-radius:12px; \r\n background:var(--tour-ink); color:#fff; box-shadow:var(--shadow); display:none; 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{border:0; padding:0; background:transparent; width:100%; height:100%; max-width:100%; max-height:100%}\r\n .tour-booking-page .lb-wrap{position:fixed; inset:0; display:grid; place-items:center; background:rgba(0,0,0,.8); z-index:100; padding:20px}\r\n .tour-booking-page .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 ease}\r\n .tour-booking-page .lb-img.zoomed {transform:scale(1.5); cursor:zoom-out}\r\n .tour-booking-page .close-lightbox {position:absolute; top:20px; right:20px; background:rgba(0,0,0,0.7); color:white; 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 .tour-booking-page .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 .tour-booking-page .mobile-booking-bar {\r\n display:none; position:fixed; bottom:0; left:0; right:0; background:var(--tour-card); box-shadow:0 -4px 20px rgba(0,0,0,.15);\r\n padding:12px 16px; z-index:90; border-top:1px solid var(--tour-border)\r\n }\r\n .tour-booking-page .mobile-booking-bar .booking-bar-content {display:flex; justify-content:space-between; align-items:center; max-width:1160px; margin:0 auto}\r\n .tour-booking-page .mobile-booking-bar .price-info {display:flex; flex-direction:column}\r\n .tour-booking-page .mobile-booking-bar .price-amount {font-size:1.5rem; font-weight:800; color:var(--tour-terra); line-height:1.2}\r\n .tour-booking-page .mobile-booking-bar .price-note {font-size:.8rem; color:var(--tour-muted); margin:0}\r\n .tour-booking-page .mobile-booking-bar .btn-book-mobile {\r\n background:linear-gradient(180deg, var(--tour-terra), var(--tour-terra-700)); color:white; border:none; border-radius:10px; padding:12px 20px; \r\n 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 ease;\r\n }\r\n .tour-booking-page .mobile-booking-bar .btn-book-mobile:hover {transform:translateY(-2px)}\r\n\r\n .tour-booking-page .menu-section {background:rgba(230,126,34,.03); border-left:4px solid var(--tour-terra)}\r\n .tour-booking-page .menu-item {display:flex; justify-content:space-between; padding:12px 0; border-bottom:1px solid var(--tour-border)}\r\n .tour-booking-page .menu-item:last-child {border-bottom:none}\r\n .tour-booking-page .menu-course {font-weight:600; color:var(--tour-ink)}\r\n .tour-booking-page .menu-dish {color:var(--tour-muted); text-align:right}\r\n\r\n @media only screen and (max-width: 768px){\r\n html, body{width:100%; overflow-x:hidden}\r\n .tour-booking-page .container {padding:16px; width:100%; margin:0 auto; padding-bottom:80px}\r\n .tour-booking-page .content-wrapper {width:100%}\r\n .tour-booking-page .main-content, .tour-booking-page .booking-sidebar {width:100%}\r\n .tour-booking-page .section {width:100%; max-width:100%}\r\n .tour-booking-page .image-gallery {width:100%}\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 .tour-booking-page .inclusion-grid, .tour-booking-page .additional-details-grid {width:100%}\r\n .tour-booking-page .itinerary-item {grid-template-columns:80px 1fr; text-align:left; gap:12px}\r\n .tour-booking-page .tour-highlight {font-size:1.2rem; text-align:center}\r\n .tour-booking-page .mobile-booking-bar {display:block}\r\n .tour-booking-page .booking-sidebar {display:none}\r\n .tour-booking-page input, .tour-booking-page select, .tour-booking-page textarea {font-size:16px !important}\r\n }\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 <div class=\"tour-booking-page\">\r\n <div class=\"container center\">\r\n <section class=\"image-gallery center\" aria-label=\"Image gallery\">\r\n <figure class=\"gallery-main\" id=\"main-image\" style=\"background-image:url('https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/fa40efcd-31a8-4eed-9d10-ac05fc42f41f_best-sunset-dinner-show-and-camel-ride-in-agafay-desert-xlarge.webp')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <button class=\"zoom-btn\" data-full=\"https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/fa40efcd-31a8-4eed-9d10-ac05fc42f41f_best-sunset-dinner-show-and-camel-ride-in-agafay-desert-xlarge.webp\"><i class=\"fa-solid fa-magnifying-glass\"><\/i> View<\/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\/fa40efcd-31a8-4eed-9d10-ac05fc42f41f_best-sunset-dinner-show-and-camel-ride-in-agafay-desert-xlarge.webp\" data-main=\"https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/fa40efcd-31a8-4eed-9d10-ac05fc42f41f_best-sunset-dinner-show-and-camel-ride-in-agafay-desert-xlarge.webp\" style=\"background-image:url('https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/fa40efcd-31a8-4eed-9d10-ac05fc42f41f_best-sunset-dinner-show-and-camel-ride-in-agafay-desert-xlarge.webp')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/ab.jpg\" data-main=\"https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/ab.jpg\" style=\"background-image:url('https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/ab.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/AGAFAY-DESERT-QUAD-CAMEL-TOUR-WITH-DINNER-SHOW-0-06.jpg\" data-main=\"https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/AGAFAY-DESERT-QUAD-CAMEL-TOUR-WITH-DINNER-SHOW-0-06.jpg\" style=\"background-image:url('https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/AGAFAY-DESERT-QUAD-CAMEL-TOUR-WITH-DINNER-SHOW-0-06.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"content-wrapper\">\r\n <div class=\"main-content\">\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-info-circle\"><\/i> Tour Description<\/h2>\r\n <div class=\"tour-highlight\">Agafay Desert Dinner Experience<\/div>\r\n <div class=\"description\">\r\n <p>A relaxed evening in the Agafay Desert with a traditional dinner at a scenic camp. Think golden-hour views, candlelit tables, local music ambiance (when available), and starry skies\u2014an easy, memorable add-on to your day.<\/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> Itinerary<\/h2>\r\n <div class=\"itinerary\">\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">1.5-2 hrs<\/div>\r\n <div class=\"itinerary-content\">\r\n <h4>Pickup & Scenic Drive<\/h4>\r\n <p>Pickup from Marrakech with one photo stop (time permitting) on the way to Agafay Desert.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">30 min<\/div>\r\n <div class=\"itinerary-content\">\r\n <h4>Welcome at Camp<\/h4>\r\n <p>Mint tea & seating assignment at the scenic desert camp during golden hour.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">1.5 hrs<\/div>\r\n <div class=\"itinerary-content\">\r\n <h4>Dinner Service<\/h4>\r\n <p>2-3 course traditional Moroccan dinner with vegetarian options available.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">30 min<\/div>\r\n <div class=\"itinerary-content\">\r\n <h4>Stargazing & Chill Time<\/h4>\r\n <p>Short walk or lounge by the fire pit under the starry desert sky.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">1 hr<\/div>\r\n <div class=\"itinerary-content\">\r\n <h4>Return Transfer<\/h4>\r\n <p>Return transfer to your hotel\/riad in 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> What's Included<\/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> Included<\/h3>\r\n <ul class=\"inclusion-list\">\r\n <li><i class=\"fas fa-check\"><\/i> Marrakech pickup & drop-off<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Dinner at desert camp (set menu)<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Welcome mint tea<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> On-site host service<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h3><i class=\"fas fa-times-circle\" style=\"color:#e74c3c\"><\/i> Not Included<\/h3>\r\n <ul class=\"exclusion-list\">\r\n <li><i class=\"fas fa-times\"><\/i> Additional beverages (soft drinks\/juices)<\/li>\r\n <li><i class=\"fas fa-times\"><\/i> Alcohol (if available, pay on site)<\/li>\r\n <li><i class=\"fas fa-times\"><\/i> Personal expenses, tips<\/li>\r\n <li><i class=\"fas fa-times\"><\/i> Travel insurance<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Menu Section -->\r\n <section class=\"section menu-section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-utensils\"><\/i> Dinner Menu<\/h2>\r\n <div class=\"description\">\r\n <p>Typical set menu served at the desert camp. Vegetarian and vegan options available upon request.<\/p>\r\n <\/div>\r\n <div class=\"menu-items\">\r\n <div class=\"menu-item\">\r\n <div class=\"menu-course\">Starter<\/div>\r\n <div class=\"menu-dish\">Moroccan salads or harira soup<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"menu-course\">Main Course<\/div>\r\n <div class=\"menu-dish\">Chicken or vegetable tagine \/ couscous<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"menu-course\">Dessert<\/div>\r\n <div class=\"menu-dish\">Seasonal fruit or pastries with tea\/coffee<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Optional Add-Ons (prices removed, two-word labels) -->\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-plus-circle\"><\/i> Optional Add-Ons<\/h2>\r\n <div class=\"additional-details-grid\">\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>\u9a91\u9a86\u9a7c<\/h3><\/div>\r\n <\/div>\r\n <div class=\"detail-item\">\r\n <div class=\"detail-icon\"><i class=\"fas fa-motorcycle\"><\/i><\/div>\r\n <div class=\"detail-content\"><h3>Quad Ride<\/h3><\/div>\r\n <\/div>\r\n <div class=\"detail-item\">\r\n <div class=\"detail-icon\"><i class=\"fas fa-heart\"><\/i><\/div>\r\n <div class=\"detail-content\"><h3>Private Table<\/h3><\/div>\r\n <\/div>\r\n <div class=\"detail-item\">\r\n <div class=\"detail-icon\"><i class=\"fas fa-birthday-cake\"><\/i><\/div>\r\n <div class=\"detail-content\"><h3>Celebration Setup<\/h3><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Practical Details (two-word summaries) -->\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-clipboard-check\"><\/i> Practical Details<\/h2>\r\n <div class=\"additional-details-grid\">\r\n <div class=\"detail-item\">\r\n <div class=\"detail-icon\"><i class=\"fas fa-clock\"><\/i><\/div>\r\n <div class=\"detail-content\"><h3>Timing<\/h3><p>Sunset arrival<\/p><\/div>\r\n <\/div>\r\n <div class=\"detail-item\">\r\n <div class=\"detail-icon\"><i class=\"fas fa-chair\"><\/i><\/div>\r\n <div class=\"detail-content\"><h3>Seating<\/h3><p>Shared dining<\/p><\/div>\r\n <\/div>\r\n <div class=\"detail-item\">\r\n <div class=\"detail-icon\"><i class=\"fas fa-wheelchair\"><\/i><\/div>\r\n <div class=\"detail-content\"><h3>Accessibility<\/h3><p>Uneven ground<\/p><\/div>\r\n <\/div>\r\n <div class=\"detail-item\">\r\n <div class=\"detail-icon\"><i class=\"fas fa-cloud-sun\"><\/i><\/div>\r\n <div class=\"detail-content\"><h3>Weather<\/h3><p>Year round<\/p><\/div>\r\n <\/div>\r\n <div class=\"detail-item\">\r\n <div class=\"detail-icon\"><i class=\"fas fa-suitcase\"><\/i><\/div>\r\n <div class=\"detail-content\"><h3>What to Bring<\/h3><p>Light jacket<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FAQ Accordion -->\r\n <section class=\"section\" aria-label=\"Frequently Asked Questions\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-question-circle\"><\/i> Frequently Asked Questions<\/h2>\r\n <div class=\"faq-accordion\">\r\n <div class=\"faq-accordion-item\">\r\n <div class=\"faq-accordion-header\">\r\n <span>Is \u20ac25 the total price?<\/span>\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-accordion-content\">\r\n <p>Yes\u2014\u20ac25 per person for the standard dinner-only set menu at the camp. Drinks and add-ons are extra.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-accordion-item\">\r\n <div class=\"faq-accordion-header\">\r\n <span>Can we combine dinner with camels or quads?<\/span>\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-accordion-content\">\r\n <p>Absolutely\u2014popular combos are Camel + Dinner (\u20ac25 + \u20ac25) or Quads + Dinner (\u20ac80 + \u20ac25).<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-accordion-item\">\r\n <div class=\"faq-accordion-header\">\r\n <span>Do you cater to dietary needs?<\/span>\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-accordion-content\">\r\n <p>Yes\u2014please tell us in advance (vegetarian, vegan, gluten-free, no nuts, etc.).<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-accordion-item\">\r\n <div class=\"faq-accordion-header\">\r\n <span>What time is pickup?<\/span>\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-accordion-content\">\r\n <p>Usually 1.5\u20132 hours before sunset to reach the camp in time for golden hour; exact time depends on the season and your location.<\/p>\r\n <\/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> Tour Price<\/h2>\r\n <div class=\"price-amount\">$25<\/div>\r\n <p class=\"price-note\">Per person<\/p>\r\n <p><i class=\"fas fa-moon\"><\/i> Evening Experience<\/p>\r\n <p><i class=\"fas fa-utensils\"><\/i> Dinner Included<\/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> Book This Tour<\/h2>\r\n <form id=\"booking-form\" novalidate action=\"\">\r\n <div class=\"form-group\">\r\n <label for=\"tour-date\">Select Date<\/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\">Number of 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\">First Name<\/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\">Last Name<\/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\">Email Address<\/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\">Phone Number<\/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\">Special Requests<\/label>\r\n <textarea id=\"special-requests\" class=\"form-control\" rows=\"3\" placeholder=\"Add-ons, celebration arrangements, etc.\"><\/textarea>\r\n <\/div>\r\n <button type=\"submit\" class=\"btn-book\" id=\"submit-btn\"><i class=\"fa-solid fa-paper-plane\"><\/i> \u7acb\u5373\u9884\u8ba2<\/button>\r\n <p id=\"form-help\" class=\"sr-only\" aria-live=\"polite\"><\/p>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"zh\"\/><\/form>\r\n <\/section>\r\n <\/aside>\r\n <\/div>\r\n <\/div>\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\">Per person<\/p>\r\n <\/div>\r\n <button class=\"btn-book-mobile\" id=\"scroll-to-form\">\r\n <i class=\"fas fa-calendar-plus\"><\/i> \u7acb\u5373\u9884\u8ba2\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <dialog id=\"lightbox\">\r\n <button class=\"close-lightbox\" aria-label=\"Close lightbox\"><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 (function(){ emailjs.init(\"E_4V-SBuVJroXW_Q5\"); })();\r\n\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');\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'));\r\n thumb.classList.add('active');\r\n });\r\n });\r\n\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 function openLightbox(src){ lbImg.src = src; lbImg.classList.remove('zoomed'); lightbox.showModal(); }\r\n mainImage.addEventListener('click', () => { const fullSrc = mainImage.querySelector('.zoom-btn').getAttribute('data-full'); openLightbox(fullSrc); });\r\n document.querySelectorAll('.zoom-btn').forEach(btn => {\r\n btn.addEventListener('click', e => { e.stopPropagation(); openLightbox(btn.getAttribute('data-full')); });\r\n });\r\n closeLightbox.addEventListener('click', () => { lightbox.close(); });\r\n lbImg.addEventListener('click', () => { lbImg.classList.toggle('zoomed'); });\r\n\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 const input = document.getElementById('tour-date'); if(input) input.min = min;\r\n })();\r\n\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 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 const form = document.getElementById('booking-form');\r\n const toast = document.getElementById('toast');\r\n const submitBtn = document.getElementById('submit-btn');\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 if(form){\r\n form.addEventListener('submit', async (e) => {\r\n e.preventDefault();\r\n const email = document.getElementById('email').value;\r\n const emailValid = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email);\r\n if(!emailValid){ showToast('Please enter a valid email.', 'error'); return; }\r\n submitBtn.disabled = true; submitBtn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Sending...';\r\n try{\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,\r\n phone: document.getElementById('phone').value,\r\n special_requests: document.getElementById('special-requests').value,\r\n tour_name: 'Agafay Desert Dinner Experience'\r\n };\r\n await emailjs.send('service_5pdqt1e','template_a1lx7on', formData);\r\n showToast('Thanks! Your booking request has been received. We will contact you shortly.');\r\n form.reset();\r\n }catch(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 submitBtn.disabled = false; submitBtn.innerHTML = '<i class=\"fa-solid fa-paper-plane\"><\/i> Book Now';\r\n }\r\n });\r\n }\r\n\r\n const scrollToFormBtn = document.getElementById('scroll-to-form');\r\n if (scrollToFormBtn) {\r\n scrollToFormBtn.addEventListener('click', () => {\r\n document.querySelector('.booking-sidebar').style.display = 'block';\r\n document.querySelector('.booking-form').scrollIntoView({ behavior:'smooth', block:'start' });\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>Agafay Desert Dinner Experience | Marrakech Evening Adventure View Tour Description Agafay Desert Dinner Experience A relaxed evening in the Agafay Desert with a traditional dinner at a scenic camp. Think golden-hour views, candlelit tables, local music ambiance (when available), and starry skies\u2014an easy, memorable add-on to your day. Itinerary 1.5-2 hrs Pickup & Scenic […]<\/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-417","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\/zh\/wp-json\/wp\/v2\/pages\/417","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/experiencetoursmorocco.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/experiencetoursmorocco.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/experiencetoursmorocco.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/experiencetoursmorocco.com\/zh\/wp-json\/wp\/v2\/comments?post=417"}],"version-history":[{"count":10,"href":"https:\/\/experiencetoursmorocco.com\/zh\/wp-json\/wp\/v2\/pages\/417\/revisions"}],"predecessor-version":[{"id":776,"href":"https:\/\/experiencetoursmorocco.com\/zh\/wp-json\/wp\/v2\/pages\/417\/revisions\/776"}],"wp:attachment":[{"href":"https:\/\/experiencetoursmorocco.com\/zh\/wp-json\/wp\/v2\/media?parent=417"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}