{"id":659,"date":"2025-09-26T12:17:55","date_gmt":"2025-09-26T12:17:55","guid":{"rendered":"https:\/\/tmm.kzx.mybluehost.me\/website_e9716599\/?page_id=659"},"modified":"2026-04-12T18:53:24","modified_gmt":"2026-04-12T18:53:24","slug":"hot-air-balloon-marrakech","status":"publish","type":"page","link":"https:\/\/moratra.com\/fr\/hot-air-balloon-marrakech\/","title":{"rendered":"Montgolfi\u00e8re Marrakech"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"659\" class=\"elementor elementor-659\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35493621 e-con-full e-flex e-con e-parent\" data-id=\"35493621\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a85635e elementor-widget elementor-widget-html\" data-id=\"1a85635e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Serif:ital,wght@0,400;0,600;0,700;1,400&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap');\n\n\/* ===== RESET & BASE ===== *\/\n.mrt-balloon-page *, .mrt-balloon-page *::before, .mrt-balloon-page *::after { box-sizing: border-box; margin: 0; padding: 0; }\n.mrt-balloon-page { scroll-behavior: smooth; font-size: 16px; }\n.mrt-balloon-page {\n  font-family: 'Plus Jakarta Sans', sans-serif;\n  color: #2C1810;\n  background: #FDF8F0;\n  overflow-x: hidden;\n  -webkit-font-smoothing: antialiased;\n}\n.mrt-balloon-page img { max-width: 100%; display: block; }\n.mrt-balloon-page a { text-decoration: none; color: inherit; }\n\n\/* ===== DESIGN TOKENS ===== *\/\n.mrt-balloon-page {\n  --gold-deep: #D4A964;\n  --gold-warm: #E8C97D;\n  --gold-light: #F5DEB3;\n  --sky-deep: #4A90C4;\n  --sky-light: #87CEEB;\n  --mist: #C9B8A0;\n  --mist-light: #E8DFD0;\n  --sand-cream: #FDF8F0;\n  --desert-dark: #2C1810;\n  --desert-mid: #5C3D2E;\n  --white: #FFFFFF;\n  --glass-bg: rgba(255, 255, 255, 0.12);\n  --glass-border: rgba(255, 255, 255, 0.2);\n  --shadow-soft: 0 8px 32px rgba(44, 24, 16, 0.08);\n  --shadow-elevated: 0 16px 48px rgba(44, 24, 16, 0.12);\n  --radius: 16px;\n  --radius-sm: 10px;\n  --transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n\/* ===== TYPOGRAPHY ===== *\/\n.mrt-balloon-page h1, .mrt-balloon-page h2, .mrt-balloon-page h3, .mrt-balloon-page h4, .mrt-balloon-page h5 { font-family: 'Noto Serif', serif; font-weight: 600; line-height: 1.2; }\n.mrt-balloon-page .section-label {\n  font-family: 'Plus Jakarta Sans', sans-serif;\n  font-size: 0.75rem;\n  font-weight: 600;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  color: var(--gold-deep);\n  margin-bottom: 12px;\n}\n.mrt-balloon-page .section-title {\n  font-size: clamp(1.75rem, 4vw, 2.5rem);\n  color: var(--desert-dark);\n  margin-bottom: 16px;\n}\n\n\/* ===== BUTTONS ===== *\/\n.mrt-balloon-page .btn-primary {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  padding: 16px 36px;\n  background: linear-gradient(135deg, var(--gold-deep), #C4943A);\n  color: var(--white);\n  font-family: 'Plus Jakarta Sans', sans-serif;\n  font-size: 1rem;\n  font-weight: 600;\n  border: none;\n  border-radius: 60px;\n  cursor: pointer;\n  transition: var(--transition);\n  box-shadow: 0 4px 20px rgba(212, 169, 100, 0.4);\n  text-transform: none;\n  letter-spacing: 0.5px;\n}\n.mrt-balloon-page .btn-primary:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 8px 32px rgba(212, 169, 100, 0.55);\n  background: linear-gradient(135deg, #C4943A, var(--gold-deep));\n}\n.mrt-balloon-page .btn-whatsapp {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  padding: 14px 32px;\n  background: #25D366;\n  color: var(--white);\n  font-family: 'Plus Jakarta Sans', sans-serif;\n  font-size: 0.95rem;\n  font-weight: 600;\n  border: none;\n  border-radius: 60px;\n  cursor: pointer;\n  transition: var(--transition);\n  box-shadow: 0 4px 16px rgba(37, 211, 102, 0.3);\n}\n.mrt-balloon-page .btn-whatsapp:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 8px 28px rgba(37, 211, 102, 0.45);\n}\n.mrt-balloon-page .btn-outline {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 14px 32px;\n  background: transparent;\n  color: var(--white);\n  font-family: 'Plus Jakarta Sans', sans-serif;\n  font-size: 0.95rem;\n  font-weight: 500;\n  border: 1.5px solid rgba(255,255,255,0.5);\n  border-radius: 60px;\n  cursor: pointer;\n  transition: var(--transition);\n}\n.mrt-balloon-page .btn-outline:hover {\n  background: rgba(255,255,255,0.15);\n  border-color: var(--white);\n}\n\n\/* ===== CONTAINER ===== *\/\n.mrt-balloon-page .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }\n\n\/* ===== SVG ICON HELPER ===== *\/\n.mrt-balloon-page .wa-icon { width: 18px; height: 18px; fill: currentColor; }\n\n\/* ============================================================\n   SECTION 1: HERO \u2014 Real Photo + Desert Gradient Overlay\n   ============================================================ *\/\n.mrt-balloon-page .hero {\n  position: relative;\n  min-height: 100vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  background:\n    linear-gradient(165deg,\n      rgba(26,15,10,0.85) 0%,\n      rgba(44,24,16,0.75) 15%,\n      rgba(92,61,46,0.6) 30%,\n      rgba(139,104,68,0.45) 45%,\n      rgba(212,169,100,0.3) 60%,\n      rgba(232,201,125,0.2) 72%,\n      rgba(135,206,235,0.15) 88%,\n      rgba(74,144,196,0.2) 100%\n    ),\n    url('https:\/\/moratra.com\/wp-content\/uploads\/2026\/04\/2.png') center\/cover no-repeat;\n}\n.mrt-balloon-page .hero::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background:\n    radial-gradient(ellipse 120% 60% at 50% 100%, rgba(232, 201, 125, 0.3) 0%, transparent 70%),\n    radial-gradient(ellipse 80% 40% at 30% 20%, rgba(74, 144, 196, 0.15) 0%, transparent 60%);\n  pointer-events: none;\n}\n.mrt-balloon-page .hero::after {\n  content: '';\n  position: absolute;\n  bottom: -2px;\n  left: 0;\n  right: 0;\n  height: 120px;\n  background: linear-gradient(to top, var(--sand-cream), transparent);\n  pointer-events: none;\n  z-index: 2;\n}\n.mrt-balloon-page .hero-content {\n  position: relative;\n  z-index: 3;\n  text-align: center;\n  max-width: 800px;\n  padding: 0 24px;\n}\n.mrt-balloon-page .hero-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 20px;\n  background: var(--glass-bg);\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n  border: 1px solid var(--glass-border);\n  border-radius: 60px;\n  color: var(--gold-light);\n  font-size: 0.8rem;\n  font-weight: 500;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  margin-bottom: 28px;\n  animation: fadeInDown 0.8s ease-out;\n}\n.mrt-balloon-page .hero-badge svg { width: 16px; height: 16px; fill: var(--gold-warm); }\n.mrt-balloon-page .hero h1 {\n  font-size: clamp(2.5rem, 6vw, 4.2rem);\n  color: var(--white);\n  font-weight: 700;\n  line-height: 1.1;\n  margin-bottom: 20px;\n  animation: fadeInUp 0.8s ease-out 0.15s both;\n  text-shadow: 0 2px 40px rgba(0,0,0,0.25);\n}\n.mrt-balloon-page .hero h1 em { font-style: italic; color: var(--gold-warm); }\n.mrt-balloon-page .hero-subtitle {\n  font-size: clamp(1rem, 2vw, 1.25rem);\n  color: rgba(255,255,255,0.9);\n  font-weight: 300;\n  line-height: 1.6;\n  max-width: 560px;\n  margin: 0 auto 12px;\n  animation: fadeInUp 0.8s ease-out 0.3s both;\n  text-shadow: 0 1px 8px rgba(0,0,0,0.2);\n}\n.mrt-balloon-page .hero-price {\n  display: inline-flex;\n  align-items: baseline;\n  gap: 6px;\n  margin: 16px 0 32px;\n  animation: fadeInUp 0.8s ease-out 0.4s both;\n}\n.mrt-balloon-page .hero-price .from { font-size: 0.9rem; color: rgba(255,255,255,0.6); font-weight: 400; }\n.mrt-balloon-page .hero-price .amount {\n  font-family: 'Noto Serif', serif;\n  font-size: 2.5rem;\n  font-weight: 700;\n  color: var(--gold-warm);\n  text-shadow: 0 2px 20px rgba(232, 201, 125, 0.3);\n}\n.mrt-balloon-page .hero-price .per { font-size: 0.9rem; color: rgba(255,255,255,0.6); font-weight: 400; }\n.mrt-balloon-page .hero-ctas {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  justify-content: center;\n  animation: fadeInUp 0.8s ease-out 0.5s both;\n}\n\n\/* Floating particles *\/\n.mrt-balloon-page .dust-particles { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 1; }\n.mrt-balloon-page .dust {\n  position: absolute;\n  width: 3px; height: 3px;\n  background: rgba(232, 201, 125, 0.4);\n  border-radius: 50%;\n  animation: float-dust linear infinite;\n}\n.mrt-balloon-page .dust:nth-child(1) { left: 10%; top: 20%; animation-duration: 18s; }\n.mrt-balloon-page .dust:nth-child(2) { left: 25%; top: 60%; animation-duration: 22s; animation-delay: 3s; width: 2px; height: 2px; }\n.mrt-balloon-page .dust:nth-child(3) { left: 50%; top: 30%; animation-duration: 20s; animation-delay: 5s; }\n.mrt-balloon-page .dust:nth-child(4) { left: 70%; top: 70%; animation-duration: 16s; animation-delay: 2s; width: 4px; height: 4px; }\n.mrt-balloon-page .dust:nth-child(5) { left: 85%; top: 40%; animation-duration: 24s; animation-delay: 7s; width: 2px; height: 2px; }\n.mrt-balloon-page .dust:nth-child(6) { left: 40%; top: 80%; animation-duration: 19s; animation-delay: 4s; }\n\n\/* ============================================================\n   SECTION 2: TRUST STRIP\n   ============================================================ *\/\n.mrt-balloon-page .trust-strip {\n  background: var(--white);\n  border-bottom: 1px solid rgba(212, 169, 100, 0.15);\n  padding: 20px 0;\n}\n.mrt-balloon-page .trust-inner {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 40px;\n  flex-wrap: wrap;\n}\n.mrt-balloon-page .trust-item {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 0.85rem;\n  color: var(--desert-mid);\n  font-weight: 500;\n}\n.mrt-balloon-page .trust-item svg { width: 20px; height: 20px; color: var(--gold-deep); flex-shrink: 0; }\n.mrt-balloon-page .trust-item .trust-number {\n  font-family: 'Noto Serif', serif;\n  font-weight: 700;\n  font-size: 1rem;\n  color: var(--desert-dark);\n}\n\n\/* ============================================================\n   SECTION 3: EXPERIENCE \u2014 Bento Grid\n   ============================================================ *\/\n.mrt-balloon-page .experience { padding: 80px 0; background: var(--sand-cream); }\n.mrt-balloon-page .experience-header { text-align: center; margin-bottom: 48px; }\n.mrt-balloon-page .bento-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  grid-template-rows: auto auto;\n  gap: 16px;\n}\n.mrt-balloon-page .bento-card {\n  background: var(--white);\n  border-radius: var(--radius);\n  padding: 32px 28px;\n  border: 1px solid rgba(212, 169, 100, 0.1);\n  transition: var(--transition);\n  position: relative;\n  overflow: hidden;\n}\n.mrt-balloon-page .bento-card:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--shadow-elevated);\n  border-color: rgba(212, 169, 100, 0.25);\n}\n.mrt-balloon-page .bento-card.featured {\n  grid-column: span 2;\n  background: linear-gradient(135deg, var(--desert-dark) 0%, var(--desert-mid) 100%);\n  color: var(--white);\n}\n.mrt-balloon-page .bento-card.featured .bento-label { color: var(--gold-warm); }\n.mrt-balloon-page .bento-card.featured h3 { color: var(--white); }\n.mrt-balloon-page .bento-card.featured p { color: rgba(255,255,255,0.75); }\n.mrt-balloon-page .bento-icon {\n  width: 48px; height: 48px;\n  border-radius: 12px;\n  background: linear-gradient(135deg, rgba(212, 169, 100, 0.12), rgba(212, 169, 100, 0.04));\n  display: flex; align-items: center; justify-content: center;\n  margin-bottom: 20px;\n}\n.mrt-balloon-page .bento-card.featured .bento-icon { background: rgba(232, 201, 125, 0.15); }\n.mrt-balloon-page .bento-icon svg { width: 24px; height: 24px; color: var(--gold-deep); }\n.mrt-balloon-page .bento-card.featured .bento-icon svg { color: var(--gold-warm); }\n.mrt-balloon-page .bento-label { font-size: 0.7rem; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: var(--gold-deep); margin-bottom: 8px; }\n.mrt-balloon-page .bento-card h3 { font-size: 1.25rem; margin-bottom: 10px; color: var(--desert-dark); }\n.mrt-balloon-page .bento-card p { font-size: 0.9rem; line-height: 1.6; color: var(--desert-mid); font-weight: 400; }\n\n\/* ============================================================\n   SECTION 4: GALLERY \u2014 Slider\n   ============================================================ *\/\n.mrt-balloon-page .gallery-section { padding: 60px 0 40px; background: var(--sand-cream); }\n.mrt-balloon-page .gallery-header { text-align: center; margin-bottom: 32px; }\n.mrt-balloon-page .gallery-slider-wrap {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n.mrt-balloon-page .gallery-slider {\n  overflow: hidden;\n  border-radius: var(--radius);\n  flex: 1;\n}\n.mrt-balloon-page .gallery-page {\n  display: none;\n  animation: galleryFadeIn 0.4s ease;\n}\n.mrt-balloon-page .gallery-page.active { display: block; }\n@keyframes galleryFadeIn { from { opacity: 0; } to { opacity: 1; } }\n.mrt-balloon-page .gallery-grid {\n  display: grid;\n  grid-template-columns: 1.6fr 1fr;\n  grid-template-rows: 220px 200px;\n  gap: 10px;\n}\n.mrt-balloon-page .gallery-item {\n  border-radius: var(--radius-sm);\n  overflow: hidden;\n  position: relative;\n  cursor: pointer;\n}\n.mrt-balloon-page .gallery-item img {\n  width: 100%; height: 100%;\n  object-fit: cover;\n  transition: transform 0.6s ease;\n}\n.mrt-balloon-page .gallery-item:hover img { transform: scale(1.05); }\n.mrt-balloon-page .gallery-item.wide { grid-column: span 1; }\n.mrt-balloon-page .gallery-item::after {\n  content: '';\n  position: absolute; inset: 0;\n  background: linear-gradient(to top, rgba(44,24,16,0.2), transparent);\n  opacity: 0; transition: opacity 0.3s ease; pointer-events: none;\n}\n.mrt-balloon-page .gallery-item:hover::after { opacity: 1; }\n.mrt-balloon-page .gallery-item .play-icon {\n  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);\n  width: 56px; height: 56px;\n  background: rgba(212,169,100,0.85); border-radius: 50%;\n  display: flex; align-items: center; justify-content: center;\n  z-index: 2; transition: var(--transition);\n  box-shadow: 0 4px 20px rgba(212,169,100,0.3);\n}\n.mrt-balloon-page .gallery-item:hover .play-icon {\n  background: var(--gold-deep); transform: translate(-50%, -50%) scale(1.08);\n}\n.mrt-balloon-page .gallery-nav {\n  width: 52px; height: 52px; flex-shrink: 0;\n  border-radius: 50%;\n  background: var(--white);\n  border: 2px solid rgba(212,169,100,0.25);\n  display: flex; align-items: center; justify-content: center;\n  cursor: pointer; transition: var(--transition);\n  box-shadow: 0 4px 16px rgba(44,24,16,0.08);\n  color: var(--desert-dark);\n}\n.mrt-balloon-page .gallery-nav:hover {\n  border-color: var(--gold-deep);\n  background: var(--gold-deep);\n  color: var(--white);\n  box-shadow: 0 6px 24px rgba(212,169,100,0.3);\n}\n.mrt-balloon-page .gallery-nav svg { stroke: currentColor; }\n.mrt-balloon-page .gallery-dots {\n  display: flex; justify-content: center; gap: 8px; margin-top: 20px;\n}\n.mrt-balloon-page .gallery-dot {\n  width: 10px; height: 10px; border-radius: 50%;\n  background: rgba(212,169,100,0.2); cursor: pointer;\n  transition: var(--transition);\n}\n.mrt-balloon-page .gallery-dot.active {\n  background: var(--gold-deep);\n  width: 28px; border-radius: 10px;\n}\n@media (max-width: 768px) {\n  .mrt-balloon-page .gallery-grid {\n    grid-template-columns: 1fr 1fr !important;\n    grid-template-rows: 160px 160px !important;\n    gap: 8px !important;\n  }\n  .mrt-balloon-page .gallery-nav { width: 40px; height: 40px; }\n  .mrt-balloon-page .gallery-slider-wrap { gap: 8px; }\n  .mrt-balloon-page .gallery-item .play-icon { width: 44px; height: 44px; }\n}\n@media (max-width: 480px) {\n  .mrt-balloon-page .gallery-grid {\n    grid-template-columns: 1fr !important;\n    grid-template-rows: repeat(4, 160px) !important;\n  }\n  .mrt-balloon-page .gallery-nav { display: none; }\n  .mrt-balloon-page .gallery-slider { overflow-x: auto; scroll-snap-type: x mandatory; display: flex; }\n  .mrt-balloon-page .gallery-page { flex: 0 0 100%; scroll-snap-align: start; display: block !important; }\n}\n\/* ============================================================\n   SECTION 5: JOURNEY TIMELINE \u2014 Horizontal\n   ============================================================ *\/\n.mrt-balloon-page .timeline-section { padding: 72px 0; background: linear-gradient(180deg, var(--sand-cream) 0%, var(--white) 100%); }\n.mrt-balloon-page .timeline-header { text-align: center; margin-bottom: 48px; }\n.mrt-balloon-page .timeline {\n  display: flex;\n  justify-content: space-between;\n  position: relative;\n  max-width: 900px;\n  margin: 0 auto;\n  padding: 0 20px;\n}\n.mrt-balloon-page .timeline::before {\n  content: '';\n  position: absolute;\n  top: 24px; left: 60px; right: 60px;\n  height: 2px;\n  background: linear-gradient(90deg, var(--gold-deep), var(--gold-warm), var(--sky-light), var(--sky-deep));\n  border-radius: 2px;\n}\n.mrt-balloon-page .timeline-step { display: flex; flex-direction: column; align-items: center; text-align: center; flex: 1; position: relative; z-index: 2; }\n.mrt-balloon-page .timeline-dot {\n  width: 48px; height: 48px;\n  border-radius: 50%;\n  background: var(--white);\n  border: 3px solid var(--gold-deep);\n  display: flex; align-items: center; justify-content: center;\n  margin-bottom: 16px;\n  box-shadow: 0 2px 12px rgba(212, 169, 100, 0.2);\n}\n.mrt-balloon-page .timeline-dot svg { width: 20px; height: 20px; color: var(--gold-deep); }\n.mrt-balloon-page .timeline-time { font-size: 0.75rem; font-weight: 600; color: var(--gold-deep); letter-spacing: 1px; text-transform: uppercase; margin-bottom: 6px; }\n.mrt-balloon-page .timeline-label { font-family: 'Noto Serif', serif; font-size: 0.95rem; font-weight: 600; color: var(--desert-dark); margin-bottom: 4px; }\n.mrt-balloon-page .timeline-desc { font-size: 0.78rem; color: var(--desert-mid); max-width: 120px; line-height: 1.4; }\n\n\/* ============================================================\n   SECTION 6: PRICING \u2014 3 Tiers + Currency Switcher\n   ============================================================ *\/\n.mrt-balloon-page .pricing { padding: 80px 0; background: linear-gradient(180deg, var(--white) 0%, rgba(232, 201, 125, 0.05) 50%, var(--sand-cream) 100%); }\n.mrt-balloon-page .pricing-header { text-align: center; margin-bottom: 48px; }\n.mrt-balloon-page .currency-switcher {\n  display: inline-flex;\n  gap: 4px;\n  padding: 4px;\n  background: rgba(212, 169, 100, 0.08);\n  border-radius: 60px;\n  margin-top: 16px;\n}\n.mrt-balloon-page .currency-btn {\n  padding: 8px 20px;\n  border: none;\n  border-radius: 60px;\n  background: transparent;\n  font-family: 'Plus Jakarta Sans', sans-serif;\n  font-size: 0.82rem;\n  font-weight: 600;\n  color: var(--desert-mid);\n  cursor: pointer;\n  transition: var(--transition);\n}\n.mrt-balloon-page .currency-btn.active {\n  background: var(--gold-deep);\n  color: var(--white);\n  box-shadow: 0 2px 12px rgba(212, 169, 100, 0.3);\n}\n.mrt-balloon-page .pricing-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n  max-width: 1000px;\n  margin: 0 auto;\n}\n.mrt-balloon-page .price-card {\n  background: var(--white);\n  border-radius: var(--radius);\n  padding: 36px 28px;\n  border: 1px solid rgba(212, 169, 100, 0.12);\n  transition: var(--transition);\n  position: relative;\n  text-align: center;\n}\n.mrt-balloon-page .price-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-elevated); }\n.mrt-balloon-page .price-card.popular { border: 2px solid var(--gold-deep); box-shadow: var(--shadow-elevated); transform: scale(1.04); }\n.mrt-balloon-page .price-card.popular:hover { transform: scale(1.04) translateY(-6px); }\n.mrt-balloon-page .popular-badge {\n  position: absolute; top: -12px; left: 50%; transform: translateX(-50%);\n  background: linear-gradient(135deg, var(--gold-deep), #C4943A);\n  color: var(--white); font-size: 0.7rem; font-weight: 700;\n  letter-spacing: 1.5px; text-transform: uppercase;\n  padding: 5px 20px; border-radius: 30px; white-space: nowrap;\n}\n.mrt-balloon-page .price-card-name { font-family: 'Noto Serif', serif; font-size: 1.3rem; font-weight: 600; color: var(--desert-dark); margin-bottom: 4px; }\n.mrt-balloon-page .price-card-desc { font-size: 0.82rem; color: var(--desert-mid); margin-bottom: 20px; }\n.mrt-balloon-page .price-amount { display: flex; align-items: baseline; justify-content: center; gap: 4px; margin-bottom: 8px; }\n.mrt-balloon-page .price-amount .currency { font-size: 1.2rem; color: var(--gold-deep); font-weight: 600; }\n.mrt-balloon-page .price-amount .value { font-family: 'Noto Serif', serif; font-size: 2.8rem; font-weight: 700; color: var(--desert-dark); line-height: 1; }\n.mrt-balloon-page .price-amount .per-person { font-size: 0.8rem; color: var(--desert-mid); font-weight: 400; }\n.mrt-balloon-page .price-group-note { font-size: 0.75rem; color: var(--gold-deep); font-weight: 500; margin-bottom: 20px; }\n.mrt-balloon-page .price-features { list-style: none; text-align: left; margin-bottom: 28px; }\n.mrt-balloon-page .price-features li {\n  display: flex; align-items: center; gap: 10px;\n  padding: 8px 0; font-size: 0.88rem; color: var(--desert-mid);\n  border-bottom: 1px solid rgba(212, 169, 100, 0.08);\n}\n.mrt-balloon-page .price-features li:last-child { border-bottom: none; }\n.mrt-balloon-page .price-features li svg { width: 16px; height: 16px; color: var(--gold-deep); flex-shrink: 0; }\n.mrt-balloon-page .price-card .btn-primary { width: 100%; justify-content: center; padding: 14px; }\n.mrt-balloon-page .price-card:not(.popular) .btn-primary {\n  background: transparent; color: var(--gold-deep);\n  border: 1.5px solid var(--gold-deep); box-shadow: none;\n}\n.mrt-balloon-page .price-card:not(.popular) .btn-primary:hover {\n  background: var(--gold-deep); color: var(--white);\n  box-shadow: 0 4px 20px rgba(212, 169, 100, 0.4);\n}\n\n\/* ============================================================\n   SECTION 7: TESTIMONIALS + VIDEO REVIEWS\n   ============================================================ *\/\n.mrt-balloon-page .testimonials {\n  padding: 80px 0;\n  background: linear-gradient(135deg, var(--desert-dark) 0%, #3D2A1E 50%, var(--desert-mid) 100%);\n  position: relative; overflow: hidden;\n}\n.mrt-balloon-page .testimonials::before {\n  content: '';\n  position: absolute; top: -50%; right: -20%; width: 60%; height: 200%;\n  background: radial-gradient(ellipse, rgba(212, 169, 100, 0.08) 0%, transparent 70%);\n  pointer-events: none;\n}\n.mrt-balloon-page .testimonials-header { text-align: center; margin-bottom: 48px; }\n.mrt-balloon-page .testimonials-header .section-label { color: var(--gold-warm); }\n.mrt-balloon-page .testimonials-header .section-title { color: var(--white); }\n.mrt-balloon-page .testimonials-grid {\n  display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;\n  position: relative; z-index: 2;\n}\n.mrt-balloon-page .testimonial-card {\n  background: rgba(255, 255, 255, 0.06);\n  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);\n  border: 1px solid rgba(255, 255, 255, 0.1);\n  border-radius: var(--radius); padding: 32px 24px;\n  transition: var(--transition);\n}\n.mrt-balloon-page .testimonial-card:hover {\n  background: rgba(255, 255, 255, 0.1);\n  border-color: rgba(212, 169, 100, 0.3);\n  transform: translateY(-4px);\n}\n.mrt-balloon-page .testimonial-stars { display: flex; gap: 3px; margin-bottom: 16px; }\n.mrt-balloon-page .testimonial-stars svg { width: 16px; height: 16px; fill: var(--gold-warm); }\n.mrt-balloon-page .testimonial-text { font-size: 0.92rem; line-height: 1.7; color: rgba(255, 255, 255, 0.8); font-style: italic; margin-bottom: 20px; }\n.mrt-balloon-page .testimonial-author { display: flex; align-items: center; gap: 12px; }\n.mrt-balloon-page .testimonial-avatar {\n  width: 40px; height: 40px; border-radius: 50%;\n  background: linear-gradient(135deg, var(--gold-deep), var(--gold-warm));\n  display: flex; align-items: center; justify-content: center;\n  font-family: 'Noto Serif', serif; font-size: 1rem; font-weight: 700; color: var(--white);\n}\n.mrt-balloon-page .testimonial-name { font-weight: 600; font-size: 0.9rem; color: var(--white); }\n.mrt-balloon-page .testimonial-origin { font-size: 0.78rem; color: rgba(255, 255, 255, 0.5); }\n\n\/* Video Reviews Row *\/\n.mrt-balloon-page .video-reviews { display: flex; gap: 14px; margin-top: 32px; overflow-x: auto; padding-bottom: 8px; position: relative; z-index: 2; }\n.mrt-balloon-page .video-reviews::-webkit-scrollbar { height: 4px; }\n.mrt-balloon-page .video-reviews::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.15); border-radius: 4px; }\n.mrt-balloon-page .vr-card {\n  flex: 0 0 200px; height: 280px;\n  border-radius: var(--radius); overflow: hidden;\n  position: relative; cursor: pointer;\n  background: #1a1a1a;\n}\n.mrt-balloon-page .vr-card .vr-poster {\n  width: 100%; height: 100%;\n  background-size: cover; background-position: center;\n  transition: transform 0.6s ease;\n}\n.mrt-balloon-page .vr-card:hover .vr-poster { transform: scale(1.06); }\n.mrt-balloon-page .vr-card::before {\n  content: '\u25b6';\n  position: absolute; top: 50%; left: 50%;\n  transform: translate(-50%, -50%);\n  width: 44px; height: 44px;\n  background: rgba(0,0,0,0.45); backdrop-filter: blur(6px);\n  border: 2px solid rgba(255,255,255,0.4);\n  border-radius: 50%;\n  display: flex; align-items: center; justify-content: center;\n  color: var(--white); font-size: 0.9rem; padding-left: 3px;\n  z-index: 3; transition: var(--transition);\n}\n.mrt-balloon-page .vr-card:hover::before { background: rgba(212,169,100,0.6); border-color: var(--gold-warm); }\n.mrt-balloon-page .vr-badge {\n  position: absolute; top: 10px; left: 10px; z-index: 3;\n  padding: 4px 10px; background: rgba(0,0,0,0.5); backdrop-filter: blur(6px);\n  border-radius: 20px; font-size: 0.68rem; color: var(--white); font-weight: 500;\n}\n\n.mrt-balloon-page .google-rating { text-align: center; margin-top: 36px; padding-top: 28px; border-top: 1px solid rgba(255, 255, 255, 0.08); }\n.mrt-balloon-page .google-rating-inner {\n  display: inline-flex; align-items: center; gap: 12px;\n  padding: 12px 28px; background: rgba(255,255,255,0.06);\n  border-radius: 60px; border: 1px solid rgba(255,255,255,0.1);\n}\n.mrt-balloon-page .google-rating span { font-size: 0.85rem; color: rgba(255,255,255,0.7); font-weight: 500; }\n.mrt-balloon-page .google-rating strong { font-family: 'Noto Serif', serif; font-size: 1.1rem; color: var(--gold-warm); }\n\n\/* ============================================================\n   SECTION 8: FAQ ACCORDION\n   ============================================================ *\/\n.mrt-balloon-page .faq { padding: 72px 0; background: var(--sand-cream); }\n.mrt-balloon-page .faq-header { text-align: center; margin-bottom: 40px; }\n.mrt-balloon-page .faq-list { max-width: 720px; margin: 0 auto; }\n.mrt-balloon-page .faq-item {\n  background: var(--white);\n  border-radius: var(--radius-sm);\n  margin-bottom: 10px;\n  border: 1px solid rgba(212, 169, 100, 0.1);\n  overflow: hidden;\n  transition: var(--transition);\n}\n.mrt-balloon-page .faq-item:hover { border-color: rgba(212, 169, 100, 0.25); }\n.mrt-balloon-page .faq-question {\n  display: flex !important;\n  align-items: center !important;\n  gap: 12px;\n  width: 100% !important;\n  padding: 18px 20px;\n  background: none;\n  border: none;\n  cursor: pointer;\n  font-family: 'Plus Jakarta Sans', sans-serif;\n  font-size: 0.92rem;\n  font-weight: 600;\n  color: var(--desert-dark);\n  text-align: left;\n  transition: var(--transition);\n  line-height: 1.4;\n  box-sizing: border-box !important;\n  overflow: hidden !important;\n}\n.mrt-balloon-page .faq-question span {\n  flex: 1 1 0% !important;\n  min-width: 0 !important;\n  max-width: calc(100% - 44px) !important;\n  word-wrap: break-word !important;\n  overflow-wrap: break-word !important;\n  word-break: break-word !important;\n  white-space: normal !important;\n  display: block !important;\n}\n.mrt-balloon-page .faq-question:hover { color: var(--gold-deep); }\n.mrt-balloon-page .faq-icon {\n  width: 32px !important;\n  height: 32px !important;\n  min-width: 32px !important;\n  max-width: 32px !important;\n  border-radius: 50%;\n  background: rgba(212, 169, 100, 0.1);\n  display: flex !important;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0 !important;\n  flex-grow: 0 !important;\n  transition: var(--transition);\n}\n.mrt-balloon-page .faq-icon svg { width: 14px; height: 14px; color: var(--gold-deep); transition: transform 0.3s; }\n.mrt-balloon-page .faq-item.active .faq-icon { background: var(--gold-deep); }\n.mrt-balloon-page .faq-item.active .faq-icon svg { color: var(--white); transform: rotate(180deg); }\n.mrt-balloon-page .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.4s ease, opacity 0.3s ease; opacity: 0; }\n.mrt-balloon-page .faq-answer-inner { padding: 0 20px 20px; font-size: 0.88rem; line-height: 1.7; color: var(--desert-mid); }\n.mrt-balloon-page .faq-item.active .faq-answer { max-height: 500px; opacity: 1; }\n@media (max-width: 768px) {\n  .mrt-balloon-page .faq { padding: 48px 0; }\n  .mrt-balloon-page .faq-list { max-width: 100% !important; padding: 0 !important; }\n  .mrt-balloon-page .faq-item { overflow: hidden !important; }\n  .mrt-balloon-page .faq-question {\n    display: flex !important;\n    align-items: center !important;\n    padding: 16px 14px !important;\n    font-size: 0.84rem !important;\n    gap: 10px !important;\n    line-height: 1.45 !important;\n    width: 100% !important;\n    box-sizing: border-box !important;\n    overflow: hidden !important;\n    flex-wrap: nowrap !important;\n  }\n  .mrt-balloon-page .faq-question span {\n    flex: 1 1 0% !important;\n    min-width: 0 !important;\n    max-width: calc(100% - 40px) !important;\n    word-wrap: break-word !important;\n    overflow-wrap: break-word !important;\n    word-break: break-word !important;\n    white-space: normal !important;\n    display: block !important;\n  }\n  .mrt-balloon-page .faq-icon {\n    width: 28px !important;\n    height: 28px !important;\n    min-width: 28px !important;\n    max-width: 28px !important;\n    flex-shrink: 0 !important;\n    flex-grow: 0 !important;\n  }\n  .mrt-balloon-page .faq-icon svg { width: 12px; height: 12px; }\n  .mrt-balloon-page .faq-answer-inner {\n    padding: 0 14px 16px;\n    font-size: 0.82rem;\n  }\n}\n@media (max-width: 380px) {\n  .mrt-balloon-page .faq-question {\n    padding: 14px 12px !important;\n    font-size: 0.8rem !important;\n    gap: 8px !important;\n  }\n  .mrt-balloon-page .faq-question span {\n    max-width: calc(100% - 36px) !important;\n  }\n  .mrt-balloon-page .faq-icon {\n    width: 26px !important;\n    height: 26px !important;\n    min-width: 26px !important;\n    max-width: 26px !important;\n  }\n}\n\/* ============================================================\n   SECTION 9: FINAL CTA\n   ============================================================ *\/\n.mrt-balloon-page .final-cta {\n  padding: 80px 0;\n  background: linear-gradient(135deg, var(--desert-dark) 0%, #4A3020 40%, #6B4830 70%, #8B6844 100%);\n  position: relative; overflow: hidden; text-align: center;\n}\n.mrt-balloon-page .final-cta::before {\n  content: '';\n  position: absolute; top: 0; left: 0; right: 0; height: 1px;\n  background: linear-gradient(90deg, transparent, var(--gold-deep), transparent);\n}\n.mrt-balloon-page .final-cta::after {\n  content: '';\n  position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);\n  width: 80%; height: 60%;\n  background: radial-gradient(ellipse, rgba(232, 201, 125, 0.1) 0%, transparent 70%);\n  pointer-events: none;\n}\n.mrt-balloon-page .final-cta-content { position: relative; z-index: 2; }\n.mrt-balloon-page .final-cta .section-label { color: var(--gold-warm); }\n.mrt-balloon-page .final-cta h2 { font-size: clamp(1.8rem, 4vw, 2.8rem); color: var(--white); margin-bottom: 12px; }\n.mrt-balloon-page .final-cta-subtitle { font-size: 1rem; color: rgba(255,255,255,0.7); max-width: 500px; margin: 0 auto 12px; line-height: 1.6; }\n.mrt-balloon-page .urgency-badge {\n  display: inline-flex; align-items: center; gap: 8px;\n  padding: 8px 20px;\n  background: rgba(255, 87, 51, 0.15); border: 1px solid rgba(255, 87, 51, 0.3);\n  border-radius: 60px; color: #FF9B7A; font-size: 0.82rem; font-weight: 600;\n  margin-bottom: 32px;\n}\n.mrt-balloon-page .urgency-badge svg { width: 16px; height: 16px; }\n.mrt-balloon-page .final-cta-buttons { display: flex; flex-wrap: wrap; gap: 16px; justify-content: center; }\n\n\/* ============================================================\n   FLOATING WHATSAPP + MOBILE STICKY\n   ============================================================ *\/\n.mrt-balloon-page .whatsapp-float {\n  position: fixed; bottom: 28px; right: 28px;\n  width: 60px; height: 60px;\n  background: #25D366; border-radius: 50%;\n  display: flex; align-items: center; justify-content: center;\n  box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4);\n  z-index: 999; transition: var(--transition);\n  animation: pulse-whatsapp 2s infinite;\n}\n.mrt-balloon-page .whatsapp-float:hover { transform: scale(1.1); box-shadow: 0 8px 32px rgba(37, 211, 102, 0.5); }\n.mrt-balloon-page .whatsapp-float svg { width: 30px; height: 30px; fill: var(--white); }\n\n\/* ===== ANIMATIONS ===== *\/\n@keyframes fadeInUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }\n@keyframes fadeInDown { from { opacity: 0; transform: translateY(-16px); } to { opacity: 1; transform: translateY(0); } }\n.mrt-balloon-page @keyframes float-dust {\n  0% { transform: translateY(0) translateX(0); opacity: 0; }\n  10% { opacity: 0.6; } 90% { opacity: 0.6; }\n  100% { transform: translateY(-100vh) translateX(40px); opacity: 0; }\n}\n.mrt-balloon-page @keyframes pulse-whatsapp {\n  0%, 100% { box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4); }\n  50% { box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4), 0 0 0 12px rgba(37, 211, 102, 0.1); }\n}\n\n\/* ============================================================\n   BOOKING MODAL (POPUP)\n   ============================================================ *\/\n.mrt-balloon-page .booking-overlay {\n  position: fixed; inset: 0;\n  background: rgba(44, 24, 16, 0.6);\n  backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);\n  z-index: 9999;\n  display: none; align-items: center; justify-content: center;\n  padding: 24px;\n  opacity: 0; transition: opacity 0.35s ease;\n}\n.mrt-balloon-page .booking-overlay.visible { display: flex; opacity: 1; }\n.mrt-balloon-page .booking-overlay.fade-in { opacity: 1; }\n.mrt-balloon-page .booking-modal {\n  background: var(--white);\n  border-radius: 20px;\n  max-width: 520px; width: 100%;\n  max-height: 90vh; overflow-y: auto;\n  box-shadow: 0 24px 80px rgba(44, 24, 16, 0.25);\n  position: relative;\n  transform: translateY(20px); transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n.mrt-balloon-page .booking-overlay.fade-in .booking-modal { transform: translateY(0); }\n.mrt-balloon-page .modal-close {\n  position: absolute; top: 16px; right: 16px;\n  width: 36px; height: 36px; border-radius: 50%;\n  background: rgba(44, 24, 16, 0.06); border: none;\n  cursor: pointer; display: flex; align-items: center; justify-content: center;\n  transition: var(--transition); z-index: 2;\n}\n.mrt-balloon-page .modal-close:hover { background: rgba(44, 24, 16, 0.12); }\n.mrt-balloon-page .modal-close svg { width: 18px; height: 18px; color: var(--desert-mid); }\n.mrt-balloon-page .modal-header {\n  background: linear-gradient(135deg, var(--desert-dark) 0%, var(--desert-mid) 100%);\n  padding: 32px 32px 24px; border-radius: 20px 20px 0 0;\n  text-align: center;\n}\n.mrt-balloon-page .modal-header h3 { font-family: 'Noto Serif', serif; font-size: 1.4rem; color: var(--white); margin-bottom: 6px; }\n.mrt-balloon-page .modal-header p { font-size: 0.85rem; color: rgba(255,255,255,0.6); }\n.mrt-balloon-page .modal-selected-pkg {\n  display: inline-block; margin-top: 12px;\n  padding: 6px 18px; border-radius: 60px;\n  background: rgba(232, 201, 125, 0.15); border: 1px solid rgba(232, 201, 125, 0.3);\n  font-size: 0.82rem; font-weight: 600; color: var(--gold-warm);\n}\n.mrt-balloon-page .modal-body { padding: 28px 32px 32px; }\n.mrt-balloon-page .form-group { margin-bottom: 18px; }\n.mrt-balloon-page .form-group label {\n  display: block; font-size: 0.82rem; font-weight: 600;\n  color: var(--desert-dark); margin-bottom: 6px;\n}\n.mrt-balloon-page .form-group input, .mrt-balloon-page .form-group select, .mrt-balloon-page .form-group textarea {\n  width: 100%; padding: 12px 16px;\n  border: 1.5px solid rgba(212, 169, 100, 0.2);\n  border-radius: var(--radius-sm);\n  font-family: 'Plus Jakarta Sans', sans-serif;\n  font-size: 0.9rem; color: var(--desert-dark);\n  background: var(--sand-cream);\n  transition: var(--transition); outline: none;\n}\n.mrt-balloon-page .form-group input:focus, .mrt-balloon-page .form-group select:focus, .mrt-balloon-page .form-group textarea:focus {\n  border-color: var(--gold-deep);\n  box-shadow: 0 0 0 3px rgba(212, 169, 100, 0.1);\n}\n.mrt-balloon-page .form-group textarea { resize: vertical; min-height: 70px; }\n.mrt-balloon-page .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }\n.mrt-balloon-page .form-submit { width: 100%; margin-top: 8px; }\n.mrt-balloon-page .form-note { text-align: center; font-size: 0.75rem; color: var(--desert-mid); margin-top: 12px; }\n.mrt-balloon-page .form-note svg { width: 14px; height: 14px; vertical-align: -2px; margin-right: 4px; color: var(--gold-deep); }\n\n\/* ============================================================\n   BOOKING SECTION (FIXED BEFORE FOOTER)\n   ============================================================ *\/\n.mrt-balloon-page .booking-section {\n  padding: 80px 0;\n  background: linear-gradient(180deg, var(--sand-cream) 0%, var(--white) 50%, var(--sand-cream) 100%);\n  position: relative;\n}\n.mrt-balloon-page .booking-section::before {\n  content: '';\n  position: absolute; top: 0; left: 50%; transform: translateX(-50%);\n  width: 80%; height: 1px;\n  background: linear-gradient(90deg, transparent, var(--gold-deep), transparent);\n}\n.mrt-balloon-page .booking-inner {\n  display: grid; grid-template-columns: 1fr 1fr; gap: 48px;\n  align-items: center; max-width: 1000px; margin: 0 auto;\n}\n.mrt-balloon-page .booking-info { }\n.mrt-balloon-page .booking-info .section-label { text-align: left; }\n.mrt-balloon-page .booking-info .section-title { text-align: left; }\n.mrt-balloon-page .booking-info p { font-size: 0.95rem; color: var(--desert-mid); line-height: 1.7; margin-bottom: 24px; }\n.mrt-balloon-page .booking-perks { list-style: none; }\n.mrt-balloon-page .booking-perks li {\n  display: flex; align-items: center; gap: 10px;\n  padding: 8px 0; font-size: 0.88rem; color: var(--desert-mid);\n}\n.mrt-balloon-page .booking-perks li svg { width: 18px; height: 18px; color: var(--gold-deep); flex-shrink: 0; }\n.mrt-balloon-page .booking-form-card {\n  background: var(--white);\n  border-radius: var(--radius);\n  padding: 32px;\n  border: 1px solid rgba(212, 169, 100, 0.15);\n  box-shadow: var(--shadow-elevated);\n}\n.mrt-balloon-page .booking-form-card h3 {\n  font-family: 'Noto Serif', serif; font-size: 1.3rem;\n  color: var(--desert-dark); margin-bottom: 4px; text-align: center;\n}\n.mrt-balloon-page .booking-form-card .form-subtitle {\n  text-align: center; font-size: 0.82rem; color: var(--desert-mid); margin-bottom: 24px;\n}\n\n@media (max-width: 768px) {\n  .mrt-balloon-page .booking-inner { grid-template-columns: 1fr; gap: 32px; }\n  .mrt-balloon-page .modal-body { padding: 20px 20px 24px; }\n  .mrt-balloon-page .modal-header { padding: 24px 20px 20px; }\n  .mrt-balloon-page .form-row { grid-template-columns: 1fr; }\n  .mrt-balloon-page .booking-modal { max-height: 95vh; margin: 12px; }\n}\n\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width: 768px) {\n  .mrt-balloon-page .bento-grid { grid-template-columns: 1fr; }\n  .mrt-balloon-page .bento-card.featured { grid-column: span 1; }\n  .mrt-balloon-page .gallery-grid { grid-template-columns: 1fr 1fr; grid-template-rows: 150px 150px; }\n  .mrt-balloon-page .gallery-item.wide { grid-column: span 1; }\n  .mrt-balloon-page .pricing-grid { grid-template-columns: 1fr; max-width: 380px; margin: 0 auto; }\n  .mrt-balloon-page .price-card.popular { transform: none; }\n  .mrt-balloon-page .price-card.popular:hover { transform: translateY(-6px); }\n  .mrt-balloon-page .testimonials-grid { grid-template-columns: 1fr; max-width: 400px; margin: 0 auto; }\n  .mrt-balloon-page .timeline { flex-direction: column; gap: 24px; align-items: flex-start; }\n  .mrt-balloon-page .timeline::before { top: 24px; bottom: 24px; left: 24px; right: auto; width: 2px; height: calc(100% - 48px); }\n  .mrt-balloon-page .timeline-step { flex-direction: row; gap: 16px; text-align: left; }\n  .mrt-balloon-page .timeline-desc { max-width: none; }\n  .mrt-balloon-page .trust-inner { gap: 20px; }\n  .mrt-balloon-page .hero-ctas { flex-direction: column; align-items: center; }\n  .mrt-balloon-page .final-cta-buttons { flex-direction: column; align-items: center; }\n  .mrt-balloon-page .vr-card { flex: 0 0 160px; height: 230px; }\n}\n\n\/* ===== THEME OVERRIDE PROTECTION ===== *\/\n.mrt-balloon-page .btn-primary, .mrt-balloon-page .btn-secondary, .mrt-balloon-page .btn-outline,\n.mrt-balloon-page a.btn-primary, .mrt-balloon-page a.btn-secondary, .mrt-balloon-page a.btn-outline {\n  border-radius: 60px !important;\n  font-family: 'Plus Jakarta Sans', sans-serif !important;\n  text-decoration: none !important;\n  cursor: pointer !important;\n  display: inline-flex !important;\n  align-items: center !important;\n}\n.mrt-balloon-page .btn-primary, .mrt-balloon-page a.btn-primary {\n  background: linear-gradient(135deg, var(--gold-deep), #C4942A) !important;\n  color: #FFFFFF !important; border: none !important;\n}\n.mrt-balloon-page .btn-primary:hover, .mrt-balloon-page a.btn-primary:hover { color: #FFFFFF !important; }\n.mrt-balloon-page .btn-secondary, .mrt-balloon-page a.btn-secondary {\n  background: linear-gradient(135deg, #25D366, #128C7E) !important;\n  color: #FFFFFF !important; border: none !important;\n}\n.mrt-balloon-page .btn-secondary:hover, .mrt-balloon-page a.btn-secondary:hover { color: #FFFFFF !important; }\n.mrt-balloon-page .btn-outline, .mrt-balloon-page a.btn-outline {\n  color: #FFFFFF !important; border: 2px solid #FFFFFF !important;\n  background: rgba(255,255,255,0.15) !important;\n}\n.mrt-balloon-page a { text-decoration: none; }\n\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550 ENHANCED MOBILE RESPONSIVENESS \u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width: 1024px) {\n  .mrt-balloon-page .container { padding: 0 20px; }\n  .mrt-balloon-page .bento-grid { grid-template-columns: 1fr 1fr; gap: 16px; }\n  .mrt-balloon-page .bento-card.featured { grid-column: span 2; }\n  .mrt-balloon-page .pricing-grid { grid-template-columns: 1fr 1fr; gap: 20px; }\n  .mrt-balloon-page .booking-inner { grid-template-columns: 1fr; gap: 32px; }\n  .mrt-balloon-page .testimonials-grid { grid-template-columns: 1fr 1fr; }\n}\n\n@media (max-width: 768px) {\n  .mrt-balloon-page { font-size: 15px; }\n  .mrt-balloon-page .container { padding: 0 16px; }\n  .mrt-balloon-page .hero { min-height: 85vh; padding: 0 16px; }\n  .mrt-balloon-page .hero-content { max-width: 100%; padding: 20px 0 60px; }\n  .mrt-balloon-page .hero h1 { font-size: clamp(1.8rem, 8vw, 2.8rem) !important; }\n  .mrt-balloon-page .hero-subtitle { font-size: 0.95rem; }\n  .mrt-balloon-page .hero-ctas { flex-direction: column; align-items: center; gap: 12px; width: 100%; }\n  .mrt-balloon-page .hero-ctas .btn-primary, .mrt-balloon-page .hero-ctas .btn-whatsapp, .mrt-balloon-page .hero-ctas .btn-outline { width: 100%; justify-content: center; max-width: 320px; }\n  .mrt-balloon-page .hero-badge { padding: 6px 14px; font-size: 0.7rem; }\n  .mrt-balloon-page .hero-price-line { flex-direction: column; gap: 4px; }\n  .mrt-balloon-page .trust-inner { flex-wrap: wrap; gap: 12px; justify-content: center; }\n  .mrt-balloon-page .trust-item { font-size: 0.75rem; }\n  .mrt-balloon-page .experience { padding: 48px 0; }\n  .mrt-balloon-page .bento-grid { grid-template-columns: 1fr !important; gap: 14px; }\n  .mrt-balloon-page .bento-card.featured { grid-column: span 1 !important; }\n  .mrt-balloon-page .bento-card { padding: 24px 18px; }\n  .mrt-balloon-page .section-title { font-size: clamp(1.4rem, 5vw, 1.8rem) !important; }\n  .mrt-balloon-page .section-label { font-size: 0.65rem; letter-spacing: 2px; }\n  .mrt-balloon-page .gallery-grid { grid-template-columns: 1fr 1fr !important; grid-template-rows: 160px 160px 160px !important; gap: 8px !important; }\n  .mrt-balloon-page .gallery-item.wide { grid-column: span 2 !important; height: 200px !important; }\n  .mrt-balloon-page .gallery-item { height: 160px !important; }\n  .mrt-balloon-page .gallery-item img { height: 100%; object-fit: cover; }\n  .mrt-balloon-page .timeline { flex-direction: column !important; gap: 20px !important; align-items: flex-start !important; }\n  .mrt-balloon-page .timeline::before { top: 20px !important; bottom: 20px !important; left: 20px !important; right: auto !important; width: 2px !important; height: calc(100% - 40px) !important; }\n  .mrt-balloon-page .timeline-step { flex-direction: row !important; gap: 14px !important; text-align: left !important; }\n  .mrt-balloon-page .timeline-desc { max-width: none !important; }\n  .mrt-balloon-page .timeline-dot { flex-shrink: 0; }\n  .mrt-balloon-page .pricing-grid { grid-template-columns: 1fr !important; max-width: 380px !important; margin: 0 auto !important; }\n  .mrt-balloon-page .price-card.popular { transform: none !important; }\n  .mrt-balloon-page .price-card.popular:hover { transform: translateY(-4px) !important; }\n  .mrt-balloon-page .price-card { padding: 24px 18px; }\n  .mrt-balloon-page .testimonials-grid { grid-template-columns: 1fr !important; max-width: 400px; margin: 0 auto; }\n  \n  .mrt-balloon-page .booking-inner { grid-template-columns: 1fr !important; gap: 24px !important; }\n  .mrt-balloon-page .booking-form-card { padding: 20px 16px; }\n  .mrt-balloon-page .form-row { grid-template-columns: 1fr !important; }\n  .mrt-balloon-page .final-cta-buttons { flex-direction: column !important; align-items: center !important; }\n  .mrt-balloon-page .final-cta-buttons .btn-primary, .mrt-balloon-page .final-cta-buttons .btn-whatsapp { width: 100%; max-width: 320px; justify-content: center; }\n  .mrt-balloon-page .vr-card { flex: 0 0 160px !important; height: 220px !important; }\n  .mrt-balloon-page .booking-modal { max-height: 95vh !important; margin: 8px !important; }\n  .mrt-balloon-page .modal-body { padding: 16px !important; }\n  .mrt-balloon-page .modal-header { padding: 20px 16px !important; }\n  .mrt-balloon-page .btn-primary, .mrt-balloon-page .btn-whatsapp, .mrt-balloon-page .btn-secondary { padding: 14px 28px !important; font-size: 0.9rem !important; }\n}\n\n@media (max-width: 480px) {\n  .mrt-balloon-page .hero h1 { font-size: 1.6rem !important; }\n  .mrt-balloon-page .hero-price { font-size: 2rem; }\n  .mrt-balloon-page .gallery-grid { grid-template-columns: 1fr !important; grid-template-rows: auto !important; }\n  .mrt-balloon-page .gallery-item.wide { grid-column: span 1 !important; }\n  .mrt-balloon-page .gallery-item { height: 180px !important; }\n  .mrt-balloon-page .trust-inner { flex-direction: column; gap: 8px; }\n  .mrt-balloon-page .pricing-grid { max-width: 100% !important; }\n  .mrt-balloon-page .price-card { padding: 20px 14px; }\n}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550 GALLERY LIGHTBOX \u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.mrt-balloon-page .gallery-item { cursor: pointer; position: relative; overflow: hidden; border-radius: var(--radius-sm); transition: var(--transition); }\n.mrt-balloon-page .gallery-item:hover { transform: scale(1.02); box-shadow: var(--shadow-elevated); }\n.mrt-balloon-page .gallery-item::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(44,24,16,0.3), transparent); opacity: 0; transition: opacity 0.3s ease; pointer-events: none; }\n.mrt-balloon-page .gallery-item:hover::after { opacity: 1; }\n.mrt-balloon-page .gallery-item .play-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; background: rgba(212,169,100,0.9); border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 2; transition: var(--transition); }\n.mrt-balloon-page .gallery-item:hover .play-icon { background: var(--gold-deep); transform: translate(-50%, -50%) scale(1.1); }\n\n.mrt-lightbox-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.95); z-index: 999999; display: none; align-items: center; justify-content: center; padding: 20px; }\n.mrt-lightbox-overlay.active { display: flex; }\n.mrt-lightbox-content { position: relative; max-width: 90vw; max-height: 85vh; display: flex; align-items: center; justify-content: center; }\n.mrt-lightbox-content img { max-width: 90vw; max-height: 85vh; object-fit: contain; border-radius: 8px; box-shadow: 0 20px 60px rgba(0,0,0,0.5); }\n.mrt-lightbox-content video { max-width: 90vw; max-height: 85vh; border-radius: 8px; box-shadow: 0 20px 60px rgba(0,0,0,0.5); background: #000; }\n.mrt-lightbox-close { position: absolute; top: -50px; right: 0; background: none; border: none; color: #fff; font-size: 32px; cursor: pointer; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: background 0.2s; z-index: 10; }\n.mrt-lightbox-close:hover { background: rgba(255,255,255,0.15); }\n.mrt-lightbox-nav { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.2); color: #fff; width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 20px; transition: all 0.2s; z-index: 10; }\n.mrt-lightbox-nav:hover { background: rgba(212,169,100,0.5); border-color: var(--gold-deep); }\n.mrt-lightbox-prev { left: -70px; }\n.mrt-lightbox-next { right: -70px; }\n.mrt-lightbox-counter { position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%); color: rgba(255,255,255,0.7); font-size: 14px; font-family: 'Plus Jakarta Sans', sans-serif; }\n\n@media (max-width: 768px) {\n  .mrt-lightbox-prev { left: 10px; }\n  .mrt-lightbox-next { right: 10px; }\n  .mrt-lightbox-nav { width: 40px; height: 40px; font-size: 16px; }\n  .mrt-lightbox-close { top: 10px; right: 10px; position: fixed; }\n  .mrt-lightbox-content { max-width: 95vw; max-height: 80vh; }\n  .mrt-lightbox-content img, .mrt-lightbox-content video { max-width: 95vw; max-height: 80vh; }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550 IMPROVED LIGHTBOX CONTROLS \u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.mrt-lightbox-nav {\n  background: rgba(212, 169, 100, 0.25) !important;\n  border: 1.5px solid rgba(212, 169, 100, 0.5) !important;\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n}\n.mrt-lightbox-nav svg { stroke: #D4A964; width: 22px; height: 22px; }\n.mrt-lightbox-nav:hover {\n  background: rgba(212, 169, 100, 0.5) !important;\n  border-color: #D4A964 !important;\n  transform: translateY(-50%) scale(1.05);\n}\n.mrt-lightbox-nav:hover svg { stroke: #FFFFFF; }\n.mrt-lightbox-close {\n  background: rgba(212, 169, 100, 0.2) !important;\n  border: 1.5px solid rgba(212, 169, 100, 0.4) !important;\n  border-radius: 50% !important;\n  font-size: 0 !important;\n}\n.mrt-lightbox-close svg { stroke: #D4A964; width: 20px; height: 20px; }\n.mrt-lightbox-close:hover { background: rgba(212, 169, 100, 0.5) !important; }\n.mrt-lightbox-close:hover svg { stroke: #FFFFFF; }\n\n<\/style>\n<div class=\"mrt-balloon-page\">\n<!-- ===== HERO ===== -->\n<section class=\"hero\">\n  <div class=\"dust-particles\">\n    <span class=\"dust\"><\/span><span class=\"dust\"><\/span><span class=\"dust\"><\/span>\n    <span class=\"dust\"><\/span><span class=\"dust\"><\/span><span class=\"dust\"><\/span>\n  <\/div>\n  <div class=\"hero-content\">\n    <div class=\"hero-badge\">\n      <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n      Rated 5.0 on Google &bull; 2,500+ Guests\n    <\/div>\n    <h1>Hot Air Balloon <em>Marrakech<\/em><br>Sunrise Flight Experience<\/h1>\n    <p class=\"hero-subtitle\">The highest-rated hot air balloon ride in Marrakech. Float above the Atlas Mountains at sunrise with Morocco's most trusted luxury balloon operator.<\/p>\n    <div class=\"hero-price\">\n      <span class=\"from\">From<\/span>\n      <span class=\"amount price-display\" data-eur=\"98\" data-usd=\"113\" data-mad=\"1050\">\u20ac98<\/span>\n      <span class=\"per\">\/ person<\/span>\n    <\/div>\n    <div class=\"hero-ctas\">\n      <button class=\"btn-primary book-trigger\" data-package=\"First Sunrise\">\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\n        Book Your Flight\n      <\/button>\n      <a href=\"https:\/\/wa.me\/212727541683?text=Hello%2C%20I%20would%20like%20to%20book%20a%20Hot%20Air%20Balloon%20flight\" class=\"btn-outline\" rel=\"nofollow noopener\" target=\"_blank\">\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\/><path d=\"M12 0C5.373 0 0 5.373 0 12c0 2.625.846 5.059 2.284 7.034L.789 23.492a.5.5 0 00.612.638l4.603-1.148A11.94 11.94 0 0012 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 22c-2.24 0-4.317-.726-6-1.956l-.42-.31-3.118.777.826-3.012-.34-.54A9.956 9.956 0 012 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z\"\/><\/svg>\n        WhatsApp Us\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== TRUST STRIP ===== -->\n<section class=\"trust-strip\">\n  <div class=\"container\">\n    <div class=\"trust-inner\">\n      <div class=\"trust-item\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n        <span>Licensed &amp; Insured<\/span>\n      <\/div>\n      <div class=\"trust-item\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n        <span class=\"trust-number\">2,500+<\/span>\n        <span>Happy Guests<\/span>\n      <\/div>\n      <div class=\"trust-item\">\n        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n        <span class=\"trust-number\">5.0<\/span>\n        <span>Google Rating<\/span>\n      <\/div>\n      <div class=\"trust-item\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n        <span>Free Cancellation 24h<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== EXPERIENCE BENTO GRID ===== -->\n<section class=\"experience\" id=\"experience\">\n  <div class=\"container\">\n    <div class=\"experience-header\">\n      <div class=\"section-label\">The <a class=\"wpil_keyword_link\" href=\"https:\/\/moratra.com\/marrakech-cooking-class-with-market-visit\/\" target=\"_blank\" rel=\"noopener\" title=\"Moroccan Cooking Class with Market Visit\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"2856\">Experience<\/a><\/div>\n      <h2 class=\"section-title\">More Than a Balloon Ride.<br>A Marrakech Desert Awakening.<\/h2>\n    <\/div>\n    <div class=\"bento-grid\">\n      <div class=\"bento-card featured\">\n        <div class=\"bento-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"5\"\/><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"\/><line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"\/><line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"\/><line x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"\/><line x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"\/><line x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"\/><line x1=\"4.22\" y1=\"19.78\" x2=\"5.64\" y2=\"18.36\"\/><line x1=\"18.36\" y1=\"5.64\" x2=\"19.78\" y2=\"4.22\"\/><\/svg><\/div>\n        <div class=\"bento-label\">Signature Moment<\/div>\n        <h3>Sunrise Over the Atlas<\/h3>\n        <p>Your hot air balloon ride in Marrakech begins as golden light spills across the <a class=\"wpil_keyword_link\" href=\"https:\/\/moratra.com\/sahara-desert-morocco-tours\/\" target=\"_blank\" rel=\"noopener\" title=\"Morocco Desert Tours\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"2854\">desert<\/a> floor. Float 1,000 feet above the Moroccan landscape while the <a class=\"wpil_keyword_link\" href=\"https:\/\/moratra.com\/ouzoud-waterfalls-tour-from-marrakech\/\" target=\"_blank\" rel=\"noopener\" title=\"Ouzoud Waterfalls Tour from Marrakech\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"2855\">Atlas Mountains<\/a> glow amber at dawn \u2014 a sight no photograph can capture.<\/p>\n      <\/div>\n      <div class=\"bento-card\">\n        <div class=\"bento-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 8h1a4 4 0 0 1 0 8h-1\"\/><path d=\"M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z\"\/><line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"4\"\/><line x1=\"10\" y1=\"1\" x2=\"10\" y2=\"4\"\/><line x1=\"14\" y1=\"1\" x2=\"14\" y2=\"4\"\/><\/svg><\/div>\n        <div class=\"bento-label\">Included<\/div>\n        <h3>Berber Breakfast<\/h3>\n        <p>Land to a traditional spread of mint tea, msemen, fresh bread, and local specialties in a desert tent.<\/p>\n      <\/div>\n      <div class=\"bento-card\">\n        <div class=\"bento-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/><\/svg><\/div>\n        <div class=\"bento-label\">Memories<\/div>\n        <h3>Pro Photography<\/h3>\n        <p>A professional photographer captures every moment, delivered within 24 hours.<\/p>\n      <\/div>\n      <div class=\"bento-card\">\n        <div class=\"bento-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><\/div>\n        <div class=\"bento-label\">Convenience<\/div>\n        <h3>Hotel Pickup<\/h3>\n        <p>Complimentary round-trip transfer from any hotel or riad in Marrakech.<\/p>\n      <\/div>\n      <div class=\"bento-card\">\n        <div class=\"bento-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div>\n        <div class=\"bento-label\">Safety<\/div>\n        <h3>Expert Pilots<\/h3>\n        <p>Internationally certified pilots with 2,000+ flight hours. Your safety is our absolute priority.<\/p>\n      <\/div>\n      <div class=\"bento-card featured\">\n        <div class=\"bento-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg><\/div>\n        <div class=\"bento-label\">Exclusive<\/div>\n        <h3>Private Flights Available<\/h3>\n        <p>Want the sky to yourself? Book a private balloon for proposals, anniversaries, or simply the ultimate <a class=\"wpil_keyword_link\" href=\"https:\/\/moratra.com\/luxury-morocco-tours\/\" target=\"_blank\" rel=\"noopener\" title=\"Luxury Morocco Tours\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"2852\">luxury<\/a> experience.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== PHOTO GALLERY ===== -->\n<section class=\"gallery-section\">\n  <div class=\"container\">\n    <div class=\"gallery-header\">\n      <div class=\"section-label\">Captured Moments<\/div>\n      <h2 class=\"section-title\">Hot Air Balloon Marrakech \u2014 See the Magic<\/h2>\n    <\/div>\n    <div class=\"gallery-slider-wrap\">\n      <button class=\"gallery-nav gallery-prev\" aria-label=\"Previous\">\n        <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\n      <\/button>\n      <div class=\"gallery-slider\" id=\"gallerySlider\">\n        <!-- Page 1 -->\n        <div class=\"gallery-page\">\n          <div class=\"gallery-grid\">\n            <div class=\"gallery-item wide\">\n              <img decoding=\"async\" src=\"https:\/\/moratra.com\/wp-content\/uploads\/2026\/04\/Hot-Air-Balloon-Marrakech-Sunrise-Flight-ExperienceHYUJ.jpg\" alt=\"Hot air balloon Marrakech \u2014 sunrise flight group photo with certificates\" loading=\"lazy\" title=\"\">\n            <\/div>\n            <div class=\"gallery-item video\" data-src=\"https:\/\/moratra.com\/wp-content\/uploads\/2026\/04\/Hot-Air-Balloon-Marrakech-%E2%80%94-See-the-Magic.mp4\">\n              <img decoding=\"async\" src=\"https:\/\/moratra.com\/wp-content\/uploads\/2026\/04\/Hot-Air-Balloon-Marrakech-Sunrise-Flight-ExperienceJU.jpg\" alt=\"Hot air balloon Marrakech aerial video \u2014 multiple balloons over green fields\" loading=\"lazy\" title=\"\">\n            <\/div>\n            <div class=\"gallery-item\">\n              <img decoding=\"async\" src=\"https:\/\/moratra.com\/wp-content\/uploads\/2026\/04\/Hot-Air-Balloon-Marrakech-Sunrise-Flight-ExperiencJ.jpg\" alt=\"Marrakech balloon ride \u2014 colorful balloons inflating at dawn\" loading=\"lazy\" title=\"\">\n            <\/div>\n            <div class=\"gallery-item video\" data-src=\"https:\/\/moratra.com\/wp-content\/uploads\/2026\/04\/marrakech-balloon-ride.mp4\">\n              <img decoding=\"async\" src=\"https:\/\/moratra.com\/wp-content\/uploads\/2026\/04\/Hot-Air-Balloon-Marrakech-Sunrise-Flight-ExperienceJYHFF.jpg\" alt=\"Marrakech hot air balloon ride \u2014 golden sunset flight video\" loading=\"lazy\" title=\"\">\n            <\/div>\n          <\/div>\n        <\/div>\n        <!-- Page 2 -->\n        <div class=\"gallery-page\">\n          <div class=\"gallery-grid\">\n            <div class=\"gallery-item wide\">\n              <img decoding=\"async\" src=\"https:\/\/moratra.com\/wp-content\/uploads\/2026\/04\/Hot-Air-Balloon-Marrakech-Morocco-2-1.jpg\" alt=\"Hot air balloon Marrakech Morocco \u2014 panoramic desert landscape with Atlas Mountains\" loading=\"lazy\" title=\"\">\n            <\/div>\n            <div class=\"gallery-item video\" data-src=\"https:\/\/moratra.com\/wp-content\/uploads\/2026\/04\/hot-air-ballooning-in-marrakech-morocco.mp4\">\n              <img decoding=\"async\" src=\"https:\/\/moratra.com\/wp-content\/uploads\/2026\/04\/Hot-Air-Balloon-Marrakech-Sunrise-Flight-Experience.jpg\" alt=\"Hot air ballooning in Marrakech \u2014 sunrise adventure drone footage\" loading=\"lazy\" title=\"\">\n            <\/div>\n            <div class=\"gallery-item video\" data-src=\"https:\/\/moratra.com\/wp-content\/uploads\/2026\/04\/hot-air-ballooning-in-marrakech-morocco-VGF.mp4\">\n              <img decoding=\"async\" src=\"https:\/\/moratra.com\/wp-content\/uploads\/2026\/02\/IMG_3322.JPG-scaled.jpeg\" alt=\"Marrakech balloon VIP experience \u2014 close-up inside the basket at sunrise\" loading=\"lazy\" title=\"\">\n            <\/div>\n            <div class=\"gallery-item\">\n              <img decoding=\"async\" src=\"https:\/\/moratra.com\/wp-content\/uploads\/2026\/02\/dji_fly_20250105_081318_0028_1736108257790_photo-scaled-1.jpeg\" alt=\"Aerial drone photo of hot air balloons floating over Marrakech desert\" loading=\"lazy\" title=\"\">\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <button class=\"gallery-nav gallery-next\" aria-label=\"Next\">\n        <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\n      <\/button>\n    <\/div>\n    <div class=\"gallery-dots\" id=\"galleryDots\">\n      <span class=\"gallery-dot active\"><\/span>\n      <span class=\"gallery-dot\"><\/span>\n    <\/div>\n  <\/div>\n<\/section>\n<!-- ===== JOURNEY TIMELINE ===== -->\n<section class=\"timeline-section\" id=\"journey\">\n  <div class=\"container\">\n    <div class=\"timeline-header\">\n      <div class=\"section-label\">Your Journey<\/div>\n      <h2 class=\"section-title\">Your Marrakech Balloon Ride \u2014 Step by Step<\/h2>\n    <\/div>\n    <div class=\"timeline\">\n      <div class=\"timeline-step\">\n        <div class=\"timeline-dot\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><\/div>\n        <div><div class=\"timeline-time\">5:30 AM<\/div><div class=\"timeline-label\">Hotel Pickup<\/div><div class=\"timeline-desc\">Private transfer from your hotel<\/div><\/div>\n      <\/div>\n      <div class=\"timeline-step\">\n        <div class=\"timeline-dot\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg><\/div>\n        <div><div class=\"timeline-time\">6:15 AM<\/div><div class=\"timeline-label\">Launch Site<\/div><div class=\"timeline-desc\">Watch balloon inflation &amp; tea<\/div><\/div>\n      <\/div>\n      <div class=\"timeline-step\">\n        <div class=\"timeline-dot\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"5\"\/><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"\/><line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"\/><\/svg><\/div>\n        <div><div class=\"timeline-time\">6:30 AM<\/div><div class=\"timeline-label\">Sunrise Flight<\/div><div class=\"timeline-desc\">60 minutes above the desert<\/div><\/div>\n      <\/div>\n      <div class=\"timeline-step\">\n        <div class=\"timeline-dot\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 8h1a4 4 0 0 1 0 8h-1\"\/><path d=\"M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z\"\/><\/svg><\/div>\n        <div><div class=\"timeline-time\">7:30 AM<\/div><div class=\"timeline-label\">Berber Breakfast<\/div><div class=\"timeline-desc\">Traditional feast in the desert<\/div><\/div>\n      <\/div>\n      <div class=\"timeline-step\">\n        <div class=\"timeline-dot\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg><\/div>\n        <div><div class=\"timeline-time\">9:00 AM<\/div><div class=\"timeline-label\">Return<\/div><div class=\"timeline-desc\">Back at your hotel by 9 AM<\/div><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== PRICING ===== -->\n<section class=\"pricing\" id=\"pricing\">\n  <div class=\"container\">\n    <div class=\"pricing-header\">\n      <div class=\"section-label\">Choose Your Experience<\/div>\n      <h2 class=\"section-title\">Hot Air Balloon Marrakech \u2014 Prices<\/h2>\n      <div class=\"currency-switcher\">\n        <button class=\"currency-btn active\" data-currency=\"eur\">&euro; EUR<\/button>\n        <button class=\"currency-btn\" data-currency=\"usd\">$ USD<\/button>\n        <button class=\"currency-btn\" data-currency=\"mad\">\u062f.\u0645. MAD<\/button>\n      <\/div>\n    <\/div>\n    <div class=\"pricing-grid\">\n      <!-- Second Morning -->\n      <div class=\"price-card\">\n        <div class=\"price-card-name\">Second Morning<\/div>\n        <div class=\"price-card-desc\">Great value experience<\/div>\n        <div class=\"price-amount\">\n          <span class=\"currency curr-symbol\">&euro;<\/span>\n          <span class=\"value price-display\" data-eur=\"98\" data-usd=\"113\" data-mad=\"1050\">98<\/span>\n          <span class=\"per-person\">\/ person<\/span>\n        <\/div>\n        <div class=\"price-group-note\">Save up to 10% for 5+ people<\/div>\n        <ul class=\"price-features\">\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Later pickup \u2014 ideal for sleeping in<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Stronger daylight \u2014 great for photos<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Traditional Berber breakfast<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Hotel pickup &amp; return included<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Official flight certificate<\/li>\n        <\/ul>\n        <button class=\"btn-primary book-trigger\" data-package=\"Second Morning\">Book This Flight<\/button>\n      <\/div>\n      <!-- First Sunrise (Popular) -->\n      <div class=\"price-card popular\">\n        <div class=\"popular-badge\">Most Popular<\/div>\n        <div class=\"price-card-name\">First Sunrise<\/div>\n        <div class=\"price-card-desc\">The signature experience<\/div>\n        <div class=\"price-amount\">\n          <span class=\"currency curr-symbol\">&euro;<\/span>\n          <span class=\"value price-display\" data-eur=\"130\" data-usd=\"150\" data-mad=\"1400\">130<\/span>\n          <span class=\"per-person\">\/ person<\/span>\n        <\/div>\n        <div class=\"price-group-note\">Save up to 10% for 4+ people<\/div>\n        <ul class=\"price-features\">\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Early pickup for true sunrise<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Most requested \u2014 limited seats<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Traditional Berber breakfast<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Hotel pickup &amp; return<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Personalized flight certificate<\/li>\n        <\/ul>\n        <button class=\"btn-primary book-trigger\" data-package=\"First Sunrise\">Reserve Sunrise Flight<\/button>\n      <\/div>\n      <!-- Private VIP -->\n      <div class=\"price-card\">\n        <div class=\"price-card-name\">Private VIP<\/div>\n        <div class=\"price-card-desc\">Exclusive &amp; intimate<\/div>\n        <div class=\"price-amount\">\n          <span class=\"currency curr-symbol\">&euro;<\/span>\n          <span class=\"value price-display\" data-eur=\"420\" data-usd=\"485\" data-mad=\"4500\">420<\/span>\n          <span class=\"per-person\">\/ person<\/span>\n        <\/div>\n        <div class=\"price-group-note\">&nbsp;<\/div>\n        <ul class=\"price-features\">\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Private balloon \u2014 no other guests<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Flexible conditions &amp; privacy<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Premium breakfast experience<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Private luxury vehicle transfer<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Commemorative certificate<\/li>\n        <\/ul>\n        <button class=\"btn-primary book-trigger\" data-package=\"Private VIP\">Reserve <a class=\"wpil_keyword_link\" href=\"https:\/\/moratra.com\/private-dinner-in-agafay-desert-luxury-night\/\" target=\"_blank\" rel=\"noopener\" title=\"Private Dinner in Agafay Desert \u2013 Luxury Evening Escape from Marrakech\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"2853\">Private Experience<\/a><\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== TESTIMONIALS + VIDEO REVIEWS ===== -->\n<section class=\"testimonials\" id=\"reviews\">\n  <div class=\"container\">\n    <div class=\"testimonials-header\">\n      <div class=\"section-label\">Guest Stories<\/div>\n      <h2 class=\"section-title\">What Guests Say About Their Balloon Ride<\/h2>\n    <\/div>\n    <div class=\"testimonials-grid\">\n      <div class=\"testimonial-card\">\n        <div class=\"testimonial-stars\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><\/div>\n        <p class=\"testimonial-text\">\"The sunrise was absolutely breathtaking. Our pilot was incredibly knowledgeable, and the Berber breakfast afterwards was a beautiful touch. An unforgettable experience.\"<\/p>\n        <div class=\"testimonial-author\"><div class=\"testimonial-avatar\">S<\/div><div><div class=\"testimonial-name\">Sophie &amp; Marc<\/div><div class=\"testimonial-origin\">Paris, France<\/div><\/div><\/div>\n      <\/div>\n      <div class=\"testimonial-card\">\n        <div class=\"testimonial-stars\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><\/div>\n        <p class=\"testimonial-text\">\"I proposed to my girlfriend during the private flight. Moratra helped arrange everything perfectly \u2014 the champagne, the photographer, even rose petals. She said yes!\"<\/p>\n        <div class=\"testimonial-author\"><div class=\"testimonial-avatar\">J<\/div><div><div class=\"testimonial-name\">James W.<\/div><div class=\"testimonial-origin\">London, UK<\/div><\/div><\/div>\n      <\/div>\n      <div class=\"testimonial-card\">\n        <div class=\"testimonial-stars\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><\/div>\n        <p class=\"testimonial-text\">\"Best activity we did in Morocco, hands down. The whole family loved it \u2014 even the kids were amazed. Worth every euro. The photos they took are incredible.\"<\/p>\n        <div class=\"testimonial-author\"><div class=\"testimonial-avatar\">A<\/div><div><div class=\"testimonial-name\">Ahmed &amp; Family<\/div><div class=\"testimonial-origin\">Dubai, UAE<\/div><\/div><\/div>\n      <\/div>\n    <\/div>\n    <!-- Video Reviews -->\n    <div class=\"video-reviews\">\n      <div class=\"vr-card\" data-src=\"https:\/\/moratra.com\/wp-content\/uploads\/2026\/02\/Moratra-balloon-reviews-1.mp4\">\n        <div class=\"vr-poster\" style=\"background-image:url('https:\/\/moratra.com\/wp-content\/uploads\/2026\/01\/Hot-Air-Balloon-Marrakech-Morocco.webp')\"><\/div>\n        <span class=\"vr-badge\">&#10004; Verified Guest &bull; &#9733;&#9733;&#9733;&#9733;&#9733;<\/span>\n      <\/div>\n      <div class=\"vr-card\" data-src=\"https:\/\/moratra.com\/wp-content\/uploads\/2026\/02\/balloon-reviews-1.mp4\">\n        <div class=\"vr-poster\" style=\"background-image:url('https:\/\/moratra.com\/wp-content\/uploads\/2026\/01\/Fotografias-de-Hot-Air-Balloon-Marrakech.webp')\"><\/div>\n        <span class=\"vr-badge\">&#10004; Verified Guest &bull; &#9733;&#9733;&#9733;&#9733;&#9733;<\/span>\n      <\/div>\n      <div class=\"vr-card\" data-src=\"https:\/\/moratra.com\/wp-content\/uploads\/2026\/02\/Moratra-balloon-review-1.mp4\">\n        <div class=\"vr-poster\" style=\"background-image:url('https:\/\/moratra.com\/wp-content\/uploads\/2025\/09\/11.jpg')\"><\/div>\n        <span class=\"vr-badge\">&#10004; Verified Guest &bull; &#9733;&#9733;&#9733;&#9733;&#9733;<\/span>\n      <\/div>\n      <div class=\"vr-card\" data-src=\"https:\/\/moratra.com\/wp-content\/uploads\/2026\/02\/balloon-review-1.mp4\">\n        <div class=\"vr-poster\" style=\"background-image:url('https:\/\/moratra.com\/wp-content\/uploads\/2025\/09\/12.jpg')\"><\/div>\n        <span class=\"vr-badge\">&#10004; Verified Guest &bull; &#9733;&#9733;&#9733;&#9733;&#9733;<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"google-rating\">\n      <div class=\"google-rating-inner\">\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"var(--gold-warm)\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n        <strong>5.0<\/strong>\n        <span>from 2,500+ reviews on Google<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== FAQ ===== -->\n<section class=\"faq\" id=\"faq\">\n  <div class=\"container\">\n    <div class=\"faq-header\">\n      <div class=\"section-label\">Common Questions<\/div>\n      <h2 class=\"section-title\">Hot Air Balloon Marrakech \u2014 FAQ<\/h2>\n    <\/div>\n    <div class=\"faq-list\">\n      <div class=\"faq-item active\">\n        <button class=\"faq-question\"><span>What time does the hot air balloon in Marrakech depart?<\/span><div class=\"faq-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/div><\/button>\n        <div class=\"faq-answer\"><div class=\"faq-answer-inner\">We fly at sunrise, typically between 6:00 and 6:30 AM. Hotel pickup starts around 5:30 AM. Exact times vary slightly by season. We'll confirm your pickup time the evening before your flight.<\/div><\/div>\n      <\/div>\n      <div class=\"faq-item\">\n        <button class=\"faq-question\"><span>Is the Marrakech balloon ride safe? Can children fly?<\/span><div class=\"faq-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/div><\/button>\n        <div class=\"faq-answer\"><div class=\"faq-answer-inner\">Absolutely. Our pilots hold international certifications with 2,000+ flight hours. Children aged 6 and above are welcome. All equipment is inspected daily, and we carry full insurance for every passenger.<\/div><\/div>\n      <\/div>\n      <div class=\"faq-item\">\n        <button class=\"faq-question\"><span>What happens if the weather is bad?<\/span><div class=\"faq-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/div><\/button>\n        <div class=\"faq-answer\"><div class=\"faq-answer-inner\">Safety comes first. If conditions aren't ideal, we'll reschedule your flight to the next available day at no extra charge, or offer a full refund. Marrakech enjoys over 300 sunny days per year, so cancellations are rare.<\/div><\/div>\n      <\/div>\n      <div class=\"faq-item\">\n        <button class=\"faq-question\"><span>What's included in the balloon ride price?<\/span><div class=\"faq-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/div><\/button>\n        <div class=\"faq-answer\"><div class=\"faq-answer-inner\">All packages include: round-trip hotel transfers, a 60-minute sunrise flight, traditional Berber breakfast, a flight certificate, and insurance. Premium adds professional photos and a <a class=\"wpil_keyword_link\" href=\"https:\/\/moratra.com\/agafay-buggy-adventure-with-sunset-desert-dinner\/\" target=\"_blank\" rel=\"noopener\" title=\"Agafay Buggy Adventure with Sunset &amp; Desert Dinner\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"2857\">camel<\/a> ride. Private adds champagne and exclusive basket.<\/div><\/div>\n      <\/div>\n      <div class=\"faq-item\">\n        <button class=\"faq-question\"><span>How do I book a hot air balloon in Marrakech?<\/span><div class=\"faq-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/div><\/button>\n        <div class=\"faq-answer\"><div class=\"faq-answer-inner\">Book online or via WhatsApp \u2014 a small deposit secures your spot. Free cancellation up to 24 hours before your flight. We recommend booking 2-3 days in advance, especially during peak season (October\u2013April).<\/div><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== BOOKING SECTION (INLINE FORM) ===== -->\n<section class=\"booking-section\" id=\"book\">\n  <div class=\"container\">\n    <div class=\"booking-inner\">\n      <div class=\"booking-info\">\n        <div class=\"section-label\">Reserve Your Spot<\/div>\n        <h2 class=\"section-title\">Book Your Marrakech<br>Balloon Flight<\/h2>\n        <p>Fill in the form and our team will confirm your hot air balloon ride in Marrakech within minutes. You can also reach us directly on WhatsApp for instant booking.<\/p>\n        <ul class=\"booking-perks\">\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Free cancellation up to 24 hours before<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Pay on the day \u2014 no upfront charge<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Instant WhatsApp confirmation<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Hotel pickup included \u2014 all Marrakech areas<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Secure booking with Moratra \u2014 rated 5.0\u2605<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"booking-form-card\">\n        <h3>Quick Booking Form<\/h3>\n        <p class=\"form-subtitle\">We'll confirm within 30 minutes<\/p>\n        <div class='fluentform ff-default fluentform_wrapper_17 ffs_default_wrap'><form data-form_id=\"17\" id=\"fluentform_17\" class=\"frm-fluent-form fluent_form_17 ff-el-form-top ff_form_instance_17_1 ff-form-loading ff-form-has-steps ffs_default\" data-form_instance=\"ff_form_instance_17_1\" method=\"POST\" ><fieldset  style=\"border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;\">\n                    <legend class=\"ff_screen_reader_title\" style=\"display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;\">Moratra \u2013 Hot Air Balloon Marrakech Booking Form (#17)<\/legend>        <div\n                style=\"display: none!important; position: absolute!important; transform: translateX(1000%)!important;\"\n                class=\"ff-el-group ff-hpsf-container\"\n        >\n            <div class=\"ff-el-input--label asterisk-right\">\n                <label for=\"ff_17_item_sf\" aria-label=\"Updates\">\n                    Updates                <\/label>\n            <\/div>\n            <div class=\"ff-el-input--content\">\n                <input type=\"text\"\n                       name=\"item_17__fluent_sf\"\n                       class=\"ff-el-form-control\"\n                       id=\"ff_17_item_sf\"\n                \/>\n            <\/div>\n        <\/div>\n                <input type=\"hidden\" id=\"__fluent_protection_token_17\" class=\"fluent-form-token-field\" name=\"__fluent_protection_token_17\">\n        <input type='hidden' name='__fluent_form_embded_post_id' value='659' \/><input type=\"hidden\" id=\"_fluentform_17_fluentformnonce\" name=\"_fluentform_17_fluentformnonce\" value=\"e097397663\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/fr\/wp-json\/wp\/v2\/pages\/659\" \/><div class='ff-step-container' class=\"Booking\" data-name=\"step_start-17_3\" data-disable_auto_focus=\"no\" data-enable_auto_slider=\"no\" data-enable_step_data_persistency=\"no\" data-enable_step_page_resume=\"no\" data-animation_type=\"slide\" ><div class='ff-step-header'><div class='ff-el-progress-status' aria-live='polite'><\/div>\n            <div class='ff-el-progress'>\n                <div role='progressbar'  class='ff-el-progress-bar'><span><\/span><\/div>\n            <\/div>\n            <ul style='display: none' class='ff-el-progress-title'>\n                <li>Your Details<\/li><li>Your Experience<\/li><li>Pickup & Confirmation<\/li>\n            <\/ul><\/div><span class='ff_step_start'><\/span><div class='ff-step-body'><div class=\"Booking fluentform-step active\" data-name=\"step_start-17_3\" data-disable_auto_focus=\"no\" data-enable_auto_slider=\"no\" data-enable_step_data_persistency=\"no\" data-enable_step_page_resume=\"no\" data-animation_type=\"slide\" ><div data-name=\"ff_cn_id_1\"  class='ff-t-container ff-column-container ff_columns_total_2 '><div class='ff-t-cell ff-t-column-1' style='flex-basis: 50%;'><div data-type=\"name-element\" data-name=\"names\" class=\" ff-field_container ff-name-field-wrapper\" ><div class='ff-t-container'><div class='ff-t-cell '><div class='ff-el-group ff-el-form-top  ff-el-form-top'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_17_names_first_name_' id='label_ff_17_names_first_name_' >Full Name<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[first_name]\" id=\"ff_17_names_first_name_\" class=\"ff-el-form-control\" placeholder=\"Full Name\" aria-invalid=\"false\" aria-required=true><\/div><\/div><\/div><\/div><\/div><\/div><div class='ff-t-cell ff-t-column-2' style='flex-basis: 50%;'><div class='ff-el-group ff-el-form-top moratra-phone'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_17_phone' id='label_ff_17_phone' aria-label=\"Phone \/ WhatsApp\">Phone \/ WhatsApp<\/label><\/div><div class='ff-el-input--content'><input name=\"phone\" class=\"ff-el-form-control ff-el-phone ff_el_with_extended_validation\" type=\"tel\" placeholder=\"Phone \/ WhatsApp\" data-name=\"phone\" id=\"ff_17_phone\" inputmode=\"tel\"  aria-invalid='false' aria-required=true><\/div><\/div><\/div><\/div><div class='ff-el-group ff-el-form-top'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_17_datetime' id='label_ff_17_datetime' aria-label=\"Date \/ Time\">Date \/ Time<\/label><\/div><div class='ff-el-input--content'><input  aria-label='Date \/ Time Use arrow keys to navigate dates. Press enter to select a date.'  aria-haspopup='dialog' data-type-datepicker data-format='d\/m\/Y' type=\"text\" name=\"datetime\" id=\"ff_17_datetime\" class=\"ff-el-form-control ff-el-datepicker\" placeholder=\"Select date\" data-name=\"datetime\"  aria-invalid='false' aria-required=true><\/div><\/div><div class='ff-el-group moratra-offers'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_17_flight_package' id='label_ff_17_flight_package' aria-label=\"Choose Your Flight Package\">Choose Your Flight Package<\/label><\/div><div class='ff-el-input--content'><select type=\"select\" name=\"flight_package\" data-name=\"flight_package\" id=\"ff_17_flight_package\" data-calc_value=\"0\" class=\"ff-el-form-control\"  aria-invalid=\"false\" aria-required=\"true\" aria-labelledby=\"label_ff_17_flight_package\"><option value=\"\">Choose your flight package<\/option><option value=\"Second Morning \u2014 \u20ac98\/pp\"  >Second Morning \u2014 \u20ac98\/pp<\/option><option value=\"First Sunrise \u2014 \u20ac130\/pp\"  >First Sunrise \u2014 \u20ac130\/pp<\/option><option value=\"Private VIP \u2014 \u20ac420\/pp\"  >Private VIP \u2014 \u20ac420\/pp<\/option><\/select><\/div><\/div><div class='step-nav ff_step_nav_last'><button style='float: left;'  type='button' data-action='prev' class='ff-btn ff-btn-prev ff-btn-secondary' aria-label='Previous'>Previous<\/button><button style='float: right;'  type='button' data-action='next' class='ff-float-right ff-btn ff-btn-next ff-btn-secondary' aria-label='Next'>Next<\/button><\/div><\/div><div style='display: none;' class=\" fluentform-step\" data-name=\"form_step-17_1\" ><div data-name=\"ff_cn_id_2\"  class='ff-t-container ff-column-container ff_columns_total_2 '><div class='ff-t-cell ff-t-column-1' style='flex-basis: 50%;'><div class='ff-el-group ff-el-form-top'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_17_email' id='label_ff_17_email' aria-label=\"Email\">Email<\/label><\/div><div class='ff-el-input--content'><input type=\"email\" name=\"email\" id=\"ff_17_email\" class=\"ff-el-form-control\" placeholder=\"Email Address\" data-name=\"email\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><\/div><div class='ff-t-cell ff-t-column-2' style='flex-basis: 50%;'><div class='ff-el-group ff-el-form-top'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_17_number_of_guests' id='label_ff_17_number_of_guests' aria-label=\"Number of Guests\">Number of Guests<\/label><\/div><div class='ff-el-input--content'><select name=\"number_of_guests\" id=\"ff_17_number_of_guests\" class=\"ff-el-form-control\" data-name=\"number_of_guests\" data-calc_value=\"0\"  aria-invalid=\"false\" aria-required=\"true\" aria-labelledby=\"label_ff_17_number_of_guests\"><option value=\"\">Select number of guests<\/option><option value=\"1\"  >1 Person<\/option><option value=\"2\"  >2 People<\/option><option value=\"3\"  >3 People<\/option><option value=\"4\"  >4 People<\/option><option value=\"5\"  >5 People<\/option><option value=\"6\"  >6 People<\/option><option value=\"7\"  >7 People<\/option><option value=\"8\"  >8 People<\/option><option value=\"9\"  >9 People<\/option><option value=\"10\"  >10 People<\/option><option value=\"11\"  >11 People<\/option><option value=\"12\"  >12 People<\/option><option value=\"13\"  >13 People<\/option><option value=\"14\"  >14 People<\/option><option value=\"15\"  >15 People<\/option><option value=\"20\"  >15+ People<\/option><option value=\"30\"  >30+ People<\/option><option value=\"50\"  >50+ People<\/option><option value=\"100\"  >100+ People<\/option><\/select><\/div><\/div><\/div><\/div><div class='step-nav ff_step_nav_last'><button style='float: left;'  type='button' data-action='prev' class='ff-btn ff-btn-prev ff-btn-secondary' aria-label='Previous'>Previous<\/button><button style='float: right;'  type='button' data-action='next' class='ff-float-right ff-btn ff-btn-next ff-btn-secondary' aria-label='Next'>Next<\/button><\/div><\/div><div style='display: none;' class=\" fluentform-step\" data-name=\"form_step-17_2\" ><div class='ff-el-group ff-el-form-top'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_17_hotel_pickup' id='label_ff_17_hotel_pickup' aria-label=\"Hotel \/ Riad \/ Pickup Address\">Hotel \/ Riad \/ Pickup Address<\/label><\/div><div class='ff-el-input--content'><textarea aria-required=\"true\" aria-labelledby=\"label_ff_17_hotel_pickup\" name=\"hotel_pickup\" id=\"ff_17_hotel_pickup\" class=\"ff-el-form-control\" placeholder=\"Riad Atlas, Bab Doukkala, Marrakech Or Google Maps link Or Airbnb full address\" rows=\"3\" cols=\"2\" data-name=\"hotel_pickup\" ><\/textarea><\/div><\/div>        <div class=\"ff-step-t-container ff-inner_submit_container ff-column-container ff_columns_total_2\">\n            <div class=\"ff-t-cell ff-t-column-1\"><div class='step-nav ff_step_nav_last'><button style='float: left;'  type='button' data-action='prev' class='ff-btn ff-btn-prev ff-btn-secondary' aria-label='Previous'>Previous<\/button><\/div><\/div>\n            <div class=\"ff-t-cell ff-t-column-2\">\n                <div class='ff-el-group ff-text-left ff_submit_btn_wrapper'><button type=\"submit\" class=\"ff-btn ff-btn-submit ff-btn-md ff_btn_style\"  aria-label=\"Confirm My Reservation\">Confirm My Reservation<\/button><\/div>            <\/div>\n        <\/div>\n        <\/div><\/div><\/div>\n        <\/fieldset><\/form><div id='fluentform_17_errors' class='ff-errors-in-stack ff_form_instance_17_1 ff-form-loading_errors ff_form_instance_17_1_errors'><\/div><\/div>            <script type=\"text\/javascript\">\n                window.fluent_form_ff_form_instance_17_1 = {\"id\":\"17\",\"ajaxUrl\":\"https:\\\/\\\/moratra.com\\\/wp-admin\\\/admin-ajax.php\",\"settings\":{\"layout\":{\"labelPlacement\":\"top\",\"asteriskPlacement\":\"asterisk-right\",\"helpMessagePlacement\":\"with_label\",\"errorMessagePlacement\":\"inline\",\"cssClassName\":\"\"},\"restrictions\":{\"denyEmptySubmission\":{\"enabled\":false}}},\"form_instance\":\"ff_form_instance_17_1\",\"form_id_selector\":\"fluentform_17\",\"rules\":{\"names[first_name]\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"names[middle_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"names[last_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"phone\":{\"required\":{\"value\":true,\"global\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\"},\"valid_phone_number\":{\"value\":true,\"global\":true,\"message\":\"Phone number is not valid\",\"global_message\":\"Phone number is not valid\"}},\"datetime\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"flight_package\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"email\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true},\"email\":{\"value\":true,\"message\":\"This field must contain a valid email\",\"global_message\":\"This field must contain a valid email\",\"global\":true}},\"number_of_guests\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"hotel_pickup\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}}},\"debounce_time\":300};\n                            <\/script>\n            \n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== FINAL CTA ===== -->\n<section class=\"final-cta\">\n  <div class=\"container\">\n    <div class=\"final-cta-content\">\n      <div class=\"section-label\">Ready to Fly?<\/div>\n      <h2>Book Your Hot Air Balloon in Marrakech<\/h2>\n      <p class=\"final-cta-subtitle\">Join 2,500+ travelers who call this Marrakech balloon ride the highlight of their Morocco trip. Secure your spot today.<\/p>\n      <div class=\"urgency-badge\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n        Limited spots \u2014 Only 3 flights per morning\n      <\/div>\n      <div class=\"final-cta-buttons\">\n        <button class=\"btn-primary book-trigger\" data-package=\"First Sunrise\" style=\"font-size:1.05rem; padding: 18px 42px;\">\n          Book Now &mdash; From <span class=\"price-display\" data-eur=\"98\" data-usd=\"113\" data-mad=\"1050\">&euro;85<\/span>\n        <\/button>\n        <a href=\"https:\/\/wa.me\/212727541683?text=Hello%2C%20I%20would%20like%20to%20book%20a%20Hot%20Air%20Balloon%20flight\" class=\"btn-whatsapp\" rel=\"nofollow noopener\" target=\"_blank\">\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\/><path d=\"M12 0C5.373 0 0 5.373 0 12c0 2.625.846 5.059 2.284 7.034L.789 23.492a.5.5 0 00.612.638l4.603-1.148A11.94 11.94 0 0012 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 22c-2.24 0-4.317-.726-6-1.956l-.42-.31-3.118.777.826-3.012-.34-.54A9.956 9.956 0 012 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z\"\/><\/svg>\n          Chat on WhatsApp\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== FLOATING WHATSAPP ===== -->\n<a href=\"https:\/\/wa.me\/212727541683?text=Hello%2C%20I%20would%20like%20to%20book%20a%20Hot%20Air%20Balloon%20flight\" class=\"whatsapp-float\" aria-label=\"Chat on WhatsApp\" rel=\"nofollow noopener\" target=\"_blank\">\n  <svg viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\/><path d=\"M12 0C5.373 0 0 5.373 0 12c0 2.625.846 5.059 2.284 7.034L.789 23.492a.5.5 0 00.612.638l4.603-1.148A11.94 11.94 0 0012 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 22c-2.24 0-4.317-.726-6-1.956l-.42-.31-3.118.777.826-3.012-.34-.54A9.956 9.956 0 012 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z\"\/><\/svg>\n<\/a>\n\n<!-- ===== BOOKING POPUP MODAL ===== -->\n<div class=\"booking-overlay\" id=\"bookingOverlay\">\n  <div class=\"booking-modal\">\n    <button class=\"modal-close\" id=\"modalClose\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg><\/button>\n    <div class=\"modal-header\">\n      <h3>Book Your Balloon Flight<\/h3>\n      <p>Secure your hot air balloon ride in Marrakech<\/p>\n      <div class=\"modal-selected-pkg\" id=\"modalPkgBadge\">First Sunrise<\/div>\n    <\/div>\n    <div class=\"modal-body\">\n      <!-- ELEMENTOR NOTE: Replace this form with [fluentform id=\"17\"] shortcode -->\n      <form id=\"modal-booking-form\" class=\"booking-form\" onsubmit=\"return handleBookingForm(this, event)\">\n        <div class=\"form-row\">\n          <div class=\"form-group\">\n            <label for=\"modal-name\">Full Name *<\/label>\n            <input type=\"text\" id=\"modal-name\" name=\"name\" required placeholder=\"Your full name\">\n          <\/div>\n          <div class=\"form-group\">\n            <label for=\"modal-email\">Email *<\/label>\n            <input type=\"email\" id=\"modal-email\" name=\"email\" required placeholder=\"email@example.com\">\n          <\/div>\n        <\/div>\n        <div class=\"form-row\">\n          <div class=\"form-group\">\n            <label for=\"modal-phone\">WhatsApp \/ Phone *<\/label>\n            <input type=\"tel\" id=\"modal-phone\" name=\"phone\" required placeholder=\"+33 6 12 34 56 78\">\n          <\/div>\n          <div class=\"form-group\">\n            <label for=\"modal-date\">Preferred Date *<\/label>\n            <input type=\"date\" id=\"modal-date\" name=\"date\" required>\n          <\/div>\n        <\/div>\n        <div class=\"form-row\">\n          <div class=\"form-group\">\n            <label for=\"modal-package\">Package<\/label>\n            <select id=\"modal-package\" name=\"package\">\n              <option value=\"Second Morning\">Second Morning \u2014 \u20ac98\/pp<\/option>\n              <option value=\"First Sunrise\">First Sunrise \u2014 \u20ac130\/pp<\/option>\n              <option value=\"Private VIP\">Private VIP \u2014 \u20ac420\/pp<\/option>\n            <\/select>\n          <\/div>\n          <div class=\"form-group\">\n            <label for=\"modal-guests\">Number of Guests<\/label>\n            <select id=\"modal-guests\" name=\"guests\">\n              <option value=\"1\">1 guest<\/option>\n              <option value=\"2\" selected>2 guests<\/option>\n              <option value=\"3\">3 guests<\/option>\n              <option value=\"4\">4 guests<\/option>\n              <option value=\"5\">5 guests<\/option>\n              <option value=\"6+\">6+ guests<\/option>\n            <\/select>\n          <\/div>\n        <\/div>\n        <div class=\"form-group\">\n          <label for=\"modal-notes\">Special Requests (optional)<\/label>\n          <textarea id=\"modal-notes\" name=\"notes\" placeholder=\"Anniversary, proposal setup, dietary needs...\"><\/textarea>\n        <\/div>\n        <button type=\"submit\" class=\"btn-primary form-submit\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\n          Request Booking\n        <\/button>\n        <div class=\"form-note\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n          No payment required now. Pay on the day of your flight.\n        <\/div>\n      <\/form>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n\/* ===== FAQ Accordion ===== *\/\ndocument.querySelectorAll('.faq-question').forEach(function(btn){\n  btn.addEventListener('click', function(){\n    var item = btn.parentElement;\n    var wasActive = item.classList.contains('active');\n    document.querySelectorAll('.faq-item').forEach(function(i){ i.classList.remove('active'); });\n    if (!wasActive) item.classList.add('active');\n  });\n});\n\n\/* ===== Currency Switcher ===== *\/\nvar symbols = { eur: '\\u20AC', usd: '$', mad: '\u062f.\u0645.' };\nfunction switchCurrency(cur) {\n  document.querySelectorAll('.currency-btn').forEach(function(b){ b.classList.toggle('active', b.dataset.currency === cur); });\n  document.querySelectorAll('.price-display').forEach(function(el){\n    var val = el.dataset[cur];\n    if (el.tagName === 'SPAN' && el.classList.contains('amount')) {\n      el.textContent = symbols[cur] + val;\n    } else if (el.closest('.final-cta-buttons')) {\n      el.textContent = symbols[cur] + val;\n    } else {\n      el.textContent = val;\n    }\n  });\n  document.querySelectorAll('.curr-symbol').forEach(function(s){ s.textContent = symbols[cur]; });\n}\ndocument.querySelectorAll('.currency-btn').forEach(function(btn){\n  btn.addEventListener('click', function(){ switchCurrency(btn.dataset.currency); });\n});\n\/* Auto-detect currency *\/\n\/* EUR is always default *\/\n\n\/* ===== Gallery Video ===== *\/\nvar gv = document.getElementById('gallery-video');\nif (gv) {\n  gv.addEventListener('click', function(){\n    if (gv.querySelector('video')) return;\n    var v = document.createElement('video');\n    v.src = gv.dataset.src;\n    v.controls = true; v.autoplay = true; v.playsInline = true;\n    v.style.cssText = 'position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2;';\n    gv.appendChild(v);\n    gv.style.setProperty('--after-display','none');\n    v.play().catch(function(){});\n  });\n}\n\n\/* ===== Video Review Cards ===== *\/\ndocument.querySelectorAll('.vr-card').forEach(function(card){\n  card.addEventListener('click', function(){\n    if (card.querySelector('video')) return;\n    var v = document.createElement('video');\n    v.src = card.dataset.src;\n    v.controls = true; v.autoplay = true; v.playsInline = true;\n    v.style.cssText = 'position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:5;border-radius:16px;';\n    card.appendChild(v);\n    v.play().catch(function(){});\n  });\n});\n\n\/* ===== Booking Popup Modal ===== *\/\nvar overlay = document.getElementById('bookingOverlay');\nvar modalPkgBadge = document.getElementById('modalPkgBadge');\nvar modalPkgSelect = document.getElementById('modal-package');\n\nfunction openBookingModal(pkg) {\n  if (pkg) {\n    modalPkgBadge.textContent = pkg;\n    for (var i = 0; i < modalPkgSelect.options.length; i++) {\n      if (modalPkgSelect.options[i].value === pkg) { modalPkgSelect.selectedIndex = i; break; }\n    }\n  }\n  overlay.style.display = 'flex';\n  document.body.style.overflow = 'hidden';\n  requestAnimationFrame(function(){ overlay.classList.add('fade-in'); });\n}\nfunction closeBookingModal() {\n  overlay.classList.remove('fade-in');\n  setTimeout(function(){ overlay.style.display = 'none'; document.body.style.overflow = ''; }, 350);\n}\ndocument.querySelectorAll('.book-trigger').forEach(function(btn){\n  btn.addEventListener('click', function(e){\n    e.preventDefault();\n    openBookingModal(btn.dataset.package || 'First Sunrise');\n  });\n});\ndocument.getElementById('modalClose').addEventListener('click', closeBookingModal);\noverlay.addEventListener('click', function(e){ if (e.target === overlay) closeBookingModal(); });\ndocument.addEventListener('keydown', function(e){ if (e.key === 'Escape') closeBookingModal(); });\n\n\/* Set minimum date to today *\/\nvar today = new Date().toISOString().split('T')[0];\ndocument.querySelectorAll('input[type=\"date\"]').forEach(function(d){ d.setAttribute('min', today); });\n\n\/* ===== Form Submission \u2192 WhatsApp ===== *\/\nfunction handleBookingForm(form, e) {\n  e.preventDefault();\n  var fd = new FormData(form);\n  var name = fd.get('name') || '';\n  var email = fd.get('email') || '';\n  var phone = fd.get('phone') || '';\n  var date = fd.get('date') || '';\n  var pkg = fd.get('package') || '';\n  var guests = fd.get('guests') || '';\n  var notes = fd.get('notes') || '';\n  var msg = 'Hello Moratra! I would like to book a Hot Air Balloon flight in Marrakech.\\n\\n'\n    + '\ud83d\udc64 Name: ' + name + '\\n'\n    + '\ud83d\udce7 Email: ' + email + '\\n'\n    + '\ud83d\udcde Phone: ' + phone + '\\n'\n    + '\ud83d\udcc5 Date: ' + date + '\\n'\n    + '\ud83c\udf88 Package: ' + pkg + '\\n'\n    + '\ud83d\udc65 Guests: ' + guests\n    + (notes ? '\\n\ud83d\udcdd Notes: ' + notes : '');\n  var waURL = 'https:\/\/wa.me\/212727541683?text=' + encodeURIComponent(msg);\n  window.open(waURL, '_blank');\n  return false;\n}\n\n\/* ===== Scroll Reveal ===== *\/\nvar observer = new IntersectionObserver(function(entries){\n  entries.forEach(function(entry){\n    if (entry.isIntersecting) {\n      entry.target.style.opacity = '1';\n      entry.target.style.transform = 'translateY(0)';\n    }\n  });\n}, { threshold: 0.1 });\ndocument.querySelectorAll('.bento-card, .price-card, .testimonial-card, .timeline-step, .faq-item, .gallery-item, .vr-card').forEach(function(el){\n  el.style.opacity = '0';\n  el.style.transform = 'translateY(20px)';\n  el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n  observer.observe(el);\n});\n<\/script>\n\n<!-- Lightbox Overlay -->\n<div class=\"mrt-lightbox-overlay\" id=\"mrt-lightbox\">\n  <div class=\"mrt-lightbox-content\">\n    <button class=\"mrt-lightbox-close\" aria-label=\"Close\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg><\/button>\n    <button class=\"mrt-lightbox-nav mrt-lightbox-prev\" aria-label=\"Previous\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg><\/button>\n    <div class=\"mrt-lightbox-media\" id=\"mrt-lightbox-media\"><\/div>\n    <button class=\"mrt-lightbox-nav mrt-lightbox-next\" aria-label=\"Next\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/button>\n    <div class=\"mrt-lightbox-counter\" id=\"mrt-lightbox-counter\"><\/div>\n  <\/div>\n<\/div>\n\n<\/div>\n<script>\n\n\/* ===== Gallery Slider ===== *\/\n(function() {\n  var pages = document.querySelectorAll('.gallery-page');\n  var dots = document.querySelectorAll('.gallery-dot');\n  var cur = 0;\n  if (!pages.length) return;\n  pages[0].classList.add('active');\n  function goTo(idx) {\n    pages[cur].classList.remove('active');\n    dots[cur].classList.remove('active');\n    cur = (idx + pages.length) % pages.length;\n    pages[cur].classList.add('active');\n    dots[cur].classList.add('active');\n  }\n  var prevBtn = document.querySelector('.gallery-prev');\n  var nextBtn = document.querySelector('.gallery-next');\n  if (prevBtn) prevBtn.addEventListener('click', function() { goTo(cur - 1); });\n  if (nextBtn) nextBtn.addEventListener('click', function() { goTo(cur + 1); });\n  dots.forEach(function(dot, i) { dot.addEventListener('click', function() { goTo(i); }); });\n  \/* Touch swipe on slider *\/\n  var slider = document.getElementById('gallerySlider');\n  var gsx = 0;\n  if (slider) {\n    slider.addEventListener('touchstart', function(e) { gsx = e.changedTouches[0].screenX; }, { passive: true });\n    slider.addEventListener('touchend', function(e) {\n      var d = e.changedTouches[0].screenX - gsx;\n      if (Math.abs(d) > 50) { d > 0 ? goTo(cur - 1) : goTo(cur + 1); }\n    }, { passive: true });\n  }\n})();\n\n(function() {\n  var items = document.querySelectorAll('.mrt-balloon-page .gallery-item');\n  var overlay = document.getElementById('mrt-lightbox');\n  if (!overlay || !items.length) return;\n  var mediaContainer = document.getElementById('mrt-lightbox-media');\n  var counter = document.getElementById('mrt-lightbox-counter');\n  var currentIndex = 0;\n  var galleryData = [];\n\n  items.forEach(function(item, i) {\n    var img = item.querySelector('img');\n    var videoSrc = item.getAttribute('data-src');\n    if (videoSrc) {\n      galleryData.push({ type: 'video', src: videoSrc, thumb: img ? img.src : '' });\n      if (!item.querySelector('.play-icon')) {\n        var pi = document.createElement('div');\n        pi.className = 'play-icon';\n        pi.innerHTML = '<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"white\"><polygon points=\"8,5 20,12 8,19\"\/><\/svg>';\n        item.appendChild(pi);\n      }\n    } else if (img) {\n      galleryData.push({ type: 'image', src: img.src, alt: img.alt || '' });\n    }\n    item.addEventListener('click', function() { openLightbox(i); });\n  });\n\n  function openLightbox(index) {\n    currentIndex = index;\n    showMedia();\n    overlay.classList.add('active');\n    document.body.style.overflow = 'hidden';\n  }\n  function closeLightbox() {\n    overlay.classList.remove('active');\n    document.body.style.overflow = '';\n    var v = mediaContainer.querySelector('video');\n    if (v) v.pause();\n  }\n  function showMedia() {\n    var item = galleryData[currentIndex];\n    if (item.type === 'video') {\n      mediaContainer.innerHTML = '<video controls autoplay playsinline style=\"max-width:90vw;max-height:85vh;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,0.5);background:#000\"><source src=\"' + item.src + '\" type=\"video\/mp4\"><\/video>';\n    } else {\n      mediaContainer.innerHTML = '<img decoding=\"async\" src=\"' + item.src + '\" alt=\"' + (item.alt || '') + '\" style=\"max-width:90vw;max-height:85vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,0.5)\">';\n    }\n    counter.textContent = (currentIndex + 1) + ' \/ ' + galleryData.length;\n  }\n  function nav(dir) {\n    var v = mediaContainer.querySelector('video');\n    if (v) v.pause();\n    currentIndex = (currentIndex + dir + galleryData.length) % galleryData.length;\n    showMedia();\n  }\n\n  overlay.querySelector('.mrt-lightbox-close').addEventListener('click', closeLightbox);\n  overlay.querySelector('.mrt-lightbox-prev').addEventListener('click', function() { nav(-1); });\n  overlay.querySelector('.mrt-lightbox-next').addEventListener('click', function() { nav(1); });\n  overlay.addEventListener('click', function(e) { if (e.target === overlay) closeLightbox(); });\n  document.addEventListener('keydown', function(e) {\n    if (!overlay.classList.contains('active')) return;\n    if (e.key === 'Escape') closeLightbox();\n    if (e.key === 'ArrowLeft') nav(-1);\n    if (e.key === 'ArrowRight') nav(1);\n  });\n  var sx = 0;\n  overlay.addEventListener('touchstart', function(e) { sx = e.changedTouches[0].screenX; }, { passive: true });\n  overlay.addEventListener('touchend', function(e) {\n    var d = e.changedTouches[0].screenX - sx;\n    if (Math.abs(d) > 50) { d > 0 ? nav(-1) : nav(1); }\n  }, { passive: true });\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7eeb8379 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7eeb8379\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-308ef580\" data-id=\"308ef580\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6b45f1f1 elementor-widget elementor-widget-html\" data-id=\"6b45f1f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"mrw-root\" style=\"position:relative;z-index:1;isolation:isolate;\"><\/div><script>\n(function(){var r=document.getElementById('mrw-root');if(!r||r._i)return;r._i=1;var S=r.attachShadow({mode:'open'});var ACT='Hot Air Balloon Marrakech',API='https:\/\/moratra.com\/wp-json\/moratra\/v1\/reviews',allR=[];\nS.innerHTML='<style>*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:host{display:block;font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,sans-serif;font-size:15px;color:#222;line-height:1.5}.wrap{max-width:1200px;margin:0 auto;padding:32px 20px}.head{text-align:center;margin-bottom:28px}.head span{font-size:.7rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#C9A84C;display:block;margin-bottom:6px}.head h2{font-size:1.5rem;font-weight:800;color:#111;margin-bottom:6px}.head p{color:#888;font-size:.85rem}.layout{display:flex;gap:28px;align-items:flex-start}.left{width:220px;flex-shrink:0;position:sticky;top:20px}.score-box{background:#111;border-radius:16px;padding:20px 16px;text-align:center;margin-bottom:14px;color:#fff}.score-stars{display:block;font-size:1.3rem;letter-spacing:2px;color:#F5A623;margin-bottom:4px}.score-num{display:block;font-size:2.8rem;font-weight:900;line-height:1}.score-lbl{font-size:.7rem;opacity:.6;display:block;margin-bottom:6px}.score-tot{font-size:.72rem;color:#aaa}.filter-box{background:#faf9f7;border:1.5px solid #f0ece4;border-radius:14px;padding:14px;margin-bottom:12px}.filter-title{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#999;margin-bottom:10px}.filter-row{display:flex;align-items:center;gap:8px;cursor:pointer;padding:3px 0}.filter-star{font-size:.78rem;font-weight:600;color:#444;min-width:26px}.bar-track{flex:1;height:5px;background:#e8e2d8;border-radius:3px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#C9A84C,#e8c96e);border-radius:3px;transition:width .5s}.bar-num{font-size:.7rem;color:#999;min-width:14px;text-align:right}.mrw-cb{accent-color:#C9A84C;width:13px;height:13px}.write-btn{display:block;width:100%;background:linear-gradient(135deg,#C9A84C,#e8c96e);color:#1a1a1a;border:none;border-radius:10px;padding:11px 16px;font-size:.82rem;font-weight:700;cursor:pointer;margin-bottom:10px;transition:opacity .2s}.write-btn:hover{opacity:.85}.vn{display:flex;align-items:center;gap:5px;font-size:.68rem;color:#999}.vn svg{width:13px;height:13px;color:#27ae60;flex-shrink:0}.right{flex:1;min-width:0;max-height:580px;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:#ddd #f9f9f9}.right::-webkit-scrollbar{width:5px}.right::-webkit-scrollbar-track{background:#f9f9f9;border-radius:3px}.right::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.card{background:#fff;border:1.5px solid #f0ece4;border-radius:14px;padding:16px 18px;margin-bottom:12px;transition:box-shadow .2s}.card:hover{box-shadow:0 4px 16px rgba(0,0,0,.07)}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.card-stars{font-size:1rem;letter-spacing:1px;color:#F5A623}.badge{display:inline-flex;align-items:center;gap:4px;background:#f0faf4;color:#27ae60;font-size:.65rem;font-weight:700;padding:3px 8px;border-radius:20px;border:1px solid #c3e6cb}.badge svg{width:11px;height:11px}.card-act{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#C9A84C;margin-bottom:4px}.card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:8px}.card-name{font-size:.82rem;font-weight:700;color:#111}.sep{color:#ccc;font-size:.8rem}.card-info{font-size:.78rem;color:#888}.cbody{font-size:.83rem;color:#444;line-height:1.55;max-height:60px;overflow:hidden;transition:max-height .3s}.cbody.exp{max-height:600px}.toggle{background:none;border:none;color:#C9A84C;font-size:.75rem;font-weight:600;cursor:pointer;padding:4px 0;margin-top:4px;display:block}.empty{text-align:center;padding:32px;color:#aaa;font-size:.85rem;display:none}.loading{text-align:center;padding:32px;color:#bbb;font-size:.85rem}.spinner{width:32px;height:32px;border:3px solid #f0ece4;border-top-color:#C9A84C;border-radius:50%;animation:spin .7s linear infinite;margin:0 auto 8px}@keyframes spin{to{transform:rotate(360deg)}}.overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:99999;align-items:center;justify-content:center;padding:20px}.overlay.open{display:flex;z-index:999999}.modal{background:#fff;border-radius:18px;padding:28px 24px;width:100%;max-width:500px;position:relative;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.25);animation:su .25s ease}@keyframes su{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.mx{position:absolute;top:14px;right:14px;background:#f5f5f5;border:none;border-radius:50%;width:28px;height:28px;font-size:14px;cursor:pointer;color:#555;display:flex;align-items:center;justify-content:center}.mx:hover{background:#e8e8e8}.modal h3{font-size:1.1rem;font-weight:800;color:#111;margin-bottom:3px}.modal-sub{font-size:.78rem;color:#999;margin-bottom:16px}.sp{display:flex;gap:5px;margin-bottom:16px;flex-direction:row-reverse;justify-content:flex-end}.sp input[type=radio]{display:none}.sp label{font-size:26px;color:#ddd;cursor:pointer;transition:color .1s;user-select:none}.sp input[type=radio]:checked~label,.sp label:hover,.sp label:hover~label{color:#F5A623}.frow{display:flex;gap:12px;margin-bottom:0}.frow .field{flex:1}.field{margin-bottom:12px}.field label{display:block;font-size:.7rem;font-weight:700;color:#666;margin-bottom:4px;letter-spacing:.3px}.field input,.field textarea{width:100%;border:1.5px solid #e5e5e5;border-radius:8px;padding:9px 12px;font-size:.83rem;color:#111;background:#fafafa;outline:none;transition:border-color .2s;font-family:inherit}.field input:focus,.field textarea:focus{border-color:#C9A84C;background:#fff}.field textarea{min-height:90px;resize:vertical}.hint{font-size:.65rem;color:#bbb;margin-top:3px;display:block}.sub-btn{width:100%;background:#111;color:#fff;border:none;border-radius:10px;padding:12px;font-size:.85rem;font-weight:700;cursor:pointer;transition:background .2s,transform .1s;margin-top:4px}.sub-btn:hover:not(:disabled){background:#333;transform:translateY(-1px)}.sub-btn:disabled{opacity:.6;cursor:not-allowed}.msg{border-radius:8px;padding:12px 14px;font-size:.8rem;margin-top:12px;display:none}.msg.ok{background:#f0faf4;border:1px solid #c3e6cb;color:#1b7e3e;display:block}.msg.er{background:#fff5f5;border:1px solid #f5c6cb;color:#b71c1c;display:block}@media(max-width:768px){.layout{flex-direction:column}.left{width:100%;position:static}.right{max-height:460px}.head h2{font-size:1.3rem}.modal{padding:22px 16px}.frow{flex-direction:column;gap:0}}<\/style><section class=\"wrap\"><div class=\"head\"><span>Verified Guest Reviews<\/span><h2>What Our Travelers Say<\/h2><p>Real experiences from people who completed this activity<\/p><\/div><div class=\"layout\"><div class=\"left\"><div class=\"score-box\"><span class=\"score-stars\">\u2605\u2605\u2605\u2605\u2605<\/span><span class=\"score-num\" id=\"mrw-num\">\u2014<\/span><span class=\"score-lbl\">out of 5<\/span><span class=\"score-tot\" id=\"mrw-tot\">Loading\u2026<\/span><\/div><div class=\"filter-box\"><div class=\"filter-title\">Filter by Rating<\/div><label class=\"filter-row\"><input type=\"checkbox\" class=\"mrw-cb\" data-s=\"5\" checked><span class=\"filter-star\">5 \u2605<\/span><div class=\"bar-track\"><div class=\"bar-fill\" id=\"mrw-b5\" style=\"width:0%\"><\/div><\/div><span class=\"bar-num\" id=\"mrw-c5\">0<\/span><\/label><label class=\"filter-row\"><input type=\"checkbox\" class=\"mrw-cb\" data-s=\"4\" checked><span class=\"filter-star\">4 \u2605<\/span><div class=\"bar-track\"><div class=\"bar-fill\" id=\"mrw-b4\" style=\"width:0%\"><\/div><\/div><span class=\"bar-num\" id=\"mrw-c4\">0<\/span><\/label><label class=\"filter-row\"><input type=\"checkbox\" class=\"mrw-cb\" data-s=\"3\" checked><span class=\"filter-star\">3 \u2605<\/span><div class=\"bar-track\"><div class=\"bar-fill\" id=\"mrw-b3\" style=\"width:0%\"><\/div><\/div><span class=\"bar-num\" id=\"mrw-c3\">0<\/span><\/label><label class=\"filter-row\"><input type=\"checkbox\" class=\"mrw-cb\" data-s=\"2\" checked><span class=\"filter-star\">2 \u2605<\/span><div class=\"bar-track\"><div class=\"bar-fill\" id=\"mrw-b2\" style=\"width:0%\"><\/div><\/div><span class=\"bar-num\" id=\"mrw-c2\">0<\/span><\/label><label class=\"filter-row\"><input type=\"checkbox\" class=\"mrw-cb\" data-s=\"1\" checked><span class=\"filter-star\">1 \u2605<\/span><div class=\"bar-track\"><div class=\"bar-fill\" id=\"mrw-b1\" style=\"width:0%\"><\/div><\/div><span class=\"bar-num\" id=\"mrw-c1\">0<\/span><\/label><\/div><button class=\"write-btn\" id=\"mrw-open\"><svg style=\"width:14px;height:14px;display:inline-block;vertical-align:middle\"><use href=\"#i-pencil\"\/><\/svg> Write a Review<\/button><div class=\"vn\"><svg viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M8 0a8 8 0 100 16A8 8 0 008 0zm3.7 6.3l-4 4a1 1 0 01-1.4 0l-2-2a1 1 0 111.4-1.4L7 8.2l3.3-3.3a1 1 0 111.4 1.4z\"\/><\/svg>Reviews published after admin approval<\/div><\/div><div class=\"right\" id=\"mrw-list\"><div class=\"loading\" id=\"mrw-load\"><div class=\"spinner\"><\/div>Loading reviews\u2026<\/div><div class=\"empty\" id=\"mrw-empty\">No reviews match this filter.<\/div><\/div><\/div><\/section><div class=\"overlay\" id=\"mrw-ov\"><div class=\"modal\" role=\"dialog\" aria-modal=\"true\"><button class=\"mx\" id=\"mrw-close\">\u2715<\/button><h3>Share Your Experience<\/h3><p class=\"modal-sub\">Your review will be published after our team approves it.<\/p><div class=\"sp\"><input type=\"radio\" name=\"mrw_s\" id=\"s5\" value=\"5\"><label for=\"s5\">\u2605<\/label><input type=\"radio\" name=\"mrw_s\" id=\"s4\" value=\"4\"><label for=\"s4\">\u2605<\/label><input type=\"radio\" name=\"mrw_s\" id=\"s3\" value=\"3\"><label for=\"s3\">\u2605<\/label><input type=\"radio\" name=\"mrw_s\" id=\"s2\" value=\"2\"><label for=\"s2\">\u2605<\/label><input type=\"radio\" name=\"mrw_s\" id=\"s1\" value=\"1\"><label for=\"s1\">\u2605<\/label><\/div><form id=\"mrw-form\" novalidate><div class=\"frow\"><div class=\"field\"><label for=\"mrw-name\">Full Name *<\/label><input type=\"text\" id=\"mrw-name\" placeholder=\"Sarah Mitchell\" required><\/div><div class=\"field\"><label for=\"mrw-loc\">Country \/ City<\/label><input type=\"text\" id=\"mrw-loc\" placeholder=\"London, UK\"><\/div><\/div><div class=\"field\"><label for=\"mrw-email\">Email (hidden from public)<\/label><input type=\"email\" id=\"mrw-email\" placeholder=\"your@email.com\"><span class=\"hint\">Only used to contact you \u2014 never displayed.<\/span><\/div><div class=\"field\"><label for=\"mrw-text\">Your Review *<\/label><textarea id=\"mrw-text\" placeholder=\"Describe your experience\u2026\" required><\/textarea><\/div><button type=\"submit\" class=\"sub-btn\" id=\"mrw-sub\">Submit Review<\/button><div class=\"msg\" id=\"mrw-msg\"><\/div><\/form><\/div><\/div>';\nfunction el(i){return S.getElementById(i)}function $(q){return S.querySelector(q)}function $$(q){return S.querySelectorAll(q)}function esc(t){var d=document.createElement('div');d.appendChild(document.createTextNode(t));return d.innerHTML}function st(n){return'\u2605'.repeat(n)+'\u2606'.repeat(5-n)}\nfunction applyFilter(){var ck=[];$$('.mrw-cb:checked').forEach(function(c){ck.push(+c.dataset.s)});var v=0;$$('.card').forEach(function(c){var s=ck.indexOf(+c.dataset.stars)!==-1;c.style.display=s?'':'none';if(s)v++});el('mrw-empty').style.display=v?'none':'block'}\nfunction updateStats(d){if(!d.average&&d.reviews){var cs={1:0,2:0,3:0,4:0,5:0},tw=0;d.reviews.forEach(function(r){cs[r.stars]=(cs[r.stars]||0)+1;tw+=r.stars});d.counts=cs;d.total=d.reviews.length;d.average=d.total>0?Math.round(tw\/d.total*10)\/10:0}el('mrw-num').textContent=d.average?parseFloat(d.average).toFixed(1):'\u2014';el('mrw-tot').textContent='Based on '+d.total+' review'+(d.total!==1?'s':'');var mx=Math.max.apply(null,[5,4,3,2,1].map(function(s){return d.counts[s]||0}))||1;[5,4,3,2,1].forEach(function(s){var c=d.counts[s]||0;el('mrw-cnt-'+s).textContent=c;el('mrw-bar-'+s).style.width=Math.round(c\/mx*100)+'%'})}\nfunction buildCard(rv,i){var b='bd'+i;return'<div class=\"card\" data-stars=\"'+rv.stars+'\"><div class=\"card-top\"><span class=\"card-stars\">'+st(rv.stars)+'<\/span><span class=\"badge\"><svg viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M8 0a8 8 0 100 16A8 8 0 008 0zm3.7 6.3l-4 4a1 1 0 01-1.4 0l-2-2a1 1 0 111.4-1.4L7 8.2l3.3-3.3a1 1 0 111.4 1.4z\"\/><\/svg> Verified<\/span><\/div><div class=\"card-act\">'+esc(rv.activity)+'<\/div><div class=\"card-meta\"><span class=\"card-name\">'+esc(rv.name)+'<\/span><span class=\"sep\">\u00b7<\/span><span class=\"card-info\">'+esc(rv.location)+'<\/span><span class=\"sep\">\u00b7<\/span><span class=\"card-info\">'+esc(rv.date)+'<\/span><\/div><div class=\"cbody\" id=\"'+b+'\">'+esc(rv.text)+'<\/div><button class=\"toggle\" data-t=\"'+b+'\" data-o=\"0\">Read more \u25be<\/button><\/div>'}\nfunction fetchReviews(){fetch(API+'?activity='+encodeURIComponent(ACT)+'&per_page=50').then(function(r){if(!r.ok)throw 0;return r.json()}).then(function(d){var ld=el('mrw-load');if(ld)ld.style.display='none';updateStats(d);allR=d.reviews||[];el('mrw-empty').insertAdjacentHTML('beforebegin',allR.map(buildCard).join(''));if(!allR.length){el('mrw-empty').style.display='block';el('mrw-empty').textContent='No reviews yet \u2014 be the first!'}el('mrw-list').addEventListener('click',function(e){var b=e.target.closest('.toggle');if(!b)return;var bd=S.getElementById(b.dataset.t),op=b.dataset.o==='1';bd.classList.toggle('exp',!op);b.dataset.o=op?'0':'1';b.textContent=op?'Read more \u25be':'Show less \u25b4'});$$('.mrw-cb').forEach(function(c){c.addEventListener('change',applyFilter)})}).catch(function(){var ld=el('mrw-load');if(ld)ld.innerHTML='<p style=\"color:#ccc\">Could not load reviews. Please refresh.<\/p>'})}\nfunction openModal(){el('mrw-ov').classList.add('open');document.documentElement.style.setProperty('overflow','hidden');document.documentElement.dataset.mrwModal='1'}function closeModal(){el('mrw-ov').classList.remove('open');document.documentElement.style.removeProperty('overflow');delete document.documentElement.dataset.mrwModal}\nel('mrw-open').addEventListener('click',openModal);el('mrw-close').addEventListener('click',closeModal);el('mrw-ov').addEventListener('click',function(e){if(e.target===el('mrw-ov'))closeModal()});document.addEventListener('keydown',function(e){if(e.key==='Escape')closeModal()});\nel('mrw-form').addEventListener('submit',function(e){e.preventDefault();var msg=el('mrw-msg'),btn=el('mrw-sub'),star=$('input[name=\"mrw_s\"]:checked');if(!star){showMsg(msg,'er','Please select a star rating.');return}if(!el('mrw-name').value.trim()){showMsg(msg,'er','Please enter your name.');return}if(!el('mrw-text').value.trim()){showMsg(msg,'er','Please write your review.');return}btn.disabled=true;btn.textContent='Submitting\u2026';msg.className='msg';msg.style.display='none';fetch(API,{method:'POST',headers:{'Content-Type':'application\/json'},body:JSON.stringify({name:el('mrw-name').value.trim(),email:el('mrw-email').value.trim(),location:el('mrw-loc').value.trim(),activity:ACT,stars:+star.value,text:el('mrw-text').value.trim()})}).then(function(r){return r.json()}).then(function(d){if(d.success){showMsg(msg,'ok','\u2705 Thank you! Your review will appear after approval.');el('mrw-form').reset();btn.textContent='Submit Review';btn.disabled=false}else throw new Error(d.message||'Failed')}).catch(function(err){showMsg(msg,'er','\u274c '+(err.message||'Something went wrong.'));btn.textContent='Submit Review';btn.disabled=false})});\nfunction showMsg(e,t,x){e.className='msg '+t;e.textContent=x;e.style.display='block'}\nnew IntersectionObserver(function(e,o){if(e[0].isIntersecting){_mrwFn();o.disconnect()}},{rootMargin:'100px'}).observe(r);var _mrwDone=0;var _mrwFn=function(){if(!_mrwDone++){fetchReviews();}};\nsetTimeout(_mrwFn,2000);\n})()\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Vol en montgolfi\u00e8re \u00e0 Marrakech \u2013 Offre sp\u00e9ciale<\/p>","protected":false},"author":1,"featured_media":9487,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-659","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/moratra.com\/fr\/wp-json\/wp\/v2\/pages\/659","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moratra.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moratra.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moratra.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moratra.com\/fr\/wp-json\/wp\/v2\/comments?post=659"}],"version-history":[{"count":5,"href":"https:\/\/moratra.com\/fr\/wp-json\/wp\/v2\/pages\/659\/revisions"}],"predecessor-version":[{"id":12418,"href":"https:\/\/moratra.com\/fr\/wp-json\/wp\/v2\/pages\/659\/revisions\/12418"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/moratra.com\/fr\/wp-json\/wp\/v2\/media\/9487"}],"wp:attachment":[{"href":"https:\/\/moratra.com\/fr\/wp-json\/wp\/v2\/media?parent=659"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}