{"id":540,"date":"2025-11-15T15:14:43","date_gmt":"2025-11-15T15:14:43","guid":{"rendered":"https:\/\/maroctreks.com\/?page_id=540"},"modified":"2025-11-19T11:47:57","modified_gmt":"2025-11-19T11:47:57","slug":"randonnee-region-de-tafraout-circuit-de-8-jours-dans-lanti-atlas","status":"publish","type":"page","link":"https:\/\/maroctreks.com\/en\/randonnee-region-de-tafraout-circuit-de-8-jours-dans-lanti-atlas\/","title":{"rendered":"Randonn\u00e9e R\u00e9gion de Tafraout : Circuit de 8 Jours dans l&rsquo;Anti-Atlas"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"540\" class=\"elementor elementor-540\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c1aec6 e-con-full e-flex e-con e-parent\" data-id=\"5c1aec6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e323584 elementor-widget elementor-widget-html\" data-id=\"e323584\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\"\r\n        content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\" \/>\r\n  <title>Randonn\u00e9e R\u00e9gion de Tafraout : Circuit de 8 Jours dans l'Anti-Atlas | MoroQuest Adventures<\/title>\r\n  <meta name=\"description\" content=\"Randonn\u00e9e dans l'Anti-Atlas : un circuit de 8 jours dans la r\u00e9gion de Tafraout, d\u00e9couverte des villages berb\u00e8res, vall\u00e9es fra\u00eeches, roches extravagantes et palmeraies avec guides certifi\u00e9s.\">\r\n  <meta name=\"keywords\" content=\"Randonn\u00e9e Tafraout, Circuit Tafraout 8 jours, Anti-Atlas, randonn\u00e9e Maroc, villages berb\u00e8res, Djebel Lekst, randonn\u00e9e facile Maroc, vacances randonn\u00e9e Maroc, amandiers Tafraout\">\r\n  <meta property=\"og:title\" content=\"Randonn\u00e9e R\u00e9gion de Tafraout : Circuit de 8 Jours dans l'Anti-Atlas\">\r\n  <meta property=\"og:description\" content=\"Partez pour un circuit de 8 jours \u00e0 travers la r\u00e9gion de Tafraout dans l'Anti-Atlas avec d\u00e9couverte des villages berb\u00e8res, vall\u00e9es fra\u00eeches et paysages uniques.\">\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    \/* ---- Desert \/ Anti-Atlas Theme ---- *\/\r\n    .tour-booking-page{\r\n      --tour-bg:#fef3c7;          \/* light sand *\/\r\n      --tour-ink:#1f2933;         \/* dark ink *\/\r\n      --tour-muted:#6b7280;       \/* muted text *\/\r\n      --tour-card:#fffdf7;        \/* warm card *\/\r\n      --tour-border:#e5d5b3;      \/* soft sand border *\/\r\n      --tour-sage:#ea580c;        \/* primary accent - burnt orange *\/\r\n      --tour-sage-700:#c2410c;    \/* deeper burnt orange *\/\r\n      --tour-terra:#f97316;       \/* secondary warm orange *\/\r\n      --tour-terra-700:#ea580c;   \/* deeper for gradients *\/\r\n      --tour-cream:#fffbeb;       \/* very light background *\/\r\n      --radius:18px; \r\n      --shadow:0 18px 45px rgba(120,53,15,.25);\r\n      box-sizing:border-box; \r\n      font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n      background:radial-gradient(circle at top, var(--tour-cream) 0, var(--tour-bg) 45%, #fed7aa 100%);\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    \/* ---- Global layout ---- *\/\r\n    .content-wrapper{display:grid;grid-template-columns:1.7fr .9fr;gap:26px;margin-top:18px}\r\n    @media (max-width:980px){.content-wrapper{grid-template-columns:1fr}}\r\n    .section{\r\n      background:var(--tour-card);\r\n      border-radius:var(--radius);\r\n      padding:22px 22px 20px;\r\n      margin-bottom:20px;\r\n      box-shadow:var(--shadow);\r\n      border:1px solid rgba(229,213,179,0.9);\r\n    }\r\n    .section-title{\r\n      display:flex;align-items:center;gap:10px;\r\n      font-size:1.3rem;margin:0 0 14px;color:var(--tour-ink);letter-spacing:.02em\r\n    }\r\n    .section-title i{color:var(--tour-sage)}\r\n    .description{color:var(--tour-muted);font-size:1.02rem}\r\n\r\n    \/* ---- Hero Header ---- *\/\r\n    .tour-header{\r\n      display:grid;\r\n      grid-template-columns:2.3fr 1.3fr;\r\n      gap:18px;\r\n      margin-bottom:22px;\r\n      align-items:center;\r\n    }\r\n    .tour-header-main{\r\n      padding:18px 22px;\r\n      border-radius:20px;\r\n      background:linear-gradient(135deg, #7c2d12, #ea580c);\r\n      color:#fff7ed;\r\n      box-shadow:0 18px 45px rgba(124,45,18,.6);\r\n      position:relative;\r\n      overflow:hidden;\r\n    }\r\n    .tour-header-main::after{\r\n      content:\"\";\r\n      position:absolute;\r\n      inset:auto -60px -80px auto;\r\n      width:220px;height:220px;\r\n      background:radial-gradient(circle at center, rgba(254,215,170,.9), transparent 65%);\r\n      opacity:.85;\r\n    }\r\n    .tour-label{\r\n      display:inline-flex;align-items:center;gap:8px;\r\n      padding:5px 11px;border-radius:999px;\r\n      background:rgba(67,20,7,.9);\r\n      font-size:.78rem;\r\n      text-transform:uppercase;\r\n      letter-spacing:.12em;\r\n      margin-bottom:10px;\r\n    }\r\n    .tour-label i{color:#fed7aa}\r\n    .tour-header-main h1{\r\n      font-size:clamp(1.8rem,3.1vw,2.5rem);\r\n      margin:0 0 6px;\r\n      font-weight:800;\r\n    }\r\n    .tour-subtitle{\r\n      margin:0 0 14px;\r\n      font-size:.97rem;\r\n      color:#ffedd5;\r\n      max-width:40rem;\r\n    }\r\n    .tour-meta{\r\n      display:flex;flex-wrap:wrap;gap:10px;\r\n      margin-top:6px;\r\n    }\r\n    .meta-pill{\r\n      display:inline-flex;align-items:center;gap:6px;\r\n      font-size:.82rem;\r\n      padding:6px 11px;\r\n      border-radius:999px;\r\n      background:rgba(67,20,7,.88);\r\n      border:1px solid rgba(254,215,170,.8);\r\n    }\r\n    .meta-pill i{color:#fed7aa;font-size:.9rem}\r\n\r\n    .tour-header-side{\r\n      display:grid;gap:8px;\r\n    }\r\n    .stat-card{\r\n      background:rgba(255,252,245,.95);\r\n      padding:12px 14px;\r\n      border-radius:16px;\r\n      border:1px solid rgba(229,213,179,.9);\r\n      display:flex;align-items:center;gap:10px;\r\n      backdrop-filter:blur(10px);\r\n    }\r\n    .stat-icon{\r\n      width:40px;height:40px;border-radius:50%;\r\n      display:grid;place-items:center;\r\n      background:linear-gradient(135deg,#ea580c,#f97316);\r\n      color:#fffbeb;\r\n    }\r\n    .stat-text span{\r\n      display:block;font-size:.8rem;color:var(--tour-muted);text-transform:uppercase;letter-spacing:.08em;\r\n    }\r\n    .stat-text strong{font-size:.96rem}\r\n\r\n    @media(max-width:900px){\r\n      .tour-header{\r\n        grid-template-columns:1fr;\r\n      }\r\n    }\r\n\r\n    \/* ---- Gallery ---- *\/\r\n    .image-gallery{display:grid;gap:12px;margin:10px 0 28px}\r\n    .gallery-main{\r\n      height:360px;border-radius:18px;\r\n      background-size:cover;background-position:center;\r\n      position:relative;overflow:hidden;cursor:pointer;\r\n      border:1px solid rgba(229,213,179,.95);\r\n    }\r\n    .img-overlay{\r\n      position:absolute;inset:0;\r\n      background:linear-gradient(180deg,rgba(67,20,7,0) 30%,rgba(67,20,7,.55));\r\n      opacity:0;transition:.3s;\r\n    }\r\n    .zoom-btn{\r\n      position:absolute;right:14px;bottom:14px;\r\n      background:rgba(67,20,7,.95);\r\n      border:1px solid rgba(254,215,170,.9);\r\n      padding:9px 12px;border-radius:999px;\r\n      display:flex;gap:8px;align-items:center;\r\n      font-weight:600;color:#fffbeb;\r\n      box-shadow:var(--shadow);cursor:pointer;\r\n      font-size:.86rem;\r\n    }\r\n    .zoom-btn i{color:#fed7aa}\r\n    .gallery-main:hover .img-overlay{opacity:1}\r\n\r\n    .gallery-row{\r\n      display:grid;\r\n      grid-template-columns:repeat(3,1fr);\r\n      gap:10px;\r\n    }\r\n    .gallery-thumb{\r\n      height:130px;border-radius:14px;\r\n      background-size:cover;background-position:center;\r\n      position:relative;overflow:hidden;cursor:pointer;\r\n      border:2px solid transparent;\r\n      transition:border-color .2s,transform .2s;\r\n    }\r\n    .gallery-thumb.active{border-color:var(--tour-sage);transform:translateY(-2px)}\r\n    .gallery-thumb:hover .img-overlay{opacity:1}\r\n\r\n    @media (min-width:992px){\r\n      .image-gallery{grid-template-columns:1.9fr 1.1fr}\r\n      .gallery-main{height:440px}\r\n      .gallery-row{\r\n        grid-template-columns:1fr;\r\n        grid-template-rows:repeat(3,1fr);\r\n        gap:10px;\r\n      }\r\n      .gallery-thumb{height:auto;min-height:120px}\r\n    }\r\n\r\n    \/* Bottom Gallery *\/\r\n    .bottom-gallery {margin-top:34px;}\r\n    .bottom-gallery .gallery-row {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 10px;\r\n    }\r\n    @media (max-width: 768px) {\r\n      .bottom-gallery .gallery-row {grid-template-columns: repeat(2, 1fr);}\r\n    }\r\n\r\n    \/* ---- Itinerary \/ Details \/ FAQ ---- *\/\r\n    .itinerary-item{\r\n      display:grid;grid-template-columns:110px 1fr;gap:16px;\r\n      padding:16px 0;border-bottom:1px dashed var(--tour-border)\r\n    }\r\n    .itinerary-item:last-child{border-bottom:0}\r\n    .itinerary-day{\r\n      font-weight:800;color:var(--tour-sage);font-size:.9rem;\r\n      text-transform:uppercase;letter-spacing:.1em;\r\n    }\r\n    .itinerary-content h3{margin:.2rem 0 .25rem;font-size:1.02rem}\r\n    .itinerary-content p{color:var(--tour-muted);margin:.22rem 0}\r\n\r\n    .inclusion-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}\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:9px;font-size:.96rem}\r\n    .inclusion-list i{color:var(--tour-sage)}\r\n    .exclusion-list i{color:#e11d48}\r\n\r\n    .additional-details-grid{\r\n      display:grid;\r\n      grid-template-columns:repeat(auto-fit,minmax(230px,1fr));\r\n      gap:18px;\r\n    }\r\n    .detail-item{\r\n      display:flex;align-items:center;gap:14px;\r\n      padding:13px 14px;\r\n      background:rgba(255,251,235,.9);\r\n      border-radius:14px;\r\n      border-left:4px solid var(--tour-sage);\r\n    }\r\n    .detail-icon{\r\n      background:var(--tour-sage);\r\n      color:#fffbeb;\r\n      width:46px;height:46px;border-radius:50%;\r\n      display:flex;align-items:center;justify-content:center;font-size:1.2rem;\r\n    }\r\n    .detail-content h3{margin:0 0 4px;font-size:.98rem}\r\n    .detail-content p{margin:0;color:var(--tour-muted);font-size:.9rem}\r\n\r\n    .faq-accordion-item{\r\n      border:1px solid var(--tour-border);\r\n      border-radius:12px;margin-bottom:10px;\r\n      overflow:hidden;background:var(--tour-card)\r\n    }\r\n    .faq-accordion-header{\r\n      padding:16px 18px;\r\n      background:rgba(254,243,199,.6);\r\n      cursor:pointer;display:flex;\r\n      justify-content:space-between;align-items:center;\r\n      font-weight:600;color:var(--tour-ink);transition:background .3s\r\n    }\r\n    .faq-accordion-header:hover{background:rgba(254,243,199,1)}\r\n    .faq-accordion-header i{transition:transform .3s;color:var(--tour-sage)}\r\n    .faq-accordion-item.active .faq-accordion-header i{transform:rotate(180deg)}\r\n    .faq-accordion-content{\r\n      padding:0 18px;max-height:0;overflow:hidden;\r\n      transition:max-height .3s,padding .3s;color:var(--tour-muted);font-size:.95rem;\r\n      background:#fffdf7;\r\n    }\r\n    .faq-accordion-item.active .faq-accordion-content{padding:16px 18px 18px;max-height:260px}\r\n\r\n    \/* ---- Sidebar \/ Form ---- *\/\r\n    .price-section{\r\n      background:linear-gradient(145deg,var(--tour-sage),var(--tour-sage-700));\r\n      color:#fffbeb;border:0;\r\n    }\r\n    .price-section .section-title{color:#fffbeb}\r\n    .price-amount{\r\n      font-size:clamp(2.1rem,4.2vw,2.4rem);font-weight:800;letter-spacing:.03em;\r\n    }\r\n    .price-note{font-size:.9rem;color:#fed7aa;margin:.2rem 0 10px}\r\n\r\n    .booking-form{position:sticky;top:18px}\r\n    .form-group{margin-bottom:14px}\r\n    label{display:block;margin-bottom:7px;font-weight:600;color:var(--tour-ink);font-size:.9rem}\r\n    .form-control{\r\n      width:100%;padding:11px 13px;\r\n      border:1px solid var(--tour-border);border-radius:12px;\r\n      background:#fffbeb;font:inherit;font-size:15px;\r\n    }\r\n    .form-control:focus{\r\n      outline:2px solid rgba(234,88,12,.25);\r\n      border-color:rgba(234,88,12,.7);\r\n      background:#ffffff;\r\n    }\r\n    .form-control::placeholder{color:#9ca3af;opacity:1}\r\n    .form-control.error{border-color:#e11d48;background-color:rgba(248,113,113,0.06)}\r\n    .error-message{color:#e11d48;font-size:0.8rem;margin-top:4px;display:none}\r\n    .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}\r\n    @media (max-width:700px){.form-row{grid-template-columns:1fr}}\r\n\r\n    .btn-book{\r\n      width:100%;display:inline-flex;align-items:center;justify-content:center;\r\n      gap:.55rem;border:0;\r\n      background:linear-gradient(145deg,var(--tour-sage),var(--tour-terra-700));\r\n      color:#f9fafb;padding:13px 15px;border-radius:12px;\r\n      font-weight:700;cursor:pointer;\r\n      box-shadow:0 9px 24px rgba(180,83,9,.45);\r\n      transition:.18s transform,.18s box-shadow;\r\n      font-size:.98rem;\r\n    }\r\n    .btn-book:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(180,83,9,.5)}\r\n    .btn-book:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}\r\n\r\n    \/* DATE INPUT *\/\r\n    input[type=\"date\"].form-control{\r\n      -webkit-appearance:none; appearance:none;\r\n      background:#fffbeb; border-radius:12px;\r\n      padding:11px 13px; 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:.8; padding:2px; margin-right:2px; cursor:pointer;\r\n    }\r\n\r\n    \/* Toast \/ Lightbox *\/\r\n    .toast{\r\n      position:fixed;left:50%;transform:translateX(-50%);\r\n      bottom:20px;padding:11px 15px;border-radius:999px;\r\n      background:#7c2d12;color:#fef3c7;\r\n      box-shadow:var(--shadow);display:none;z-index:100;\r\n      font-size:.9rem;\r\n    }\r\n    .toast.show{display:block}\r\n    .toast.success{background:var(--tour-sage)}\r\n    .toast.error{background:#e11d48}\r\n\r\n    dialog#lightbox{\r\n      border:0;padding:0;background:transparent;\r\n      width:100%;height:100%;max-width:100%;max-height:100%\r\n    }\r\n    .lb-wrap{\r\n      position:fixed;inset:0;display:grid;place-items:center;\r\n      background:rgba(30,15,5,.9);z-index:100;padding:20px\r\n    }\r\n    .lb-img{\r\n      max-width:90vw;max-height:80vh;border-radius:16px;\r\n      border:1px solid rgba(254,215,170,.8);\r\n      box-shadow:var(--shadow);cursor:zoom-in;transition:transform .3s\r\n    }\r\n    .lb-img.zoomed{transform:scale(1.5);cursor:zoom-out}\r\n    .close-lightbox{\r\n      position:absolute;top:20px;right:20px;\r\n      background:rgba(67,20,7,.9);color:#ffedd5;\r\n      border:none;border-radius:50%;\r\n      width:40px;height:40px;display:flex;align-items:center;justify-content:center;\r\n      cursor:pointer;font-size:1.1rem;z-index:101;\r\n    }\r\n\r\n    \/* ---- Highlight ---- *\/\r\n    .tour-highlight{\r\n      font-size:1.3rem;font-weight:700;color:var(--tour-sage);\r\n      text-align:center;margin:0 0 16px;\r\n      padding:13px 14px;\r\n      background:rgba(254,243,199,.9);\r\n      border-radius:12px;border-left:4px solid var(--tour-sage)\r\n    }\r\n\r\n    \/* ---- Mobile bottom bar ---- *\/\r\n    .mobile-booking-bar{\r\n      display:none;position:fixed;bottom:0;left:0;right:0;\r\n      background:rgba(67,20,7,.98);\r\n      box-shadow:0 -6px 20px rgba(67,20,7,.8);\r\n      padding:11px 14px;z-index:9500;border-top:1px solid rgba(254,215,170,.7)\r\n    }\r\n    .mobile-booking-bar .booking-bar-content{\r\n      display:flex;justify-content:space-between;align-items:center;\r\n      max-width:1160px;margin:0 auto\r\n    }\r\n    .mobile-booking-bar .price-info{display:flex;flex-direction:column}\r\n    .mobile-booking-bar .price-amount{\r\n      font-size:1.3rem;font-weight:800;color:#ffedd5;line-height:1.2\r\n    }\r\n    .mobile-booking-bar .price-note{font-size:.78rem;color:#fed7aa;margin:0}\r\n    .mobile-booking-bar .btn-book-mobile{\r\n      background:linear-gradient(145deg,var(--tour-sage),var(--tour-terra-700));\r\n      color:#f9fafb;border:none;border-radius:999px;\r\n      padding:11px 18px;font-weight:700;font-size:.95rem;\r\n      cursor:pointer;box-shadow:0 10px 24px rgba(180,83,9,.6);\r\n      display:flex;align-items:center;gap:7px;transition:transform .18s;\r\n    }\r\n    .mobile-booking-bar .btn-book-mobile:hover{transform:translateY(-1px)}\r\n\r\n    \/* ---- Support ---- *\/\r\n    .support-container{\r\n      background:rgba(254,243,199,.6);\r\n      border-radius:14px;padding:18px;margin-top:18px;\r\n      border:1px dashed var(--tour-border)\r\n    }\r\n    .support-title{\r\n      font-size:1.15rem;font-weight:700;margin-bottom:13px;\r\n      color:var(--tour-sage);display:flex;align-items:center;gap:8px\r\n    }\r\n    .support-info{display:flex;flex-wrap:wrap;gap:12px}\r\n    .support-item{\r\n      display:flex;align-items:center;gap:10px;\r\n      padding:10px 14px;background:#fffdf7;\r\n      border-radius:10px;border:1px solid var(--tour-border);\r\n      flex:1;min-width:210px\r\n    }\r\n    .support-icon{\r\n      background:var(--tour-sage);color:#fffbeb;\r\n      width:34px;height:34px;border-radius:50%;\r\n      display:flex;align-items:center;justify-content:center\r\n    }\r\n    .support-details h4{margin:0 0 4px;font-size:.9rem}\r\n    .support-details p{margin:0;font-size:.88rem;color:var(--tour-muted)}\r\n\r\n    \/* ---- Thank You Overlay ---- *\/\r\n    .thankyou-overlay {\r\n      display: none;\r\n      position: fixed;\r\n      top: 0;left: 0;\r\n      width: 100%;height: 100%;\r\n      background: rgba(30,15,5,0.86);\r\n      z-index: 10000;\r\n      backdrop-filter: blur(6px);\r\n      overflow-y: auto;\r\n      padding: 20px;\r\n      box-sizing: border-box;\r\n    }\r\n    .thankyou-card {\r\n      position: absolute;\r\n      top: 50%;left: 50%;\r\n      transform: translate(-50%, -50%);\r\n      background: #fffdf7;\r\n      border-radius: 20px;\r\n      padding: 40px 34px;\r\n      max-width: 430px;\r\n      width: 90%;\r\n      text-align: center;\r\n      box-shadow: 0 24px 60px rgba(120,53,15, 0.6);\r\n      border: 1px solid var(--tour-border);\r\n      animation: thankYouSlideIn 0.45s ease-out;\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    .thankyou-card .icon {\r\n      width: 84px;height: 84px;\r\n      background: linear-gradient(135deg, var(--tour-sage), var(--tour-terra));\r\n      border-radius: 50%;\r\n      display: flex;align-items: center;justify-content: center;\r\n      margin: 0 auto 24px;\r\n      color: white;font-size: 2.2rem;\r\n      box-shadow: 0 12px 30px rgba(180,83,9, 0.55);\r\n    }\r\n    .thankyou-card h3 {\r\n      font-size: 1.9rem;\r\n      margin-bottom: 16px;\r\n      color: var(--tour-ink);\r\n      font-weight: 800;\r\n      line-height: 1.2;\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.05rem;\r\n    }\r\n    .thankyou-card .btn-row {\r\n      display: flex;\r\n      justify-content: center;\r\n      gap: 14px;\r\n      margin-top: 26px;\r\n    }\r\n    .thankyou-card .btn-book {\r\n      padding: 12px 22px;\r\n      font-size: 1rem;\r\n      min-width: 130px;\r\n    }\r\n    @media (max-width: 600px) {\r\n      .thankyou-card {\r\n        padding: 34px 22px;\r\n        width: 95%;\r\n      }\r\n      .thankyou-card .icon {\r\n        width: 78px;height: 78px;font-size: 2.1rem;margin-bottom: 22px;\r\n      }\r\n      .thankyou-card h3 {font-size: 1.7rem;margin-bottom: 12px;}\r\n      .thankyou-card p {font-size: 1rem;}\r\n      .thankyou-card .btn-row {flex-direction: column;gap: 10px;margin-top: 22px;}\r\n      .thankyou-card .btn-book {width: 100%;padding: 11px 16px;}\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:78px}\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.1rem}\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    }\r\n\r\n    \/* ===== MOBILE POPUP ===== *\/\r\n    .mobile-popup-overlay{\r\n      display:none;\r\n      position:fixed; inset:0;\r\n      z-index:99999;\r\n      background:rgba(30,15,5,.7);\r\n      backdrop-filter:blur(5px);\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:#fffdf7; border-radius:18px; border:1px solid var(--tour-border);\r\n      box-shadow:0 22px 60px rgba(120,53,15,.65);\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:#fffdf7;z-index:1;\r\n      padding-bottom:9px;margin-bottom:11px;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{\r\n      font-weight:800;font-size:1.05rem;display:flex;align-items:center;gap:.55rem\r\n    }\r\n    .mobile-popup .popup-title i{color:var(--tour-sage)}\r\n    .mobile-popup .close-popup{\r\n      background:#fef3c7;border:1px solid var(--tour-border);\r\n      width:34px;height:34px;border-radius:50%;display:grid;place-items:center;cursor:pointer\r\n    }\r\n    .mobile-popup .form-row{display:grid;grid-template-columns:1fr 1fr;gap:11px}\r\n    .mobile-popup .row-1col{grid-template-columns:1fr !important}\r\n    .popup-actions{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:13px}\r\n    .popup-total{\r\n      padding:9px 11px;background:rgba(254,243,199,.9);\r\n      border:1px dashed var(--tour-border);\r\n      border-radius:11px;font-weight:700;\r\n      display:flex;align-items:center;justify-content:space-between;\r\n      margin-top:7px;font-size:.95rem;\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <div class=\"tour-booking-page\">\r\n    <div class=\"container center\">\r\n\r\n      <!-- HERO HEADER -->\r\n      <div class=\"tour-header\">\r\n        <div class=\"tour-header-main\">\r\n          <div class=\"tour-label\"><i class=\"fas fa-mountain\"><\/i> HIKING IN THE ANTI-ATLAS<\/div>\r\n          <h1>Hiking in the Tafraout region: 8-day tour of the Anti-Atlas mountains<\/h1>\r\n          <p class=\"tour-subtitle\">\r\n            Discover the Tafraout region, the most exposed massif in the south-western Anti-Atlas, on an 8-day tour through Berber villages, cool valleys and extravagant rock landscapes.\r\n          <\/p>\r\n          <div class=\"tour-meta\">\r\n            <div class=\"meta-pill\"><i class=\"fas fa-calendar-alt\"><\/i>8-day tour<\/div>\r\n            <div class=\"meta-pill\"><i class=\"fas fa-mountain\"><\/i>Jebel Lekst 2374m<\/div>\r\n            <div class=\"meta-pill\"><i class=\"fas fa-route\"><\/i>Tafraout tour<\/div>\r\n            <div class=\"meta-pill\"><i class=\"fas fa-users\"><\/i>Hiking in small groups<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"tour-header-side\">\r\n          <div class=\"stat-card\">\r\n            <div class=\"stat-icon\"><i class=\"fas fa-hiking\"><\/i><\/div>\r\n            <div class=\"stat-text\">\r\n              <span>Hiking level<\/span>\r\n              <strong>Easy hiking<\/strong>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"stat-card\">\r\n            <div class=\"stat-icon\"><i class=\"fas fa-location-dot\"><\/i><\/div>\r\n            <div class=\"stat-text\">\r\n              <span>Main region<\/span>\r\n              <strong>Anti-Atlas<\/strong>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"stat-card\">\r\n            <div class=\"stat-icon\"><i class=\"fas fa-sun\"><\/i><\/div>\r\n            <div class=\"stat-text\">\r\n              <span>Best Season<\/span>\r\n              <strong>October - May<\/strong>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Gallery -->\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:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/P1090989-scaled.jpg')\">\r\n          <span class=\"img-overlay\"><\/span>\r\n          <button class=\"zoom-btn\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/P1090989-scaled.jpg\">\r\n            <i class=\"fa-solid fa-magnifying-glass\"><\/i> View Photo\r\n          <\/button>\r\n        <\/figure>\r\n        <div class=\"gallery-row\">\r\n          <figure class=\"gallery-thumb active\"\r\n                  data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/P1090989-scaled.jpg\"\r\n                  data-main=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/P1090989-scaled.jpg\"\r\n                  style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/P1090989-scaled.jpg')\">\r\n            <span class=\"img-overlay\"><\/span>\r\n          <\/figure>\r\n          <figure class=\"gallery-thumb\"\r\n                  data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/20170202_121057-scaled.jpg\"\r\n                  data-main=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/20170202_121057-scaled.jpg\"\r\n                  style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/20170202_121057-scaled.jpg')\">\r\n            <span class=\"img-overlay\"><\/span>\r\n          <\/figure>\r\n          <figure class=\"gallery-thumb\"\r\n                  data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/crossing-djebel-saghro.jpg\"\r\n                  data-main=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/crossing-djebel-saghro.jpg\"\r\n                  style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/crossing-djebel-saghro.jpg')\">\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          <!-- Tour Description -->\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\">8-Day Tafraout Tour - Hiking in the Anti-Atlas<\/div>\r\n            <div class=\"description\">\r\n              <p>\r\n                The Anti-Atlas of Tafraout is the most exposed massif to the southwest, and can be reached either from Agadir to the west or Taroudant to the north via the western High Atlas mountains (Tizi N-Test 2090m).\r\n              <\/p>\r\n              <p>\r\n                As we trek from village to village in the Berber country of the Anti-Atlas, we set off to discover another world. A trek full of color and encounters with the Berbers, with whom we'll share a way of life that hasn't changed for centuries.\r\n              <\/p>\r\n              <p>\r\n                Nature, too, is full of wonders, with its cool valleys, extravagant rocky scenery and palm groves, the heart of local agriculture. Along the great paths of the almond and argan trees, magical fruit trees in this region where women occupy a primordial place in the family through their daily occupations.\r\n              <\/p>\r\n              <p>\r\n                The almond trees blossom in January and February and bear fruit in July. The team will consist of a guide, cook and 4x4 driver who will carry the luggage to the bivouac in the evening, as mules are very rare in these regions.\r\n              <\/p>\r\n            <\/div>\r\n          <\/section>\r\n\r\n          <!-- Tour Highlights -->\r\n          <section class=\"section\">\r\n            <h2 class=\"section-title\"><i class=\"fas fa-star\"><\/i> Tour highlights<\/h2>\r\n            <ul class=\"inclusion-list\">\r\n              <li><i class=\"fas fa-check\"><\/i> Discover the Tafraout region, the most exposed massif in the south-western Anti-Atlas.<\/li>\r\n              <li><i class=\"fas fa-check\"><\/i> Immerse yourself in authentic Berber culture with encounters in the villages.<\/li>\r\n              <li><i class=\"fas fa-check\"><\/i> Hiking through cool valleys, extravagant rock formations and palm groves.<\/li>\r\n              <li><i class=\"fas fa-check\"><\/i> Ascent of Djebel Lekst (2374m) offering exceptional panoramic views.<\/li>\r\n              <li><i class=\"fas fa-check\"><\/i> Discover the region's emblematic almond and argan trees.<\/li>\r\n              <li><i class=\"fas fa-check\"><\/i> All-inclusive package with qualified guide, cook and 4x4 luggage transport.<\/li>\r\n            <\/ul>\r\n          <\/section>\r\n\r\n          <!-- Detailed Itinerary -->\r\n          <section class=\"section\">\r\n            <h2 class=\"section-title\"><i class=\"fas fa-route\"><\/i> Detailed itinerary of the 8-day tour<\/h2>\r\n            <div class=\"itinerary\">\r\n              <div class=\"itinerary-item\">\r\n                <div class=\"itinerary-day\">Day 1<\/div>\r\n                <div class=\"itinerary-content\">\r\n                  <h3>Arrival in Marrakech<\/h3>\r\n                  <p>Welcome at the airport, transfer and overnight at the hotel in Marrakech. Settle in and prepare for the start of your adventure.<\/p>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"itinerary-item\">\r\n                <div class=\"itinerary-day\">Day 2<\/div>\r\n                <div class=\"itinerary-content\">\r\n                  <h3>Marrakech - Tizi n'Test (2092m) - Taroudante - Ait Baha - Targa Touchka (360km)<\/h3>\r\n                  <p>Departure from Marrakech and crossing of the magnificent Tizi n'Test pass offering spectacular views. Passage through Taroudante and Ait Baha before arriving at Targa Touchka for the night.<\/p>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"itinerary-item\">\r\n                <div class=\"itinerary-day\">Day 3<\/div>\r\n                <div class=\"itinerary-content\">\r\n                  <h3>Taga n'Toucha - Imzi - Tagdichte (1100m) - 5h walk<\/h3>\r\n                  <p>First day of hiking through the unique landscapes of the Anti-Atlas. Discover the first Berber villages and arrive in Tagdichte for the night.<\/p>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"itinerary-item\">\r\n                <div class=\"itinerary-day\">Day 4<\/div>\r\n                <div class=\"itinerary-content\">\r\n                  <h3>Tagdichte - Inzgarne - Tirouft (1500m) - 5h30 walk<\/h3>\r\n                  <p>Hike to the village of Tirouft through the varied landscapes of the Anti-Atlas. Encounters with local people and immersion in Berber culture.<\/p>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"itinerary-item\">\r\n                <div class=\"itinerary-day\">Day 5<\/div>\r\n                <div class=\"itinerary-content\">\r\n                  <h3>Tirouft - Tamza - Isli - Ait Iftane (1450m) - 4h walk<\/h3>\r\n                  <p>A shorter day's hiking through several villages typical of the region. Discover traditional lifestyles and agricultural landscapes.<\/p>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"itinerary-item\">\r\n                <div class=\"itinerary-day\">Day 6<\/div>\r\n                <div class=\"itinerary-content\">\r\n                  <h3>Ait Iftanne - Djebel Lekst (2374m) - Anerguie - Tafraout (1100m) - 8h walking<\/h3>\r\n                  <p>A memorable day with the ascent of Djebel Lekst offering 360\u00b0 views of the Anti-Atlas. Descent to Anerguie and arrival in Tafraout for the night.<\/p>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"itinerary-item\">\r\n                <div class=\"itinerary-day\">Day 7<\/div>\r\n                <div class=\"itinerary-content\">\r\n                  <h3>Tafraout - Ait Abdellah - Ait Baha - Ait Mloul - Chichaoua - Marrakech<\/h3>\r\n                  <p>Departure from Tafraout and return to Marrakech, passing through several typical villages. Check-in at your hotel and free evening in Marrakech.<\/p>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"itinerary-item\">\r\n                <div class=\"itinerary-day\">Day 8<\/div>\r\n                <div class=\"itinerary-content\">\r\n                  <h3>Marrakech - Airport transfer<\/h3>\r\n                  <p>Breakfast at the hotel, then transfer to the airport for your flight home with lots of unforgettable memories.<\/p>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/section>\r\n\r\n          <!-- What's Included -->\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> Pick-up on arrival at the airport<\/li>\r\n                  <li><i class=\"fas fa-check\"><\/i> Airport - Hotel - Hiking - Hotel - Airport transfers<\/li>\r\n                  <li><i class=\"fas fa-check\"><\/i> The assistance of a qualified guide and a team for transport (4x4)<\/li>\r\n                  <li><i class=\"fas fa-check\"><\/i> Nights in a hotel or Riad in Marrakech<\/li>\r\n                  <li><i class=\"fas fa-check\"><\/i> Nights in tents during the trek<\/li>\r\n                  <li><i class=\"fas fa-check\"><\/i> Full board during the tour<\/li>\r\n                <\/ul>\r\n              <\/div>\r\n              <div>\r\n                <h3><i class=\"fas fa-times-circle\" style=\"color:#e11d48\"><\/i> Not included<\/h3>\r\n                <ul class=\"exclusion-list\">\r\n                  <li><i class=\"fas fa-times\"><\/i> Cancellation and assistance insurance (Compulsory!)<\/li>\r\n                  <li><i class=\"fas fa-times\"><\/i> Beverages and personal expenses<\/li>\r\n                  \r\n                  <li><i class=\"fas fa-times\"><\/i> Meals in town<\/li>\r\n                <\/ul>\r\n              <\/div>\r\n            <\/div>\r\n          <\/section>\r\n\r\n          <!-- Additional Tour Details -->\r\n          <section class=\"section\">\r\n            <h2 class=\"section-title\"><i class=\"fas fa-list-alt\"><\/i> Additional Tour 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-calendar-alt\"><\/i><\/div>\r\n                <div class=\"detail-content\">\r\n                  <h3>Hiking time<\/h3>\r\n                  <p>8 days<\/p>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"detail-item\">\r\n                <div class=\"detail-icon\"><i class=\"fas fa-hiking\"><\/i><\/div>\r\n                <div class=\"detail-content\">\r\n                  <h3>Hiking difficulty<\/h3>\r\n                  <p>Easy hiking<\/p>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"detail-item\">\r\n                <div class=\"detail-icon\"><i class=\"fas fa-sun\"><\/i><\/div>\r\n                <div class=\"detail-content\">\r\n                  <h3>Best Season<\/h3>\r\n                  <p>October - May<\/p>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"detail-item\">\r\n                <div class=\"detail-icon\"><i class=\"fas fa-users\"><\/i><\/div>\r\n                <div class=\"detail-content\">\r\n                  <h3>Group size<\/h3>\r\n                  <p>From 2 persons<\/p>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"detail-item\">\r\n                <div class=\"detail-icon\"><i class=\"fas fa-route\"><\/i><\/div>\r\n                <div class=\"detail-content\">\r\n                  <h3>Type of hike<\/h3>\r\n                  <p>Tafraout tour<\/p>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"detail-item\">\r\n                <div class=\"detail-icon\"><i class=\"fas fa-dollar-sign\"><\/i><\/div>\r\n                <div class=\"detail-content\">\r\n                  <h3>Hiking Price<\/h3>\r\n                  <p>On request<\/p>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/section>\r\n\r\n          <!-- FAQ -->\r\n          <section class=\"section\">\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>How difficult is this tour?<\/span>\r\n                  <i class=\"fas fa-chevron-down\"><\/i>\r\n                <\/div>\r\n                <div class=\"faq-accordion-content\">\r\n                  <p>\r\n                    This is an easy hike. Walking days vary from 4 to 8 hours, with a longer day for the ascent of Djebel Lekst. Accessible to anyone in good general physical condition, even without previous mountain hiking experience.\r\n                  <\/p>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"faq-accordion-item\">\r\n                <div class=\"faq-accordion-header\">\r\n                  <span>How is luggage transport arranged?<\/span>\r\n                  <i class=\"fas fa-chevron-down\"><\/i>\r\n                <\/div>\r\n                <div class=\"faq-accordion-content\">\r\n                  <p>\r\n                    In this region, where mules are very rare, we use a 4x4 to transport luggage and supplies to the bivouac each evening. You carry only your day backpack during the hikes.\r\n                  <\/p>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"faq-accordion-item\">\r\n                <div class=\"faq-accordion-header\">\r\n                  <span>When is the best time to visit Tafraout?<\/span>\r\n                  <i class=\"fas fa-chevron-down\"><\/i>\r\n                <\/div>\r\n                <div class=\"faq-accordion-content\">\r\n                  <p>\r\n                    The best season for this tour is from October to May. Autumn and spring offer ideal temperatures for hiking. In January-February, you can admire the almond trees in bloom, a magnificent sight. Summer should be avoided, as temperatures can be very high.\r\n                  <\/p>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"faq-accordion-item\">\r\n                <div class=\"faq-accordion-header\">\r\n                  <span>What meals are provided during the tour?<\/span>\r\n                  <i class=\"fas fa-chevron-down\"><\/i>\r\n                <\/div>\r\n                <div class=\"faq-accordion-content\">\r\n                  <p>\r\n                    Most lunches are picnics prepared by our cook, as the 4x4 can't reach us in some places. Breakfasts and dinners are prepared at the bivouac. Full board is provided throughout the tour.\r\n                  <\/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> Tafraout Region Photo Gallery<\/h2>\r\n            <div class=\"gallery-row\">\r\n              <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/DSCN0097-1-scaled.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/DSCN0097-1-scaled.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n              <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/DSCN0098-1.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/DSCN0098-1.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n              <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/DSCN0099-1-scaled.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/DSCN0099-1-scaled.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n              <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/DSCN0108-1-scaled.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/DSCN0108-1-scaled.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n              <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/DSCN0182-1-scaled.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/DSCN0182-1-scaled.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n              <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/DSCN0189-1-scaled.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/DSCN0189-1-scaled.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n              <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/DSCN0197-1-scaled.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/DSCN0197-1-scaled.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n              <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/DSCN0203-1-scaled.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/DSCN0203-1-scaled.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n              <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/DSCN0216-1-scaled.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/DSCN0216-1-scaled.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\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 du Circuit<\/h2>\r\n            <div class=\"price-amount\" id=\"price-amount\">On request<\/div>\r\n            <p class=\"price-note\">Prices available on request - contact us for a personalized tour quote.<\/p>\r\n            <p><i class=\"fas fa-calendar-alt\"><\/i> 8-Day Tafraout Tour<\/p>\r\n            <p><i class=\"fas fa-mountain\"><\/i> Hiking in the Anti-Atlas<\/p>\r\n            <p><i class=\"fas fa-users\"><\/i> Groups of 2 or more<\/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> Request This Tour<\/h2>\r\n            <form id=\"booking-form\" novalidate action=\"\">\r\n              <div class=\"form-row\">\r\n                <div class=\"form-group\">\r\n                  <label for=\"tour-date\">Preferred Start Date<\/label>\r\n                  <input type=\"date\" id=\"tour-date\" class=\"form-control\" required placeholder=\"Select a date\">\r\n                  <div class=\"error-message\" id=\"date-error\">Please select a valid date<\/div>\r\n                <\/div>\r\n                <div class=\"form-group\">\r\n                  <label for=\"tour-end-date\">End date<\/label>\r\n                  <input type=\"date\" id=\"tour-end-date\" class=\"form-control\" required placeholder=\"Select a date\">\r\n                  <div class=\"error-message\" id=\"end-date-error\">Please select an end date<\/div>\r\n                <\/div>\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=\"2\" max=\"16\" value=\"2\" required placeholder=\"ex. 2\">\r\n                <div class=\"error-message\" id=\"participants-error\">Please enter a valid number (2-16)<\/div>\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 placeholder=\"ex. Jean\">\r\n                  <div class=\"error-message\" id=\"first-name-error\">Please enter your first name<\/div>\r\n                <\/div>\r\n                <div class=\"form-group\">\r\n                  <label for=\"last-name\">Name<\/label>\r\n                  <input type=\"text\" id=\"last-name\" class=\"form-control\" required placeholder=\"ex. Dupont\">\r\n                  <div class=\"error-message\" id=\"last-name-error\">Please enter your name<\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"form-row\">\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 placeholder=\"ex. jean@exemple.com\">\r\n                  <div class=\"error-message\" id=\"email-error\">Please enter a valid email address<\/div>\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 placeholder=\"e.g. +212612345678\">\r\n                  <div class=\"error-message\" id=\"phone-error\">Please enter a valid phone number (minimum 10 digits)<\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"form-group\">\r\n                <label for=\"special-requests\">Special requests (equipment, diet, etc.)<\/label>\r\n                <textarea id=\"special-requests\" class=\"form-control\" rows=\"3\" placeholder=\"Dietary preferences, equipment rental, special needs, etc.\"><\/textarea>\r\n              <\/div>\r\n              <button type=\"submit\" class=\"btn-book\" id=\"submit-btn\"><i class=\"fa-solid fa-paper-plane\"><\/i> Request a Quote<\/button>\r\n            <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/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\">On request<\/div>\r\n          <p class=\"price-note\">Price available on request<\/p>\r\n        <\/div>\r\n        <button class=\"btn-book-mobile\" id=\"open-mobile-popup\"><i class=\"fas fa-calendar-plus\"><\/i> Request Circuit<\/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> Request This Tafraout Tour<\/div>\r\n          <button class=\"close-popup\" id=\"close-mobile-popup\" aria-label=\"Close\"><i class=\"fas fa-times\"><\/i><\/button>\r\n        <\/div>\r\n\r\n        <form id=\"mobile-booking-form\" novalidate action=\"\">\r\n          <div class=\"form-row\">\r\n            <div class=\"form-group\">\r\n              <label for=\"m-tour-date\">Preferred Start Date<\/label>\r\n              <input type=\"date\" id=\"m-tour-date\" class=\"form-control\" required placeholder=\"Select a date\">\r\n              <div class=\"error-message\" id=\"m-date-error\">Please select a valid date<\/div>\r\n            <\/div>\r\n            <div class=\"form-group\">\r\n              <label for=\"m-tour-end-date\">End date<\/label>\r\n              <input type=\"date\" id=\"m-tour-end-date\" class=\"form-control\" required placeholder=\"Select a date\">\r\n              <div class=\"error-message\" id=\"m-end-date-error\">Please select an end date<\/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\">Number of participants<\/label>\r\n              <input type=\"number\" id=\"m-participants\" class=\"form-control\" min=\"2\" max=\"16\" value=\"2\" required placeholder=\"ex. 2\">\r\n              <div class=\"error-message\" id=\"m-participants-error\">Please enter a valid number (2-16)<\/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-first-name\">First name<\/label>\r\n              <input type=\"text\" id=\"m-first-name\" class=\"form-control\" required placeholder=\"ex. Jean\">\r\n              <div class=\"error-message\" id=\"m-first-name-error\">Please enter your first name<\/div>\r\n            <\/div>\r\n            <div class=\"form-group\">\r\n              <label for=\"m-last-name\">Name<\/label>\r\n              <input type=\"text\" id=\"m-last-name\" class=\"form-control\" required placeholder=\"ex. Dupont\">\r\n              <div class=\"error-message\" id=\"m-last-name-error\">Please enter your name<\/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\">Email address<\/label>\r\n              <input type=\"email\" id=\"m-email\" class=\"form-control\" required placeholder=\"ex. jean@exemple.com\">\r\n              <div class=\"error-message\" id=\"m-email-error\">Please enter a valid email address<\/div>\r\n            <\/div>\r\n            <div class=\"form-group\">\r\n              <label for=\"m-phone\">Phone number<\/label>\r\n              <input type=\"tel\" id=\"m-phone\" class=\"form-control\" required placeholder=\"e.g. +212612345678\">\r\n              <div class=\"error-message\" id=\"m-phone-error\">Please enter a valid phone number (minimum 10 digits)<\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"form-group\">\r\n            <label for=\"m-special-requests\">Special requests<\/label>\r\n            <textarea id=\"m-special-requests\" class=\"form-control\" rows=\"3\" placeholder=\"Dietary preferences, equipment rental, special needs, etc.\"><\/textarea>\r\n          <\/div>\r\n\r\n          <div class=\"popup-total\"><span>Total<\/span><strong>On request<\/strong><\/div>\r\n\r\n          <div class=\"popup-actions\">\r\n            <button type=\"button\" class=\"btn-book\" id=\"mobile-cancel\">Cancel<\/button>\r\n            <button type=\"submit\" class=\"btn-book\" id=\"mobile-submit\"><i class=\"fa-solid fa-paper-plane\"><\/i> Send Request<\/button>\r\n          <\/div>\r\n        <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/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=\"Close viewer\"><i class=\"fas fa-times\"><\/i><\/button>\r\n      <div class=\"lb-wrap\"><img class=\"lb-img\" id=\"lb-img\" alt=\"Image de la galerie\" \/><\/div>\r\n    <\/dialog>\r\n\r\n    <!-- Thank You -->\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>Thank you!<\/h3>\r\n        <p>We have received your request for the Tafraout tour and will contact you shortly with a personalized tour quote.<\/p>\r\n        <div class=\"btn-row\">\r\n          <button class=\"btn-book\" id=\"ty-close\">Close<\/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(\"yZHVz5dZwIBbhTQjN\");\r\n    })();\r\n\r\n    \/* Validation Functions *\/\r\n    function validateEmail(email) {\r\n      const emailRegex = \/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$\/;\r\n      return emailRegex.test(email);\r\n    }\r\n\r\n    function validatePhone(phone) {\r\n      const cleanPhone = phone.replace(\/\\D\/g, '');\r\n      return cleanPhone.length >= 10;\r\n    }\r\n\r\n    function showError(inputId, errorId, message) {\r\n      document.getElementById(inputId).classList.add('error');\r\n      document.getElementById(errorId).textContent = message;\r\n      document.getElementById(errorId).style.display = 'block';\r\n    }\r\n\r\n    function hideError(inputId, errorId) {\r\n      document.getElementById(inputId).classList.remove('error');\r\n      document.getElementById(errorId).style.display = 'none';\r\n    }\r\n\r\n    function validateForm(formType = 'desktop') {\r\n      let isValid = true;\r\n      const prefix = formType === 'mobile' ? 'm-' : '';\r\n\r\n      const email = document.getElementById(`${prefix}email`).value.trim();\r\n      if (!validateEmail(email)) {\r\n        showError(`${prefix}email`, `${prefix}email-error`, 'Veuillez entrer une adresse email valide (ex. nom@domaine.com)');\r\n        isValid = false;\r\n      } else {\r\n        hideError(`${prefix}email`, `${prefix}email-error`);\r\n      }\r\n\r\n      const phone = document.getElementById(`${prefix}phone`).value.trim();\r\n      if (!validatePhone(phone)) {\r\n        showError(`${prefix}phone`, `${prefix}phone-error`, 'Veuillez entrer un num\u00e9ro de t\u00e9l\u00e9phone valide avec au moins 10 chiffres');\r\n        isValid = false;\r\n      } else {\r\n        hideError(`${prefix}phone`, `${prefix}phone-error`);\r\n      }\r\n\r\n      const requiredFields = [\r\n        { id: `${prefix}tour-date`, errorId: `${prefix}date-error`, message: 'Veuillez s\u00e9lectionner une date de randonn\u00e9e' },\r\n        { id: `${prefix}tour-end-date`, errorId: `${prefix}end-date-error`, message: 'Veuillez s\u00e9lectionner une date de fin' },\r\n        { id: `${prefix}participants`, errorId: `${prefix}participants-error`, message: 'Veuillez entrer le nombre de participants' },\r\n        { id: `${prefix}first-name`, errorId: `${prefix}first-name-error`, message: 'Veuillez entrer votre pr\u00e9nom' },\r\n        { id: `${prefix}last-name`, errorId: `${prefix}last-name-error`, message: 'Veuillez entrer votre nom' }\r\n      ];\r\n\r\n      requiredFields.forEach(field => {\r\n        const el = document.getElementById(field.id);\r\n        if (!el) return;\r\n        const value = el.value.trim();\r\n        if (!value) {\r\n          showError(field.id, field.errorId, field.message);\r\n          isValid = false;\r\n        } else {\r\n          hideError(field.id, field.errorId);\r\n        }\r\n      });\r\n\r\n      return isValid;\r\n    }\r\n\r\n    \/* Gallery *\/\r\n    const mainImage = document.getElementById('main-image');\r\n    const galleryThumbs = document.querySelectorAll('.gallery-thumb');\r\n    galleryThumbs.forEach(thumb=>{\r\n      thumb.addEventListener('click',()=>{\r\n        const mainSrc=thumb.getAttribute('data-main') || thumb.getAttribute('data-full');\r\n        const fullSrc=thumb.getAttribute('data-full');\r\n        if(mainSrc){\r\n          mainImage.style.backgroundImage=`url('${mainSrc}')`;\r\n          const btn = mainImage.querySelector('.zoom-btn');\r\n          if (btn) btn.setAttribute('data-full',fullSrc);\r\n        }\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\r\n    function openLightbox(src){\r\n      lbImg.src=src;\r\n      lbImg.classList.remove('zoomed');\r\n      lightbox.showModal();\r\n    }\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=>{\r\n      e.stopPropagation();\r\n      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    \/* 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','tour-end-date','m-tour-end-date'].forEach(id=>{\r\n        const el=document.getElementById(id);\r\n        if(el) el.min=min;\r\n      });\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; \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    \/* Toast *\/\r\n    const toast=document.getElementById('toast');\r\n    function showToast(text,type='success'){\r\n      toast.textContent=text;\r\n      toast.className='toast show '+type;\r\n      setTimeout(()=>toast.classList.remove('show'),5000);\r\n    }\r\n\r\n    \/* Thank You overlay *\/\r\n    const TY=document.getElementById('thankyou');\r\n    const TY_CLOSE=document.getElementById('ty-close');\r\n    function showThankYou(){\r\n      TY.style.display='block'; \r\n      document.body.style.overflow='hidden';\r\n    }\r\n    function hideThankYou(){ \r\n      TY.style.display='none'; \r\n      document.body.style.overflow=''; \r\n    }\r\n    TY_CLOSE.addEventListener('click',hideThankYou);\r\n\r\n    \/* Desktop submit *\/\r\n    const form=document.getElementById('booking-form');\r\n    const submitBtn=document.getElementById('submit-btn');\r\n    if(form){\r\n      form.addEventListener('submit',async e=>{\r\n        e.preventDefault();\r\n        if (!validateForm('desktop')) {\r\n          showToast('Veuillez corriger les erreurs dans le formulaire','error');\r\n          return;\r\n        }\r\n        submitBtn.disabled=true;\r\n        submitBtn.innerHTML='<i class=\"fas fa-spinner fa-spin\"><\/i> Envoi en cours...';\r\n        try{\r\n          const pax=parseInt(document.getElementById('participants').value||'2',10);\r\n          const formData={\r\n            tour_date:document.getElementById('tour-date').value,\r\n            tour_end_date:document.getElementById('tour-end-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:'Randonn\u00e9e R\u00e9gion de Tafraout : Circuit de 8 Jours',\r\n            total_price:'Sur demande'\r\n          };\r\n          await emailjs.send('service_n36h9q6', 'template_1ctvg9l', formData);\r\n          showThankYou();\r\n          form.reset(); \r\n        }catch(err){ \r\n          console.error('EmailJS Error:', err); \r\n          showToast('D\u00e9sol\u00e9, une erreur s\\'est produite lors de l\\'envoi de votre demande. Veuillez r\u00e9essayer.','error'); \r\n        } finally{\r\n          submitBtn.disabled=false;\r\n          submitBtn.innerHTML='<i class=\"fa-solid fa-paper-plane\"><\/i> Demander un Devis';\r\n        }\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 mEndDate=document.getElementById('m-tour-end-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\r\n    function syncToMobile(){\r\n      const d=(id)=>document.getElementById(id)?.value||'';\r\n      if(mDate) mDate.value=d('tour-date');\r\n      if(mEndDate) mEndDate.value=d('tour-end-date');\r\n      if(mParticipants) mParticipants.value=d('participants')||'2';\r\n      if(mFirst) mFirst.value=d('first-name');\r\n      if(mLast) mLast.value=d('last-name');\r\n      if(mEmail) mEmail.value=d('email');\r\n      if(mPhone) mPhone.value=d('phone');\r\n      if(mReq) mReq.value=d('special-requests');\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') && mParticipants){\r\n        document.getElementById('participants').value=mParticipants.value||'2';\r\n      }\r\n      if(document.getElementById('tour-date') && mDate){\r\n        document.getElementById('tour-date').value=mDate.value||'';\r\n      }\r\n      if(document.getElementById('tour-end-date') && mEndDate){\r\n        document.getElementById('tour-end-date').value=mEndDate.value||'';\r\n      }\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\r\n    \/* Mobile submit *\/\r\n    const mobileForm=document.getElementById('mobile-booking-form');\r\n    const mobileSubmitBtn=document.getElementById('mobile-submit');\r\n    if(mobileForm){\r\n      mobileForm.addEventListener('submit',async e=>{\r\n        e.preventDefault();\r\n        if (!validateForm('mobile')) {\r\n          showToast('Veuillez corriger les erreurs dans le formulaire','error');\r\n          return;\r\n        }\r\n        mobileSubmitBtn.disabled=true;\r\n        mobileSubmitBtn.innerHTML='<i class=\"fas fa-spinner fa-spin\"><\/i> Envoi en cours...';\r\n        try{\r\n          const pax=Math.max(2,parseInt(mParticipants.value||'2',10));\r\n          const formData={\r\n            tour_date:mDate.value,\r\n            tour_end_date:mEndDate.value,\r\n            participants:pax,\r\n            first_name:mFirst.value,\r\n            last_name:mLast.value,\r\n            email: mEmail.value,\r\n            phone: mPhone.value, \r\n            special_requests:mReq.value,\r\n            tour_name:'Randonn\u00e9e R\u00e9gion de Tafraout : Circuit de 8 Jours',\r\n            total_price:'Sur demande'\r\n          };\r\n          await emailjs.send('service_n36h9q6', 'template_1ctvg9l', formData);\r\n          closePopup();\r\n          showThankYou();\r\n        }catch(err){ \r\n          console.error('EmailJS Error:', err); \r\n          showToast('D\u00e9sol\u00e9, une erreur s\\'est produite lors de l\\'envoi de votre demande. Veuillez r\u00e9essayer.','error'); \r\n        } finally{\r\n          mobileSubmitBtn.disabled=false;\r\n          mobileSubmitBtn.innerHTML='<i class=\"fa-solid fa-paper-plane\"><\/i> Envoyer la Demande';\r\n        }\r\n      });\r\n    }\r\n\r\n    \/\/ Real-time validation\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n      const emailInput = document.getElementById('email');\r\n      const phoneInput = document.getElementById('phone');\r\n      if (emailInput) {\r\n        emailInput.addEventListener('blur', function() {\r\n          if (this.value.trim() && !validateEmail(this.value.trim())) {\r\n            showError('email', 'email-error', 'Veuillez entrer une adresse email valide (ex. nom@domaine.com)');\r\n          } else {\r\n            hideError('email', 'email-error');\r\n          }\r\n        });\r\n      }\r\n      if (phoneInput) {\r\n        phoneInput.addEventListener('blur', function() {\r\n          if (this.value.trim() && !validatePhone(this.value.trim())) {\r\n            showError('phone', 'phone-error', 'Veuillez entrer un num\u00e9ro de t\u00e9l\u00e9phone valide avec au moins 10 chiffres');\r\n          } else {\r\n            hideError('phone', 'phone-error');\r\n          }\r\n        });\r\n      }\r\n\r\n      const mEmailInput = document.getElementById('m-email');\r\n      const mPhoneInput = document.getElementById('m-phone');\r\n      if (mEmailInput) {\r\n        mEmailInput.addEventListener('blur', function() {\r\n          if (this.value.trim() && !validateEmail(this.value.trim())) {\r\n            showError('m-email', 'm-email-error', 'Veuillez entrer une adresse email valide (ex. nom@domaine.com)');\r\n          } else {\r\n            hideError('m-email', 'm-email-error');\r\n          }\r\n        });\r\n      }\r\n      if (mPhoneInput) {\r\n        mPhoneInput.addEventListener('blur', function() {\r\n          if (this.value.trim() && !validatePhone(this.value.trim())) {\r\n            showError('m-phone', 'm-phone-error', 'Veuillez entrer un num\u00e9ro de t\u00e9l\u00e9phone valide avec au moins 10 chiffres');\r\n          } else {\r\n            hideError('m-phone', 'm-phone-error');\r\n          }\r\n        });\r\n      }\r\n\r\n      \/\/ Bottom gallery -> lightbox\r\n      const bottomGalleryThumbs = document.querySelectorAll('.bottom-gallery .gallery-thumb');\r\n      bottomGalleryThumbs.forEach(thumb => {\r\n        thumb.addEventListener('click', function() {\r\n          const fullSrc = this.getAttribute('data-full');\r\n          openLightbox(fullSrc);\r\n        });\r\n      });\r\n    });\r\n  <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Randonn\u00e9e R\u00e9gion de Tafraout : Circuit de 8 Jours dans l&rsquo;Anti-Atlas | MoroQuest Adventures RANDONN\u00c9E DANS L&rsquo;ANTI-ATLAS Randonn\u00e9e R\u00e9gion de Tafraout : Circuit de 8 Jours dans l&rsquo;Anti-Atlas D\u00e9couvrez la r\u00e9gion de Tafraout, massif le plus expos\u00e9 au sud-ouest de l&rsquo;Anti-Atlas, lors d&rsquo;un circuit de 8 jours \u00e0 travers villages berb\u00e8res, vall\u00e9es fra\u00eeches et paysages [&hellip;]<\/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-540","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/maroctreks.com\/en\/wp-json\/wp\/v2\/pages\/540","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maroctreks.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maroctreks.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maroctreks.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/maroctreks.com\/en\/wp-json\/wp\/v2\/comments?post=540"}],"version-history":[{"count":10,"href":"https:\/\/maroctreks.com\/en\/wp-json\/wp\/v2\/pages\/540\/revisions"}],"predecessor-version":[{"id":894,"href":"https:\/\/maroctreks.com\/en\/wp-json\/wp\/v2\/pages\/540\/revisions\/894"}],"wp:attachment":[{"href":"https:\/\/maroctreks.com\/en\/wp-json\/wp\/v2\/media?parent=540"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}