{"id":468,"date":"2025-10-29T12:44:19","date_gmt":"2025-10-29T12:44:19","guid":{"rendered":"https:\/\/moroquestadventures.com\/?page_id=468"},"modified":"2025-11-04T18:24:29","modified_gmt":"2025-11-04T18:24:29","slug":"atlas-mountains-day-trip-marrakech","status":"publish","type":"page","link":"https:\/\/moroquestadventures.com\/fr\/atlas-mountains-day-trip-marrakech\/","title":{"rendered":"Amazing 1-Day Atlas Mountains Trip from Marrakech"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"468\" class=\"elementor elementor-468\" 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-014fbfd e-con-full e-flex e-con e-parent\" data-id=\"014fbfd\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36a12f9 elementor-widget elementor-widget-html\" data-id=\"36a12f9\" 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>Amazing 1-Day Atlas Mountains Trip from Marrakech | Hike & Berber Lunch<\/title>\r\n  <meta name=\"description\" content=\"Unforgettable 1-day Atlas Mountains adventure from Marrakech. Guided Imlil Valley hike, authentic Berber lunch, Argan oil cooperative. Book your amazing mountain escape today.\">\r\n  <meta name=\"keywords\" content=\"Atlas Mountains day trip, Marrakech to Imlil, Berber villages tour, Mount Toubkal hike, Imlil Valley trekking, Berber lunch experience, Argan oil cooperative, Morocco day trips\">\r\n  <meta property=\"og:title\" content=\"Amazing 1-Day Atlas Mountains Trip from Marrakech | Hike & Berber Lunch\">\r\n  <meta property=\"og:description\" content=\"Experience the beauty of High Atlas Mountains with guided hike in Imlil Valley, authentic Berber lunch, and cultural immersion.\">\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 {\r\n      margin-top: 40px;\r\n    }\r\n    .bottom-gallery .gallery-row {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 12px;\r\n    }\r\n    @media (max-width: 768px) {\r\n      .bottom-gallery .gallery-row {\r\n        grid-template-columns: repeat(2, 1fr);\r\n      }\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 {\r\n      display: none;\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      background: rgba(0, 0, 0, 0.85);\r\n      z-index: 10000;\r\n      backdrop-filter: blur(5px);\r\n      overflow-y: auto;\r\n      padding: 20px;\r\n      box-sizing: border-box;\r\n    }\r\n    \r\n    .thankyou-card {\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 50%;\r\n      transform: translate(-50%, -50%);\r\n      background: #fff;\r\n      border-radius: 20px;\r\n      padding: 50px 40px;\r\n      max-width: 450px;\r\n      width: 90%;\r\n      text-align: center;\r\n      box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);\r\n      border: 1px solid var(--tour-border);\r\n      animation: thankYouSlideIn 0.5s ease-out;\r\n    }\r\n    \r\n    @keyframes thankYouSlideIn {\r\n      0% { opacity: 0; transform: translate(-50%, -40%); }\r\n      100% { opacity: 1; transform: translate(-50%, -50%); }\r\n    }\r\n    \r\n    .thankyou-card .icon {\r\n      width: 90px;\r\n      height: 90px;\r\n      background: linear-gradient(135deg, var(--tour-sage), var(--tour-sage-700));\r\n      border-radius: 50%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      margin: 0 auto 30px;\r\n      color: white;\r\n      font-size: 2.5rem;\r\n      box-shadow: 0 10px 25px rgba(100, 122, 104, 0.3);\r\n    }\r\n    \r\n    .thankyou-card h3 {\r\n      font-size: 2rem;\r\n      margin-bottom: 20px;\r\n      color: var(--tour-ink);\r\n      font-weight: 800;\r\n      line-height: 1.2;\r\n    }\r\n    \r\n    .thankyou-card p {\r\n      color: var(--tour-muted);\r\n      margin-bottom: 0;\r\n      line-height: 1.6;\r\n      font-size: 1.2rem;\r\n    }\r\n    \r\n    .thankyou-card .btn-row {\r\n      display: flex;\r\n      justify-content: center;\r\n      gap: 15px;\r\n      margin-top: 30px;\r\n    }\r\n    \r\n    .thankyou-card .btn-book {\r\n      padding: 14px 24px;\r\n      font-size: 1.1rem;\r\n      min-width: 140px;\r\n    }\r\n    \r\n    @media (max-width: 600px) {\r\n      .thankyou-card {\r\n        padding: 40px 25px;\r\n        width: 95%;\r\n      }\r\n      \r\n      .thankyou-card .icon {\r\n        width: 80px;\r\n        height: 80px;\r\n        font-size: 2.2rem;\r\n        margin-bottom: 25px;\r\n      }\r\n      \r\n      .thankyou-card h3 {\r\n        font-size: 1.7rem;\r\n        margin-bottom: 15px;\r\n      }\r\n      \r\n      .thankyou-card p {\r\n        font-size: 1.1rem;\r\n      }\r\n      \r\n      .thankyou-card .btn-row {\r\n        flex-direction: column;\r\n        gap: 12px;\r\n        margin-top: 25px;\r\n      }\r\n      \r\n      .thankyou-card .btn-book {\r\n        width: 100%;\r\n        padding: 12px 16px;\r\n      }\r\n    }\r\n\r\n    \/* ---- Preparation Section ---- *\/\r\n    .preparation-section {\r\n      background: rgba(230,126,34,.03);\r\n      border-left: 4px solid var(--tour-terra);\r\n      padding: 20px;\r\n      border-radius: 10px;\r\n      margin: 20px 0;\r\n    }\r\n    .preparation-section h3 {\r\n      color: var(--tour-terra);\r\n      margin-top: 0;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n    }\r\n    .checklist {\r\n      display: grid;\r\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n      gap: 15px;\r\n      margin-top: 15px;\r\n    }\r\n    .checklist-item {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n    }\r\n    .checklist-item i {\r\n      color: var(--tour-sage);\r\n    }\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      .checklist{grid-template-columns:1fr}\r\n    }\r\n\r\n    \/* ===== MOBILE POPUP (centered) ===== *\/\r\n    .mobile-popup-overlay{\r\n      display:none;\r\n      position:fixed; inset:0;\r\n      z-index:99999;\r\n      background:rgba(0,0,0,.55);\r\n      backdrop-filter:blur(4px);\r\n      padding: max(24px, env(safe-area-inset-top)) 18px max(24px, env(safe-area-inset-bottom));\r\n      overflow:auto;\r\n      place-items:center;\r\n    }\r\n    .mobile-popup{\r\n      width:min(560px, 92vw);\r\n      max-height:min(720px, calc(100dvh - 64px));\r\n      background:#fff; border-radius:16px; border:1px solid var(--tour-border);\r\n      box-shadow:0 20px 50px rgba(0,0,0,.25);\r\n      padding:18px; animation:popupIn .22s ease-out;\r\n      overflow:auto;\r\n    }\r\n    @keyframes popupIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}\r\n    .mobile-popup .popup-header{\r\n      position:sticky;top:0;background:#fff;z-index:1;\r\n      padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid var(--tour-border);\r\n      display:flex;align-items:center;justify-content:space-between;gap:10px\r\n    }\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  <!-- Main image -->\r\n  <figure class=\"gallery-main\" id=\"main-image\"\r\n          style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/9.png')\"\r\n          aria-label=\"Excursion d&#039;une journ\u00e9e dans l&#039;Atlas - Vue panoramique de la vall\u00e9e d&#039;Imlil\">\r\n    <span class=\"img-overlay\"><\/span>\r\n    <button class=\"zoom-btn\"\r\n            data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/9.png\">\r\n      <i class=\"fa-solid fa-magnifying-glass\"><\/i> Voir\r\n    <\/button>\r\n  <\/figure>\r\n\r\n  <!-- Thumbnails (first 3 images) -->\r\n  <div class=\"gallery-row\">\r\n    <figure class=\"gallery-thumb active\"\r\n            data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/9.png\"\r\n            data-main=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/9.png\"\r\n            style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/9.png')\"\r\n            aria-label=\"Excursion d&#039;une journ\u00e9e dans les montagnes de l&#039;Atlas - Vue panoramique des montagnes\">\r\n      <span class=\"img-overlay\"><\/span>\r\n    <\/figure>\r\n\r\n    <figure class=\"gallery-thumb\"\r\n            data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/16.png\"\r\n            data-main=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/16.png\"\r\n            style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/16.png')\"\r\n            aria-label=\"Excursion d&#039;une journ\u00e9e dans les montagnes de l&#039;Atlas - Village berb\u00e8re traditionnel\">\r\n      <span class=\"img-overlay\"><\/span>\r\n    <\/figure>\r\n\r\n    <figure class=\"gallery-thumb\"\r\n            data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/6.png\"\r\n            data-main=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/6.png\"\r\n            style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/6.png')\"\r\n            aria-label=\"Excursion d&#039;une journ\u00e9e dans l&#039;Atlas - Randonn\u00e9e dans la vall\u00e9e d&#039;Imlil\">\r\n      <span class=\"img-overlay\"><\/span>\r\n    <\/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 \u00e9tonnante d'une journ\u00e9e dans les montagnes de l'Atlas au d\u00e9part de Marrakech - Randonn\u00e9e \u00e0 Imlil et d\u00e9jeuner berb\u00e8re authentique<\/div>\r\n            <div class=\"description\">\r\n              <p>Vous cherchez des activit\u00e9s uniques \u00e0 faire \u00e0 Marrakech ? Cette incroyable excursion d'un jour dans les montagnes de l'Atlas est une \u00e9vasion parfaite dans la nature, la culture et la vie authentique des Berb\u00e8res.<\/p>\r\n              \r\n              <p>Laissez la ville derri\u00e8re vous et d\u00e9couvrez la beaut\u00e9 naturelle spectaculaire des montagnes du Haut Atlas. Vous serez pris en charge \u00e0 votre h\u00e9bergement vers 8h30.<\/p>\r\n              \r\n              <p>Profitez d'un trajet pittoresque \u00e0 travers la magnifique campagne marocaine jusqu'au paisible village d'Imlil. Situ\u00e9 au pied du mont Toubkal, le plus haut sommet d'Afrique du Nord.<\/p>\r\n              \r\n              <p>Cette excursion d'une journ\u00e9e inoubliable combine des paysages \u00e0 couper le souffle et des exp\u00e9riences culturelles authentiques. Parfaite pour tous les \u00e2ges et tous les niveaux de forme physique.<\/p>\r\n              \r\n              <!-- Internal Links -->\r\n              <p>Vous recherchez des aventures plus longues ? Consultez notre <a href=\"https:\/\/moroquestadventures.com\/fr\/morocco-travel-packages\/\" rel=\"dofollow\">Forfaits de voyage au Maroc<\/a> pour des visites prolong\u00e9es.<\/p>\r\n              \r\n              <p>Besoin d'aide pour les vols ? Nous offrons une assistance pour <a href=\"https:\/\/moroquestadventures.com\/fr\/flight-to-morocco\/\" rel=\"dofollow\">vols vers le Maroc<\/a>.<\/p>\r\n              \r\n              <!-- External Links -->\r\n              <p>Pour des conseils de s\u00e9curit\u00e9 en mati\u00e8re de randonn\u00e9e, consultez le site <a href=\"https:\/\/www.rei.com\/learn\/expert-advice\/day-hiking-checklist.html\" rel=\"dofollow external noopener\" target=\"_blank\">Guide REI de la randonn\u00e9e \u00e0 la journ\u00e9e<\/a>.<\/p>\r\n              \r\n              <p>Pour en savoir plus sur la culture berb\u00e8re, consultez le site <a href=\"https:\/\/www.lonelyplanet.com\/morocco\/the-high-atlas\" rel=\"dofollow external noopener\" target=\"_blank\">Guide Lonely Planet Atlas<\/a>.<\/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> Itin\u00e9raire de la visite<\/h2>\r\n            <div class=\"itinerary\">\r\n              <div class=\"itinerary-item\">\r\n                <div class=\"itinerary-day\">Matin<\/div>\r\n                <div class=\"itinerary-content\">\r\n                  <h3>Prise en charge et route panoramique vers Imlil<\/h3>\r\n                  <p>Votre journ\u00e9e commence par une prise en charge \u00e0 votre h\u00e9bergement \u00e0 Marrakech vers 8h30. Profitez d'un trajet pittoresque \u00e0 travers la campagne marocaine.<\/p>\r\n                  <p>Le voyage vous emm\u00e8ne \u00e0 travers des paysages changeants. Des plaines entourant Marrakech aux contreforts des majestueuses montagnes de l'Atlas.<\/p>\r\n                  <p>Vous arriverez dans le paisible village d'Imlil. Il est nich\u00e9 au pied du mont Toubkal (4167 m), le plus haut sommet d'Afrique du Nord.<\/p>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"itinerary-item\">\r\n                <div class=\"itinerary-day\">Midi<\/div>\r\n                <div class=\"itinerary-content\">\r\n                  <h3>Randonn\u00e9e guid\u00e9e \u00e0 travers les villages berb\u00e8res<\/h3>\r\n                  <p>Rencontrez votre guide de montagne berb\u00e8re local. Il vous guidera lors d'une randonn\u00e9e guid\u00e9e dans la magnifique vall\u00e9e d'Imlil.<\/p>\r\n                  <p>La randonn\u00e9e vous emm\u00e8ne \u00e0 travers de petits villages traditionnels. Vous traverserez des rivi\u00e8res, des champs en terrasses et profiterez d'une vue imprenable sur les montagnes.<\/p>\r\n                  <p>La randonn\u00e9e est adapt\u00e9e \u00e0 tous les niveaux de forme physique. Elle peut \u00eatre adapt\u00e9e \u00e0 votre rythme (environ 1,5 \u00e0 2 heures).<\/p>\r\n                  <p>Votre guide vous donnera un aper\u00e7u de la culture berb\u00e8re, des traditions et de la vie quotidienne dans les montagnes.<\/p>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"itinerary-item\">\r\n                <div class=\"itinerary-day\">Apr\u00e8s-midi<\/div>\r\n                <div class=\"itinerary-content\">\r\n                  <h3>D\u00e9jeuner berb\u00e8re authentique et coop\u00e9rative d'huile d'argan<\/h3>\r\n                  <p>Apr\u00e8s votre randonn\u00e9e, d\u00e9tendez-vous et profitez d'un d\u00e9jeuner berb\u00e8re fait maison dans une maison d'h\u00f4tes familiale. Le repas est accompagn\u00e9 d'un th\u00e9 \u00e0 la menthe frais.<\/p>\r\n                  <p>Il s'agit d'une exp\u00e9rience culturelle authentique. Go\u00fbtez \u00e0 la cuisine marocaine traditionnelle pr\u00e9par\u00e9e avec des ingr\u00e9dients locaux.<\/p>\r\n                  <p>Avant de retourner \u00e0 Marrakech, vous vous arr\u00eaterez dans une coop\u00e9rative f\u00e9minine de production d'huile d'argan. Vous apprendrez comment la c\u00e9l\u00e8bre huile du Maroc est fabriqu\u00e9e de mani\u00e8re traditionnelle.<\/p>\r\n                  <p>Il permet de mieux conna\u00eetre une importante industrie locale. Il soutient les coop\u00e9ratives de femmes de la r\u00e9gion.<\/p>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"itinerary-item\">\r\n                <div class=\"itinerary-day\">Soir\u00e9e<\/div>\r\n                <div class=\"itinerary-content\">\r\n                  <h3>Retour \u00e0 Marrakech<\/h3>\r\n                  <p>Vous commencerez votre voyage de retour vers Marrakech en fin d'apr\u00e8s-midi. Vous arriverez \u00e0 votre h\u00e9bergement vers 17h30.<\/p>\r\n                  <p>Vous reviendrez avec des souvenirs inoubliables. D\u00e9couvrez les montagnes de l'Atlas, la culture berb\u00e8re et la beaut\u00e9 naturelle du Maroc rural.<\/p>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/section>\r\n\r\n          <!-- Preparation Section -->\r\n          <section class=\"section\">\r\n            <h2 class=\"section-title\"><i class=\"fas fa-hiking\"><\/i> Pr\u00e9paration et mat\u00e9riel \u00e0 apporter<\/h2>\r\n            <div class=\"preparation-section\">\r\n              <h3><i class=\"fas fa-exclamation-triangle\"><\/i> Informations importantes<\/h3>\r\n              <p>Cette excursion d'une journ\u00e9e convient \u00e0 la plupart des niveaux de forme physique. La randonn\u00e9e s'adapte \u00e0 votre rythme et \u00e0 vos capacit\u00e9s.<\/p>\r\n              <p>Le terrain comprend des sentiers bien entretenus traversant des villages et la campagne. Il y a quelques pentes douces.<\/p>\r\n              \r\n              <h3><i class=\"fas fa-clipboard-list\"><\/i> Articles recommand\u00e9s<\/h3>\r\n              <div class=\"checklist\">\r\n                <div class=\"checklist-item\"><i class=\"fas fa-check\"><\/i> Chaussures de marche confortables<\/div>\r\n                <div class=\"checklist-item\"><i class=\"fas fa-check\"><\/i> Protection solaire (chapeau, lunettes de soleil, cr\u00e8me solaire)<\/div>\r\n                <div class=\"checklist-item\"><i class=\"fas fa-check\"><\/i> Couches l\u00e9g\u00e8res pour les changements de temp\u00e9rature<\/div>\r\n                <div class=\"checklist-item\"><i class=\"fas fa-check\"><\/i> Appareil photo pour les photos<\/div>\r\n                <div class=\"checklist-item\"><i class=\"fas fa-check\"><\/i> Petit sac \u00e0 dos pour les affaires personnelles<\/div>\r\n                <div class=\"checklist-item\"><i class=\"fas fa-check\"><\/i> Bouteille d'eau<\/div>\r\n                <div class=\"checklist-item\"><i class=\"fas fa-check\"><\/i> Argent liquide pour les souvenirs ou les achats suppl\u00e9mentaires<\/div>\r\n              <\/div>\r\n              \r\n              <!-- Internal Links -->\r\n              <p>Pour conna\u00eetre les v\u00eatements appropri\u00e9s, consultez notre guide <a href=\"https:\/\/moroquestadventures.com\/fr\/morocco-traditional-wear-discover-the-beauty-of-moroccan\/\" rel=\"dofollow\">V\u00eatements traditionnels du Maroc<\/a>.<\/p>\r\n              \r\n              <p>Parcourez nos <a href=\"https:\/\/moroquestadventures.com\/fr\/best-morocco-resorts-for-a-relaxing-getaway-in-2025\/\" rel=\"dofollow\">Meilleures stations baln\u00e9aires au Maroc<\/a> pour un h\u00e9bergement confortable.<\/p>\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 depuis Marrakech<\/li>\r\n                  <li><i class=\"fas fa-check\"><\/i> Prise en charge et retour \u00e0 l'h\u00f4tel<\/li>\r\n                  <li><i class=\"fas fa-check\"><\/i> Chauffeur professionnel<\/li>\r\n                  <li><i class=\"fas fa-check\"><\/i> Guide de montagne berb\u00e8re local<\/li>\r\n                  <li><i class=\"fas fa-check\"><\/i> D\u00e9jeuner berb\u00e8re authentique dans une maison d'h\u00f4tes familiale<\/li>\r\n                  <li><i class=\"fas fa-check\"><\/i> Th\u00e9 \u00e0 la menthe fra\u00eeche<\/li>\r\n                  <li><i class=\"fas fa-check\"><\/i> Visite de la coop\u00e9rative d'huile d'argan<\/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 au-del\u00e0 du th\u00e9<\/li>\r\n                  <li><i class=\"fas fa-times\"><\/i> Pourboires pour les guides et les chauffeurs<\/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 9 heures (8h30 - 17h30)<\/p><\/div><\/div>\r\n              <div class=\"detail-item\"><div class=\"detail-icon\"><i class=\"fas fa-mountain\"><\/i><\/div><div class=\"detail-content\"><h3>Dur\u00e9e de la randonn\u00e9e<\/h3><p>1,5 - 2 heures (adaptable au niveau de forme)<\/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 de fitness, 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>Quel est le niveau de difficult\u00e9 de la randonn\u00e9e ?<\/span>\r\n                  <i class=\"fas fa-chevron-down\"><\/i>\r\n                <\/div>\r\n                <div class=\"faq-accordion-content\">\r\n                  <p>La randonn\u00e9e est consid\u00e9r\u00e9e comme facile \u00e0 mod\u00e9r\u00e9e. Elle convient \u00e0 la plupart des niveaux de forme physique.<\/p>\r\n                  <p>Le terrain se compose de sentiers bien entretenus traversant des villages et la campagne. Il y a quelques pentes douces.<\/p>\r\n                  <p>La randonn\u00e9e dure g\u00e9n\u00e9ralement de 1,5 \u00e0 2 heures. Votre guide peut adapter le rythme et l'itin\u00e9raire en fonction des capacit\u00e9s du groupe.<\/p>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"faq-accordion-item\">\r\n                <div class=\"faq-accordion-header\">\r\n                  <span>Que dois-je porter pour l'excursion d'une journ\u00e9e dans les montagnes de l'Atlas ?<\/span>\r\n                  <i class=\"fas fa-chevron-down\"><\/i>\r\n                <\/div>\r\n                <div class=\"faq-accordion-content\">\r\n                  <p>Nous recommandons de porter des chaussures de marche confortables. Des couches l\u00e9g\u00e8res qui peuvent \u00eatre ajout\u00e9es ou enlev\u00e9es en fonction des changements de temp\u00e9rature.<\/p>\r\n                  <p>Apportez une protection solaire (chapeau, lunettes de soleil, cr\u00e8me solaire). Les montagnes peuvent \u00eatre plus fra\u00eeches que Marrakech.<\/p>\r\n                  <p>Surtout le matin et le soir. Il est conseill\u00e9 d'emporter une veste l\u00e9g\u00e8re.<\/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\u00e9jeuner ?<\/span>\r\n                  <i class=\"fas fa-chevron-down\"><\/i>\r\n                <\/div>\r\n                <div class=\"faq-accordion-content\">\r\n                  <p>Vous d\u00e9gusterez un authentique d\u00e9jeuner berb\u00e8re dans une maison d'h\u00f4tes familiale. Il s'agit g\u00e9n\u00e9ralement de plats marocains traditionnels.<\/p>\r\n                  <p>Comme le tajine (viande et l\u00e9gumes cuits lentement avec des \u00e9pices). Salades fra\u00eeches, pain et fruits de saison.<\/p>\r\n                  <p>Le repas est accompagn\u00e9 d'un th\u00e9 \u00e0 la menthe traditionnel. Des options v\u00e9g\u00e9tariennes sont disponibles sur demande.<\/p>\r\n                  <p>Veuillez nous informer de toute restriction alimentaire lors de la r\u00e9servation.<\/p>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"faq-accordion-item\">\r\n                <div class=\"faq-accordion-header\">\r\n                  <span>Ce voyage est-il adapt\u00e9 aux enfants et aux personnes \u00e2g\u00e9es ?<\/span>\r\n                  <i class=\"fas fa-chevron-down\"><\/i>\r\n                <\/div>\r\n                <div class=\"faq-accordion-content\">\r\n                  <p>Oui, cette excursion d'une journ\u00e9e convient aux enfants et aux personnes \u00e2g\u00e9es \u00e0 mobilit\u00e9 moyenne.<\/p>\r\n                  <p>La randonn\u00e9e peut \u00eatre adapt\u00e9e \u00e0 diff\u00e9rents niveaux de forme physique. Il y a des possibilit\u00e9s de se reposer en cours de route.<\/p>\r\n                  <p>Le transport est confortable. Le rythme g\u00e9n\u00e9ral de la journ\u00e9e est d\u00e9tendu.<\/p>\r\n                  <p>Si vous avez des pr\u00e9occupations particuli\u00e8res concernant la mobilit\u00e9, veuillez nous contacter avant de r\u00e9server.<\/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 d'exp\u00e9riences<\/h2>\r\n  <div class=\"gallery-row\">\r\n    <figure class=\"gallery-thumb\"\r\n            data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/Bet-Moroccan-Tours-2025-10-29T132609.876.png\"\r\n            style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/Bet-Moroccan-Tours-2025-10-29T132609.876.png')\"\r\n            aria-label=\"Excursion d&#039;une journ\u00e9e dans l&#039;Atlas - Architecture des villages berb\u00e8res\">\r\n      <span class=\"img-overlay\"><\/span>\r\n    <\/figure>\r\n\r\n    <figure class=\"gallery-thumb\"\r\n            data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/4.png\"\r\n            style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/4.png')\"\r\n            aria-label=\"Excursion d&#039;une journ\u00e9e dans les montagnes de l&#039;Atlas - Randonn\u00e9e en montagne\">\r\n      <span class=\"img-overlay\"><\/span>\r\n    <\/figure>\r\n\r\n    <figure class=\"gallery-thumb\"\r\n            data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/3.png\"\r\n            style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/3.png')\"\r\n            aria-label=\"Excursion d&#039;une journ\u00e9e dans les montagnes de l&#039;Atlas - D\u00e9jeuner traditionnel berb\u00e8re\">\r\n      <span class=\"img-overlay\"><\/span>\r\n    <\/figure>\r\n\r\n    <figure class=\"gallery-thumb\"\r\n            data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/7.png\"\r\n            style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/7.png')\"\r\n            aria-label=\"Excursion d&#039;une journ\u00e9e dans les montagnes de l&#039;Atlas - Vue panoramique de la vall\u00e9e\">\r\n      <span class=\"img-overlay\"><\/span>\r\n    <\/figure>\r\n\r\n    <figure class=\"gallery-thumb\"\r\n            data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/1.png\"\r\n            style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/1.png')\"\r\n            aria-label=\"Excursion d&#039;une journ\u00e9e dans les montagnes de l&#039;Atlas - Guide local dirigeant la randonn\u00e9e\">\r\n      <span class=\"img-overlay\"><\/span>\r\n    <\/figure>\r\n\r\n    <figure class=\"gallery-thumb\"\r\n            data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/2.png\"\r\n            style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/2.png')\"\r\n            aria-label=\"Excursion d&#039;une journ\u00e9e dans l&#039;Atlas - Visite d&#039;une coop\u00e9rative d&#039;huile d&#039;argan\">\r\n      <span class=\"img-overlay\"><\/span>\r\n    <\/figure>\r\n\r\n    <figure class=\"gallery-thumb\"\r\n            data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/9.png\"\r\n            style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/9.png')\"\r\n            aria-label=\"Excursion d&#039;une journ\u00e9e dans les montagnes de l&#039;Atlas - Paysages montagneux panoramiques\">\r\n      <span class=\"img-overlay\"><\/span>\r\n    <\/figure>\r\n\r\n    <figure class=\"gallery-thumb\"\r\n            data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/17.png\"\r\n            style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/17.png')\"\r\n            aria-label=\"Excursion d&#039;une journ\u00e9e dans les montagnes de l&#039;Atlas - Service traditionnel de th\u00e9 \u00e0 la menthe\">\r\n      <span class=\"img-overlay\"><\/span>\r\n    <\/figure>\r\n\r\n    <figure class=\"gallery-thumb\"\r\n            data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/16.png\"\r\n            style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/16.png')\"\r\n            aria-label=\"Excursion d&#039;une journ\u00e9e dans les montagnes de l&#039;Atlas - Vie du village berb\u00e8re\">\r\n      <span class=\"img-overlay\"><\/span>\r\n    <\/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-hiking\"><\/i> Randonn\u00e9e guid\u00e9e en montagne<\/p>\r\n            <p><i class=\"fas fa-utensils\"><\/i> D\u00e9jeuner berb\u00e8re authentique<\/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, niveau de forme physique, adresse de l&#039;h\u00e9bergement pour la prise en charge, 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, niveau de forme physique, adresse de l&#039;h\u00e9bergement pour la prise en charge, 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=\"Atlas Mountains Day Trip - Marrakech to Imlil Experience\" \/><\/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      \/\/ Strict email validation\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      \/\/ Remove all non-digit characters\r\n      const cleanPhone = phone.replace(\/\\D\/g, '');\r\n      \/\/ Check if phone has at least 10 digits (international standard)\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');\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        \r\n        \/\/ Validate form before submission\r\n        if (!validateForm('desktop')) {\r\n          showToast('Please fix the errors in the form','error');\r\n          return;\r\n        }\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:'Atlas Mountains Day Trip from Marrakech - Hike in Imlil & Berber Lunch',\r\n            total_price:total\r\n          };\r\n          \r\n          \/\/ Send email using your EmailJS credentials\r\n          await emailjs.send('service_xaasfmh', 'template_887d10v', formData);\r\n          \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'); 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        \r\n        \/\/ Validate form before submission\r\n        if (!validateForm('mobile')) {\r\n          showToast('Please fix the errors in the form','error');\r\n          return;\r\n        }\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:'Atlas Mountains Day Trip from Marrakech - Hike in Imlil & Berber Lunch',\r\n            total_price:total\r\n          };\r\n          \r\n          \/\/ Send email using your EmailJS credentials\r\n          await emailjs.send('service_xaasfmh', 'template_887d10v', formData);\r\n          \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      \/\/ Desktop form real-time validation\r\n      const emailInput = document.getElementById('email');\r\n      const phoneInput = document.getElementById('phone');\r\n      \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      \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      \/\/ Mobile form real-time validation\r\n      const mEmailInput = document.getElementById('m-email');\r\n      const mPhoneInput = document.getElementById('m-phone');\r\n      \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      \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      \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>\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 Amazing 1-Day Atlas Mountains Trip from Marrakech &#8211; &#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-468","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\/468","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=468"}],"version-history":[{"count":30,"href":"https:\/\/moroquestadventures.com\/fr\/wp-json\/wp\/v2\/pages\/468\/revisions"}],"predecessor-version":[{"id":1712,"href":"https:\/\/moroquestadventures.com\/fr\/wp-json\/wp\/v2\/pages\/468\/revisions\/1712"}],"wp:attachment":[{"href":"https:\/\/moroquestadventures.com\/fr\/wp-json\/wp\/v2\/media?parent=468"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}