{"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-08-22T01:09:22","modified_gmt":"2026-08-22T01:09:22","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; 200+ 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=\"135\" data-usd=\"155\" data-mad=\"1450\">$160<\/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\">200+<\/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 Experience<\/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 desert floor. Float 1,000 feet above the Moroccan landscape while the Atlas Mountains 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 luxury 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      <!-- 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=\"135\" data-usd=\"155\" data-mad=\"1450\">135<\/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 Private Experience<\/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 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 camel 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> 50% deposit online \u2014 balance on the day<\/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=\"Notify\">\n                    Notify                <\/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=\"cc3a4a5280\" \/><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=\"First Sunrise \u2014 $160\/pp\"  >First Sunrise \u2014 $160\/pp<\/option><option value=\"Private VIP \u2014 $490\/pp\"  >Private VIP \u2014 $490\/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,\"file_upload_settings\":[]};\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 200+ 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=\"135\" data-usd=\"155\" data-mad=\"1450\">&euro;135<\/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=\"First Sunrise\">First Sunrise \u2014 $160\/pp<\/option>\n              <option value=\"Private VIP\">Private VIP \u2014 $490\/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          Secure online deposit 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 *\/\nswitchCurrency('usd'); \/* USD is 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<\/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":2,"href":"https:\/\/moratra.com\/fr\/wp-json\/wp\/v2\/pages\/659\/revisions"}],"predecessor-version":[{"id":13512,"href":"https:\/\/moratra.com\/fr\/wp-json\/wp\/v2\/pages\/659\/revisions\/13512"}],"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}]}}