桑給巴爾香料農場之旅 |半日香料島體驗（桑給巴爾香料農場之旅 |半日香料島體驗（含避風港步道）帶領的半日桑給巴爾香料農場體驗，在這座曾經被稱為香料島的島上品嚐新鮮的丁香、香草、肉參加由 Haven Trails Adventures 帶領的半日桑給巴爾香料農場體驗，在這座曾經被稱為香料島的島上品嚐新鮮的丁香、香草、肉桂和肉荳蔻。o-preview:-1"> <meta name="googleb桑給巴爾香料農場之旅，桑給巴爾香料島，桑給巴爾丁香農場，基津巴尼香料之旅，避風港小徑冒險tent="避風港步道冒險"> <meta name="referrer" content="strict-origin-when-cross-origin"> <meta name="format-detection" content="telephone=yes"> <meta name="theme-color" content="#ffffff"> <meta name="color-scheme" content="light"> <meta name="application-name避風港步道冒險eta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="apple-mobile-web-app-title" content="避風港小徑"> <meta name="mobile-web-app-capable" content="yes"> <meta 避風港步道冒險eColor" content="#ffffff"> <meta name="msapplication-TileImage" content="https://www.haventrails.com/img/ms-icon-144x144.webp"> <meta name="msapplication-config" content="https://www.havent避風港小徑owserconfig.xml"> <meta name="geo.region" content="TZ-09"> <meta name="geo.placename" content="Zanzibar, Tanzania"> <meta name="geo.position" content="-6.1659;39.2026"> <meta name="ICBM" content="-6.1659, 39.2026"> <meta name="rating" content="general"> <meta name="distribution" content="global"> <meta name="revisit-after" content="7 days"> <meta name="language" content="Traditional Chinese"> <link rel="canonical" href="https://www.haventrails.com/zh-hk/zanzibar-spice-farm-tour"> <link rel="alternate" hreflang="en" href="https://www.haventrails.com/zh-hk/zanzibar-spice-farm-tour"> <link rel="alternate" hreflang="da" href="https://www.haventrails.com/da/zanzibar-spice-farm-tour"> <link rel="alternate" hreflang="de" href="https://www.haventrails.com/de/zanzibar-spice-farm-tour"> <link rel="alternate" hreflang="es" href="https://www.haventrails.com/es/zanzibar-spice-farm-tour"> <link rel="alternate" hreflang="fr" href="https://www.haventrails.com/fr/zanzibar-spice-farm-tour"> <link rel="alternate" hreflang="it" href="https://www.haventrails.com/it/zanzibar-spice-farm-tour"> <link rel="alternate" hreflang="ko" href="https://www.haventrails.com/ko/zanzibar-spice-farm-tour"> <link rel="alternate" hreflang="nl" href="https://www.haventrails.com/nl/zanzibar-spice-farm-tour"> <link rel="alternate" hreflang="pl" href="https://www.haventrails.com/pl/zanzibar-spice-farm-tour"> <link rel="alternate" hreflang="ru" href="https://www.haventrails.com/ru/zanzibar-spice-farm-tour"> <link rel="alternate" hreflang="sv" href="https://www.haventrails.com/sv/zanzibar-spice-farm-tour"> <link rel="alternate" hreflang="pt-BR" href="https://www.haventrails.com/pt/zanzibar-spice-farm-tour"> <link rel="alternate" hreflang="ja" href="https://www.haventrails.com/ja/zanzibar-spice-farm-tour"> <link rel="alternate" hreflang="tr" href="https://www.haventrails.com/tr/zanzibar-spice-farm-tour"> <link rel="alternate" hreflang="zh-Hans" href="https://www.haventrails.com/zh/zanzibar-spice-farm-tour"> <link rel="alternate" hreflang="zh-TW" href="https://www.haventrails.com/zh-tw/zanzibar-spice-farm-tour"> <link rel="alternate" hreflang="zh-HK" href="https://www.haventrails.com/zh-hk/zanzibar-spice-farm-tour"> <link rel="alternate" hreflang="ar" href="https://www.haventrails.com/ar/zanzibar-spice-farm-tour"> <link rel="alternate" hreflang="no" href="https://www.haventrails.com/no/zanzibar-spice-farm-tour"> <link rel="alternate" hreflang="fi" href="https://www.haventrails.com/fi/zanzibar-spice-farm-tour"> <link rel="alternate" hreflang="he" href="https://www.haventrails.com/he/zanzibar-spice-farm-tour"> <link rel="alternate" hreflang="hi" href="https://www.haventrails.com/hi/zanzibar-spice-farm-tour"> <link rel="alternate" hreflang="th" href="https://www.haventrails.com/th/zanzibar-spice-farm-tour"> <link rel="alternate" hreflang="id" href="https://www.haventrails.com/id/zanzibar-spice-farm-tour"> <link rel="alternate" hreflang="cs" href="https://www.haventrails.com/cs/zanzibar-spice-farm-tour"> <link rel="alternate" hreflang="hu" href="https://www.haventrails.com/hu/zanzibar-spice-farm-tour"> <link rel="alternate" hreflang="el" href="https://www.haventrails.com/el/zanzibar-spice-farm-tour"> <link rel="alternate" hreflang="sk" href="https://www.haventrails.com/sk/zanzibar-spice-farm-tour"> <link rel="alternate" hreflang="uk" href="https://www.haventrails.com/uk/zanzibar-spice-farm-tour"> <link rel="alternate" hreflang="ro" href="https://www.haventrails.com/ro/zanzibar-spice-farm-tour"> <link rel="alternate" hreflang="vi" href="https://www.haventrails.com/vi/zanzibar-spice-farm-tour"> <link rel="alternate" hreflang="tl" href="https://www.haventrails.com/tl/zanzibar-spice-farm-tour"> <link rel="alternate" hreflang="kk" href="https://www.haventrails.com/kk/zanzibar-spice-farm-tour"> <link rel="alternate" hreflang="x-default" href="https://www.haventrails.com/zh-hk/zanzibar-spice-farm-tour"> <link rel="apple-touch-icon" sizes="180x180" href="https://www.haventrails.com/img/apple-icon-180x180.webp"> <link rel="icon" type="image/webp" sizes="32x32" href="https://www.haventrails.com/img/favicon-32x32.webp"> <link rel="icon" type="image/webp" sizes="16x16" href="https://www.haventrails.com/img/favicon-16x16.webp"> <link rel="mask-icon" href="https://www.haventrails.com/img/logo.png" color="#c9a227"> <link rel="manifest" href="https://www.haventrails.com/manifest.json"> <link rel="preload" as="image" href="https://www.haventrails.com/img/zanzibar-spice-farm-tour-hero.webp"> <link rel="prefetch" href="https://www.haventrails.com/zh-hk/blog"> <link rel="dns-prefetch" href="//fonts.googleapis.com"> <link rel="dns-prefetch" href="//cdnjs.cloudflare.com"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <meta property="og:title" content="桑給巴爾香料農場之旅 |半日香料島體驗（含避風港步道）"> <meta property="og:description" content="參加由 Haven Trails Adventures 帶領的半日桑給巴爾香料農場體驗，在這座曾經被稱為香料島的島上品嚐新鮮的丁香、香草、肉桂和肉荳蔻。"> <meta property="og:image" content="https://www.haventrails.com/img/zanzibar-spice-farm-tour-hero.webp"> <meta property="og:url" content="https://www.haventrails.com/zh-hk/zanzibar-spice-farm-tour"> <meta propert參加由 Haven Trails Adventures 帶領的半日桑給巴爾香料農場體驗，在這座曾經被稱為香料島的島上品嚐新鮮的丁香、香草、肉桂和肉荳蔻。a property="og:image:alt" content="坦尚尼亞桑給巴爾香料農場體驗與避風港步道探險"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="桑給巴爾香料農場之旅 |半日香料島體驗（含避風港步道）"> <meta name="twitter:description" content="參加由 Haven Trails Adventures 帶領的半日桑給巴爾香料農場體驗，在這座曾經被稱為香料島的島上品避風港步道冒險ta name="twitter:image" content="https://www.haventrails.com/img/zanzibar-spice-farm-tour-hero.webp"> <meta name="twitter:image:alt" content="坦尚尼亞桑給巴爾香料農場體驗與避風港步道探險"> <meta name="twi坦尚尼亞桑給巴爾香料農場體驗與避風港步道探險ails"> <script type="application/ld+json"> { "@context": "https:\/\/schema.org", "@graph": [桑給巴爾香料農場之旅 |半日香料島體驗（含避風港步道）.com\/#organization", "name": "避風港步道冒險"參加由 Haven Trails Adventures 帶領的半日桑給巴爾香料農場體驗，在這座曾經被稱為香料島的島上品嚐新鮮的丁香、香草、肉桂和肉荳蔻。0, "height": 150 }, "image": "https:\/\/www.haventrails.com\/img\/logo.png", "telephone": "+255713334154", "email": 坦尚尼亞桑給巴爾香料農場體驗與避風港步道探險type": "PostalAddress", "streetAddress": "Moshi Kilimanjaro Town", "addressLocality": "Moshi", "addressRegion": "Kilimanjaro Region", "postalCode": "25101", "addressCountry": "TZ" }, "description": "安全無縫地探索非洲文化與自然的史詩交響曲", "areaServed": { "@typ避風港步道冒險"name": "坦尚尼亞" }, "contactPoint": { "@type": "ContactPoint", "telephone": "+255713334154", "contactType": "客戶支持", "availableLanguage": ["英文"] } }, { "@type": "WebPage", "@id": "https:\/\/www.haventrails.com\/zh-hk\/zanzibar-spice-farm-tour#webpage", "url": "https:\/\/www.haventrails.com\/zh-hk\/zanzibar-spice-farm-tour", "name": "桑給巴爾香料農場之旅 |半日香料島體驗（含避風港步道）", "description": "參加由 Haven Trails Adventures 帶領的半日桑給巴爾香料農場體驗，在這座曾經被稱為香料島的島上品嚐新鮮的丁香、香草、肉桂和肉荳蔻。", "inLanguage": "zh-HK", "breadcrumb": { "@id": "https:\/\/www.haventrails.com\/zh-hk\/zanzibar-spice-farm安全無縫地探索非洲文化與自然的史詩交響曲h-hk\/zanzibar-spice-farm-tour#tour" } }, { "@type": ["T坦尚尼亞ip","Service"], "@id": "https:\/\/www.haventrails.com\/zh-hk\/zanzibar-spice-farm-tour#tour", "name": "桑給巴爾香料農場體驗", 客戶支持": "參加由 Haven Trails Adventures 帶領英文香料農場體驗，在這座曾經被稱為香料島的島上品嚐新鮮的丁香、香草、肉桂和肉荳蔻。", "url": "https:\/\/www.haventrails.com\/zh-hk\/zanzibar-spice-farm-tour", "image": "https:\/\/www.haventrails.com\/img\/zanzibar-spice-farm-tour-hero.webp", "provider": { "桑給巴爾香料農場之旅 |半日香料島體驗（含避風港步道） "@type": "Country", "nam參加由 Haven Trails Adventures 帶領的半日桑給巴爾香料農場體驗，在這座曾經被稱為香料島的島上品嚐新鮮的丁香、香草、肉桂和肉荳蔻。 "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "避風港步道冒險", "item": "https:\/\/www.haventrails.com\/" }, { "@type": "ListItem", "position": 2, "name": "桑給巴爾之旅", "item": "https:\/\/www.haventrails.com\/zanzibar-tours" }, { "@type": "ListItem", "position": 3, "name": "桑給巴爾香料農場體驗", "item": "https:\/\/www.haventrails.com\/zanzibar-spice-farm-to桑給巴爾香料農場體驗 "@type": "ImageObject"參加由 Haven Trails Adventures 帶領的半日桑給巴爾香料農場體驗，在這座曾經被稱為香料島的島上品嚐新鮮的丁香、香草、肉桂和肉荳蔻。 "caption": "坦尚尼亞桑給巴爾香料農場體驗與避風港步道探險" } ] } </script> <meta name="copyright" content="© 2026 避風港步道探險公司。版權所有。" /> <script> (function () { window.dataLayer = window.dataLayer || []; window.gtag = window.gtag || function(){ dataLayer.push(arguments); }; gtag('js', new Date()); function loadAnalytics() { if (window.htAnalyticsLoaded) return; window.htAnalyticsLoaded = true; var ga = document.createElement('script'); ga.async = true; ga.src = 'https://www.googletagmanager.com/gtag/js?id=G-R33EGM75P5'; document.head.appendChild(ga); gtag('config', 'G-R33EGM75P5', { transport_type: 'beacon' }); var ahrefs = document.createElement('script'); ahrefs.async = true; ahrefs.src = 'https://analytics.ahrefs.com/analytics.js'; ahrefs.setAttribute('data-key', 'SCUmhQdQwhUqUq9b0IHtLw'); document.head.appendChild(ahrefs); } var interactionEvents = ['pointerdown', 'keydown', 'scroll', 'touchstart']; interactionEvents.forEach(function(eventName) { window.addEventListener(eventName, loadAnalytics, { once: true, passive: true }); }); window.addEventListener('load', function(){ window.setTimeout(loadAnalytics, 4500); }, { once: true }); })(); </script> <link rel="apple-touch-icon" sizes="57x57" href="https://www.haventrails.com/img/apple-icon-57x57.webp"> <link rel="apple-touch-icon" sizes="60x60" href="https://www.haventrails.com/img/apple-icon-60x60.webp"> <link rel="apple-touch-icon" sizes="72x72" href="https://www.haventrails.com/img/apple-icon-72x72.webp"> <link rel="apple-touch-icon" sizes="76x76" href="https://www.haventrails.com/img/apple-icon-76x76.webp"> <link rel="apple-touch-icon" sizes="114x114" href="https://www.haventrails.com/img/apple-icon-114x114.webp"> <link rel="apple-touch-icon" sizes="120x120" href="https://www.haventrails.com/img/apple-icon-120x120.webp"> <link rel="apple-touch-icon" sizes="144x144" href="https://www.haventrails.com/img/apple-icon-144x144.webp"> <link rel="apple-touch-icon" sizes="152x152" href="https://www.haventrails.com/img/apple-icon-152x152.webp"> <link rel="apple-touch-icon" sizes="180x180" href="https://www.haventrails.com/img/apple-icon-180x180.webp"> <link rel="icon" type="image/webp" sizes="192x192" href="https://www.haventrails.com/img/android-icon-192x192.webp"> <link rel="icon" type="image/webp" sizes="32x32" href="https://www.haventrails.com/img/favicon-32x32.webp"> <link rel="icon" type="image/webp" sizes="96x96" href="https://www.haventrails.com/img/favicon-96x96.webp"> <link rel="icon" type="image/webp" sizes="16x16" href="https://www.haventrails.com/img/favicon-16x16.webp"> <link rel="manifest" href="https://www.haventrails.com/manifest.json"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="https://www.haventrails.com/img/ms-icon-144x144.webp"> <meta name="theme-color" content="#ffffff"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="dns-prefetch" href="https://flagcdn.com"> <link rel="preload" href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=DM+Sans:wght@300;400;500;600;700&family=Jost:wght@300;400;500;600;700&family=Marcellus&family=Outfit:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,700;0,800;0,900;1,700&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=DM+Sans:wght@300;400;500;600;700&family=Jost:wght@300;400;500;600;700&family=Marcellus&family=Outfit:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,700;0,800;0,900;1,700&display=swap"></noscript> <link rel="stylesheet" href="../fontawesome/css/all.swap.min.css"> <link rel="stylesheet" href="../assetss/css/bootstrap.min.css"> <link rel="preload" href="../assetss/css/swiper-bundle.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="../assetss/css/swiper-bundle.min.css"></noscript> <link rel="preload" href="../assetss/css/magnific-popup.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="../assetss/css/magnific-popup.min.css"></noscript> <link rel="stylesheet" href="../assetss/css/main.min.css"> <style id="ht-fontawesome-guard"> .fa, .fa-solid, .fas { font-family: "Font Awesome 6 Free" !important; font-weight: 900 !important; } .fa-regular, .far { font-family: "Font Awesome 6 Free" !important; font-weight: 400 !important; } .fa-brands, .fab { font-family: "Font Awesome 6 Brands" !important; font-weight: 400 !important; } </style> <style id="ht-global-visual-fixes"> :root { --ht-gold: #C9A227; --ht-gold-hover: #B8911F; --ht-gold-soft: #FFF6D8; --ht-gold-dark: #5C3D1E; --ht-hero-fallback-image: url("https://www.haventrails.com/img/havensafari1.webp"); } :where(.hero,.page-hero,.tour-hero,.safari-hero,.zanzibar-hero,.kili-hero,.article-hero,.blog-hero,.activity-hero,.destination-hero,.journal-hero,.ct-hero,.faq-hero,.gb-hero,.header-video,.te-hero,.sng-hero,.dest-hero,.pp-hero,.sc-hero,.ht-hero,.tc-hero,.ty-hero) { background-image: linear-gradient(120deg, rgba(0,0,0,.66), rgba(0,0,0,.36)), var(--ht-hero-fallback-image); background-size: cover; background-position: center; background-repeat: no-repeat; color: #ffffff; } :where(.zanzibar-hero,.activity-hero,[class*="zanzibar" i] .hero,[class*="zanzibar" i].hero) { --ht-hero-fallback-image: url("https://www.haventrails.com/img/zanzibarnew.webp"); } :where(.kili-hero,[class*="kili" i] .hero,[class*="kilimanjaro" i] .hero,[class*="kili" i].hero,[class*="kilimanjaro" i].hero) { --ht-hero-fallback-image: url("https://www.haventrails.com/img/havenkili1.webp"); } :where(.hero,.page-hero,.tour-hero,.safari-hero,.zanzibar-hero,.kili-hero,.article-hero,.blog-hero,.activity-hero,.destination-hero,.journal-hero,.ct-hero,.faq-hero,.gb-hero,.header-video,.te-hero,.sng-hero,.dest-hero,.pp-hero,.sc-hero,.ht-hero,.tc-hero,.ty-hero) :where(h1,h2,h3,p,span,li,a,.hero-sub,.te-hero__sub,.sng-hero-sub,.ct-hero-sub,.page-hero__desc,.journal-hero__subtitle) { color: inherit; } :where(.hero,.page-hero,.tour-hero,.safari-hero,.zanzibar-hero,.kili-hero,.article-hero,.blog-hero,.activity-hero,.destination-hero,.journal-hero,.ct-hero,.faq-hero,.gb-hero,.header-video,.te-hero,.sng-hero,.dest-hero,.pp-hero,.sc-hero,.ht-hero,.tc-hero,.ty-hero) :where(.btn,.btn_1,.btn-p,.ct-submit,.article-card__cta,.featured-article__cta,[class*="btn"]):not(.btn-hero-outline) { color: #ffffff; } :where(a,button,.btn,.btn_1,.btn-p,.filter-btn,.swiper-pagination-bullet-active) { --bs-primary: #C9A227; --bs-link-color: #C9A227; --bs-link-hover-color: #B8911F; } :where(input,select,textarea):focus { border-color: #C9A227 !important; box-shadow: 0 0 0 .2rem rgba(201,162,39,.18) !important; outline-color: #C9A227; } :where([style*="background:#C9A227"],[style*="background: #C9A227"],[style*="background-color:#C9A227"],[style*="background-color: #C9A227"],.gold-dot) { color: #ffffff; } </style> <style> :root { --ht-gold: #c9a227; --ht-gold-light: #e0b82e; --ht-gold-dark: #a8851e; --ht-dark: #1a1a1a; --ht-dark-2: #2a1f0a; --ht-light: #ffffff; --ht-gray: #6b7280; --ht-gray-100: #f9f7f2; --ht-gray-200: #efe8d8; --ht-font-main: 'Jost', 'Poppins', sans-serif; --ht-font-serif: 'Cormorant Garamond', 'Playfair Display', serif; --header-h: 72px; --header-h-mob: 60px; --safe-bottom: env(safe-area-inset-bottom, 0px); --safe-left: env(safe-area-inset-left, 0px); --safe-right: env(safe-area-inset-right, 0px); } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; } body { padding-top: var(--header-h); overflow-x: hidden; } .ht-header { position: fixed; top: 0; left: 0; right: 0; height: var(--header-h); z-index: 9999; background: rgba(255,255,255,0.97); backdrop-filter: blur(24px) saturate(1.6); -webkit-backdrop-filter: blur(24px) saturate(1.6); border-bottom: 1px solid var(--ht-gray-200); transition: box-shadow 0.3s ease, background 0.3s ease; } .ht-header--scrolled { background: #fff; box-shadow: 0 4px 32px rgba(26,26,26,0.10); border-bottom-color: transparent; } .ht-header::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--ht-gold-dark), var(--ht-gold), var(--ht-gold-light), var(--ht-gold)); } .ht-header__container { max-width: 1380px; margin: 0 auto; padding: 0 1.75rem; padding-left: calc(1.75rem + var(--safe-left)); padding-right: calc(1.75rem + var(--safe-right)); height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 1rem; } .ht-logo { display: flex; align-items: center; gap: 0; text-decoration: none; flex-shrink: 0; } .ht-logo__text { display: flex; flex-direction: column; } .ht-logo__title { font-family: var(--ht-font-serif); font-size: 1.4rem; font-weight: 700; color: var(--ht-dark); line-height: 1; letter-spacing: 0.01em; } .ht-logo__tagline { font-size: 0.58rem; color: var(--ht-gold-dark); text-transform: uppercase; letter-spacing: 0.22em; font-weight: 700; margin-top: 4px; } .ht-nav { display: flex; align-items: center; gap: 0; flex: 1; justify-content: center; } @media (max-width: 1200px) { .ht-nav { display: none; } } .ht-nav__item { position: relative; } .ht-nav__link { display: flex; align-items: center; gap: 5px; padding: 0.55rem 0.95rem; color: var(--ht-dark); text-decoration: none; font-weight: 600; font-size: 0.875rem; letter-spacing: 0.01em; border-radius: 8px; transition: color 0.2s ease, background 0.2s ease; cursor: pointer; border: none; background: transparent; font-family: inherit; white-space: nowrap; position: relative; } .ht-nav__link::after { content: ''; position: absolute; bottom: 3px; left: 50%; right: 50%; height: 2px; background: var(--ht-gold); border-radius: 2px; transition: left 0.25s ease, right 0.25s ease; } .ht-nav__item:hover .ht-nav__link::after { left: 0.95rem; right: 0.95rem; } .ht-nav__item:hover .ht-nav__link { color: var(--ht-gold-dark); } .ht-nav__chevron { font-size: 0.6rem; color: var(--ht-gold-dark); opacity: 0.75; transition: transform 0.28s ease, opacity 0.2s ease; margin-left: 1px; } .ht-nav__item:hover .ht-nav__chevron { transform: rotate(180deg); opacity: 1; } .ht-mega { position: absolute; top: calc(100% + 10px); left: 50%; transform: translateX(-50%) translateY(6px); background: #fff; border-radius: 16px; padding: 1.375rem; box-shadow: 0 16px 48px rgba(26,26,26,0.13), 0 2px 10px rgba(26,26,26,0.06); opacity: 0; visibility: hidden; transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s; border: 1px solid var(--ht-gray-200); z-index: 1000; max-width: min(92vw, 760px); } .ht-mega::before { content: ''; position: absolute; top: 0; left: 1.5rem; right: 1.5rem; height: 2px; background: linear-gradient(90deg, transparent, var(--ht-gold), transparent); border-radius: 0 0 2px 2px; } .ht-nav__item:hover .ht-mega { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); } .ht-mega--safari { display: grid; grid-template-columns: 210px 1fr; gap: 1.375rem; width: 580px; } .ht-mega--kili { display: grid; grid-template-columns: 1fr 1fr; gap: 1.375rem; width: 560px; } .ht-mega--zanzibar { display: grid; grid-template-columns: 1fr 1fr; gap: 1.375rem; width: 560px; } .ht-mega--daytrips { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.1rem; width: 620px; } .ht-mega--about { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.375rem; width: 480px; } .ht-mega__title { font-family: var(--ht-font-serif); font-size: 0.875rem; font-weight: 700; color: var(--ht-dark); margin-bottom: 0.75rem; padding-bottom: 6px; border-bottom: 2px solid var(--ht-gold); display: block; letter-spacing: 0.02em; text-transform: uppercase; } .ht-mega-link { display: flex; align-items: center; gap: 0.75rem; padding: 0.6rem 0.75rem; border-radius: 10px; text-decoration: none; color: var(--ht-dark); transition: background 0.16s ease, transform 0.16s ease; margin-bottom: 0.25rem; } .ht-mega-link:last-child { margin-bottom: 0; } .ht-mega-link:hover { background: var(--ht-gray-100); transform: translateX(3px); color: var(--ht-gold-dark); } .ht-mega-link__icon { width: 34px; height: 34px; flex-shrink: 0; background: linear-gradient(135deg, #fef3c7, #fde68a); border-radius: 9px; display: flex; align-items: center; justify-content: center; color: var(--ht-gold-dark); font-size: 0.875rem; } .ht-mega-link h4 { font-size: 0.875rem; font-weight: 700; margin-bottom: 1px; line-height: 1.2; } .ht-mega-link p { font-size: 0.76rem; color: var(--ht-gray); margin: 0; line-height: 1.3; } .ht-dest-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.5rem; } .ht-dest-card { position: relative; border-radius: 10px; overflow: hidden; aspect-ratio: 4/3; display: flex; align-items: flex-end; padding: 0.5rem; text-decoration: none; transition: transform 0.28s ease; } .ht-dest-card::before { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.75) 0%, transparent 60%); z-index: 1; } .ht-dest-card:hover { transform: translateY(-2px); } .ht-dest-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; } .ht-dest-card:hover img { transform: scale(1.06); } .ht-dest-card span { position: relative; z-index: 2; color: #fff; font-weight: 700; font-size: 0.8rem; } .ht-route-list { display: flex; flex-direction: column; gap: 0.5rem; } .ht-route-item { display: flex; align-items: center; justify-content: space-between; padding: 0.7rem 0.875rem; background: var(--ht-gray-100); border-radius: 10px; text-decoration: none; color: var(--ht-dark); transition: border-color 0.2s, background 0.2s, transform 0.2s; border: 1.5px solid transparent; } .ht-route-item:hover { border-color: var(--ht-gold); background: #fff; transform: translateX(3px); } .ht-route-item h5 { font-size: 0.84rem; font-weight: 700; margin-bottom: 1px; } .ht-route-item > div > span { font-size: 0.73rem; color: var(--ht-gray); } .ht-route-badge { background: var(--ht-gold); color: #1a1a1a; padding: 2px 8px; border-radius: 20px; font-size: 0.6rem; font-weight: 800; text-transform: uppercase; white-space: nowrap; } .ht-zanzibar-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.5rem; } .ht-zan-card { background: var(--ht-gray-100); border: 1.5px solid var(--ht-gray-200); border-radius: 12px; padding: 0.875rem 0.75rem; text-align: center; text-decoration: none; color: var(--ht-dark); transition: transform 0.22s, border-color 0.22s, box-shadow 0.22s; } .ht-zan-card:hover { transform: translateY(-3px); border-color: var(--ht-gold); box-shadow: 0 6px 16px rgba(201,162,39,.12); } .ht-zan-card i { font-size: 1.35rem; color: var(--ht-gold); margin-bottom: 0.35rem; display: block; } .ht-zan-card h5 { font-size: 0.82rem; font-weight: 700; margin-bottom: 1px; } .ht-zan-card p { font-size: 0.72rem; color: var(--ht-gray); margin: 0; line-height: 1.3; } .ht-daytrip-col { background: var(--ht-gray-100); border-radius: 12px; padding: 1rem; } .ht-daytrip-col h4 { font-family: var(--ht-font-serif); font-size: 0.9rem; margin-bottom: 0.75rem; color: var(--ht-dark); display: flex; align-items: center; gap: 0.5rem; } .ht-daytrip-col h4 i { color: var(--ht-gold); font-size: 0.875rem; } .ht-daytrip-list { list-style: none; } .ht-daytrip-list li { margin-bottom: 0.375rem; } .ht-daytrip-list a { color: var(--ht-gray); text-decoration: none; font-size: 0.82rem; font-weight: 500; display: flex; align-items: center; gap: 0.4rem; transition: color 0.18s, padding-left 0.18s; } .ht-daytrip-list a:hover { color: var(--ht-gold-dark); padding-left: 3px; } .ht-daytrip-list a::before { content: '›'; color: var(--ht-gold); font-weight: 900; font-size: 1rem; line-height: 1; } .ht-lang { position: relative; } .ht-lang__toggle { display: flex; align-items: center; gap: 6px; padding: 6px 12px; background: var(--ht-gray-100); border-radius: 50px; cursor: pointer; transition: all 0.2s ease; border: 1.5px solid var(--ht-gray-200); font-family: inherit; font-size: 0.84rem; font-weight: 600; color: var(--ht-dark); } .ht-lang__toggle:hover, .ht-lang__toggle.active { border-color: var(--ht-gold); background: #fff; } .ht-lang__flag { width: 20px; height: 20px; border-radius: 50%; object-fit: cover; } .ht-lang__code { font-weight: 700; } .ht-lang__chevron { font-size: 0.52rem; color: var(--ht-gray); transition: transform 0.3s ease; } .ht-lang__toggle.active .ht-lang__chevron { transform: rotate(180deg); } .ht-lang__dropdown { position: absolute; top: calc(100% + 10px); right: 0; background: #fff; border-radius: 16px; padding: 0.5rem; width: 270px; max-height: 380px; overflow-y: auto; box-shadow: 0 16px 48px rgba(26,26,26,.14); opacity: 0; visibility: hidden; transform: translateY(8px); transition: all 0.22s ease; border: 1px solid var(--ht-gray-200); z-index: 1001; scrollbar-width: thin; scrollbar-color: var(--ht-gray-200) transparent; } .ht-lang__dropdown::-webkit-scrollbar { width: 4px; } .ht-lang__dropdown::-webkit-scrollbar-track { background: transparent; } .ht-lang__dropdown::-webkit-scrollbar-thumb { background: var(--ht-gray-200); border-radius: 4px; } .ht-lang__dropdown.active { opacity: 1; visibility: visible; transform: translateY(0); } .ht-lang__search { padding: 0.35rem; margin-bottom: 0.35rem; border-bottom: 1px solid var(--ht-gray-100); } .ht-lang__search input { width: 100%; padding: 0.45rem 0.75rem; border: 1.5px solid var(--ht-gray-200); border-radius: 8px; font-size: 0.84rem; font-family: inherit; outline: none; } .ht-lang__search input:focus { border-color: var(--ht-gold); } .ht-lang__option { display: flex; align-items: center; gap: 0.6rem; padding: 0.5rem 0.625rem; border-radius: 9px; text-decoration: none; color: var(--ht-dark); transition: background 0.14s; font-size: 0.875rem; font-weight: 500; cursor: pointer; border: none; background: transparent; width: 100%; font-family: inherit; } .ht-lang__option:hover, .ht-lang__option.active { background: rgba(201,162,39,.08); color: var(--ht-gold-dark); } .ht-lang__option img { width: 24px; height: 24px; border-radius: 50%; object-fit: cover; flex-shrink: 0; } .ht-lang__option-info { display: flex; flex-direction: column; text-align: left; } .ht-lang__option-name { font-weight: 600; font-size: 0.84rem; line-height: 1.2; } .ht-lang__option-native { font-size: 0.7rem; color: var(--ht-gray); } .ht-actions { display: flex; align-items: center; gap: 0.5rem; flex-shrink: 0; } .ht-btn { display: inline-flex; align-items: center; gap: 6px; padding: 0.65rem 1.2rem; border-radius: 50px; font-weight: 700; font-size: 0.84rem; text-decoration: none; transition: all 0.2s ease; cursor: pointer; border: none; font-family: inherit; white-space: nowrap; } .ht-btn--outline { color: var(--ht-dark); background: transparent; border: 1.5px solid var(--ht-gray-200); } .ht-btn--outline:hover { border-color: var(--ht-gold); color: var(--ht-gold-dark); background: rgba(201,162,39,.05); } .ht-btn--primary { background: linear-gradient(135deg, var(--ht-gold) 0%, var(--ht-gold-dark) 100%); color: #1a1a1a; box-shadow: 0 4px 16px rgba(201,162,39,.35); position: relative; overflow: hidden; } .ht-btn--primary::before { content: ''; position: absolute; top: 0; left: -100%; width: 60%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.25), transparent); transition: left 0.5s ease; } .ht-btn--primary:hover { transform: translateY(-2px); box-shadow: 0 8px 22px rgba(201,162,39,.45); color: #1a1a1a; } .ht-btn--primary:hover::before { left: 150%; } .ht-mobile-toggle { display: none; width: 42px; height: 42px; background: var(--ht-gray-100); border: 1.5px solid var(--ht-gray-200); border-radius: 11px; cursor: pointer; flex-direction: column; align-items: center; justify-content: center; gap: 5px; z-index: 10001; transition: border-color 0.2s, background 0.2s; -webkit-tap-highlight-color: transparent; } .ht-mobile-toggle:hover { border-color: var(--ht-gold); background: #fff; } .ht-mobile-toggle span { display: block; width: 20px; height: 2px; background: var(--ht-dark); border-radius: 2px; transition: all 0.3s ease; } .ht-mobile-toggle.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); } .ht-mobile-toggle.active span:nth-child(2) { opacity: 0; width: 0; } .ht-mobile-toggle.active span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); } .ht-mobile-flags { display: none; align-items: center; position: relative; } .ht-mobile-flags__trigger { display: flex; align-items: center; gap: 5px; padding: 5px 9px; background: var(--ht-gray-100); border: 1.5px solid var(--ht-gray-200); border-radius: 50px; cursor: pointer; transition: all 0.2s ease; font-family: inherit; -webkit-tap-highlight-color: transparent; } .ht-mobile-flags__trigger:hover, .ht-mobile-flags__trigger.active { border-color: var(--ht-gold); background: #fff; } .ht-mobile-flags__flag { width: 22px; height: 22px; border-radius: 50%; object-fit: cover; border: 1.5px solid var(--ht-gray-200); } .ht-mobile-flags__code { font-size: 0.72rem; font-weight: 700; color: var(--ht-dark); } .ht-mobile-flags__chevron { font-size: 0.48rem; color: var(--ht-gray); transition: transform 0.3s ease; } .ht-mobile-flags__trigger.active .ht-mobile-flags__chevron { transform: rotate(180deg); } .ht-mobile-flags__panel { position: absolute; top: calc(100% + 10px); right: 0; background: #fff; border-radius: 18px; padding: 0.875rem; width: min(300px, calc(100vw - 1.5rem)); box-shadow: 0 16px 48px rgba(26,26,26,.18), 0 4px 16px rgba(26,26,26,.08); border: 1px solid var(--ht-gray-200); opacity: 0; visibility: hidden; transform: translateY(8px) scale(0.97); transform-origin: top right; transition: all 0.25s cubic-bezier(.4,0,.2,1); z-index: 10002; max-height: 70vh; overflow-y: auto; } .ht-mobile-flags__panel::before { content: ''; position: absolute; top: 0; left: 1rem; right: 1rem; height: 2px; background: linear-gradient(90deg, transparent, var(--ht-gold), transparent); border-radius: 2px; } .ht-mobile-flags__panel.active { opacity: 1; visibility: visible; transform: translateY(0) scale(1); } .ht-mobile-flags__title { font-size: 0.65rem; text-transform: uppercase; letter-spacing: 0.14em; font-weight: 700; color: var(--ht-gray); margin-bottom: 0.625rem; } .ht-mobile-flags__list { display: flex; flex-direction: column; gap: 2px; } .ht-mobile-flag-btn { display: flex; align-items: center; gap: 0.6rem; padding: 0.55rem 0.625rem; border-radius: 10px; background: transparent; border: 1.5px solid transparent; cursor: pointer; transition: all 0.16s ease; font-family: inherit; -webkit-tap-highlight-color: transparent; width: 100%; text-align: left; text-decoration: none; color: inherit; } .ht-mobile-flag-btn:hover { background: var(--ht-gray-100); border-color: var(--ht-gray-200); } .ht-mobile-flag-btn.active { background: rgba(201,162,39,.1); border-color: var(--ht-gold); } .ht-mobile-flag-btn img { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; border: 2px solid var(--ht-gray-200); flex-shrink: 0; transition: border-color 0.16s; } .ht-mobile-flag-btn:hover img, .ht-mobile-flag-btn.active img { border-color: var(--ht-gold); } .ht-mobile-flag-btn__info { display: flex; flex-direction: column; flex: 1; min-width: 0; } .ht-mobile-flag-btn__name { font-size: 0.84rem; font-weight: 700; color: var(--ht-dark); line-height: 1.2; } .ht-mobile-flag-btn__native { font-size: 0.7rem; color: var(--ht-gray); } .ht-mobile-flag-btn.active .ht-mobile-flag-btn__name { color: var(--ht-gold-dark); } .ht-mobile-flag-btn__check { font-size: 0.7rem; color: var(--ht-gold); opacity: 0; flex-shrink: 0; } .ht-mobile-flag-btn.active .ht-mobile-flag-btn__check { opacity: 1; } @media (max-width: 1200px) { .ht-mobile-toggle { display: flex; } .ht-lang { display: none; } .ht-btn--outline { display: none; } .ht-actions .ht-btn--primary { display: none; } .ht-mobile-flags { display: flex; } } .ht-mobile-overlay { position: fixed; inset: 0; background: rgba(26,26,26,.65); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); z-index: 9998; opacity: 0; visibility: hidden; transition: all 0.3s ease; } .ht-mobile-overlay.active { opacity: 1; visibility: visible; } .ht-mobile-menu { position: fixed; top: 0; right: 0; bottom: 0; width: 100%; max-width: 400px; background: #fff; z-index: 9999; transform: translateX(0); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.28s ease, visibility 0.28s ease; box-shadow: -8px 0 48px rgba(26,26,26,.18); display: flex; flex-direction: column; overflow: hidden; } .ht-mobile-menu.active { opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(0); } .ht-mobile-menu__header { padding: 0.875rem 1.125rem; border-bottom: 1px solid var(--ht-gray-200); display: flex; align-items: center; justify-content: space-between; background: linear-gradient(180deg, var(--ht-gray-100) 0%, #fff 100%); position: relative; flex-shrink: 0; } .ht-mobile-menu__header::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--ht-gold-dark), var(--ht-gold)); } .ht-mobile-menu__close { width: 42px; height: 42px; border-radius: 11px; border: 1.5px solid var(--ht-gray-200); background: #fff; color: var(--ht-dark); font-size: 1rem; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease; flex-shrink: 0; -webkit-tap-highlight-color: transparent; } .ht-mobile-menu__close:hover { background: var(--ht-dark); color: #fff; border-color: var(--ht-dark); transform: rotate(90deg); } .ht-mobile-menu__content { flex: 1; overflow-y: auto; padding: 1.125rem; -webkit-overflow-scrolling: touch; scrollbar-width: thin; } .ht-mobile-trust { background: linear-gradient(135deg, var(--ht-dark) 0%, var(--ht-dark-2) 100%); border-radius: 14px; padding: 1rem 1.125rem; margin-bottom: 1.125rem; display: flex; align-items: center; justify-content: space-between; gap: 6px; border: 1px solid rgba(201,162,39,.25); } .ht-mobile-trust-stat { text-align: center; } .ht-mobile-trust-stat strong { display: block; font-family: var(--ht-font-serif); font-size: 1.15rem; color: var(--ht-gold); font-weight: 700; line-height: 1; } .ht-mobile-trust-stat span { font-size: 0.65rem; color: rgba(255,255,255,.6); margin-top: 3px; display: block; text-transform: uppercase; letter-spacing: 0.05em; } .ht-mobile-trust-div { width: 1px; height: 30px; background: rgba(255,255,255,.12); flex-shrink: 0; } .ht-mobile-item { border-radius: 13px; overflow: hidden; background: var(--ht-gray-100); margin-bottom: 5px; border: 1.5px solid transparent; transition: border-color 0.2s, background 0.2s; } .ht-mobile-item.active { background: #fff; border-color: var(--ht-gray-200); } .ht-mobile-item__header { display: flex; align-items: center; justify-content: space-between; padding: 0.875rem 1rem; cursor: pointer; min-height: 54px; -webkit-tap-highlight-color: transparent; } .ht-mobile-item__title { display: flex; align-items: center; gap: 0.75rem; font-size: 0.95rem; font-weight: 700; color: var(--ht-dark); } .ht-mobile-item__title .fa, .ht-mobile-item__title .fas, .ht-mobile-item__title .far, .ht-mobile-item__title .fab { color: var(--ht-gold); font-size: 1rem; width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; background: rgba(201,162,39,.12); border-radius: 8px; flex-shrink: 0; transition: background 0.2s, color 0.2s; } .ht-mobile-item.active .ht-mobile-item__title .fa, .ht-mobile-item.active .ht-mobile-item__title .fas, .ht-mobile-item.active .ht-mobile-item__title .far, .ht-mobile-item.active .ht-mobile-item__title .fab { background: var(--ht-gold); color: #1a1a1a; } .ht-mobile-item__toggle { width: 30px; height: 30px; border-radius: 7px; background: #fff; display: flex; align-items: center; justify-content: center; color: var(--ht-gray); transition: all 0.28s ease; border: 1.5px solid var(--ht-gray-200); font-size: 0.7rem; flex-shrink: 0; } .ht-mobile-item.active .ht-mobile-item__toggle { background: var(--ht-gold); color: #1a1a1a; border-color: var(--ht-gold); transform: rotate(180deg); } .ht-mobile-item__content { max-height: 0; overflow: hidden; transition: max-height 0.38s ease; } .ht-mobile-item.active .ht-mobile-item__content { max-height: 600px; } .ht-mobile-item__links { padding: 0 0.875rem 0.875rem; display: flex; flex-direction: column; gap: 2px; } .ht-mobile-link { display: flex; align-items: center; gap: 0.7rem; padding: 0.75rem 0.875rem; color: var(--ht-gray); text-decoration: none; font-size: 0.9rem; font-weight: 500; border-radius: 9px; transition: all 0.16s ease; min-height: 46px; -webkit-tap-highlight-color: transparent; } .ht-mobile-link:hover { background: var(--ht-gray-100); color: var(--ht-gold-dark); transform: translateX(3px); } .ht-mobile-link .fa, .ht-mobile-link .fas, .ht-mobile-link .far { color: var(--ht-gold); width: 16px; text-align: center; font-size: 0.875rem; flex-shrink: 0; display: inline-block; } .ht-mobile-lang { margin-top: 1.125rem; padding-top: 1.125rem; border-top: 1.5px solid var(--ht-gray-200); } .ht-mobile-lang__title { font-size: 0.68rem; color: var(--ht-gray); text-transform: uppercase; letter-spacing: 0.12em; font-weight: 700; margin-bottom: 0.75rem; } .ht-mobile-lang__scroll { max-height: 260px; overflow-y: auto; -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: var(--ht-gray-200) transparent; border: 1px solid var(--ht-gray-200); border-radius: 12px; padding: 0.375rem; } .ht-mobile-lang__scroll::-webkit-scrollbar { width: 4px; } .ht-mobile-lang__scroll::-webkit-scrollbar-track { background: transparent; } .ht-mobile-lang__scroll::-webkit-scrollbar-thumb { background: var(--ht-gray-200); border-radius: 4px; } .ht-drawer-lang-btn { display: flex; align-items: center; gap: 0.65rem; padding: 0.55rem 0.625rem; border-radius: 9px; width: 100%; background: transparent; border: 1.5px solid transparent; cursor: pointer; transition: all 0.15s ease; font-family: inherit; -webkit-tap-highlight-color: transparent; text-align: left; text-decoration: none; color: inherit; margin-bottom: 2px; } .ht-drawer-lang-btn:last-child { margin-bottom: 0; } .ht-drawer-lang-btn:hover { background: var(--ht-gray-100); border-color: var(--ht-gray-200); } .ht-drawer-lang-btn.active { background: rgba(201,162,39,.1); border-color: var(--ht-gold); } .ht-drawer-lang-btn img { width: 26px; height: 26px; border-radius: 50%; object-fit: cover; border: 2px solid var(--ht-gray-200); flex-shrink: 0; transition: border-color 0.15s; } .ht-drawer-lang-btn:hover img, .ht-drawer-lang-btn.active img { border-color: var(--ht-gold); } .ht-drawer-lang-btn__info { display: flex; flex-direction: column; flex: 1; min-width: 0; } .ht-drawer-lang-btn__name { font-size: 0.84rem; font-weight: 700; color: var(--ht-dark); line-height: 1.2; } .ht-drawer-lang-btn__native { font-size: 0.69rem; color: var(--ht-gray); } .ht-drawer-lang-btn.active .ht-drawer-lang-btn__name { color: var(--ht-gold-dark); } .ht-drawer-lang-btn__check { font-size: 0.7rem; color: var(--ht-gold); opacity: 0; flex-shrink: 0; } .ht-drawer-lang-btn.active .ht-drawer-lang-btn__check { opacity: 1; } .ht-mobile-cta { padding: 0.875rem 1.125rem; padding-bottom: calc(1.125rem + var(--safe-bottom)); background: linear-gradient(180deg, #fff 0%, var(--ht-gray-100) 100%); border-top: 1px solid var(--ht-gray-200); display: flex; flex-direction: column; gap: 0.5rem; flex-shrink: 0; } .ht-mobile-cta .ht-btn { width: 100%; justify-content: center; padding: 0.9rem; font-size: 0.9rem; border-radius: 13px; } .ht-mobile-cta .ht-btn--outline { border-color: var(--ht-gray-200); display: flex !important; } @media (max-width: 1360px) { .ht-mega--safari { width: 520px; } .ht-mega--kili { width: 500px; } .ht-mega--zanzibar { width: 500px; } .ht-mega--daytrips { width: 560px; } .ht-mega--about { width: 440px; } } @media (max-width: 768px) { body { padding-top: var(--header-h-mob); } .ht-header { height: var(--header-h-mob); } .ht-header__container { padding: 0 1rem; gap: 0.625rem; } .ht-logo__title { font-size: 1.15rem; } .ht-logo__tagline { display: none; } .ht-mobile-menu { max-width: 100%; } } </style> <style id="ht-global-mobile-safety"> @media (max-width: 768px) { html, body { max-width: 100%; overflow-x: hidden; } img, video, canvas, iframe { max-width: 100%; height: auto; } [class*="grid"], [class*="cards"], [class*="row"], [class*="columns"] { min-width: 0; } .container, .htc, .wrapper, .section-inner, .content, main, section { max-width: 100%; } .tour-card, .blog-card, .dest-card, .package-card, .review-card, .card { max-width: 100%; } .tabs, .tab-nav, .ht-tab-nav, .blog-tab-nav, [class*="tab"] { max-width: 100%; } .ht-tab-nav, .blog-tab-nav, .tabs-nav, .tab-buttons { overflow-x: auto; -webkit-overflow-scrolling: touch; flex-wrap: nowrap; } table { max-width: 100%; display: block; overflow-x: auto; } } </style> </head> <body> <header class="ht-header" id="mainHeader"> <div class="ht-header__container"> <a href="https://www.honeymoonexplorers.com" class="ht-logo"> <picture><source type="image/webp" srcset="https://www.haventrails.com/img/logo-150.webp 1x, https://www.haventrails.com/img/logo-300.webp 2x"><img src="https://www.haventrails.com/img/havenkili1-640.webp" width="150" height="36" data-retina="true" alt="哈文步道探險" class="logo_normal" loading="eager" decoding="async"></picture> </a> <nav class="ht-nav" aria-label="主導航"> <div class="ht-nav__item"> <a href="https://www.haventrails.com/zh-hk/" class="ht-nav__link">首頁</a> </div> <div class="ht-nav__item"> <button class="ht-nav__link" aria-haspopup="true" aria-expanded="false">野生動物園之旅<i class="fas fa-chevron-down ht-nav__chevron" aria-hidden="true"></i> </button> <div class="ht-mega ht-mega--safari" role="region"> <div> <h3 class="ht-mega__title">野生動物園類型</h3> <a href="https://www.haventrails.com/zh-hk/safari-tours" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-paw" aria-hidden="true"></i></div> <div><h4>野生動物探險</h4><p>五巨頭與大遷徙</p></div> </a> <a href="https://www.honeymoonexplorers.com" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-heart" aria-hidden="true"></i></div> <div><h4>蜜月旅行</h4><p>浪漫奢華的逃離</p></div> </a> <a href="https://www.haventrails.com/zh-hk/safari-tours" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-users" aria-hidden="true"></i></div> <div><h4>家庭狩獵之旅</h4><p>適合兒童的冒險</p></div> </a> <a href="https://www.haventrails.com/zh-hk/safari-tours" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-binoculars" aria-hidden="true"></i></div> <div><h4>野生動物觀賞</h4><p>專家指導的遊戲驅動器</p></div> </a> </div> <div> <h3 class="ht-mega__title">熱門目的地</h3> <div class="ht-dest-grid"> <a href="https://www.haventrails.com/zh-hk/serengeti-national-park" class="ht-dest-card"> <img src="https://www.haventrails.com/img/havensafari28.webp" alt="Serengeti" loading="lazy"> <span>Serengeti</span> </a> <a href="https://www.haventrails.com/zh-hk/ngorongoro-crater" class="ht-dest-card"> <img src="https://www.haventrails.com/img/havensafari14.webp" alt="Ngorongoro" loading="lazy"> <span>Ngorongoro</span> </a> <a href="https://www.haventrails.com/zh-hk/tarangire-national-park" class="ht-dest-card"> <img src="https://www.haventrails.com/img/havenmain1.webp" alt="Tarangire" loading="lazy"> <span>Tarangire</span> </a> <a href="https://www.haventrails.com/zh-hk/lake-manyara-national-park" class="ht-dest-card"> <img src="https://www.haventrails.com/img/havensafari4.webp" alt="馬尼亞拉湖" loading="lazy"> <span>馬尼亞拉湖</span> </a> </div> </div> </div> </div> <div class="ht-nav__item"> <button class="ht-nav__link" aria-haspopup="true" aria-expanded="false">Kilimanjaro<i class="fas fa-chevron-down ht-nav__chevron" aria-hidden="true"></i> </button> <div class="ht-mega ht-mega--kili" role="region"> <div> <h3 class="ht-mega__title">熱門航線</h3> <div class="ht-route-list"> <a href="https://www.haventrails.com/zh-hk/lemosho-route" class="ht-route-item"> <div><h5>萊莫紹路線</h5><span>8 天 • 最佳適應期</span></div> <span class="ht-route-badge">最受好評</span> </a> <a href="https://www.haventrails.com/zh-hk/machame-route" class="ht-route-item"> <div><h5>馬切姆路線</h5><span>7 天 • 最受歡迎</span></div> <span class="ht-route-badge">熱門</span> </a> <a href="https://www.haventrails.com/zh-hk/marangu-route" class="ht-route-item"> <div><h5>馬蘭古路線</h5><span>5 天 • 小屋住宿</span></div> <span class="ht-route-badge">經典</span> </a> </div> </div> <div> <h3 class="ht-mega__title">規劃資源</h3> <a href="https://www.haventrails.com/zh-hk/kilimanjaro-packing-list" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-suitcase" aria-hidden="true"></i></div> <div><h4>裝箱單</h4><p>必要的裝備和設備</p></div> </a> <a href="https://www.haventrails.com/zh-hk/kilimanjaro-climbing-guide" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-book" aria-hidden="true"></i></div> <div><h4>登山指南</h4><p>完整路線對比</p></div> </a> <a href="https://www.haventrails.com/zh-hk/best-time-to-climb-kilimanjaro" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-calendar-days" aria-hidden="true"></i></div> <div><h4>最佳登山時間</h4><p>天氣和季節指南</p></div> </a> </div> </div> </div> <div class="ht-nav__item"> <button class="ht-nav__link" aria-haspopup="true" aria-expanded="false">Zanzibar<i class="fas fa-chevron-down ht-nav__chevron" aria-hidden="true"></i> </button> <div class="ht-mega ht-mega--zanzibar" role="region"> <div> <h3 class="ht-mega__title">島嶼體驗</h3> <div class="ht-zanzibar-grid"> <a href="https://www.haventrails.com/zh-hk/zanzibar-tours" class="ht-zan-card"><i class="fas fa-umbrella-beach" aria-hidden="true"></i><h5>海灘假期</h5><p>白色的沙灘和碧綠的海水</p></a> <a href="https://www.haventrails.com/zh-hk/zanzibar-tours" class="ht-zan-card"><i class="fas fa-landmark" aria-hidden="true"></i><h5>石頭城</h5><p>聯合國教科文組織世界遺產</p></a> <a href="https://www.haventrails.com/zh-hk/zanzibar-tours" class="ht-zan-card"><i class="fas fa-seedling" aria-hidden="true"></i><h5>香料之旅</h5><p>參觀芳香種植園</p></a> <a href="https://www.haventrails.com/zh-hk/zanzibar-tours" class="ht-zan-card"><i class="fas fa-ship" aria-hidden="true"></i><h5>狩獵藍</h5><p>單桅帆船航行與浮潛</p></a> </div> </div> <div> <h3 class="ht-mega__title">熱門旅遊團</h3> <a href="https://www.haventrails.com/zh-hk/zanzibar-tours" class="ht-mega-link"> <div class="ht-mega-link__icon" style="background:#fce7f3;color:#be185d;"><i class="fas fa-heart" aria-hidden="true"></i></div> <div><h4>蜜月套餐</h4><p>浪漫的海灘度假勝地</p></div> </a> <a href="https://www.haventrails.com/zh-hk/zanzibar-tours" class="ht-mega-link"> <div class="ht-mega-link__icon" style="background:#dbeafe;color:#5C3D1E;"><i class="fas fa-users" aria-hidden="true"></i></div> <div><h4>家庭假期</h4><p>適合所有年齡層的樂趣</p></div> </a> <a href="https://www.haventrails.com/zh-hk/zanzibar-tours" class="ht-mega-link"> <div class="ht-mega-link__icon" style="background:#d1fae5;color:#047857;"><i class="fas fa-map-location-dot" aria-hidden="true"></i></div> <div><h4>所有 Zanzibar 旅遊</h4><p>瀏覽每條行程</p></div> </a> </div> </div> </div> <div class="ht-nav__item"> <button class="ht-nav__link" aria-haspopup="true" aria-expanded="false">一日遊<i class="fas fa-chevron-down ht-nav__chevron" aria-hidden="true"></i> </button> <div class="ht-mega ht-mega--daytrips" role="region"> <div class="ht-daytrip-col"> <h4><i class="fas fa-mountain" aria-hidden="true"></i>Kilimanjaro 斜坡</h4> <ul class="ht-daytrip-list"> <li><a href="https://www.haventrails.com/zh-hk/materuni-waterfall-day-trip">馬特魯尼瀑布和咖啡</a></li> <li><a href="https://www.haventrails.com/zh-hk/mount-kilimanjaro-day-trip">Kilimanjaro 一日徒步</a></li> <li><a href="https://www.haventrails.com/zh-hk/materuni-waterfall-day-trip">馬蘭古瀑布</a></li> <li><a href="https://www.haventrails.com/zh-hk/olpopongi-maasai-village-day-trip">奧爾波蓬吉馬賽村</a></li> </ul> </div> <div class="ht-daytrip-col"> <h4><i class="fas fa-paw" aria-hidden="true"></i>野生動物與自然</h4> <ul class="ht-daytrip-list"> <li><a href="https://www.haventrails.com/zh-hk/arusha-national-park-day-trip">Arusha國家公園</a></li> <li><a href="https://www.haventrails.com/zh-hk/tarangire-day-trip">Tarangire 一日遊</a></li> <li><a href="https://www.haventrails.com/zh-hk/lake-challa-day-trip">查拉湖火山口湖</a></li> <li><a href="https://www.haventrails.com/zh-hk/chemka-kikuletwa-day-trip">徹姆卡溫泉</a></li> </ul> </div> <div class="ht-daytrip-col"> <h4><i class="fas fa-landmark" aria-hidden="true"></i>文化與歷史</h4> <ul class="ht-daytrip-list"> <li><a href="https://www.haventrails.com/zh-hk/daytrip-tours">莫西鎮之旅</a></li> <li><a href="https://www.haventrails.com/zh-hk/daytrip-tours">查加文化體驗</a></li> <li><a href="https://www.haventrails.com/zh-hk/daytrip-tours">當地市場參觀</a></li> <li><a href="https://www.haventrails.com/zh-hk/serval-wildlife-day-trip">藪貓野生動物中心</a></li> </ul> </div> </div> </div> <div class="ht-nav__item"> <button class="ht-nav__link" aria-haspopup="true" aria-expanded="false">關於<i class="fas fa-chevron-down ht-nav__chevron" aria-hidden="true"></i> </button> <div class="ht-mega ht-mega--about" role="region"> <div> <h3 class="ht-mega__title">公司簡介</h3> <a href="https://www.haventrails.com/zh-hk/about-us" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-building" aria-hidden="true"></i></div> <div><h4>我們的故事</h4><p>15年以上的卓越表現</p></div> </a> <a href="https://www.haventrails.com/zh-hk/about-us" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-comments" aria-hidden="true"></i></div> <div><h4>客戶故事</h4><p>真實的旅行者體驗</p></div> </a> <a href="https://www.haventrails.com/zh-hk/contact-us" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-envelope" aria-hidden="true"></i></div> <div><h4>聯絡我們</h4><p>與我們的團隊聯繫</p></div> </a> </div> <div> <h3 class="ht-mega__title">資源</h3> <a href="https://www.haventrails.com/zh-hk/tanzania-safari-guide" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-map" aria-hidden="true"></i></div> <div><h4>旅遊指南</h4><p>簽證、健康和安全訊息</p></div> </a> <a href="https://www.haventrails.com/zh-hk/blog" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-newspaper" aria-hidden="true"></i></div> <div><h4>旅遊部落格</h4><p>提示、新聞和靈感</p></div> </a> <a href="https://www.haventrails.com/zh-hk/faq" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-question-circle" aria-hidden="true"></i></div> <div><h4>常見問題解答</h4><p>常見問題解答</p></div> </a> </div> </div> </div> </nav> <div class="ht-actions"> <div class="ht-lang" id="langSwitcher"> <button class="ht-lang__toggle" onclick="toggleLang()" aria-label="選擇語言" aria-expanded="false"> <img src="https://flagcdn.com/w80/hk.png" alt="Chinese Traditional (Hong Kong)" class="ht-lang__flag"> <span class="ht-lang__code">ZH-HK</span> <i class="fas fa-chevron-down ht-lang__chevron" aria-hidden="true"></i> </button> <div class="ht-lang__dropdown" id="langDropdown" role="listbox" aria-label="語言選項"> <div class="ht-lang__search"> <input type="text" placeholder="搜尋語言..." onkeyup="filterLang(this.value)" aria-label="搜尋語言"> </div> <div id="langGrid"> <a href="https://www.haventrails.com/zanzibar-spice-farm-tour" class="ht-lang__option" data-lang="en"> <img src="https://flagcdn.com/w80/us.png" alt="英文"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">英文</span> <span class="ht-lang__option-native">英文</span> </div> </a> <a href="https://www.haventrails.com/da/zanzibar-spice-farm-tour" class="ht-lang__option" data-lang="da"> <img src="https://flagcdn.com/w80/dk.png" alt="Danish"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Danish</span> <span class="ht-lang__option-native">Dansk</span> </div> </a> <a href="https://www.haventrails.com/de/zanzibar-spice-farm-tour" class="ht-lang__option" data-lang="de"> <img src="https://flagcdn.com/w80/de.png" alt="German"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">German</span> <span class="ht-lang__option-native">Deutsch</span> </div> </a> <a href="https://www.haventrails.com/es/zanzibar-spice-farm-tour" class="ht-lang__option" data-lang="es"> <img src="https://flagcdn.com/w80/es.png" alt="Spanish"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Spanish</span> <span class="ht-lang__option-native">Espanol</span> </div> </a> <a href="https://www.haventrails.com/fr/zanzibar-spice-farm-tour" class="ht-lang__option" data-lang="fr"> <img src="https://flagcdn.com/w80/fr.png" alt="French"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">French</span> <span class="ht-lang__option-native">Francais</span> </div> </a> <a href="https://www.haventrails.com/it/zanzibar-spice-farm-tour" class="ht-lang__option" data-lang="it"> <img src="https://flagcdn.com/w80/it.png" alt="Italian"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Italian</span> <span class="ht-lang__option-native">Italiano</span> </div> </a> <a href="https://www.haventrails.com/ko/zanzibar-spice-farm-tour" class="ht-lang__option" data-lang="ko"> <img src="https://flagcdn.com/w80/kr.png" alt="Korean"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Korean</span> <span class="ht-lang__option-native">Korean</span> </div> </a> <a href="https://www.haventrails.com/nl/zanzibar-spice-farm-tour" class="ht-lang__option" data-lang="nl"> <img src="https://flagcdn.com/w80/nl.png" alt="Dutch"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Dutch</span> <span class="ht-lang__option-native">Nederlands</span> </div> </a> <a href="https://www.haventrails.com/pl/zanzibar-spice-farm-tour" class="ht-lang__option" data-lang="pl"> <img src="https://flagcdn.com/w80/pl.png" alt="Polish"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Polish</span> <span class="ht-lang__option-native">Polski</span> </div> </a> <a href="https://www.haventrails.com/ru/zanzibar-spice-farm-tour" class="ht-lang__option" data-lang="ru"> <img src="https://flagcdn.com/w80/ru.png" alt="Russian"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Russian</span> <span class="ht-lang__option-native">Russian</span> </div> </a> <a href="https://www.haventrails.com/sv/zanzibar-spice-farm-tour" class="ht-lang__option" data-lang="sv"> <img src="https://flagcdn.com/w80/se.png" alt="Swedish"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Swedish</span> <span class="ht-lang__option-native">Svenska</span> </div> </a> <a href="https://www.haventrails.com/pt/zanzibar-spice-farm-tour" class="ht-lang__option" data-lang="pt-BR"> <img src="https://flagcdn.com/w80/br.png" alt="Portuguese (巴西)"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Portuguese (巴西)</span> <span class="ht-lang__option-native">Portugues</span> </div> </a> <a href="https://www.haventrails.com/ja/zanzibar-spice-farm-tour" class="ht-lang__option" data-lang="ja"> <img src="https://flagcdn.com/w80/jp.png" alt="Japanese"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Japanese</span> <span class="ht-lang__option-native">Japanese</span> </div> </a> <a href="https://www.haventrails.com/tr/zanzibar-spice-farm-tour" class="ht-lang__option" data-lang="tr"> <img src="https://flagcdn.com/w80/tr.png" alt="Turkish"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Turkish</span> <span class="ht-lang__option-native">Turkce</span> </div> </a> <a href="https://www.haventrails.com/zh/zanzibar-spice-farm-tour" class="ht-lang__option" data-lang="zh-Hans"> <img src="https://flagcdn.com/w80/cn.png" alt="Chinese Simplified"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Chinese Simplified</span> <span class="ht-lang__option-native">簡體中文</span> </div> </a> <a href="https://www.haventrails.com/zh-tw/zanzibar-spice-farm-tour" class="ht-lang__option" data-lang="zh-TW"> <img src="https://flagcdn.com/w80/tw.png" alt="Chinese Traditional (Taiwan)"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Chinese Traditional (Taiwan)</span> <span class="ht-lang__option-native">繁體中文 (Taiwan)</span> </div> </a> <a href="https://www.haventrails.com/zh-hk/zanzibar-spice-farm-tour" class="ht-lang__option active" data-lang="zh-HK"> <img src="https://flagcdn.com/w80/hk.png" alt="Chinese Traditional (Hong Kong)"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Chinese Traditional (Hong Kong)</span> <span class="ht-lang__option-native">繁體中文 (Hong Kong)</span> </div> </a> <a href="https://www.haventrails.com/ar/zanzibar-spice-farm-tour" class="ht-lang__option" data-lang="ar"> <img src="https://flagcdn.com/w80/sa.png" alt="Arabic"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Arabic</span> <span class="ht-lang__option-native">Arabic</span> </div> </a> <a href="https://www.haventrails.com/no/zanzibar-spice-farm-tour" class="ht-lang__option" data-lang="no"> <img src="https://flagcdn.com/w80/no.png" alt="Norwegian"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Norwegian</span> <span class="ht-lang__option-native">Norsk</span> </div> </a> <a href="https://www.haventrails.com/fi/zanzibar-spice-farm-tour" class="ht-lang__option" data-lang="fi"> <img src="https://flagcdn.com/w80/fi.png" alt="Finnish"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Finnish</span> <span class="ht-lang__option-native">Suomi</span> </div> </a> <a href="https://www.haventrails.com/he/zanzibar-spice-farm-tour" class="ht-lang__option" data-lang="he"> <img src="https://flagcdn.com/w80/il.png" alt="Hebrew"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Hebrew</span> <span class="ht-lang__option-native">Hebrew</span> </div> </a> <a href="https://www.haventrails.com/hi/zanzibar-spice-farm-tour" class="ht-lang__option" data-lang="hi"> <img src="https://flagcdn.com/w80/in.png" alt="Hindi"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Hindi</span> <span class="ht-lang__option-native">Hindi</span> </div> </a> <a href="https://www.haventrails.com/th/zanzibar-spice-farm-tour" class="ht-lang__option" data-lang="th"> <img src="https://flagcdn.com/w80/th.png" alt="Thai"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Thai</span> <span class="ht-lang__option-native">Thai</span> </div> </a> <a href="https://www.haventrails.com/id/zanzibar-spice-farm-tour" class="ht-lang__option" data-lang="id"> <img src="https://flagcdn.com/w80/id.png" alt="Indonesian"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Indonesian</span> <span class="ht-lang__option-native">Bahasa Indonesia</span> </div> </a> <a href="https://www.haventrails.com/cs/zanzibar-spice-farm-tour" class="ht-lang__option" data-lang="cs"> <img src="https://flagcdn.com/w80/cz.png" alt="Czech"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Czech</span> <span class="ht-lang__option-native">Cestina</span> </div> </a> <a href="https://www.haventrails.com/hu/zanzibar-spice-farm-tour" class="ht-lang__option" data-lang="hu"> <img src="https://flagcdn.com/w80/hu.png" alt="Hungarian"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Hungarian</span> <span class="ht-lang__option-native">Magyar</span> </div> </a> <a href="https://www.haventrails.com/el/zanzibar-spice-farm-tour" class="ht-lang__option" data-lang="el"> <img src="https://flagcdn.com/w80/gr.png" alt="Greek"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Greek</span> <span class="ht-lang__option-native">Greek</span> </div> </a> <a href="https://www.haventrails.com/sk/zanzibar-spice-farm-tour" class="ht-lang__option" data-lang="sk"> <img src="https://flagcdn.com/w80/sk.png" alt="Slovak"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Slovak</span> <span class="ht-lang__option-native">Slovencina</span> </div> </a> <a href="https://www.haventrails.com/uk/zanzibar-spice-farm-tour" class="ht-lang__option" data-lang="uk"> <img src="https://flagcdn.com/w80/ua.png" alt="Ukrainian"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Ukrainian</span> <span class="ht-lang__option-native">Ukrainian</span> </div> </a> <a href="https://www.haventrails.com/ro/zanzibar-spice-farm-tour" class="ht-lang__option" data-lang="ro"> <img src="https://flagcdn.com/w80/ro.png" alt="Romanian"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Romanian</span> <span class="ht-lang__option-native">Romana</span> </div> </a> <a href="https://www.haventrails.com/vi/zanzibar-spice-farm-tour" class="ht-lang__option" data-lang="vi"> <img src="https://flagcdn.com/w80/vn.png" alt="Vietnamese"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Vietnamese</span> <span class="ht-lang__option-native">Tieng Viet</span> </div> </a> <a href="https://www.haventrails.com/tl/zanzibar-spice-farm-tour" class="ht-lang__option" data-lang="tl"> <img src="https://flagcdn.com/w80/ph.png" alt="Filipino/Tagalog"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Filipino/Tagalog</span> <span class="ht-lang__option-native">Filipino</span> </div> </a> <a href="https://www.haventrails.com/kk/zanzibar-spice-farm-tour" class="ht-lang__option" data-lang="kk"> <img src="https://flagcdn.com/w80/kz.png" alt="Kazakh"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Kazakh</span> <span class="ht-lang__option-native">Kazakh</span> </div> </a> </div> </div> </div> <a href="tel:+255713334154" class="ht-btn ht-btn--outline" aria-label="致電我們"> <i class="fas fa-phone" aria-hidden="true"></i> <span>致電我們</span> </a> <a href="https://www.haventrails.com/zh-hk/planning-my-trip" class="ht-btn ht-btn--primary"> <i class="fas fa-calendar-check" aria-hidden="true"></i> <span>開始規劃</span> </a> <div class="ht-mobile-flags" id="mobileFlagSwitcher"> <button class="ht-mobile-flags__trigger" onclick="toggleMobileFlags()" aria-label="選擇語言" aria-expanded="false" id="mobileFlagsBtn"> <img src="https://flagcdn.com/w80/hk.png" alt="Chinese Traditional (Hong Kong)" class="ht-lang__flag"> <span class="ht-mobile-flags__code" id="mobileFlagCode">ZH-HK</span> <i class="fas fa-chevron-down ht-mobile-flags__chevron" aria-hidden="true"></i> </button> <div class="ht-mobile-flags__panel" id="mobileFlagsPanel" role="listbox" aria-label="選擇語言"> <div class="ht-mobile-flags__title">選擇您的語言</div> <div class="ht-mobile-flags__list"> <a href="https://www.haventrails.com/zanzibar-spice-farm-tour" class="ht-mobile-flag-btn" data-lang="en" aria-label="英文"> <img src="https://flagcdn.com/w80/us.png" alt="英文"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">英文</span> <span class="ht-mobile-flag-btn__native">英文</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/da/zanzibar-spice-farm-tour" class="ht-mobile-flag-btn" data-lang="da" aria-label="Danish"> <img src="https://flagcdn.com/w80/dk.png" alt="Danish"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Danish</span> <span class="ht-mobile-flag-btn__native">Dansk</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/de/zanzibar-spice-farm-tour" class="ht-mobile-flag-btn" data-lang="de" aria-label="German"> <img src="https://flagcdn.com/w80/de.png" alt="German"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">German</span> <span class="ht-mobile-flag-btn__native">Deutsch</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/es/zanzibar-spice-farm-tour" class="ht-mobile-flag-btn" data-lang="es" aria-label="Spanish"> <img src="https://flagcdn.com/w80/es.png" alt="Spanish"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Spanish</span> <span class="ht-mobile-flag-btn__native">Espanol</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/fr/zanzibar-spice-farm-tour" class="ht-mobile-flag-btn" data-lang="fr" aria-label="French"> <img src="https://flagcdn.com/w80/fr.png" alt="French"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">French</span> <span class="ht-mobile-flag-btn__native">Francais</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/it/zanzibar-spice-farm-tour" class="ht-mobile-flag-btn" data-lang="it" aria-label="Italian"> <img src="https://flagcdn.com/w80/it.png" alt="Italian"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Italian</span> <span class="ht-mobile-flag-btn__native">Italiano</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/ko/zanzibar-spice-farm-tour" class="ht-mobile-flag-btn" data-lang="ko" aria-label="Korean"> <img src="https://flagcdn.com/w80/kr.png" alt="Korean"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Korean</span> <span class="ht-mobile-flag-btn__native">Korean</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/nl/zanzibar-spice-farm-tour" class="ht-mobile-flag-btn" data-lang="nl" aria-label="Dutch"> <img src="https://flagcdn.com/w80/nl.png" alt="Dutch"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Dutch</span> <span class="ht-mobile-flag-btn__native">Nederlands</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/pl/zanzibar-spice-farm-tour" class="ht-mobile-flag-btn" data-lang="pl" aria-label="Polish"> <img src="https://flagcdn.com/w80/pl.png" alt="Polish"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Polish</span> <span class="ht-mobile-flag-btn__native">Polski</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/ru/zanzibar-spice-farm-tour" class="ht-mobile-flag-btn" data-lang="ru" aria-label="Russian"> <img src="https://flagcdn.com/w80/ru.png" alt="Russian"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Russian</span> <span class="ht-mobile-flag-btn__native">Russian</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/sv/zanzibar-spice-farm-tour" class="ht-mobile-flag-btn" data-lang="sv" aria-label="Swedish"> <img src="https://flagcdn.com/w80/se.png" alt="Swedish"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Swedish</span> <span class="ht-mobile-flag-btn__native">Svenska</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/pt/zanzibar-spice-farm-tour" class="ht-mobile-flag-btn" data-lang="pt-BR" aria-label="Portuguese (巴西)"> <img src="https://flagcdn.com/w80/br.png" alt="Portuguese (巴西)"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Portuguese (巴西)</span> <span class="ht-mobile-flag-btn__native">Portugues</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/ja/zanzibar-spice-farm-tour" class="ht-mobile-flag-btn" data-lang="ja" aria-label="Japanese"> <img src="https://flagcdn.com/w80/jp.png" alt="Japanese"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Japanese</span> <span class="ht-mobile-flag-btn__native">Japanese</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/tr/zanzibar-spice-farm-tour" class="ht-mobile-flag-btn" data-lang="tr" aria-label="Turkish"> <img src="https://flagcdn.com/w80/tr.png" alt="Turkish"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Turkish</span> <span class="ht-mobile-flag-btn__native">Turkce</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/zh/zanzibar-spice-farm-tour" class="ht-mobile-flag-btn" data-lang="zh-Hans" aria-label="Chinese Simplified"> <img src="https://flagcdn.com/w80/cn.png" alt="Chinese Simplified"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Chinese Simplified</span> <span class="ht-mobile-flag-btn__native">簡體中文</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/zh-tw/zanzibar-spice-farm-tour" class="ht-mobile-flag-btn" data-lang="zh-TW" aria-label="Chinese Traditional (Taiwan)"> <img src="https://flagcdn.com/w80/tw.png" alt="Chinese Traditional (Taiwan)"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Chinese Traditional (Taiwan)</span> <span class="ht-mobile-flag-btn__native">繁體中文 (Taiwan)</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/zh-hk/zanzibar-spice-farm-tour" class="ht-mobile-flag-btn active" data-lang="zh-HK" aria-label="Chinese Traditional (Hong Kong)"> <img src="https://flagcdn.com/w80/hk.png" alt="Chinese Traditional (Hong Kong)"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Chinese Traditional (Hong Kong)</span> <span class="ht-mobile-flag-btn__native">繁體中文 (Hong Kong)</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/ar/zanzibar-spice-farm-tour" class="ht-mobile-flag-btn" data-lang="ar" aria-label="Arabic"> <img src="https://flagcdn.com/w80/sa.png" alt="Arabic"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Arabic</span> <span class="ht-mobile-flag-btn__native">Arabic</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/no/zanzibar-spice-farm-tour" class="ht-mobile-flag-btn" data-lang="no" aria-label="Norwegian"> <img src="https://flagcdn.com/w80/no.png" alt="Norwegian"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Norwegian</span> <span class="ht-mobile-flag-btn__native">Norsk</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/fi/zanzibar-spice-farm-tour" class="ht-mobile-flag-btn" data-lang="fi" aria-label="Finnish"> <img src="https://flagcdn.com/w80/fi.png" alt="Finnish"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Finnish</span> <span class="ht-mobile-flag-btn__native">Suomi</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/he/zanzibar-spice-farm-tour" class="ht-mobile-flag-btn" data-lang="he" aria-label="Hebrew"> <img src="https://flagcdn.com/w80/il.png" alt="Hebrew"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Hebrew</span> <span class="ht-mobile-flag-btn__native">Hebrew</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/hi/zanzibar-spice-farm-tour" class="ht-mobile-flag-btn" data-lang="hi" aria-label="Hindi"> <img src="https://flagcdn.com/w80/in.png" alt="Hindi"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Hindi</span> <span class="ht-mobile-flag-btn__native">Hindi</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/th/zanzibar-spice-farm-tour" class="ht-mobile-flag-btn" data-lang="th" aria-label="Thai"> <img src="https://flagcdn.com/w80/th.png" alt="Thai"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Thai</span> <span class="ht-mobile-flag-btn__native">Thai</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/id/zanzibar-spice-farm-tour" class="ht-mobile-flag-btn" data-lang="id" aria-label="Indonesian"> <img src="https://flagcdn.com/w80/id.png" alt="Indonesian"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Indonesian</span> <span class="ht-mobile-flag-btn__native">Bahasa Indonesia</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/cs/zanzibar-spice-farm-tour" class="ht-mobile-flag-btn" data-lang="cs" aria-label="Czech"> <img src="https://flagcdn.com/w80/cz.png" alt="Czech"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Czech</span> <span class="ht-mobile-flag-btn__native">Cestina</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/hu/zanzibar-spice-farm-tour" class="ht-mobile-flag-btn" data-lang="hu" aria-label="Hungarian"> <img src="https://flagcdn.com/w80/hu.png" alt="Hungarian"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Hungarian</span> <span class="ht-mobile-flag-btn__native">Magyar</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/el/zanzibar-spice-farm-tour" class="ht-mobile-flag-btn" data-lang="el" aria-label="Greek"> <img src="https://flagcdn.com/w80/gr.png" alt="Greek"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Greek</span> <span class="ht-mobile-flag-btn__native">Greek</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/sk/zanzibar-spice-farm-tour" class="ht-mobile-flag-btn" data-lang="sk" aria-label="Slovak"> <img src="https://flagcdn.com/w80/sk.png" alt="Slovak"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Slovak</span> <span class="ht-mobile-flag-btn__native">Slovencina</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/uk/zanzibar-spice-farm-tour" class="ht-mobile-flag-btn" data-lang="uk" aria-label="Ukrainian"> <img src="https://flagcdn.com/w80/ua.png" alt="Ukrainian"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Ukrainian</span> <span class="ht-mobile-flag-btn__native">Ukrainian</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/ro/zanzibar-spice-farm-tour" class="ht-mobile-flag-btn" data-lang="ro" aria-label="Romanian"> <img src="https://flagcdn.com/w80/ro.png" alt="Romanian"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Romanian</span> <span class="ht-mobile-flag-btn__native">Romana</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/vi/zanzibar-spice-farm-tour" class="ht-mobile-flag-btn" data-lang="vi" aria-label="Vietnamese"> <img src="https://flagcdn.com/w80/vn.png" alt="Vietnamese"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Vietnamese</span> <span class="ht-mobile-flag-btn__native">Tieng Viet</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/tl/zanzibar-spice-farm-tour" class="ht-mobile-flag-btn" data-lang="tl" aria-label="Filipino/Tagalog"> <img src="https://flagcdn.com/w80/ph.png" alt="Filipino/Tagalog"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Filipino/Tagalog</span> <span class="ht-mobile-flag-btn__native">Filipino</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/kk/zanzibar-spice-farm-tour" class="ht-mobile-flag-btn" data-lang="kk" aria-label="Kazakh"> <img src="https://flagcdn.com/w80/kz.png" alt="Kazakh"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Kazakh</span> <span class="ht-mobile-flag-btn__native">Kazakh</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> </div> </div> </div> <button class="ht-mobile-toggle" id="mobileToggle" onclick="toggleMobileMenu()" aria-label="開啟導覽選單" aria-expanded="false"> <span></span> <span></span> <span></span> </button> </div> </div> </header> <div class="ht-mobile-overlay" id="mobileOverlay" onclick="closeMobileMenu()"></div> <div class="ht-mobile-menu" id="mobileMenu" role="dialog" aria-modal="true" aria-label="導航選單"> <div class="ht-mobile-menu__header"> <a href="https://www.haventrails.com/zh-hk/" class="ht-logo" style="transform:scale(.88);transform-origin:left;"> <picture><source type="image/webp" srcset="https://www.haventrails.com/img/logo-150.webp 1x, https://www.haventrails.com/img/logo-300.webp 2x"><img src="https://www.haventrails.com/img/zanzibarnew.webp" width="150" height="36" data-retina="true" alt="哈文步道探險" class="logo_normal" loading="eager" decoding="async"></picture> </a> <button class="ht-mobile-menu__close" onclick="closeMobileMenu()" aria-label="關閉導航選單"> <i class="fas fa-times" aria-hidden="true"></i> </button> </div> <div class="ht-mobile-menu__content"> <div class="ht-mobile-trust" aria-label="我們的資質"> <div class="ht-mobile-trust-stat"><strong>15+</strong><span>年</span></div> <div class="ht-mobile-trust-div"></div> <div class="ht-mobile-trust-stat"><strong>98.5%</strong><span>高峰會</span></div> <div class="ht-mobile-trust-div"></div> <div class="ht-mobile-trust-stat"><strong>5<i class="fa-solid fa-star" aria-hidden="true"></i></strong><span>額定</span></div> <div class="ht-mobile-trust-div"></div> <div class="ht-mobile-trust-stat"><strong>4,000+</strong><span>嘉賓</span></div> </div> <nav class="ht-mobile-nav" aria-label="手機導航"> <div class="ht-mobile-item"> <a href="https://www.haventrails.com/zh-hk/" class="ht-mobile-item__header" style="text-decoration:none;"> <span class="ht-mobile-item__title"><i class="fas fa-home" aria-hidden="true"></i>首頁</span> </a> </div> <div class="ht-mobile-item"> <div class="ht-mobile-item__header" onclick="toggleAccordion(this)" role="button" aria-expanded="false" tabindex="0"> <span class="ht-mobile-item__title"><i class="fas fa-paw" aria-hidden="true"></i>野生動物園之旅</span> <span class="ht-mobile-item__toggle" aria-hidden="true"><i class="fas fa-chevron-down"></i></span> </div> <div class="ht-mobile-item__content"> <div class="ht-mobile-item__links"> <a href="https://www.haventrails.com/zh-hk/safari-tours" class="ht-mobile-link"><i class="fas fa-binoculars" aria-hidden="true"></i>野生動物探險</a> <a href="https://www.honeymoonexplorers.com" class="ht-mobile-link"><i class="fas fa-heart" aria-hidden="true"></i>蜜月旅行</a> <a href="https://www.haventrails.com/zh-hk/safari-tours" class="ht-mobile-link"><i class="fas fa-users" aria-hidden="true"></i>家庭狩獵之旅</a> <a href="https://www.haventrails.com/zh-hk/serengeti-national-park" class="ht-mobile-link"><i class="fas fa-map-marker-alt" aria-hidden="true"></i>Serengeti</a> <a href="https://www.haventrails.com/zh-hk/ngorongoro-crater" class="ht-mobile-link"><i class="fas fa-mountain" aria-hidden="true"></i>Ngorongoro</a> </div> </div> </div> <div class="ht-mobile-item"> <div class="ht-mobile-item__header" onclick="toggleAccordion(this)" role="button" aria-expanded="false" tabindex="0"> <span class="ht-mobile-item__title"><i class="fas fa-mountain" aria-hidden="true"></i>Kilimanjaro</span> <span class="ht-mobile-item__toggle" aria-hidden="true"><i class="fas fa-chevron-down"></i></span> </div> <div class="ht-mobile-item__content"> <div class="ht-mobile-item__links"> <a href="https://www.haventrails.com/zh-hk/lemosho-route" class="ht-mobile-link"><i class="fas fa-route" aria-hidden="true"></i>萊莫紹路線</a> <a href="https://www.haventrails.com/zh-hk/machame-route" class="ht-mobile-link"><i class="fas fa-route" aria-hidden="true"></i>馬切姆路線</a> <a href="https://www.haventrails.com/zh-hk/marangu-route" class="ht-mobile-link"><i class="fas fa-route" aria-hidden="true"></i>馬蘭古路線</a> <a href="https://www.haventrails.com/zh-hk/kilimanjaro-packing-list" class="ht-mobile-link"><i class="fas fa-suitcase" aria-hidden="true"></i>裝箱單</a> </div> </div> </div> <div class="ht-mobile-item"> <div class="ht-mobile-item__header" onclick="toggleAccordion(this)" role="button" aria-expanded="false" tabindex="0"> <span class="ht-mobile-item__title"><i class="fas fa-umbrella-beach" aria-hidden="true"></i>Zanzibar</span> <span class="ht-mobile-item__toggle" aria-hidden="true"><i class="fas fa-chevron-down"></i></span> </div> <div class="ht-mobile-item__content"> <div class="ht-mobile-item__links"> <a href="https://www.haventrails.com/zh-hk/zanzibar-tours" class="ht-mobile-link"><i class="fas fa-sun" aria-hidden="true"></i>海灘假期</a> <a href="https://www.haventrails.com/zh-hk/zanzibar-tours" class="ht-mobile-link"><i class="fas fa-landmark" aria-hidden="true"></i>石頭城</a> <a href="https://www.haventrails.com/zh-hk/zanzibar-tours" class="ht-mobile-link"><i class="fas fa-seedling" aria-hidden="true"></i>香料之旅</a> <a href="https://www.haventrails.com/zh-hk/zanzibar-tours" class="ht-mobile-link"><i class="fas fa-ship" aria-hidden="true"></i>狩獵藍</a> </div> </div> </div> <div class="ht-mobile-item"> <div class="ht-mobile-item__header" onclick="toggleAccordion(this)" role="button" aria-expanded="false" tabindex="0"> <span class="ht-mobile-item__title"><i class="fas fa-clock" aria-hidden="true"></i>一日遊</span> <span class="ht-mobile-item__toggle" aria-hidden="true"><i class="fas fa-chevron-down"></i></span> </div> <div class="ht-mobile-item__content"> <div class="ht-mobile-item__links"> <a href="https://www.haventrails.com/zh-hk/materuni-waterfall-day-trip" class="ht-mobile-link"><i class="fas fa-water" aria-hidden="true"></i>馬特魯尼瀑布</a> <a href="https://www.haventrails.com/zh-hk/arusha-national-park-day-trip" class="ht-mobile-link"><i class="fas fa-paw" aria-hidden="true"></i>Arusha國家公園</a> <a href="https://www.haventrails.com/zh-hk/chemka-kikuletwa-day-trip" class="ht-mobile-link"><i class="fas fa-hot-tub-person" aria-hidden="true"></i>徹姆卡溫泉</a> </div> </div> </div> <div class="ht-mobile-item"> <div class="ht-mobile-item__header" onclick="toggleAccordion(this)" role="button" aria-expanded="false" tabindex="0"> <span class="ht-mobile-item__title"><i class="fas fa-info-circle" aria-hidden="true"></i>關於</span> <span class="ht-mobile-item__toggle" aria-hidden="true"><i class="fas fa-chevron-down"></i></span> </div> <div class="ht-mobile-item__content"> <div class="ht-mobile-item__links"> <a href="https://www.haventrails.com/zh-hk/about-us" class="ht-mobile-link"><i class="fas fa-building" aria-hidden="true"></i>我們的故事</a> <a href="https://www.haventrails.com/zh-hk/about-us" class="ht-mobile-link"><i class="fas fa-comments" aria-hidden="true"></i>評論</a> <a href="https://www.haventrails.com/zh-hk/blog" class="ht-mobile-link"><i class="fas fa-newspaper" aria-hidden="true"></i>部落格</a> <a href="https://www.haventrails.com/zh-hk/faq" class="ht-mobile-link"><i class="fas fa-question-circle" aria-hidden="true"></i>常見問題解答</a> <a href="https://www.haventrails.com/zh-hk/contact-us" class="ht-mobile-link"><i class="fas fa-envelope" aria-hidden="true"></i>聯絡方式</a> </div> </div> </div> </nav> <div class="ht-mobile-lang"> <div class="ht-mobile-lang__title">選擇語言</div> <div class="ht-mobile-lang__scroll" id="drawerLangGrid"> <a href="https://www.haventrails.com/zanzibar-spice-farm-tour" class="ht-drawer-lang-btn" data-lang="en"> <img src="https://flagcdn.com/w80/us.png" alt="英文"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">英文</span> <span class="ht-drawer-lang-btn__native">英文</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/da/zanzibar-spice-farm-tour" class="ht-drawer-lang-btn" data-lang="da"> <img src="https://flagcdn.com/w80/dk.png" alt="Danish"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Danish</span> <span class="ht-drawer-lang-btn__native">Dansk</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/de/zanzibar-spice-farm-tour" class="ht-drawer-lang-btn" data-lang="de"> <img src="https://flagcdn.com/w80/de.png" alt="German"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">German</span> <span class="ht-drawer-lang-btn__native">Deutsch</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/es/zanzibar-spice-farm-tour" class="ht-drawer-lang-btn" data-lang="es"> <img src="https://flagcdn.com/w80/es.png" alt="Spanish"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Spanish</span> <span class="ht-drawer-lang-btn__native">Espanol</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/fr/zanzibar-spice-farm-tour" class="ht-drawer-lang-btn" data-lang="fr"> <img src="https://flagcdn.com/w80/fr.png" alt="French"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">French</span> <span class="ht-drawer-lang-btn__native">Francais</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/it/zanzibar-spice-farm-tour" class="ht-drawer-lang-btn" data-lang="it"> <img src="https://flagcdn.com/w80/it.png" alt="Italian"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Italian</span> <span class="ht-drawer-lang-btn__native">Italiano</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/ko/zanzibar-spice-farm-tour" class="ht-drawer-lang-btn" data-lang="ko"> <img src="https://flagcdn.com/w80/kr.png" alt="Korean"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Korean</span> <span class="ht-drawer-lang-btn__native">Korean</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/nl/zanzibar-spice-farm-tour" class="ht-drawer-lang-btn" data-lang="nl"> <img src="https://flagcdn.com/w80/nl.png" alt="Dutch"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Dutch</span> <span class="ht-drawer-lang-btn__native">Nederlands</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/pl/zanzibar-spice-farm-tour" class="ht-drawer-lang-btn" data-lang="pl"> <img src="https://flagcdn.com/w80/pl.png" alt="Polish"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Polish</span> <span class="ht-drawer-lang-btn__native">Polski</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/ru/zanzibar-spice-farm-tour" class="ht-drawer-lang-btn" data-lang="ru"> <img src="https://flagcdn.com/w80/ru.png" alt="Russian"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Russian</span> <span class="ht-drawer-lang-btn__native">Russian</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/sv/zanzibar-spice-farm-tour" class="ht-drawer-lang-btn" data-lang="sv"> <img src="https://flagcdn.com/w80/se.png" alt="Swedish"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Swedish</span> <span class="ht-drawer-lang-btn__native">Svenska</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/pt/zanzibar-spice-farm-tour" class="ht-drawer-lang-btn" data-lang="pt-BR"> <img src="https://flagcdn.com/w80/br.png" alt="Portuguese (巴西)"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Portuguese (巴西)</span> <span class="ht-drawer-lang-btn__native">Portugues</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/ja/zanzibar-spice-farm-tour" class="ht-drawer-lang-btn" data-lang="ja"> <img src="https://flagcdn.com/w80/jp.png" alt="Japanese"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Japanese</span> <span class="ht-drawer-lang-btn__native">Japanese</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/tr/zanzibar-spice-farm-tour" class="ht-drawer-lang-btn" data-lang="tr"> <img src="https://flagcdn.com/w80/tr.png" alt="Turkish"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Turkish</span> <span class="ht-drawer-lang-btn__native">Turkce</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/zh/zanzibar-spice-farm-tour" class="ht-drawer-lang-btn" data-lang="zh-Hans"> <img src="https://flagcdn.com/w80/cn.png" alt="Chinese Simplified"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Chinese Simplified</span> <span class="ht-drawer-lang-btn__native">簡體中文</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/zh-tw/zanzibar-spice-farm-tour" class="ht-drawer-lang-btn" data-lang="zh-TW"> <img src="https://flagcdn.com/w80/tw.png" alt="Chinese Traditional (Taiwan)"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Chinese Traditional (Taiwan)</span> <span class="ht-drawer-lang-btn__native">繁體中文 (Taiwan)</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/zh-hk/zanzibar-spice-farm-tour" class="ht-drawer-lang-btn active" data-lang="zh-HK"> <img src="https://flagcdn.com/w80/hk.png" alt="Chinese Traditional (Hong Kong)"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Chinese Traditional (Hong Kong)</span> <span class="ht-drawer-lang-btn__native">繁體中文 (Hong Kong)</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/ar/zanzibar-spice-farm-tour" class="ht-drawer-lang-btn" data-lang="ar"> <img src="https://flagcdn.com/w80/sa.png" alt="Arabic"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Arabic</span> <span class="ht-drawer-lang-btn__native">Arabic</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/no/zanzibar-spice-farm-tour" class="ht-drawer-lang-btn" data-lang="no"> <img src="https://flagcdn.com/w80/no.png" alt="Norwegian"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Norwegian</span> <span class="ht-drawer-lang-btn__native">Norsk</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/fi/zanzibar-spice-farm-tour" class="ht-drawer-lang-btn" data-lang="fi"> <img src="https://flagcdn.com/w80/fi.png" alt="Finnish"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Finnish</span> <span class="ht-drawer-lang-btn__native">Suomi</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/he/zanzibar-spice-farm-tour" class="ht-drawer-lang-btn" data-lang="he"> <img src="https://flagcdn.com/w80/il.png" alt="Hebrew"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Hebrew</span> <span class="ht-drawer-lang-btn__native">Hebrew</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/hi/zanzibar-spice-farm-tour" class="ht-drawer-lang-btn" data-lang="hi"> <img src="https://flagcdn.com/w80/in.png" alt="Hindi"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Hindi</span> <span class="ht-drawer-lang-btn__native">Hindi</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/th/zanzibar-spice-farm-tour" class="ht-drawer-lang-btn" data-lang="th"> <img src="https://flagcdn.com/w80/th.png" alt="Thai"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Thai</span> <span class="ht-drawer-lang-btn__native">Thai</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/id/zanzibar-spice-farm-tour" class="ht-drawer-lang-btn" data-lang="id"> <img src="https://flagcdn.com/w80/id.png" alt="Indonesian"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Indonesian</span> <span class="ht-drawer-lang-btn__native">Bahasa Indonesia</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/cs/zanzibar-spice-farm-tour" class="ht-drawer-lang-btn" data-lang="cs"> <img src="https://flagcdn.com/w80/cz.png" alt="Czech"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Czech</span> <span class="ht-drawer-lang-btn__native">Cestina</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/hu/zanzibar-spice-farm-tour" class="ht-drawer-lang-btn" data-lang="hu"> <img src="https://flagcdn.com/w80/hu.png" alt="Hungarian"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Hungarian</span> <span class="ht-drawer-lang-btn__native">Magyar</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/el/zanzibar-spice-farm-tour" class="ht-drawer-lang-btn" data-lang="el"> <img src="https://flagcdn.com/w80/gr.png" alt="Greek"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Greek</span> <span class="ht-drawer-lang-btn__native">Greek</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/sk/zanzibar-spice-farm-tour" class="ht-drawer-lang-btn" data-lang="sk"> <img src="https://flagcdn.com/w80/sk.png" alt="Slovak"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Slovak</span> <span class="ht-drawer-lang-btn__native">Slovencina</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/uk/zanzibar-spice-farm-tour" class="ht-drawer-lang-btn" data-lang="uk"> <img src="https://flagcdn.com/w80/ua.png" alt="Ukrainian"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Ukrainian</span> <span class="ht-drawer-lang-btn__native">Ukrainian</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/ro/zanzibar-spice-farm-tour" class="ht-drawer-lang-btn" data-lang="ro"> <img src="https://flagcdn.com/w80/ro.png" alt="Romanian"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Romanian</span> <span class="ht-drawer-lang-btn__native">Romana</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/vi/zanzibar-spice-farm-tour" class="ht-drawer-lang-btn" data-lang="vi"> <img src="https://flagcdn.com/w80/vn.png" alt="Vietnamese"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Vietnamese</span> <span class="ht-drawer-lang-btn__native">Tieng Viet</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/tl/zanzibar-spice-farm-tour" class="ht-drawer-lang-btn" data-lang="tl"> <img src="https://flagcdn.com/w80/ph.png" alt="Filipino/Tagalog"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Filipino/Tagalog</span> <span class="ht-drawer-lang-btn__native">Filipino</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/kk/zanzibar-spice-farm-tour" class="ht-drawer-lang-btn" data-lang="kk"> <img src="https://flagcdn.com/w80/kz.png" alt="Kazakh"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Kazakh</span> <span class="ht-drawer-lang-btn__native">Kazakh</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> </div> </div> <div class="ht-mobile-cta"> <a href="tel:+255713334154" class="ht-btn ht-btn--outline"><i class="fas fa-phone" aria-hidden="true"></i>致電我們</a> <a href="https://www.haventrails.com/zh-hk/planning-my-trip" class="ht-btn ht-btn--primary"><i class="fas fa-calendar-check" aria-hidden="true"></i>開始規劃</a> </div> </div> </div> <div id="has-smooth"> <div id="has-smooth-wrap"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=Jost:wght@300;400;500;600&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"> <style> :root{--gold:#C9A84C;--gold-light:#E8C97A;--dark:#0D0D0D;--dark-2:#161616;--dark-3:#1E1E1E;--white:#FFFFFF;--text:#E8E8E8;--text-muted:#A0A0A0;--font-d:'Cormorant Garamond',Georgia,serif;--font-b:'Jost',sans-serif;--hh:72px;--r:4px;--t:0.3s ease;} *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;} .hero{position:relative;height:88vh;min-height:560px;display:flex;align-items:flex-end;overflow:hidden;} .hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a0d 35%,#0d1a0d 65%,#0a0f0d 100%);} .hero-mt{position:absolute;bottom:0;left:0;right:0;height:65%;} .hero-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(13,13,13,.96) 0%,rgba(13,13,13,.5) 40%,rgba(13,13,13,.1) 70%,transparent 100%);} .stars{position:absolute;inset:0;overflow:hidden;pointer-events:none;} .star{position:absolute;background:#fff;border-radius:50%;animation:tw 3s infinite;} @keyframes tw{0%,100%{opacity:.6}50%{opacity:.1}} .hc{position:relative;z-index:2;max-width:1280px;margin:0 auto;width:100%;padding:0 32px 64px;} .hbadge{display:inline-flex;align-items:center;gap:8px;background:rgba(201,168,76,.9);border:1px solid rgba(201,168,76,.3);color:white;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:7px 14px;border-radius:100px;margin-bottom:20px;} .hero h1{font-family:var(--font-d);font-size:clamp(42px,7vw,88px);font-weight:700;line-height:1;color:var(--white);margin-bottom:8px;} .hero h1 em{font-style:italic;color:var(--gold);} .hero-sub{font-size:clamp(14px,2vw,18px);color:white;font-weight:300;margin-bottom:32px;max-width:560px;} .hstats{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-bottom:32px;} .sv{font-family:var(--font-d);font-size:28px;font-weight:700;color:var(--gold);line-height:1;} .sl{font-size:11px;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-top:3px;} .sdiv{width:1px;height:36px;background:rgba(255,255,255,.1);} .hact{display:flex;gap:14px;flex-wrap:wrap;} .btn-p{display:inline-flex;align-items:center;gap:9px;background:var(--gold);color:var(--dark);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:14px 28px;border-radius:var(--r);transition:all var(--t);} .btn-p:hover{background:var(--gold-light);transform:translateY(-2px);box-shadow:0 8px 24px rgba(201,168,76,.3);} .btn-s{display:inline-flex;align-items:center;gap:9px;background:transparent;color:var(--white);font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:14px 28px;border-radius:var(--r);border:1px solid rgba(255,255,255,.2);transition:all var(--t);} .btn-s:hover{border-color:var(--gold);color:var(--gold);} .bc{background:#4a2e01;border-bottom:1px solid rgba(255,255,255,.05);padding:12px 0;} .bci{max-width:1280px;margin:0 auto;padding:0 32px;display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-muted);} .bci a:hover{color:var(--gold);} .bci .sep{color:#444;} .pl{max-width:1280px;margin:0 auto;padding:60px 32px;display:grid;grid-template-columns:1fr 300px;gap:40px;} .slbl{font-size:16px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:8px;} .stit{font-family:var(--font-d);font-size:clamp(26px,4vw,40px);font-weight:700;color: #4a2e01;line-height:1.15;margin-bottom:20px;} .stit em{font-style:italic;color:var(--gold);} .divdr{width:48px;height:2px;background:var(--gold);margin-bottom:24px;} .prose{color:var(--text-muted);line-height:1.8;font-weight:300;font-size:15px;} .prose p+p{margin-top:16px;} .prose strong{color:var(--text);font-weight:500;} .qf{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:32px 0;} .fc{background:#e5e6e1;border:1px solid #4a2e01;border-radius:var(--r);padding:18px 14px;text-align:center;transition:border-color var(--t),transform var(--t);} .fc:hover{border-color:rgba(201,168,76,.3);transform:translateY(-2px);} .fi{width:38px;height:38px;border-radius:50%;background:rgba(201,168,76,.1);display:flex;align-items:center;justify-content:center;margin:0 auto 10px;color:var(--gold);font-size:15px;} .fv{font-family:var(--font-d);font-size:20px;font-weight:700;color:#4a2e01;line-height:1.1;margin-bottom:4px;} .fl{font-size:11px;color:black;letter-spacing:.08em;text-transform:uppercase;} .pcg{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0;} .pro,.con{background:#e5e6e1;border-radius:var(--r);padding:22px;border:1px solid;} .pro{border-color:rgba(76,201,130,.15);} .con{border-color:rgba(201,76,76,.15);} .pct{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px;} .pro .pct{color:#4CC982;} .con .pct{color:#CC5555;} .pcl{list-style:none;display:flex;flex-direction:column;gap:9px;} .pcl li{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:black;line-height:1.5;} .pcl li i{margin-top:2px;flex-shrink:0;font-size:11px;} .pro .pcl li i{color:#4CC982;} .con .pcl li i{color:#CC5555;} .gg{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;gap:10px;margin:28px 0;} .gi{border-radius:var(--r);overflow:hidden;position:relative;background:var(--dark-3);aspect-ratio:4/3;} .gi:first-child{grid-column:span 2;grid-row:span 2;aspect-ratio:unset;} .gsvg{width:100%;height:100%;display:block;} .gov{position:absolute;inset:0;background:rgba(0,0,0,0);display:flex;align-items:center;justify-content:center;transition:background var(--t);} .gi:hover .gov{background:rgba(0,0,0,.35);} .gov i{color:transparent;font-size:24px;transition:color var(--t);} .gi:hover .gov i{color:var(--white);} .ec{background:var(--dark-3);border:1px solid rgba(201,168,76,.1);border-radius:var(--r);padding:24px;overflow:hidden;} .ec svg{width:100%;height:auto;display:block;} .ith{ display:flex; background: #e5e6e1; border:1px solid rgba(201,168,76,.15); border-radius:var(--r); overflow:hidden; margin-bottom:24px; position:sticky; top:72px; z-index:40; } .itb{flex:1;padding:16px 20px;background:transparent;border:none;cursor:pointer;text-align:left;transition:background var(--t);position:relative;display:flex;flex-direction:column;gap:3px;} .itb+.itb{border-left:1px solid rgba(255,255,255,.07);} .itb .td{font-family:var(--font-d);font-size:22px;font-weight:700;color: black;line-height:1;transition:color var(--t);} .itb .tl{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:black;transition:color var(--t);} .itb .tr{font-size:11px;color:black;display:flex;align-items:center;gap:5px;margin-top:2px;transition:color var(--t);} .itb .trec{font-size:10px;color:#4CC982;letter-spacing:.06em;margin-top:2px;opacity:0;transition:opacity var(--t);} .itb.active{background: #4a2e01;} .itb.active .td{color:var(--gold);} .itb.active .tl{color:var(--text);} .itb.active .tr{color:var(--gold-light);} .itb.active .trec{opacity:1;} .itb::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;} .itb.active::after{transform:scaleX(1);} .itp{display:none;} .itp.active{display:block;animation:pin .3s ease;} @keyframes pin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}} .dc{background: #e5e6e1;border:1px solid #4a2e01;border-radius:var(--r);overflow:hidden;margin-bottom:10px;transition:border-color var(--t);} .dc:hover{border-color:rgba(201,168,76,.2);} .dh{display:flex;align-items:center;gap:14px;padding:16px 20px;cursor:pointer;user-select:none;} .dn{flex-shrink:0;width:36px;height:36px;border-radius:50%;background: #4a2e01;border:1px solid rgba(201,168,76,.25);display:flex;align-items:center;justify-content:center;font-family:var(--font-d);font-size:16px;font-weight:700;color: white;} .di{flex:1;min-width:0;} .dt{font-size:18px;font-weight:500;color:#4a2e01;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .dm{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:black;} .dm span{display:flex;align-items:center;gap:4px;white-space:nowrap;} .dtog{color:var(--gold);font-size:12px;transition:transform var(--t);flex-shrink:0;} .dc.open .dtog{transform:rotate(180deg);} .db{max-height:0;overflow:hidden;transition:max-height .45s ease;} .dc.open .db{max-height:600px;} .dbi{padding:0 20px 20px;border-top:1px solid rgba(255,255,255,.05);} .dbi p{font-size:15px;color: black;line-height:1.75;margin-bottom:12px;} .dbi p:first-of-type{margin-top:14px;} .dhi{display:flex;gap:8px;flex-wrap:wrap;} .ht{display:inline-flex;align-items:center;gap:5px;background:#4a2e01;border:1px solid rgba(201,168,76,.2);color:var(--gold-light);font-size:11px;padding:4px 10px;border-radius:100px;} .dc.ac{border-color:rgba(76,201,130,.2);} .dc.ac .dn{background:rgba(76,201,130,.1);border-color:rgba(76,201,130,.3);color:#4CC982;} .acb{display:inline-flex;align-items:center;gap:7px;background:rgba(76,201,130,.08);border:1px solid rgba(76,201,130,.2);color:black;font-size:11px;font-weight:600;letter-spacing:.06em;padding:5px 12px;border-radius:100px;margin:14px 0 10px;} .ct{width:100%;border-collapse:collapse;font-size:15px;margin:20px 0;} .ct th{background:#e5e6e1;color:#4a2e01;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:11px 14px;text-align:left;font-weight:600;border-bottom:1px solid rgba(201,168,76,.2);} .ct td{padding:12px 14px;color:black;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:top;} .ct tr:hover td{background:white;color:black;} .cn{color:#4a2e01;font-weight:500;} .ep{background:rgba(201,168,76,.08);border:1px solid rgba(201,168,76,.15);color:#4a2e01;font-size:11px;padding:2px 8px;border-radius:100px;white-space:nowrap;} .rg{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;} .rc{background:#4a2e01;border:1px solid rgba(255,255,255,.06);border-radius:var(--r);padding:18px 14px;text-align:center;transition:all var(--t);} .rc:hover{border-color:rgba(201,168,76,.25);} .rc.feat{border-color:var(--gold);background:rgba(201,168,76,.05);} .rcn{font-family:var(--font-d);font-size:17px;font-weight:700;color:var(--white);margin-bottom:4px;} .rc.feat .rcn{color:var(--gold);} .rcd{font-size:12px;color:var(--text-muted);margin-bottom:10px;} .db2{display:inline-block;padding:3px 10px;border-radius:100px;font-size:11px;font-weight:600;letter-spacing:.05em;margin-bottom:10px;} .de{background:rgba(76,201,130,.1);color:#4CC982;border:1px solid rgba(76,201,130,.2);} .dm2{background:rgba(255,180,50,.1);color:#FFB432;border:1px solid rgba(255,180,50,.2);} .dh2{background:rgba(201,76,76,.1);color:#CC5555;border:1px solid rgba(201,76,76,.2);} .sr{font-family:var(--font-d);font-size:22px;font-weight:700;color:var(--white);line-height:1;} .srl{font-size:10px;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;} .fqi{border-bottom:1px solid rgba(255,255,255,.06);} .fqq{padding:16px 0;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:17px;color:#4a2e01;transition:color var(--t);gap:16px;} .fqq:hover{color:var(--gold);} .fqq i{color:var(--gold);font-size:12px;transition:transform var(--t);flex-shrink:0;} .fqi.open .fqq i{transform:rotate(180deg);} .fqa{max-height:0;overflow:hidden;transition:max-height .4s ease;} .fqi.open .fqa{max-height:400px;} .fqai{padding:0 0 16px;font-size:15px;color:black;line-height:1.8;} .sb{position: static;min-width:0;} .bkc{background:#4a2e01;border:1px solid rgba(201,168,76,.2);border-radius:var(--r);padding:26px;margin-bottom:20px;} .bkct{font-family:var(--font-d);font-size:22px;font-weight:700;color:var(--white);margin-bottom:4px;} .bkcs{font-size:15px;color:var(--text-muted);margin-bottom:18px;} .pr{display:flex;align-items:baseline;gap:6px;margin-bottom:4px;} .pfr{font-size:12px;color:var(--text-muted);} .pv{font-family:var(--font-d);font-size:36px;font-weight:700;color:var(--gold);line-height:1;} .ppp{font-size:12px;color:var(--text-muted);} .pn{font-size:11px;color:var(--text-muted);margin-bottom:18px;} .bkf{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.06);} .bkf li{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--text-muted);} .bkf li i{color:var(--gold);font-size:11px;width:14px;text-align:center;} .bf{width:100%;padding:14px;background:var(--gold);color:var(--dark);font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:none;border-radius:var(--r);cursor:pointer;transition:background var(--t);margin-bottom:10px;display:block;text-align:center;} .bf:hover{background:var(--gold-light);} .bfo{width:100%;padding:12px;background:transparent;color:var(--text);font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;border:1px solid rgba(255,255,255,.15);border-radius:var(--r);cursor:pointer;transition:all var(--t);display:flex;align-items:center;justify-content:center;gap:8px;} .bfo:hover{border-color:var(--gold);color:var(--gold);} .ic{background:#4a2e01;border:1px solid rgba(255,255,255,.06);border-radius:var(--r);padding:20px;margin-bottom:14px;} .ict{font-size:14px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:12px;display:flex;align-items:center;gap:7px;} .ir{display:flex;align-items:flex-start;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04);gap:10px;} .ir:last-child{border-bottom:none;} .ik{font-size:14px;color:var(--text-muted);flex-shrink:0;} .iv{font-size:13px;color:var(--text);text-align:right;font-weight:500;} .str{display:flex;gap:3px;color:var(--gold);font-size:14px;margin-bottom:6px;} .rsc{font-family:var(--font-d);font-size:30px;font-weight:700;color:var(--white);line-height:1;margin-bottom:3px;} .rsm{font-size:12px;color:var(--text-muted);} .rbs{margin-top:14px;display:flex;flex-direction:column;gap:8px;} .rbr{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-muted);} .rbl{width:70px;flex-shrink:0;} .rbt{flex:1;height:4px;background:rgba(255,255,255,.08);border-radius:2px;overflow:hidden;} .rbf{height:100%;background:var(--gold);border-radius:2px;} .orl{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:13px;color:var(--text-muted);transition:color var(--t);} .orl:last-child{border-bottom:none;} .orl:hover{color:var(--gold);} .orl span{font-size:11px;background:rgba(201,168,76,.1);color:var(--gold);padding:2px 8px;border-radius:100px;} .waf{position:fixed;bottom:28px;right:28px;width:54px;height:54px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:26px;box-shadow:0 4px 20px rgba(37,211,102,.4);z-index:500;transition:transform var(--t);} .waf:hover{transform:scale(1.1);} @media(max-width:768px){ .pl{grid-template-columns:1fr;} .sb{position:static !important;} .ith{position:static !important;} .topbar{display:none;} .rg{grid-template-columns:repeat(2,1fr);} .ft{grid-template-columns:1fr 1fr;} } @media(max-width:640px){ :root{--hh:60px;} .sb{position:static !important;} .ith{position:static !important;} .hi{padding:0 20px;} .btn-bk{display:none;} .hbg{display:flex;} .hc{padding:0 20px 44px;} .hstats{gap:16px;} .sv{font-size:22px;} .pl{padding:36px 20px;gap:28px;} .qf{grid-template-columns:repeat(2,1fr);} .pcg{grid-template-columns:1fr;} .rg{grid-template-columns:repeat(2,1fr);} .gg{grid-template-columns:1fr 1fr;} .gi:first-child{grid-column:span 2;} .ft{grid-template-columns:1fr;gap:28px;} .fb{flex-direction:column;text-align:center;} .bci{padding:0 20px;} .itb{padding:14px;} .dt{font-size:13px;} .dm{gap:8px;} } @media(max-width:480px){ .qf,.rg{grid-template-columns:1fr 1fr;} .gg{grid-template-columns:1fr;} .gi:first-child{grid-column:span 1;} .hero h1{font-size:36px;} .itb .td{font-size:18px;} .pl{grid-template-columns:1fr;} .sb{position:static;} } @media (max-width: 768px) { html, body { width: 100%; max-width: 100%; overflow-x: hidden; } .hero, .wrap, .hero__inner, .subnav__inner, .footer__inner, .hc, .pl, .bci { max-width: 100%; } .wrap, .hero__inner, .subnav__inner, .footer__inner { padding-left: 16px !important; padding-right: 16px !important; } .hc { padding-left: 16px !important; padding-right: 16px !important; } .bci { padding-left: 16px !important; padding-right: 16px !important; } .pl { padding: 36px 16px !important; gap: 28px; } .pl { grid-template-columns: 1fr !important; } .pcg { grid-template-columns: 1fr !important; } .qf { grid-template-columns: repeat(2, 1fr) !important; } .gg { grid-template-columns: 1fr 1fr !important; } .rg { grid-template-columns: repeat(2, 1fr) !important; } .ft { grid-template-columns: 1fr 1fr !important; } .sb { position: static !important; } .ith { position: static !important; } .hero { min-height: 480px; } .hero h1 { font-size: 2rem; } .hstats, .hero__ctas, .cta-btns, .safari-card__ctas, .footer__links { flex-wrap: wrap !important; width: 100%; } .hstats > * { flex: 1 1 45% !important; border-right: 0 !important; } .safari-card, .intro__grid, .overview__grid, .faq-grid, .journey-steps { grid-template-columns: 1fr !important; } .safari-card--reverse { direction: ltr !important; } .safari-card__media { min-height: 240px !important; } .safari-card__body, .package-card__body, .related-card__body { padding: 24px 18px !important; } .safari-card__specs, .parks-grid, .zanzibar-grid, .packages-grid, .pillars-grid, .testimonials-grid, .months-grid, .zones-grid, .related-grid, .overview__pillars { grid-template-columns: 1fr !important; } .park-card, .zanzi-card { height: 230px !important; } .compare-table, table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .hero__title, .section-title, .safari-card__title, .package-card__title, .related-card__title { overflow-wrap: anywhere; } .itb { padding: 14px; } .dt { font-size: 13px; } .dm { gap: 8px; } .topbar { display: none; } .btn-bk { display: none; } .fb { flex-direction: column; text-align: center; } } @media (max-width: 500px) { .qf, .rg { grid-template-columns: 1fr 1fr !important; } .gg { grid-template-columns: 1fr !important; } .gi:first-child { grid-column: span 1 !important; } .hero h1 { font-size: 1.75rem; } .itb .td { font-size: 18px; } .ft { grid-template-columns: 1fr !important; gap: 28px; } } @media (max-width: 420px) { .wrap, .hero__inner, .subnav__inner, .footer__inner { padding-left: 14px !important; padding-right: 14px !important; } .hc { padding-left: 14px !important; padding-right: 14px !important; } .btn-p, .btn-s, .btn, .btn--primary, .btn--outline, .btn--cta-primary, .btn--cta-outline, a[class*="btn"] { width: 100%; justify-content: center; text-align: center; } } .bc { background-image: linear-gradient(90deg, rgba(26,16,8,.78), rgba(26,16,8,.44)), url('https://www.haventrails.com/img/serengeti-national-park-hero.webp'); background-size: cover; background-position: center; background-repeat: no-repeat; } @media (max-width: 768px) { .bc { background-position: center top; } .day-meta { display: none !important; } } </style> <style> @keyframes fadeIn { from { opacity:0; } to { opacity:1;坦尚尼亞 :root { --zan-gold:#1a6a桑給巴爾旅客8a7a; } .hl-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:24px 0; } .hl-card { background:linear-gradient(135deg,#f0f8ff,#e8f4ff); border:1px solid #FFF6D8; border-radius:14px; p避風港步道冒險align:center; transition:transform .25s,box-shadow .25s; } .hl-card:hover { transform:translateY(桑給巴爾之旅dow:0 10px 28px rgba(92,61,30,.15); } .hl-icon { font-size:28px; color:var(--zan-gold); margin-bottom:10px; }桑給巴爾香料農場體驗x; font-weight:900; color:#0a2a4a; line-height:1.3; } .hl-lbl { font-size:11px; color:#C9A227; margin-top:6px; text-transform:uppercase; letter-spacing:.8px; line-height:1.4; } .zan-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:16px 0; } .zs { background:#fff; border:1p坦尚尼亞桑給巴爾香料農場體驗與避風港步道探險v { font-size:16px; font-weight:800; color:var(--zan-gold); } .zs-l { font-size:10px; color:#C9A227; text-transform:uppercase; letter-spacing:.6px; margin-top:2px; } .zan-tag { display:inline-flex; align-items:center; gap:6px; background:rgba(92,61,30,.08); border:1px solid rgba(92,61,30,.2); color:#5C3D1E; font-size:11px; font-weight:600; padding:4px 12px; border-radius:20px; } details { display:block !important; } details[open] { display:block !important; } summary { display:flex !important; list-style:none !important; cursor:pointer !important; } summary::-webkit-details-marker { display:none !important; } summary::marker { display:none !important; } .day-card { border:1px solid #FFF6D8; border-radius:14px; margin-bottom:16px; background:#fff; box-shadow:0 2px 8px rgba(92,61,30,.06); } .day-card details { width:100% !important; display:block !important; } .day-card details summary { list-style:none !important; display:flex !important; align-items:center; gap:16px; padding:20px 24px; cursor:pointer !important; background:#fff; border-radius:14px; transition:background .2s; -webkit-user-select:none; user-select:none; } .day-card details summary::-webkit-details-marker { display:none !important; } .day-card details summary:hover { background:#f0f8ff; } .day-card details[open] summary { border-bottom:1px solid #FFF6D8; border-radius:14px 14px 0 0; background:linear-gradient(135deg,#f0f8ff,#e8f4ff); } .day-num { width:48px; height:48px; border-radius:50%; background:linear-gradient(135deg,rgba(92,61,30,.15),rgba(92,61,30,.08)); border:2px solid rgba(92,61,30,.4); display:flex; align-items:center; justify-content:center; font-size:15px; font-weight:900; color:var(--zan-gold); flex-shrink:0; text-align:center; } .day-info { flex:1; } .day-title { font-size:16px; font-weight:800; color:#0a2a4a; margin-bottom:5px; } .day-meta { display:flex; gap:14px; flex-wrap:wrap; font-size:12px; color:#C9A227; } .day-meta span { display:flex; align-items:center; gap:5px; } .day-chevron { color:var(--zan-gold); transition:transform .3s; flex-shrink:0; } .day-card details[open] .day-chevron { transform:rotate(180deg); } .day-body { padding:18px 24px 24px; background:#fff; border-radius:0 0 14px 14px; } .day-highlights { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; } .dh-tag { background:rgba(92,61,30,.1); border:1px solid rgba(92,61,30,.2); color:#5C3D1E; font-size:11px; font-weight:600; padding:5px 12px; border-radius:20px; display:inline-flex; align-items:center; gap:6px; } .meal-plan { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top:14px; padding:12px 16px; background:#f0f8ff; border-radius:6px; border:1px solid rgba(92,61,30,.2); } .mp-label { font-size:12px; font-weight:700; color:#0a2a4a; margin-right:4px; } .mp-item { font-size:11px; font-weight:600; padding:4px 10px; border-radius:20px; display:flex; align-items:center; gap:5px; } .mp-item.inc { background:#e8f8ec; color:#1a7a3a; border:1px solid #b0e0c0; } .mp-item.exc { background:#f8f0f0; color:#8a3a3a; border:1px solid #e0c0c0; } .ie-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin:20px 0; } .ie-box { border-radius:8px; padding:20px; } .ie-box.inc { background:#f0fdf4; border:1px solid #FFF6D8; } .ie-box.exc { background:#fff8f8; border:1px solid #f0c0c0; } .ie-title { font-size:14px; font-weight:700; margin-bottom:12px; } .ie-box.inc .ie-title { color:#1a6a3a; } .ie-box.exc .ie-title { color:#8a1a1a; } .ie-list { list-style:none; padding:0; margin:0; } .ie-list li { font-size:13px; color:#444; padding:5px 0; border-bottom:1px solid rgba(0,0,0,.05); display:flex; align-items:flex-start; gap:8px; } .ie-list li:last-child { border-bottom:none; } .ie-list li i { margin-top:2px; flex-shrink:0; } .why-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin:8px 0 28px; } .why-card { background:#fff; border:1px solid #FFF6D8; border-radius:14px; padding:28px 24px; position:relative; transition:transform .25s,box-shadow .25s; overflow:hidden; } .why-card::after { content:''; position:absolute; bottom:0; left:0; right:0; height:3px; background:linear-gradient(90deg,transparent,var(--zan-gold),transparent); opacity:0; transition:opacity .3s; } .why-card:hover { transform:translateY(-4px); box-shadow:0 12px 32px rgba(92,61,30,.12); } .why-card:hover::after { opacity:1; } .why-num { font-size:42px; font-weight:900; color:rgba(92,61,30,.1); line-height:1; margin-bottom:8px; } .why-icon { font-size:24px; color:var(--zan-gold); margin-bottom:12px; } .why-title { font-size:14px; font-weight:800; color:#0a2a4a; margin-bottom:10px; } .why-desc { font-size:12.5px; color:#C9A227; line-height:1.7; margin:0; } .trust-strip { display:flex; flex-wrap:wrap; gap:0; background:linear-gradient(135deg,#0a2a4a,#5C3D1E); border-radius:14px; overflow:hidden; margin-top:28px; } .trust-item { display:flex; align-items:center; gap:10px; color:#fff; font-size:12px; font-weight:700; flex:1; min-width:140px; padding:18px 20px; border-right:1px solid rgba(255,255,255,.08); } .trust-item:last-child { border-right:none; } .trust-item i { color:#C9A227; font-size:18px; } .zan-good-know { display:flex; flex-wrap:wrap; background:linear-gradient(135deg,#f0f8ff,#e8f4ff); border:1px solid #FFF6D8; border-radius:14px; overflow:hidden; margin-top:24px; } .zan-gk-item { flex:1; min-width:120px; padding:14px 10px; text-align:center; border-right:1px solid #FFF6D8; } .zan-gk-item:last-child { border-right:none; } .zan-gk-item .ic { font-size:16px; color:var(--zan-gold); margin-bottom:4px; } .zan-gk-item .v { font-size:11px; font-weight:800; color:#0a2a4a; } .zan-gk-item .l { font-size:10px; color:#C9A227; text-transform:uppercase; letter-spacing:.5px; margin-top:2px; } @media(max-width:900px){ .why-grid{grid-template-columns:repeat(2,1fr);} } @media(max-width:768px){ .hl-grid{grid-template-columns:repeat(2,1fr);} .zan-stats{grid-template-columns:repeat(2,1fr);} .ie-grid{grid-template-columns:1fr;} .day-meta { display:none !important; } } @media(max-width:480px){ .hl-grid{grid-template-columns:1fr;} .why-grid{grid-template-columns:1fr;} .day-card details summary{padding:14px 16px !important;} .day-body{padding:14px 16px 18px;} } </style> <main> <section class="hero"> <div class="hero-bg" style="background-image: url('https://www.haventrails.com/img/zanzibarnew3.webp'); background-size:cover; background-position:center; background-repeat:no-repeat;"></div> <div class="stars" id="stars"></div> <div class="hero-ov" style="background:linear-gradient(180deg,rgba(10,42,74,.6) 0%,rgba(10,42,74,.4) 60%,rgba(10,42,74,.7) 100%);"></div> <div class="hc"> <div class="hbadge"><i class="fas fa-circle" style="color:#C9A227;font-size:6px;"></i>桑給巴爾一日遊</div> <h1><em>香料農場</em>經驗</h1> <p class="hero-sub">為期半天的旅程，深入桑給巴爾芬芳的內陸，品嚐直接來自曾經使這裡成為世界上最大的丁香生產地的植物的新鮮丁香、香草、肉桂、肉荳蔻和胡椒。</p> <div class="hstats"> <div><div class="sv">半天</div><div class="sl">持續時間</div></div> <div class="sdiv"></div> <div><div class="sv">50+</div><div class="sl">香料與植物</div></div> <div class="sdiv"></div> <div><div class="sv">品嚐</div><div class="sl">包含</div></div> <div class="sdiv"></div> <div><div class="sv">$30 起</div><div class="sl">每人</div></div> </div> <div class="hact"> <a href="#book" class="btn-p" style="background:var(--zan-gold);border-color:var(--zan-gold);"><i class="fas fa-umbrella-beach"></i>預訂此行程</a> <a href="#itinerary" class="btn-s"><i class="fas fa-map"></i>查看時間表</a> </div> </div> </section> <div class="bc" style="--ht-breadcrumb-bg:url('https://www.haventrails.com/img/zanzibarnew3.webp')" > <div class="bci"> <a href="https://www.haventrails.com/">首頁</a> <span class="sep"><i class="fas fa-chevron-right" style="font-size:9px;"></i></span> <a href="https://www.haventrails.com/zh-hk/zanzibar-tours">桑給巴爾之旅</a> <span class="sep"><i class="fas fa-chevron-right" style="f桑給巴爾一日遊</span> <span s香料農場r:var經驗桑給巴爾香料農場體驗</span> </div> </d為期半天的旅程，深入桑給巴爾芬芳的內陸，品嚐直接來自曾經使這裡成為世界上最大的丁香生產地的植物的新鮮丁香、香草、肉桂、肉荳蔻和胡椒。ass="prose"> <p>早在旅遊業出現之前，桑給巴爾的財富就建立在香料之上。在 19 世紀半天是世界上最大的丁香生產地，其內部仍然是鬱鬱蔥持續時間肉桂、肉荳蔻、黑胡椒、小荳蔻、香草、檸檬草和數十種熱帶水果。</p> <p>這個半日遊將帶您離開海灘，進入綠色的內陸地區，當地農民導遊將帶您參觀正在生長的植物，採摘、壓碎並提供香料與植物品嚐，然後簡單地品嚐一下熱帶水果和傳統的五香茶。</p> </div> <div class="hl-grid"> 品嚐<div class="hl-card"><包含s="hl-icon"><i class="fas fa-leaf"></i></div><div class="hl-num">丁香樹</d$30 起class="hl-lbl">為島上帶來財富每人/div> <div class="hl-card"><div class="hl-icon"><i class="fas fa-mortar-pestle"></i></div><div class="hl-num">新鮮品嚐</div><div class="hl-lbl">直接從植物中聞聞和品嚐香料</div></div> <di預訂此行程d"><div class="hl-icon"><i class="fas fa-seedling"></i></div><div class=查看時間表div><div class="hl-lbl">看看香草豆莢是如何手工授粉的</div></div> <div class="hl-card"><div class="hl-icon"><i class="fas fa-apple-whole"></i></div><div class="hl-num">熱帶水果</div><div class="hl-lbl">菠蘿蜜、麵包果、楊桃等<首頁></div> <div class="hl-card"><div class="hl-icon"><i class="fas fa-mug-hot"></i></div><div class="hl-num">五香茶</div><div class="hl-lbl">傳統桑給巴爾茶品嚐</div桑給巴爾之旅 <div class="hl-card"><div class="hl-icon"><i class="fas fa-hat-wizard"></i></div><div class="hl-num">棕櫚編織</div><div class="hl-lbl桑給巴爾香料農場體驗</div> <div class="zan-good-know"> <div class="zan-gk-item"><div class="ic"><i class="fas fa-clock"></i><概述v class="v">3-4 小時（上午）</div><d桑給巴爾的芬芳中心地帶 <div class="zan-gk-item"><div class="ic"><i class="fas fa-map-mark早在旅遊業出現之前，桑給巴爾的財富就建立在香料之上。在 19 世紀的鼎盛時期，該島是世界上最大的丁香生產地，其內部仍然是鬱鬱蔥蔥的小農場，種植肉桂、肉荳蔻、黑胡椒、小荳蔻、香草、檸檬草和數十種熱帶水果。</div><div class這個半日遊將帶您離開海灘，進入綠色的內陸地區，當地農民導遊將帶您參觀正在生長的植物，採摘、壓碎並提供葉子、樹皮和豆莢供您邊走邊聞和品嚐，然後簡單地品嚐一下熱帶水果和傳統的五香茶。 <h2 class="stit">桑給巴爾<em>香料島</em></h2> <div class="divdr"></div> <div class="prose"> <p>19世紀初，丁香從馬魯古群島抵達桑給巴爾，蘇丹賽義德·本·蘇丹下令在肥沃的丁香樹在一夜之間改變了該島的經濟。到了 1800 年代中期為島上帶來財富的香料的奴隸勞工的一切。</p> <p>如今，Kizimbani 和 Bumbwisudi 周圍的小型家庭農場延續了這一農業傳統，在混合的陰涼地塊上種植丁香、肉荳蔻、肉桂、黑胡椒、小荳蔻、薑黃、香草和檸檬草。您的導遊通常來自農業家庭，他向您新鮮品嚐這些方法幾代以來幾乎沒有改變。</p> 直接從植物中聞聞和品嚐香料gin:28px 0;"> <div class="zs"><div class="zs-v">十九世紀。</div><div class="zs-l">丁香熱潮時代</div></div> <div cla香草藤class="zs-v">#1</div><div 看看香草豆莢是如何手工授粉的 <div class="zs"><div class="zs-v">50+</div><div class="zs-l">顯示香料和植物</div></div> <div class="zs"><div class="zs-v"熱帶水果v class="zs-l">歷史種植區</div>菠蘿蜜、麵包果、楊桃等play:flex;flex-wrap:wrap;gap:8px;margin-top:4px;"> <span class="zan-tag"><i class="fas fa-leaf"></i>丁香樹</span> 五香茶pan class="zan-tag"><i cla傳統桑給巴爾茶品嚐n> <span class="zan-tag"><i class="fas fa-mortar-pestle"></i>肉桂皮品嚐</span> <span class="zan-tag"><i class="棕櫚編織r-hot"></i>黑胡椒藤</span> 棕櫚葉當地製程展示a-apple-whole"></i>熱帶水果品嚐</span> <span class="zan-tag"><i class="fas fa-mug-hot"></i>五香茶</span> </div> </section> <section id="itinera3-4 小時（上午）ottom:52px;"> <持續時間s="slbl">時間表</div> <h2 class="stit">半天<em>香料農場時間表</em></h2> <div class="divdr"></div> <div class="day-您的桑給巴爾飯店ails open> 接送/會議 <div class="day-num">1</div> <div class="day-info"> <div class="day-title">飯店接送2-16人> <div 團體規模-meta"> <span><i class="fas fa-clock"></i>上午 9:00 開始</span> <span><i class="fas fa-r簡單，所有級別地區</span> 難度 </div> <i class="fas fa-chevron-down day-chevron"></i> </summary> <家庭、美食家、自然愛好者 <p>從您的桑給巴爾酒店接客，沿著風景非常適合，遠離海岸，進入島上的綠色農業中心地帶，沿途您的導遊會向您介紹鄉村生活和桑給巴爾鄉村。</p> <div class="day-highlights"> <span 體驗><i class="fas fa-route"></i>風桑給巴爾/spa香料島/div> </div> </details> </div> <div class="day-car19世紀初，丁香從馬魯古群島抵達桑給巴爾，蘇丹賽義德·本·蘇丹下令在肥沃的內陸地區種植丁香，幾乎在一夜之間改變了該島的經濟。到了 1800 年代中期，桑給巴爾供應世界上大部分的丁香，貿易塑造了從島上的阿曼統治階級到被迫在種植園工作的奴隸勞工的一切。evron-down day-c如今，Kizimbani 和 Bumbwisudi 周圍的小型家庭農場延續了這一農業傳統，在混合的陰涼地塊上種植丁香、肉荳蔻、肉桂、黑胡椒、小荳蔻、薑黃、香草和檸檬草。您的導遊通常來自農業家庭，他向您展示傳統的收穫和加工方法，這些方法幾代以來幾乎沒有改變。n> <span class="dh-tag"><i class="fas fa-mortar-pestle"></i>肉桂皮剝皮</span> </div> 十九世紀。v> </details> 丁香熱潮時代 <div class="day-card"> <details> <summary> <div 歷史丁香製作人 <div class="day-info"> <div class="day-title">品嚐與水果採樣</顯示香料和植物iv class="day-meta"> <span><i class="fa基津巴尼e-whole"></i>熱帶水果品嚐</spa歷史種植區pan><i class="fas fa-mug-hot"></i>五香茶</span> </div> </div> <i class="fas fa-chevron-down day-chevron"></i> 丁香樹 <div class="day-body"> <p>在農場的樹蔭下享受輕鬆的品嚐會，品嚐菠蘿蜜、香草藤並享用一杯由您坐的地方種植的原料製成的傳統桑給巴爾五香茶。</p> <div class="day-highlights">肉桂皮品嚐lass="dh-tag"><i class="fas fa-apple-whole"></i>時令水果品嚐</span> 黑胡椒藤h-tag"><i class="fas fa-mug-hot"></i>薑荳蔻茶</span> </div> 熱帶水果品嚐details> </div> <div class="day-card"> <details>五香茶<summary> <div class="day-num">4</div> <div class="day-info"> <div class="day-tit時間表及返回</div> <div c半天-met香料農場時間表 <span><i class="fas fa-hat-wizard"></i>棕櫚編織示範</span> <span><i class="fas fa-route"></i>回程接送</span> </div> </div> <i class="fas fa-chevron-down day-chevron"></i> </飯店接送並開車前往內陸ss="day-body"> <p>出發前，當地工匠示範傳統的棕櫚葉編織，在幾分鐘內製作戒指、帽子和籃子，在開車返回酒店之前為參觀提供有趣且上鏡的體驗。</p> 上午 9:00 開始v class="day-highlights"> <span class="dh-ta前往基津巴尼地區ard"></i>棕櫚葉編織</span> <span class="dh-tag"><i class="fas fa-gift"></i>手工紀念品</span> </div> </div> </details> </div> </sectio從您的桑給巴爾酒店接客，沿著風景優美的內陸車道行駛，遠離海岸，進入島上的綠色農業中心地帶，沿途您的導遊會向您介紹鄉村生活和桑給巴爾鄉村。iv class="ie-box inc"> <div class="ie-title"><i class="fas fa-circle-check" style="color:#1a6a3a;">風景優美的內陸公路 <ul class="ie-list"> <li><i class="fas fa-check" style="color:#1a6a3a;"></i>持證本地導覽</li> <li><i class="fas fa-check" style="color:#1a6a3a;"></i>飯店接送</li> <li><i class="fas fa-check" style="color:#1a6a3a;"></i>導遊帶領的香料農場引導香料農場漫步 <li><i class="fas fa-check" style="color:#1a6a3a;"></i>熱帶水果採樣</li> <li><i class=丁香、肉荳蔻和肉桂or:#1a6a3a;"></i>傳統五香茶</li> <li><i class="fas fa-香草和胡椒藤6a3a;"></i>24/7 Haven Trails 地面支持</li> </ul> </div> <div class="ie-box exc"> <div class="ie-title"><i class="fas fa-circle-xmark" style="colo徒步遊覽正在運營的香料農場，導遊會識別並展示生長在混合土地上的數十種香料和植物：在墊子上晾乾的丁香、裂開露出蕾絲花邊的肉荳蔻、逐朵手工授粉的香草藤蔓以及攀爬遮蔭樹的黑胡椒。li> <li><i class="fas fa-times" style="color:#8a1a1a;"></i>酒精飲料</li> </ul> </d新鮮丁香採摘 </section> <section style="margin-bottom:52px;"> <div class="香草授粉演示 <h2 class="stit">為什麼<em>避風港步道冒險</em></h2> <div class="divdr"></div> 肉桂皮剝皮rid"> <div class="why-card"><div class="why-num">01</div><div class="why-icon"><i class="fas fa-map-location-dot"></i></div><div class="why-title">位於坦尚尼亞當地</div><p class="why-desc">總部位於坦尚尼亞莫希，並非國外的訂房平台。我們的桑給巴爾合作夥伴深深融入了島上的熱情好客和活動網絡，全年即時了解最好的導遊、船隻和條件品嚐與水果採樣 class="why-card"><div class="why-num">02</div><div class="why-icon"><i class="fas fa-user-check"></熱帶水果品嚐-title">獲得許可、經過審查的指南</div><p class="why-desc">每位與 Haven Trai五香茶操作員均獲得桑給巴爾旅遊委員會的許可，並經過個人安全、專業精神和島上歷史、文化和海洋環境知識的審查。</p></div> <div class="why-card"><div class="why-num">03</div><div class="why-icon"><i class="fas fa-users"></i></div><在農場的樹蔭下享受輕鬆的品嚐會，品嚐菠蘿蜜、楊桃和番荔枝等時令熱帶水果，並享用一杯由您坐的地方種植的原料製成的傳統桑給巴爾五香茶。i></div><div class="why-title">24/7 全程支持</div><p class="why-desc">在您入住桑給巴爾期間，如有任何變更、問題或意外情況，您可以聯絡 Haven Trails 地面團隊時令水果品嚐></div> <div class="why-card"><div class="why-num">05</div><div c薑荳蔻茶ss="fas fa-leaf"></i></div><div class="why-title">負責任的旅行</div><p class="why-desc">Haven Trails 優先考慮當地經營者、社區導遊和海洋保護合作夥伴。每筆預訂的一部分都會支持島上的珊瑚礁保護和社區旅遊活動。</p></div> <div class="why-card"><div class="why-num">06</div><div class="why-icon"><i class="fas fa-製程示範及返回i></div><div class="why-title">透明、公平的定價</div><p class="why-desc">沒有額外隱藏的內容，沒有碼頭的最後一刻加售。您在預訂時看到的就是您所棕櫚編織示範爾海洋公園保護費。</p></div> </div> <div class="trust-s回程接送div class="trust-item"><i class="fas fa-id-card"></i>MNRT 授權業者</div> <div class="trust-item"><i class="fas fa-star"></i>4.9/5 平均評分</div> <div class="trust-item">出發前，當地工匠示範傳統的棕櫚葉編織，在幾分鐘內製作戒指、帽子和籃子，在開車返回酒店之前為參觀提供有趣且上鏡的體驗。x;"> <div class="slbl">常見問題解答</div> <h2 class="stit">通用<em>問題</em></h2> <div class="divdr"></div棕櫚葉編織="fqi open" id="faq1"> <div class="fqq" onclick="toggleFaq('fa手工紀念品？<i class="fas fa-chevron-down"></i></div> <div class="fqa"><div class="fqai">典型的農場種植丁香、肉荳蔻、肉桂、黑胡椒、小荳蔻、薑黃、生薑、香草和檸檬草，以及菠蘿蜜、麵包果和楊桃等熱帶水果。具體季節因月份而異。</div><值得了解的信息</div> <div class="fqi" 包含 & 排除ss="fqq" onclick="toggleFaq('faq2')">香料農場之旅適合兒童嗎？<i class="fas fa-chevron-down"></i></div> <div class="fqa"><div class="fqai">是的，這是島上最適合家庭的活動之一：互動、動手、戶外，充滿了可以聞、觸摸和品嚐的東西。</div></div> 包含 <div class="fqi" id="faq3"> <div class="fqq" onclick="toggleFaq('faq3')">開車到香料農場需要多久時間？<i c持證本地導覽down"></i></div> <div class="fqa"><div class="fqai">大多數香料農場位於距離石頭飯店接送使得這是一個輕鬆的半天活動，讓您的下午自由活動。</div></div> </div> <div class="fqi" 導遊帶領的香料農場漫步與品嚐onclick="toggleFaq('faq4')">我可以買香料帶回家嗎？<i class="fas fa-chevron-down"></i熱帶水果採樣ss="fqa"><div class="fqai">是的。大多數農場在參觀結束時都會出售包裝好的香料、香草豆莢和椰子油，這是一種簡單、正宗的紀念傳統五香茶iv></div> </div> <div class="fqi" id="faq5"> <div cla24/7 Haven Trails 地面支持')">這個可以跟石頭城結合嗎？<i class="fas fa-chevron-down"></i></div> <div class="fqa"><div class="fqai">是的，許多客人將早上參觀香料農場和下午石頭城徒步之旅結合在一起，度過充實而豐富多彩的一天。向 Haven Trails不包括在內div></div> </div> </section> </main> <aside class="sb" id="book" style=" align-self:flex午餐（可在當地購買）<div class="bkct">預訂此行程</div> <div class="bkcs">桑給巴爾香料農場體驗</div> 購買香料和紀念品s="pfr">來自</span><span class="pv">$30</span><span class="ppp">/ person</s導覽小費="bkf"> <li><i class="fas fa-check"></i>持證本地導覽</li><li><i class="酒精飲料接送</li><li><i class="fas fa-check"></i>包括品嚐</li><li><i class="fas fa-check"></i>3-4小時半日遊</li><li><i class="fas fa-check"></i>24/7 地面支為什麼要透過我們預訂l><button type="button" class=為什麼 dat避風港步道冒險dth:100%;border:none;cursor:pointer;font-family:inherit;"><i class="fas fa-umbrella-beach"></i>預訂此行程</button> <a href="https://wa.me/255713334154" class="bfo"> <i class="fab fa-whatsapp" style="color:#25D366位於坦尚尼亞當地 </div> <div clas總部位於坦尚尼亞莫希，並非國外的訂房平台。我們的桑給巴爾合作夥伴深深融入了島上的熱情好客和活動網絡，全年即時了解最好的導遊、船隻和條件。給巴爾飯店</span></div> <div class="ir"><span class="ik">團體規模</span><span class="iv">2-16人</span></div> <div class="ir"><span class="ik">最佳時光</span獲得許可、經過審查的指南上午優先</span></div> <d每位與 Haven Trails 合作的導遊和船隻操作員均獲得桑給巴爾旅遊委員會的許可，並經過個人安全、專業精神和島上歷史、文化和海洋環境知識的審查。yle="color:var(--zan-gold);"></i><i class="fas fa-star" style="color:var(--zan-gold);"></i><i class="fas fa-star" style="color:var(--zan-gold);"></i>小團體與私人選項or:var(--zan-gold);"></i><選擇小型共享團體出發或單獨為您的團體預訂旅遊。無論哪種方式，您都會獲得一種從容的、個性化的體驗，而不是被擁擠在擁擠、超大的旅遊巴士行程中。 <a href="https://www.haventrails.com/zh-hk/stone-town-heritage-walking-tour" class="orl">石城健行之旅</a><a href="https://www.haventrails.com/zh-hk/jozani-for24/7 全程支持lass="orl">喬札尼森林之旅</a><a h在您入住桑給巴爾期間，如有任何變更、問題或意外情況，您可以聯絡 Haven Trails 地面團隊。從上車到下車，您永遠不會獨自在島上航行。 </div> </aside> </div> </main> <script> function toggleFaq(id) { var el = document.getElementById(id); if (el) el.classLi負責任的旅行 } document.addEventLiHaven Trails 優先考慮當地經營者、社區導遊和海洋保護合作夥伴。每筆預訂的一部分都會支持島上的珊瑚礁保護和社區旅遊活動。ener('click', function(e) { e.preventDefault(); if (det.hasAttribute('open')) { det.removeAttribute('open'); } else { det.setAttribute(透明、公平的定價 }); }); </script沒有額外隱藏的內容，沒有碼頭的最後一刻加售。您在預訂時看到的就是您所支付的費用，並明確註明了真正排除的任何費用，例如桑給巴爾海洋公園保護費。在 WhatsApp 上聊天預訂此行程24/7 地面支持3-4小時半日遊包括品嚐飯店接送持證本地導覽來自桑給巴爾香料農場體驗預訂此行程是的，許多客人將早上參觀香料農場和下午石頭城徒步之旅結合在一起，度過充實而豐富多彩的一天。向 HaveMNRT 授權業者跟石頭城結合嗎？是的。大多數農場在參觀結束時都會出售包裝好的香料、香草豆莢和椰子油，這是一種簡單、正宗的紀念品，儘管這是可選的，不包4.9/5 平均評分數香料農場位於距離石頭城和西海岸酒店約 20-30 分鐘路程的內陸地區，這使得這是一個輕鬆的半天活動，讓您的下午自由活動。開車到香料農場需24/7 地面支持動之一：互動、動手、戶外，充滿了可以聞、觸摸和品嚐的東西。香料農場之旅適合兒童嗎？典型的農場種植丁香、肉荳蔻、肉桂、黑胡椒、小荳蔻、薑黃、生薑、香草和檸檬草，以社區和珊瑚礁呈陽性到和品嚐到哪些香料？問題通用常見問題解答