나쿠펜다 샌드뱅크 프라이빗 비나쿠펜다 샌드뱅크 프라이빗 비치 데이 | 헤이븐 트레일 어드벤처 잔지바르에서 가장 사진이 많이 찍힌 모래톱에서 신선한 해산물 바비큐 점심 식사를 포함잔지바르에서 가장 사진이 많이 찍힌 모래톱에서 신선한 해산물 바비큐 점심 식사를 포함하여 Haven Trails Adventures와 함께 나쿠펜다 샌드뱅크(Nakupenda Sandbank)로 하루 종일 개인 여행을 즐겨보세요. 헤이븐 트레일 어드벤처스"> <meta name="robot나쿠펜다 모래톱 잔지바르, 프라이빗 해변 데이 잔지바르, 모래톱 피크닉 잔지바르, 헤이븐 트레일 어드벤처스glebot" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="author" content="헤이븐 트레일 어드벤처"> <meta name="referrer" content="strict-origin-when-cross-origin"> <meta name="format-detection" content="telepho헤이븐 트레일 어드벤처eme-color" content="#ffffff"> <meta name="color-scheme" content="light"> <meta name="application-name" content="헤이븐 트레일 어드벤처"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black헤이븐 트레일 어드벤처me="apple-mobile-web-app-title" content="헤이븐 트레일"> <meta name="mobile-web-app-capable" content="yes"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileI헤이븐 트레일t="https://www.haventrails.com/img/ms-icon-144x144.webp"> <meta name="msapplication-config" content="https://www.haventrails.com/browserconfig.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="Korean"> <link rel="canonical" href="https://www.haventrails.com/ko/nakupenda-sandbank-private-beach-tour"> <link rel="alternate" hreflang="en" href="https://www.haventrails.com/ko/nakupenda-sandbank-private-beach-tour"> <link rel="alternate" hreflang="da" href="https://www.haventrails.com/da/nakupenda-sandbank-private-beach-tour"> <link rel="alternate" hreflang="de" href="https://www.haventrails.com/de/nakupenda-sandbank-private-beach-tour"> <link rel="alternate" hreflang="es" href="https://www.haventrails.com/es/nakupenda-sandbank-private-beach-tour"> <link rel="alternate" hreflang="fr" href="https://www.haventrails.com/fr/nakupenda-sandbank-private-beach-tour"> <link rel="alternate" hreflang="it" href="https://www.haventrails.com/it/nakupenda-sandbank-private-beach-tour"> <link rel="alternate" hreflang="ko" href="https://www.haventrails.com/ko/nakupenda-sandbank-private-beach-tour"> <link rel="alternate" hreflang="nl" href="https://www.haventrails.com/nl/nakupenda-sandbank-private-beach-tour"> <link rel="alternate" hreflang="pl" href="https://www.haventrails.com/pl/nakupenda-sandbank-private-beach-tour"> <link rel="alternate" hreflang="ru" href="https://www.haventrails.com/ru/nakupenda-sandbank-private-beach-tour"> <link rel="alternate" hreflang="sv" href="https://www.haventrails.com/sv/nakupenda-sandbank-private-beach-tour"> <link rel="alternate" hreflang="pt-BR" href="https://www.haventrails.com/pt/nakupenda-sandbank-private-beach-tour"> <link rel="alternate" hreflang="ja" href="https://www.haventrails.com/ja/nakupenda-sandbank-private-beach-tour"> <link rel="alternate" hreflang="tr" href="https://www.haventrails.com/tr/nakupenda-sandbank-private-beach-tour"> <link rel="alternate" hreflang="zh-Hans" href="https://www.haventrails.com/zh/nakupenda-sandbank-private-beach-tour"> <link rel="alternate" hreflang="zh-TW" href="https://www.haventrails.com/zh-tw/nakupenda-sandbank-private-beach-tour"> <link rel="alternate" hreflang="zh-HK" href="https://www.haventrails.com/zh-hk/nakupenda-sandbank-private-beach-tour"> <link rel="alternate" hreflang="ar" href="https://www.haventrails.com/ar/nakupenda-sandbank-private-beach-tour"> <link rel="alternate" hreflang="no" href="https://www.haventrails.com/no/nakupenda-sandbank-private-beach-tour"> <link rel="alternate" hreflang="fi" href="https://www.haventrails.com/fi/nakupenda-sandbank-private-beach-tour"> <link rel="alternate" hreflang="he" href="https://www.haventrails.com/he/nakupenda-sandbank-private-beach-tour"> <link rel="alternate" hreflang="hi" href="https://www.haventrails.com/hi/nakupenda-sandbank-private-beach-tour"> <link rel="alternate" hreflang="th" href="https://www.haventrails.com/th/nakupenda-sandbank-private-beach-tour"> <link rel="alternate" hreflang="id" href="https://www.haventrails.com/id/nakupenda-sandbank-private-beach-tour"> <link rel="alternate" hreflang="cs" href="https://www.haventrails.com/cs/nakupenda-sandbank-private-beach-tour"> <link rel="alternate" hreflang="hu" href="https://www.haventrails.com/hu/nakupenda-sandbank-private-beach-tour"> <link rel="alternate" hreflang="el" href="https://www.haventrails.com/el/nakupenda-sandbank-private-beach-tour"> <link rel="alternate" hreflang="sk" href="https://www.haventrails.com/sk/nakupenda-sandbank-private-beach-tour"> <link rel="alternate" hreflang="uk" href="https://www.haventrails.com/uk/nakupenda-sandbank-private-beach-tour"> <link rel="alternate" hreflang="ro" href="https://www.haventrails.com/ro/nakupenda-sandbank-private-beach-tour"> <link rel="alternate" hreflang="vi" href="https://www.haventrails.com/vi/nakupenda-sandbank-private-beach-tour"> <link rel="alternate" hreflang="tl" href="https://www.haventrails.com/tl/nakupenda-sandbank-private-beach-tour"> <link rel="alternate" hreflang="kk" href="https://www.haventrails.com/kk/nakupenda-sandbank-private-beach-tour"> <link rel="alternate" hreflang="x-default" href="https://www.haventrails.com/ko/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-tour-hero.webp"> <link rel="prefetch" href="https://www.haventrails.com/ko/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 Advent나쿠펜다 샌드뱅크 프라이빗 비치 데이 | 헤이븐 트레일 어드벤처 잔지바르perty="og:image" content="https://www.havent잔지바르에서 가장 사진이 많이 찍힌 모래톱에서 신선한 해산물 바비큐 점심 식사를 포함하여 Haven Trails Adventures와 함께 나쿠펜다 샌드뱅크(Nakupenda Sandbank)로 하루 종일 개인 여행을 즐겨보세요.-tour"> <meta property="og:type" content="website"> <meta property="og:site_name" content="헤이븐 트레일 어드벤처"> <meta property="og:locale" content="ko_KR"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630"> <meta property="og:image:alt" content="탄자니아 잔지바르의 Haven Trail헤이븐 트레일 어드벤처penda Sandbank 프라이빗 해변의 날"> <meta property="og:url" content="https://www.haventrails.com/ko/nakupenda-sandbank-private-beach-tour"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="나쿠펜다 샌드뱅크 프라이빗 비치 데이 | 헤이븐 트레일 어드벤처 잔지바르"> <meta name="twitte탄자니아 잔지바르의 Haven Trails Adventures와 함께하는 Nakupenda Sandbank 프라이빗 해변의 날Adventures와 함께 나쿠펜다 샌드뱅크(Nakupenda Sandbank)로 하루 종일 개인 여행을 즐겨보세요."> <meta name="twitter:image" c나쿠펜다 샌드뱅크 프라이빗 비치 데이 | 헤이븐 트레일 어드벤처 잔지바르h-tour-hero.webp"> <meta name="twitter:image:잔지바르에서 가장 사진이 많이 찍힌 모래톱에서 신선한 해산물 바비큐 점심 식사를 포함하여 Haven Trails Adventures와 함께 나쿠펜다 샌드뱅크(Nakupenda Sandbank)로 하루 종일 개인 여행을 즐겨보세요.ator" content="@haventrails"> <script type="application/ld+json"> { "@context": "https:\/\/schema.org", "@graph": [ { "@type": "TravelAgency", 탄자니아 잔지바르의 Haven Trails Adventures와 함께하는 Nakupenda Sandbank 프라이빗 해변의 날 "url": "https:\/\/www.haventrails.com\/", "logo": { "@type": "ImageObject", "url": "https:\/\/www.haventrails.com\/img\/logo.png", "width": 300, "height": 150 }, "image": "https:\/\/www.haventrails.com\/img\/logo.png", "telephone": "+255713334154"헤이븐 트레일 어드벤처haventrails.com", "priceRange": "$-$$", "address": { "@type": "PostalAddress", "streetAddress": "Moshi Kilimanjaro Town", "addressLocality": "Moshi", "addressRegion": "Kilimanjaro Region", "postalCode": "25101", "addressCountry": "TZ" }, "description": "아프리카 문화와 자연의 서사적 교향곡을 안전하고 원활하게 발견하세요", "areaServed": { "@type": "Country", "name": "탄자니아" }, "contactPoint": { "@type": "ContactPoint", "telephone": "+255713334154", "contactType": "고객지원", "availableLanguage": ["영어"] } }, { "@type": "WebPage", 아프리카 문화와 자연의 서사적 교향곡을 안전하고 원활하게 발견하세요tour#webpage", "url": "https:\/\/www.haventrails.com\/ko\/nakupe탄자니아bank-private-beach-tour", "name": "나쿠펜다 샌드뱅크 프라이빗 비치 데이 | 헤이븐 트레일 어드벤처 잔지바르", "description": "잔지바르에서 가장 사진이 많이 찍힌 모래톱에고객지원 식사를 포함하여 Haven Trails Adventures와영어다 샌드뱅크(Nakupenda Sandbank)로 하루 종일 개인 여행을 즐겨보세요.", "inLanguage": "ko", "breadcrumb": { "@id": "https:\/\/www.haventrails.com\/ko\/nakupenda-sandbank-private-beach-tour#breadcrumb" }, "about": { "@id": "https:\/\/www.haventrails.com\/k나쿠펜다 샌드뱅크 프라이빗 비치 데이 | 헤이븐 트레일 어드벤처 잔지바르ype": ["TouristTrip","Ser잔지바르에서 가장 사진이 많이 찍힌 모래톱에서 신선한 해산물 바비큐 점심 식사를 포함하여 Haven Trails Adventures와 함께 나쿠펜다 샌드뱅크(Nakupenda Sandbank)로 하루 종일 개인 여행을 즐겨보세요. "잔지바르에서 가장 사진이 많이 찍힌 모래톱에서 신선한 해산물 바비큐 점심 식사를 포함하여 Haven Trails Adventures와 함께 나쿠펜다 샌드뱅크(Nakupenda Sandbank)로 하루 종일 개인 여행을 즐겨보세요.", "url": "https:\/\/www.haventrails.com\/ko\/nakupenda-sandbank-private-beach-tour", "image": "https:\/\/www.haventrails.com\/img\/nakupenda-sandbank-private-beach-tour-hero.webp", "provider": { "@id": "https:\/\/www.haventrails.com\/#organization" }, "areaServe나쿠펜다 샌드뱅크 프라이빗 비치 데이자니아" }, "touristTyp잔지바르에서 가장 사진이 많이 찍힌 모래톱에서 신선한 해산물 바비큐 점심 식사를 포함하여 Haven Trails Adventures와 함께 나쿠펜다 샌드뱅크(Nakupenda Sandbank)로 하루 종일 개인 여행을 즐겨보세요. "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": "htt잔지바르 여행자ails.com\/nakupenda-sandbank-private-beach-tour" } ] }, { "@type": "ImageObject", "@id": "https:\/\/www.haventrails.com\/ko\/nakupenda-sandbank-private-beach-tour#primaryimage", "url": "https:\/\/ww헤이븐 트레일 어드벤처/nakupenda-sandbank-private-beach-tour-hero.webp", "caption": "탄자니아 잔지바르의 Haven Trails Adventures잔지바르 투어da Sandbank 프라이빗 해변의 날" } ] } </script> <meta name="copyright" content="© 2026 Haven Trails Adventures. All ri나쿠펜다 샌드뱅크 프라이빗 비치 데이("header.php")?> <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.haventrails.com/ko/" 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="Main navigation"> <div class="ht-nav__item"> <a href="https://www.haventrails.com/ko/" 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/ko/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.haventrails.com/ko/safari-tours" 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/ko/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/ko/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/ko/serengeti-national-park" class="ht-dest-card"> <img src="https://www.haventrails.com/img/havensafari28.webp" alt="Serengeti" loading="lazy"> <span>세렝게티</span> </a> <a href="https://www.haventrails.com/ko/ngorongoro-crater" class="ht-dest-card"> <img src="https://www.haventrails.com/img/havensafari14.webp" alt="Ngorongoro" loading="lazy"> <span>응고롱고로</span> </a> <a href="https://www.haventrails.com/ko/tarangire-national-park" class="ht-dest-card"> <img src="https://www.haventrails.com/img/havenmain1.webp" alt="Tarangire" loading="lazy"> <span>타랑기레</span> </a> <a href="https://www.haventrails.com/ko/lake-manyara-national-park" class="ht-dest-card"> <img src="https://www.haventrails.com/img/havensafari4.webp" alt="Lake Manyara" 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"> 킬리만자로 <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/ko/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/ko/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/ko/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/ko/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/ko/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/ko/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"> 잔지바르 <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/ko/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/ko/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/ko/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/ko/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/ko/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/ko/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/ko/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>모든 잔지바르 투어</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> 킬리만자로 슬로프</h4> <ul class="ht-daytrip-list"> <li><a href="https://www.haventrails.com/ko/materuni-waterfall-day-trip">마테루니 폭포 & 커피</a></li> <li><a href="https://www.haventrails.com/ko/mount-kilimanjaro-day-trip">킬리만자로 일일 하이킹</a></li> <li><a href="https://www.haventrails.com/ko/materuni-waterfall-day-trip">마랑구 폭포</a></li> <li><a href="https://www.haventrails.com/ko/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/ko/arusha-national-park-day-trip">아루샤 국립공원</a></li> <li><a href="https://www.haventrails.com/ko/tarangire-day-trip">타랑기레 데이 사파리</a></li> <li><a href="https://www.haventrails.com/ko/lake-challa-day-trip">찰라 호수 분화구 호수</a></li> <li><a href="https://www.haventrails.com/ko/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/ko/daytrip-tours">모시 타운 투어</a></li> <li><a href="https://www.haventrails.com/ko/daytrip-tours">차가문화체험</a></li> <li><a href="https://www.haventrails.com/ko/daytrip-tours">현지 시장 방문</a></li> <li><a href="https://www.haventrails.com/ko/serval-wildlife-day-trip">Serval 야생동물 센터</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/ko/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/ko/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/ko/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/ko/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/ko/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/ko/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="Select language" aria-expanded="false"> <img src="https://flagcdn.com/w80/kr.png" alt="Korean" class="ht-lang__flag"> <span class="ht-lang__code">KO</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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-tour" class="ht-lang__option active" 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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-tour" class="ht-lang__option" 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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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="Call us"> <i class="fas fa-phone" aria-hidden="true"></i> <span>전화주세요</span> </a> <a href="https://www.haventrails.com/ko/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="Select language" aria-expanded="false" id="mobileFlagsBtn"> <img src="https://flagcdn.com/w80/kr.png" alt="Korean" class="ht-lang__flag"> <span class="ht-mobile-flags__code" id="mobileFlagCode">KO</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="Select language"> <div class="ht-mobile-flags__title">Choose Your Language</div> <div class="ht-mobile-flags__list"> <a href="https://www.haventrails.com/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-tour" class="ht-mobile-flag-btn active" 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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-tour" class="ht-mobile-flag-btn" 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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/ko/" 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="Close navigation menu"> <i class="fas fa-times" aria-hidden="true"></i> </button> </div> <div class="ht-mobile-menu__content"> <div class="ht-mobile-trust" aria-label="Our credentials"> <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="Mobile navigation"> <div class="ht-mobile-item"> <a href="https://www.haventrails.com/ko/" 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/ko/safari-tours" class="ht-mobile-link"><i class="fas fa-binoculars" aria-hidden="true"></i> 야생동물 사파리</a> <a href="https://www.haventrails.com/ko/safari-tours" class="ht-mobile-link"><i class="fas fa-heart" aria-hidden="true"></i> 허니문 사파리</a> <a href="https://www.haventrails.com/ko/safari-tours" class="ht-mobile-link"><i class="fas fa-users" aria-hidden="true"></i> 가족 사파리</a> <a href="https://www.haventrails.com/ko/serengeti-national-park" class="ht-mobile-link"><i class="fas fa-map-marker-alt" aria-hidden="true"></i> 세렝게티</a> <a href="https://www.haventrails.com/ko/ngorongoro-crater" class="ht-mobile-link"><i class="fas fa-mountain" 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-mountain" 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/ko/lemosho-route" class="ht-mobile-link"><i class="fas fa-route" aria-hidden="true"></i> 레모쇼 루트</a> <a href="https://www.haventrails.com/ko/machame-route" class="ht-mobile-link"><i class="fas fa-route" aria-hidden="true"></i> 마차메 루트</a> <a href="https://www.haventrails.com/ko/marangu-route" class="ht-mobile-link"><i class="fas fa-route" aria-hidden="true"></i> 마랑구 노선</a> <a href="https://www.haventrails.com/ko/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> 잔지바르</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/ko/zanzibar-tours" class="ht-mobile-link"><i class="fas fa-sun" aria-hidden="true"></i> 해변 휴가</a> <a href="https://www.haventrails.com/ko/zanzibar-tours" class="ht-mobile-link"><i class="fas fa-landmark" aria-hidden="true"></i> 스톤 타운</a> <a href="https://www.haventrails.com/ko/zanzibar-tours" class="ht-mobile-link"><i class="fas fa-seedling" aria-hidden="true"></i> 스파이스 투어</a> <a href="https://www.haventrails.com/ko/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/ko/materuni-waterfall-day-trip" class="ht-mobile-link"><i class="fas fa-water" aria-hidden="true"></i> 마테루니 폭포</a> <a href="https://www.haventrails.com/ko/arusha-national-park-day-trip" class="ht-mobile-link"><i class="fas fa-paw" aria-hidden="true"></i> 아루샤 국립공원</a> <a href="https://www.haventrails.com/ko/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/ko/about-us" class="ht-mobile-link"><i class="fas fa-building" aria-hidden="true"></i> 우리의 이야기</a> <a href="https://www.haventrails.com/ko/about-us" class="ht-mobile-link"><i class="fas fa-comments" aria-hidden="true"></i> 리뷰</a> <a href="https://www.haventrails.com/ko/blog" class="ht-mobile-link"><i class="fas fa-newspaper" aria-hidden="true"></i> 블로그</a> <a href="https://www.haventrails.com/ko/faq" class="ht-mobile-link"><i class="fas fa-question-circle" aria-hidden="true"></i> 자주 묻는 질문</a> <a href="https://www.haventrails.com/ko/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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-tour" class="ht-drawer-lang-btn active" 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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-tour" class="ht-drawer-lang-btn" 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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/nakupenda-sandbank-private-beach-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/ko/planning-my-trip" class="ht-btn ht-btn--primary"><i class="fas fa-calendar-check" aria-hidden="true"></i> 계획 시작</a> </div> </div> <script> const header = document.getElementById('mainHeader'); window.addEventListener('scroll', () => { header.classList.toggle('ht-header--scrolled', window.pageYOffset > 50); }, { passive: true }); function toggleLang() { const dropdown = document.getElementById('langDropdown'); const toggle = document.querySelector('.ht-lang__toggle'); const isOpen = dropdown.classList.toggle('active'); toggle.classList.toggle('active', isOpen); toggle.setAttribute('aria-expanded', isOpen); } function filterLang(query) { const q = query.toLowerCase(); document.querySelectorAll('.ht-lang__option').forEach(opt => { opt.style.display = opt.textContent.toLowerCase().includes(q) ? '' : 'none'; }); } document.addEventListener('click', e => { const langSwitcher = document.getElementById('langSwitcher'); if (langSwitcher && !langSwitcher.contains(e.target)) { document.getElementById('langDropdown').classList.remove('active'); document.querySelector('.ht-lang__toggle')?.classList.remove('active'); } const mobileFlags = document.getElementById('mobileFlagSwitcher'); if (mobileFlags && !mobileFlags.contains(e.target)) { closeMobileFlags(); } }); function toggleMobileFlags() { const panel = document.getElementById('mobileFlagsPanel'); const btn = document.getElementById('mobileFlagsBtn'); const isOpen = panel.classList.toggle('active'); btn.classList.toggle('active', isOpen); btn.setAttribute('aria-expanded', isOpen); } function closeMobileFlags() { document.getElementById('mobileFlagsPanel')?.classList.remove('active'); const btn = document.getElementById('mobileFlagsBtn'); btn?.classList.remove('active'); btn?.setAttribute('aria-expanded', 'false'); } function toggleMobileMenu() { const menu = document.getElementById('mobileMenu'); const overlay = document.getElementById('mobileOverlay'); const toggle = document.getElementById('mobileToggle'); const isOpen = menu.classList.toggle('active'); overlay.classList.toggle('active', isOpen); toggle.classList.toggle('active', isOpen); toggle.setAttribute('aria-expanded', isOpen); document.body.style.overflow = isOpen ? 'hidden' : ''; if (isOpen) closeMobileFlags(); } function closeMobileMenu() { const menu = document.getElementById('mobileMenu'); const overlay = document.getElementById('mobileOverlay'); const toggle = document.getElementById('mobileToggle'); menu.classList.remove('active'); overlay.classList.remove('active'); toggle.classList.remove('active'); toggle.setAttribute('aria-expanded', 'false'); document.body.style.overflow = ''; } function toggleAccordion(headerEl) { const item = headerEl.parentElement; const isActive = item.classList.contains('active'); document.querySelectorAll('.ht-mobile-item').forEach(i => i.classList.remove('active')); if (!isActive) item.classList.add('active'); headerEl.setAttribute('aria-expanded', !isActive); } document.addEventListener('keydown', e => { if (e.key === 'Enter' || e.key === ' ') { if (e.target.getAttribute('role') === 'button') { e.preventDefault(); e.target.click(); } } if (e.key === 'Escape') { if (document.getElementById('mobileMenu')?.classList.contains('active')) closeMobileMenu(); if (document.getElementById('langDropdown')?.classList.contains('active')) toggleLang(); if (document.getElementById('mobileFlagsPanel')?.classList.contains('active')) closeMobileFlags(); } }); </script> </div> <div id="has-smooth"> <div id="has-smooth-wrap"> <style> @keyframes fadeIn { from { opacity:0; } to { opacity:1; } } :root { --zan-gold:#5C3D1E; --zan-teal:#C9A227; } .hl-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:24px 0; } .hl-card { background:linear-gradient(135deg,#f0f8ff,#e8f4ff); bo탄자니아 잔지바르의 Haven Trails Adventures와 함께하는 Nakupenda Sandbank 프라이빗 해변의 날ition:transform .25s,box-shadow .25s; } .hl-card:hover { transform:translateY(-4px); box-shadow:0 10px 28px rgba(92,61,30,.15); } .hl-icon { font-size:28px; color:var(--zan-gold); margin-bottom:10px; } .hl-num { font-size:18px; 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:1px solid #FFF6D8; border-radius:8px; padding:14px; text-align:center; } .zs-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">비공개</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">$65부터</div><div class="sl">1인당</di잔지바르 일일 투어 <div class="ha나쿠펜다 샌드뱅크="#bo프라이빗 비치 데이style="background:var(--zan-bl스톤 타운 남쪽의 새하얀 모래와 청록색 바닷물로 이루어진 조수 모래톱인 나쿠펜다에서 하루 종일 수영하고 휴식을 취하고 신선한 해산물 바비큐를 즐길 수 있습니다.ection> <div class="bc" style="--ht-breadcrumb-bg:url('하루 종일www.haventrails.com/im기간arnew3.webp')" > <div class="bci"> <a href="https://www.haventrai비공개">홈</a> <span clas보트 및 가이드 옵션as fa-chevron-right" style="font-size:9px;"></i></span> <a href="ht모래톱w.haventrails.com/ko/z시그니처 런치잔지바르 투어</a> <span class="sep"><i class="fas fa-chevron-right" style$65부터ize:9px;"></i></span> 1인당style="color:var(--text);">나쿠펜다 샌드뱅크 프라이빗 비치 데이</span> </div> </div> <div class="pl"> <main> <section style="margin-bottom:52px;"> <div class="slbl">개요</div> <h2 이 투어 예약하기바르의 유명한 모래톱에서의 하루</h2> <div class="divdr"></div> <div class=일정 보기 <p>스와힐리어로 '사랑해'를 의미하는 나쿠펜다(Nakupenda)는 잔지바르에서 가장 사진이 많이 찍히는 장소 중 하나입니다. 썰물 때 스톤 타운 남쪽의 얕은 청록색 바다에 나타난 빛나는 백사장의 좁은 혀는 바다가 주변으로 떠오르면 다시 사라집니다.</p> <p>콤비네이션 투어와 달리 이 날은 전적으로 나쿠펜다에만 전념하며 수영, 스노클링,홈을 즐길 수 있는 길고 여유로운 시간을 제공하며 모래 위에서 갓 요리한 잔지바르의 시그니처 해산물 바비큐 점심을 즐길 수 있으며 그룹을 위해 개인적으로 보트를 예약할 수 있는 옵션도 있습니다.</p> </div> <div class="hl-grid"> 잔지바르 투어ass="hl-card"><div class="hl-icon"><i class="fas fa-umbrella-beach"></i></div><div class="hl-num">나쿠펜다 샌드뱅크</div><div class="hl-lbl나쿠펜다 샌드뱅크 프라이빗 비치 데이 <div class="hl-card"><div class="hl-icon"><i class="fas fa-shrimp"></i></div><div class="hl-num">해산물 바베큐 점심</div>개요ss="hl-lbl">갓 구운 생선, 새우, 오징어</잔지바르의 유명한 모래톱에서의 하루><div class="hl-icon"><i class="fas fa-water-ladder"></i></div><div class="스와힐리어로 '사랑해'를 의미하는 나쿠펜다(Nakupenda)는 잔지바르에서 가장 사진이 많이 찍히는 장소 중 하나입니다. 썰물 때 스톤 타운 남쪽의 얕은 청록색 바다에 나타난 빛나는 백사장의 좁은 혀는 바다가 주변으로 떠오르면 다시 사라집니다.<div class="hl-c콤비네이션 투어와 달리 이 날은 전적으로 나쿠펜다에만 전념하며 수영, 스노클링, 일광욕을 즐길 수 있는 길고 여유로운 시간을 제공하며 모래 위에서 갓 요리한 잔지바르의 시그니처 해산물 바비큐 점심을 즐길 수 있으며 그룹을 위해 개인적으로 보트를 예약할 수 있는 옵션도 있습니다."hl-lbl">신혼여행, 프러포즈 사진으로 인기</div></div> </div> <div class="zan-good-know"> <div class="zan-gk-item"><div class="ic"><i class="fas fa-clock"나쿠펜다 샌드뱅크ass="v">하루 종일(약 6-7시간)</di청록색 얕은 곳에 있는 새하얀 모래 <div class="zan-gk-item"><div class="ic"><i class="fas fa-map-marker-alt"></i></div><div class="v">잔지바르 호텔</div><di해산물 바베큐 점심</div></div> <div 갓 구운 생선, 새우, 오징어ass="fas fa-users"></i></div><div class="v">2~16명 (개인 단체 가능)</div><div class="l">그룹 크기</div></div> <div class="zan-g수영 및 스노클링"><i class="fas fa-gauge-h따뜻하고 잔잔하며 얕은 물="v">쉬움, 모든 레벨</div><div class="l">난이도</div></div> <div class="zan-gk-item"><div class="ic"><i class="fas fa-h사진 촬영 기회v class="v">커플, 신혼여행, 가족</잔지바르에서 가장 사진이 많이 찍히는 곳 중 하나 </div> </section> <section style="margin-bottom:52px;"> <div class="slbl">경험</div> <h2 cla개인 보트 옵션em>나쿠펜다</em>특별</h2> 귀하의 그룹만을 위한 보트 예약ss="prose"> <p>나쿠펜다 샌드뱅크(Nakupenda Sandbank)는 스톤 타운과 메나이 베이(Menai Bay) 사이의 얕은 수로에 자리잡고 있으며, 해초 베드, 작은 암초 패치, 로맨틱한 설정 더 넓은 해양 보존 지역의 일부입니다. 썰물 신혼여행, 프러포즈 사진으로 인기이 중요합니다.</p> <p>사람이 살지 않고 개발되지 않았기 때문에 매일 방문하는 보트와 승무원을 제외하면 나쿠펜다(Nakupenda)는 섬의 가장 유명한 명소 중 하나임에도 불구하고 거의 개인 섬 느낌을 갖고 있으며 잔지바르에서 신혼 여행과 기념일을 축하하는 커플이하루 종일(약 6-7시간).</p> </div> 기간 class="zan-stats" style="margin:28px 0;"> <div class="zs"><div class="zs-v">메나이 베이</div><div class="zs-l">해양보호구잔지바르 호텔 <div class="zs"><d픽업/미팅썰물</div><div class="zs-l">모래톱 창</div></div> <div class="zs"><div class="zs-v">0</div><div class="zs-l">2~16명 (개인 단체 가능)"><div class="zs-v">신그룹 크기iv class="zs-l">해산물 바베큐</div></div> </div> <div style="display:flex;flex-wrap:wrap;gap:8px;margin-top:4p쉬움, 모든 레벨an class="zan-tag"><i난이도s fa-umbrella-beach"></i>백사장</span> <span class="zan-tag"><i class="fas fa-water"></i>청록색 얕은</span> 커플, 신혼여행, 가족lass="fas fa-shrimp">이상적인 대상베큐 점심</span> <span class="zan-tag"><i class="fas fa-fish"></i>해초 및 암초 패치</span> <span class="경험ass="fas fa-heart"></i>허니문 인기<무엇이 만드는가 나쿠펜다ss="z특별<i class="fas fa-camera"></i>촬영 장소</span> </div> </section> 나쿠펜다 샌드뱅크(Nakupenda Sandbank)는 스톤 타운과 메나이 베이(Menai Bay) 사이의 얕은 수로에 자리잡고 있으며, 해초 베드, 작은 암초 패치, 잔잔하고 보호받는 물로 유명한 더 넓은 해양 보존 지역의 일부입니다. 썰물 때 몇 시간 동안만 표면 위에 나타나기 때문에 좋은 방문을 위해서는 타이밍이 중요합니다. <div cla사람이 살지 않고 개발되지 않았기 때문에 매일 방문하는 보트와 승무원을 제외하면 나쿠펜다(Nakupenda)는 섬의 가장 유명한 명소 중 하나임에도 불구하고 거의 개인 섬 느낌을 갖고 있으며 잔지바르에서 신혼 여행과 기념일을 축하하는 커플이 가장 많이 요청하는 경험 중 하나로 남아 있습니다. </summary> <div class="day-body"> <p>가이드는 그날의 조수 테이블을 기준으로 정확한 픽업 시간을 확인한 후 스톤 타운 항구메나이 베이해 경치 좋은 보트를 타고 지역 어선을 지나해양보호구역 <div class="day-highlights"> 썰물ass="dh-tag"><i class="f모래톱 창>경치 좋은 보트 여행</span> </div> </div> </details> 영주권자class="day-card"> <details> <summary>신선한 <div class="day-해산물 바베큐> <div class="day-info"> <div class="day-title">모래톱 도착 및 자유시간</div> <div class="day-meta"> <span><i class="fa백사장</i>모래톱 시간</span> <span><i class="fas fa-water-lad청록색 얕은/span> </div> </div> <i class해산물 바베큐 점심own day-chevron"></i> </summary> <div class="해초 및 암초 패치p>모래톱에서 자유 시간 연장: 따뜻하고 얕은 물에서 수영하고, 인근 해초와 작은 암초 밭에서 스노클링하고, 백사장에서허니문 인기 트인 바다 전망을 감상하세요.</p> <div class="day-highlights"> 촬영 장소lass="dh-tag"><i class="fas fa-water-ladder"></i>수영</span> <span class="dh-tag"><i class="fas fa-mask-sno일정i>스노클링</span> <s하루 종일="dh나쿠펜다 일정s fa-camera"></i>사진</span> </div> </div> </details> </div> <div class="day-card"> <details> <summary> <div class="day-num">3</div> <div class="d픽업 및 보트 출발 <div class="day-title">해산물 바베큐 점심</div> <div class="day-meta"> 조수 시간에 맞춰 출발hrimp"></i>신선한 해산물 바베큐</span> </div> 나쿠펜다로 보트 여행i class="fas fa-chevron-down day-chevron"></i> </summary> <div class="day-body"> <p>보트 승무원이 모래 위에 직접 숯불 구이를 설치하고 해산물 점심 정식을 준비합니다. 신선한 생선, 새우, 오징가이드는 그날의 조수 테이블을 기준으로 정확한 픽업 시간을 확인한 후 스톤 타운 항구에서 모래톱을 향해 경치 좋은 보트를 타고 지역 어선을 지나 옛 도시 스카이라인을 감상합니다.ss="fas fa-apple-whole"></i>신선한 과일</span> </div> <div class="meal-plan"> 경치 좋은 보트 여행abel"><i class="fas fa-utensils"></i>식사:</span> <span class="mp-item inc"><i class="fas fa-check-circle"></i>점심 (해산물 바비큐)</span> </div> </div> </details> </div> <div class="day-card"> <details모래톱 도착 및 자유시간 <div class="day-num">4</div> <div class="day-info"> <div class="day-tit모래톱 시간</div> <div class="day-meta"> <span수영 및 스노클링-ladder"></i>마지막 수영</span> <span><i class="fas fa-ship"></i>스톤타운으로 돌아가기</span> </div> </div> <i class="fas fa-chevron-down 모래톱에서 자유 시간 연장: 따뜻하고 얕은 물에서 수영하고, 인근 해초와 작은 암초 밭에서 스노클링하고, 백사장에서 일광욕을 하거나, 모든 방향에서 탁 트인 바다 전망을 감상하세요. <span class="dh-tag"><i class="fas fa-water-ladder"></i>마지막 수영</span> <span class="dh-tag"><i cl수영fa-ship"></i>귀국 보트 여행</span> </div> </div> </det스노클링</div> </section> <section style="margin-bottom:52px;"> 사진slbl">알아두면 좋은 점</div> <h2 class="stit">포함 및<em>제외됨</em></h2> <div class="divdr"></div> <div class="ie-grid"> <div class="ie-box inc"> <div class="ie-title"><i class="fas fa-circle-check" style="color:#1a6a3a;"></i>포함됨</d해산물 바베큐 점심 class="ie-list"> <li><i class="fas fa-check" style="color:#1a6a3a;"></i>자격증을 갖춘 보트신선한 해산물 바베큐 <li><i class="fas fa-check" style="color:#1a6a3a;"></i>호텔 픽업 및 하차</li> <li><i class="fas fa-check" style="color:#1a6a3a;"></i>나쿠펜다 왕복 보트 교통편</li> 보트 승무원이 모래 위에 직접 숯불 구이를 설치하고 해산물 점심 정식을 준비합니다. 신선한 생선, 새우, 오징어는 밥, 샐러드, 차파티, 과일과 함께 제공되며 바다 한가운데서 맨발로 먹습니다.or:#1a6a3a;"></i>생수 전체</li> <li><i class="fas fa-check" style="color:#1a6a3a;"></i>연중무휴 24시간 Haven해산물 구이i> </ul> </div> <div class="ie-box exc"> 신선한 과일ie-title"><i class="fas fa-circle-xmark" style="color:#8a1a1a;"></i>포함되지 않음</div> <ul class="ie-list"> <li><i식사:"fas fa-times" style="color:#8a1a1a;"></i>주류</li> <li><i class="fas fa-점심 (해산물 바비큐)#8a1a1a;"></i>가이드 및 보트 승무원을 위한 팁</li> <li><i class="fas fa-times" style="color:#8a1a1a;"></i>수중카메라 대여</li> <li><i class="fas fa-times" style="color:#8a1a1a;"></i>개인 보트 업그레이드(요청 시 이용 가능, 추가 비용)</li> </ul> </div> 최종 수영 및 복귀tion> <section style="margin-bottom:52px;"> <div class="slbl">우리에게 예약해야 하는 이유</div> 마지막 수영"stit">왜?<em>헤이븐 트레일 어드벤처</em></h2> <div class="div스톤타운으로 돌아가기 class="why-grid"> <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">탄자니아 현지 기조수가 바뀌기 시작하고 모래톱이 천천히 좁아지는 마지막 수영을 마친 후 스톤 타운으로 돌아가는 보트에 탑승하고 호텔로 돌아갑니다.ass="why-card"><div class="why-num">02</div><div class="why-icon"><i class="fas fa-user-check"></i></div><div class=마지막 수영">라이센스가 있고 검증된 가이드</div><p class="why-desc">Haven Trails와 협력하는 모든 가이드 귀국 보트 여행의 허가를 받았으며 섬의 역사, 문화 및 해양 환경에 대한 안전, 전문성 및 지식에 대해 개인적으로 심사를 받았습니다.</p></div> <div class="why-card"><div class="why-num">03</div><div class="why-icon"><알아두면 좋은 점 fa-users"></i></div><div clas포함 및그룹 및제외됨div><p class="why-desc">소규모 그룹 출발을 선택하거나 혼자 여행을 위해 개인적으로 투어를 예약하세요. 어느 쪽이든, 붐비고 대형 투어 버스 일정에 휩싸이기보다는 여유롭고 개인적인 경험을 할 수 있습니다.</p></div> <div class="why-card"><div class="why-num">04</div>포함됨s="why-icon"><i class="fas fa-shield-halved"></i></div><div class="why-title">연중무휴 24시간 지원</div><p class=자격증을 갖춘 보트 승무원 및 가이드문 또는 예상치 못한 상황이 발생할 경우 Haven Trails 지상 팀에 연락할 수 있습니다. 픽업부터 하차까지 혼자서 섬을 탐색호텔 픽업 및 하차 <div class="why-card"><div class="why-num">05</div><div class="why나쿠펜다 왕복 보트 교통편iv><div class="why-title">책임 있는 여행</div><p class="why-desc">Haven Trails는스노클링 장비및 해양 보존 파트너를 우선시합니다. 모든 예약의 일부는 섬의 산호초 보호 및 지역 사회 관광 계획을 지원합니다.</p></div>모래톱에서의 신선한 해산물 바비큐 점심s="why-num">06</div><div class="why-icon"><i class="fas fa-comments-dolla생수 전체why-title">투명하고 공정한 가격</div><p class="why-desc">숨겨진 추가 항목도 없고 부두에서 막판 상향 연중무휴 24시간 Haven Trails 지상 지원원 보존 수수료와 같이 실제로 제외되는 사항에 대한 명확한 메모와 함께 지불하는 금액입니다.</p></div> </div> <div class="trust-strip"> <div class="trust-item"><i class="fas fa-id-c포함되지 않음 라이센스 운영자</div> <div class="trust-item"><i class="fas fa-star"></i>4.9/5 평균 평점</div> <div주류<i class="fas fa-headset"></i>연중무휴 지상 지원</div> <div class="trust-가이드 및 보트 승무원을 위한 팁t"></i>커뮤니티 및 리프 포지티브</div> </div> </section> <section st수중카메라 대여> <div class="slbl">FAQ</div> <h2 class="stit">공통<em>질문</em><개인 보트 업그레이드(요청 시 이용 가능, 추가 비용)en" id="faq1"> <div class="fqq" onclick="toggleFaq('faq1')">왜 출발 시간이 날짜에 가까워질수록 변경되나요?<i class="fas fa-chevron-down"></i></di우리에게 예약해야 하는 이유class="fqa"><div class="fqai">왜?(Nak헤이븐 트레일 어드벤처드러냅니다. 따라서 Haven Trails는 해당 주의 조석표가 나오면 하루나 이틀 전에 정확한 출발 시간을 확인하여 모래톱을 가장 잘 볼 수 있도록 합니다.</div></div> </div> <div class="fqi" id="faq2"> <div class="fqq" onclick="toggleFaq('faq2')">우리 일행만을 위한 전용 보트를 예약탄자니아 현지 기반chevron-down"></i></div> 해외 예매 플랫폼이 아닌 탄자니아 모시에 본사를 두고 있습니다. 우리의 잔지바르 파트너는 일년 내내 최고의 가이드, 보트 및 조건에 대한 실시간 지식을 바탕으로 섬의 환대 및 활동 네트워크에 깊이 관여하고 있습니다.="toggleFaq('faq3')">모래톱에 그늘이 있나요?<i class="fas fa-chevron-down"></i></div> <div class="fqa"><div class="fqai">나쿠펜다 자체에는 영구적인 그늘 구조가 없으므로 모자, 선글라스라이센스가 있고 검증된 가이드커버업, 앉을 수 있는 수건이나 매트를 적극 권Haven Trails와 협력하는 모든 가이드 및 보트 운영자는 잔지바르 관광위원회의 허가를 받았으며 섬의 역사, 문화 및 해양 환경에 대한 안전, 전문성 및 지식에 대해 개인적으로 심사를 받았습니다.fqai">네, 잔지바르에서 가장 인기 있는 장소 중 하나입니다. Haven Trails는 특별한 경우를 위해 요청 시 전용 보트, 장식 또는 사진사를 준비해 드릴 수 있습니다.</div></div> </div> <div class="fqi" i소그룹 및 개인 옵션" onclick="toggleFaq('faq5소규모 그룹 출발을 선택하거나 혼자 여행을 위해 개인적으로 투어를 예약하세요. 어느 쪽이든, 붐비고 대형 투어 버스 일정에 휩싸이기보다는 여유롭고 개인적인 경험을 할 수 있습니다.v></div> </div> </section> </main> <aside class="sb" id="book" style=" align-self:flex-start;"> <div class="bkc"> <div class="bkc연중무휴 24시간 지원 <div class="bkcs">나쿠펜다 샌잔지바르에 머무는 동안 변화, 질문 또는 예상치 못한 상황이 발생할 경우 Haven Trails 지상 팀에 연락할 수 있습니다. 픽업부터 하차까지 혼자서 섬을 탐색하는 일은 결코 없습니다.fa-check"></i>자격증을 갖춘 가이드 및 보트 승무원</li><li><i class="fas fa-check"></i>호텔 픽업 및 복귀</li><li><i class="fas fa-check"></i>해산물 바베큐 점심 포함</li><li><i class책임 있는 여행i>개인 보트 옵션 이용 가능</li><li><Haven Trails는 현지 소유 운영자, 지역 사회 가이드 및 해양 보존 파트너를 우선시합니다. 모든 예약의 일부는 섬의 산호초 보호 및 지역 사회 관광 계획을 지원합니다.>이 투어 예약하기</button> <a href="https://wa.me/255713334154" class="bfo"> <i class="fab fa-whatsapp" style="color:#25D366;"></i>WhatsApp에서 채팅하기</a> 투명하고 공정한 가격="ic"> <div class="i숨겨진 추가 항목도 없고 부두에서 막판 상향 판매도 없습니다. 예약 시 표시되는 금액은 잔지바르 해양 공원 보존 수수료와 같이 실제로 제외되는 사항에 대한 명확한 메모와 함께 지불하는 금액입니다.n><span class="iv">잔지바르 호텔</span></div> <div class="ir"><span class="ik">그룹 크기</span><span class="iv">2~16명 (개인 MNRT 라이센스 운영자 <div class="ir"><span class="ik">최적의 시간</span><span class="iv">4.9/5 평균 평점/div> <div class="ir"><span class="ik">이상적인 대상</span><span clas연중무휴 지상 지원/span></div> </div> <div class="ic"> <div class="ict"><i class="f커뮤니티 및 리프 포지티브</div> <div class="str"><i class="fas fa-star" style="color:var(--zan-gold);"></i><i class="fas fFAQtar" style="color:var(--zan-bl공통/i><질문fas fa-star" style="color:var(--zan-gold);"></i><i class="fas fa-star" style="color:var(--zan-gold);"></i><i class="fas fa-star" style=왜 출발 시간이 날짜에 가까워질수록 변경되나요?"rsc">4.9 / 5.0</div> </div> <div class="ic"> <div class="ict"><i clas나쿠펜다(Nakupenda)는 썰물 때만 완전히 모습을 드러냅니다. 따라서 Haven Trails는 해당 주의 조석표가 나오면 하루나 이틀 전에 정확한 출발 시간을 확인하여 모래톱을 가장 잘 볼 수 있도록 합니다.ari-blue-zanzibar-tour" class="orl">사파리 블루 체험</a><a href="https://www.haventrails.com/ko/mnemba-island-snorkeling우리 일행만을 위한 전용 보트를 예약할 수 있나요?s://www.haventrails.com/ko/zanzibar-tour-4-days" class="orl">잔지바르 투어 4일</a> </div예, 다른 여행자와 공유하기를 원하지 않는 커플, 가족 또는 소규모 그룹을 위해 개인 보트를 마련할 수 있습니다. 예약 시 개인 보트 가격에 대해 Haven Trails에 문의하세요.dEventListener('DOMContentLoaded', function() { document.querySelectorAll('.day-card details').forEach(functi모래톱에 그늘이 있나요?Selector('summary'); if (!sum) return; sum.addEventListener('click', func나쿠펜다 자체에는 영구적인 그늘 구조가 없으므로 모자, 선글라스, 암초에 안전한 자외선 차단제, 가벼운 커버업, 앉을 수 있는 수건이나 매트를 적극 권장합니다.</script> <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> #safariModal { display: flex; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 2147483647; align-items: center; justify-content: center; padding: 24px; box-sizing: border-box; visibility: hidden; opacity: 0; pointer-events: none; background: rgba(10,12,18,0.75); transition: opacity 0.28s ease, visibility 0.28s ease; } #safariModal.sm-open { visibility: visible; opacity: 1; pointer-events: auto; } .sm-card { background: #ffffff; border-radius: 20px; width: 100%; max-width: 600px; min-height: 200px; max-height: 92vh; overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; scrollbar-color: #e8d99a #f5f5f5; box-shadow: 0 28px 90px rgba(0,0,0,0.38), 0 0 0 1px rgba(201,168,76,0.22); transform: translateY(20px); transition: transform 0.34s cubic-bezier(0.22,1,0.36,1); flex-shrink: 0; position: relative; margin: auto; } #safariModal.sm-open .sm-card { transform: translateY(0); } .sm-card::before { content: ''; display: block; height: 4px; background: linear-gradient(90deg, #C9A84C, #f0d080 50%, #C9A84C); border-radius: 20px 20px 0 0; } .sm-hd { padding: 24px 28px 16px; display: flex; align-items: flex-start; justify-content: space-between; border-bottom: 1px solid #f0f0f0; gap: 12px; } .sm-eyebrow { font-size: 10px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: #C9A84C; margin-bottom: 4px; } .sm-title { font-size: 20px; font-weight: 700; color: #1a1208; font-family: Georgia, serif; margin: 0 0 3px; line-height: 1.2; } .sm-sub { font-size: 12.5px; color: #888; } .sm-x { background: #f4f4f4; border: none; border-radius: 50%; width: 34px; height: 34px; font-size: 20px; line-height: 1; cursor: pointer; color: #666; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: background 0.2s, color 0.2s; } .sm-x:hover { background: #C9A84C; color: #fff; } .sm-bd { padding: 20px 28px 28px; } .sm-sec { font-size: 9.5px; font-weight: 800; letter-spacing: 0.2em; text-transform: uppercase; color: #C9A84C; margin: 20px 0 10px; display: flex; align-items: center; gap: 8px; } .sm-sec::before { content: ''; display: block; width: 14px; height: 1.5px; background: #C9A84C; border-radius: 2px; } .sm-sec:first-child { margin-top: 0; } .sm-f { margin-bottom: 14px; } .sm-lbl { display: block; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: #555; margin-bottom: 5px; } .sm-req { color: #e05252; } .sm-inp, .sm-ta, .sm-sel { width: 100%; box-sizing: border-box; background: #f8f8f8; border: 1.5px solid #e4e4e4; border-radius: 8px; padding: 11px 13px; font-size: 14px; color: #1a1208; font-family: inherit; outline: none; transition: border-color 0.2s, box-shadow 0.2s, background 0.2s; -webkit-appearance: none; appearance: none; } .sm-inp::placeholder, .sm-ta::placeholder { color: #bbb; } .sm-inp:focus, .sm-ta:focus, .sm-sel:focus { border-color: #C9A84C; background: #fffdf6; box-shadow: 0 0 0 3px rgba(201,168,76,0.13); } .sm-ta { resize: vertical; min-height: 78px; line-height: 1.55; } .sm-sel { cursor: pointer; background-image: url('data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E'); background-repeat: no-repeat; background-position: right 13px center; padding-right: 36px; } .sm-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .sm-badge { background: #fffbf0; border: 1.5px solid #e8d99a; border-left: 3px solid #C9A84C; border-radius: 8px; padding: 10px 13px; font-size: 13px; font-weight: 600; color: #7a5c10; display: flex; align-items: center; gap: 8px; } .sm-badge i { color: #C9A84C; font-size: 12px; } .sm-tier-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; margin-bottom: 0; } .sm-tier { position: relative; flex: 1; } .sm-tier input[type="radio"] { position: absolute; opacity: 0; width: 0; height: 0; } .sm-tier-lbl { display: flex; flex-direction: column; align-items: center; gap: 5px; padding: 14px 8px 12px; background: #f8f8f8; border: 2px solid #e4e4e4; border-radius: 10px; cursor: pointer; transition: all 0.2s; text-align: center; position: relative; overflow: hidden; } .sm-tier-lbl::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; opacity: 0; transition: opacity 0.2s; } .sm-tier.tier-silver .sm-tier-lbl::before { background: linear-gradient(90deg, #909090, #c0c0c0); } .sm-tier.tier-gold .sm-tier-lbl::before { background: linear-gradient(90deg, #C9A84C, #f0d080); } .sm-tier.tier-plat .sm-tier-lbl::before { background: linear-gradient(90deg, #3a2200, #C9A84C, #3a2200); } .sm-tier-icon { font-size: 20px; line-height: 1; } .sm-tier-name { font-size: 11px; font-weight: 800; color: #555; letter-spacing: 0.04em; line-height: 1.2; } .sm-tier-tag { font-size: 9px; font-weight: 600; color: #999; text-transform: uppercase; letter-spacing: 0.08em; } .sm-tier-check { position: absolute; top: 7px; right: 7px; width: 16px; height: 16px; border-radius: 50%; border: 1.5px solid #ddd; background: #fff; display: flex; align-items: center; justify-content: center; font-size: 8px; color: #fff; transition: all 0.18s; } .sm-tier.tier-silver input:checked + .sm-tier-lbl { background: #f5f5f5; border-color: #909090; box-shadow: 0 0 0 3px rgba(144,144,144,0.15); } .sm-tier.tier-silver input:checked + .sm-tier-lbl::before { opacity: 1; } .sm-tier.tier-silver input:checked + .sm-tier-lbl .sm-tier-name { color: #444; } .sm-tier.tier-silver input:checked + .sm-tier-lbl .sm-tier-check { background: #909090; border-color: #909090; } .sm-tier.tier-gold input:checked + .sm-tier-lbl { background: #fffbf0; border-color: #C9A84C; box-shadow: 0 0 0 3px rgba(201,168,76,0.15); } .sm-tier.tier-gold input:checked + .sm-tier-lbl::before { opacity: 1; } .sm-tier.tier-gold input:checked + .sm-tier-lbl .sm-tier-name { color: #8a6010; } .sm-tier.tier-gold input:checked + .sm-tier-lbl .sm-tier-check { background: #C9A84C; border-color: #C9A84C; } .sm-tier.tier-plat input:checked + .sm-tier-lbl { background: linear-gradient(135deg, #1a0e00, #2e1a04); border-color: #C9A84C; box-shadow: 0 0 0 3px rgba(201,168,76,0.2); } .sm-tier.tier-plat input:checked + .sm-tier-lbl::before { opacity: 1; } .sm-tier.tier-plat input:checked + .sm-tier-lbl .sm-tier-name { color: #f0d080; } .sm-tier.tier-plat input:checked + .sm-tier-lbl .sm-tier-tag { color: #C9A84C; } .sm-tier.tier-plat input:checked + .sm-tier-lbl .sm-tier-check { background: #C9A84C; border-color: #C9A84C; } .sm-tier-lbl:hover { border-color: #C9A84C; background: #fffdf6; } .sm-tier.tier-plat .sm-tier-lbl:hover { background: #1a1005; border-color: #C9A84C; } .sm-chips { display: flex; flex-wrap: wrap; gap: 7px; } .sm-chip { position: relative; } .sm-chip input[type="checkbox"] { position: absolute; opacity: 0; width: 0; height: 0; } .sm-chip-lbl { display: inline-flex; align-items: center; gap: 6px; padding: 7px 13px; background: #f8f8f8; border: 1.5px solid #e4e4e4; border-radius: 100px; font-size: 12px; font-weight: 600; color: #666; cursor: pointer; transition: all 0.18s; user-select: none; } .sm-chip-lbl i { font-size: 11px; color: #bbb; transition: color 0.18s; } .sm-chip input:checked + .sm-chip-lbl { background: #fffbf0; border-color: #C9A84C; color: #8a6010; box-shadow: 0 0 0 2px rgba(201,168,76,0.12); } .sm-chip input:checked + .sm-chip-lbl i { color: #C9A84C; } .sm-chip-lbl:hover { border-color: rgba(201,168,76,0.5); background: #fffdf6; } .sm-chip.wl input:checked + .sm-chip-lbl { background: #f0fff6; border-color: #4CC982; color: #1a6a3a; box-shadow: 0 0 0 2px rgba(76,201,130,0.1); } .sm-chip.wl input:checked + .sm-chip-lbl i { color: #4CC982; } .sm-counter { display: flex; align-items: center; background: #f8f8f8; border: 1.5px solid #e4e4e4; border-radius: 8px; overflow: hidden; transition: border-color 0.2s, box-shadow 0.2s; } .sm-counter:focus-within { border-color: #C9A84C; box-shadow: 0 0 0 3px rgba(201,168,76,0.13); } .sm-cb { background: none; border: none; color: #C9A84C; font-size: 22px; font-weight: 300; width: 44px; height: 44px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.15s; flex-shrink: 0; line-height: 1; } .sm-cb:hover { background: #fff8e6; } .sm-cn { flex: 1; text-align: center; font-size: 16px; font-weight: 700; color: #1a1208; pointer-events: none; } .sm-contact { display: flex; gap: 8px; } .sm-co { flex: 1; position: relative; } .sm-co input[type="radio"] { position: absolute; opacity: 0; width: 0; height: 0; } .sm-cl { display: flex; flex-direction: column; align-items: center; gap: 5px; padding: 12px 6px; background: #f8f8f8; border: 1.5px solid #e4e4e4; border-radius: 8px; cursor: pointer; transition: all 0.18s; text-align: center; } .sm-cl i { font-size: 18px; color: #bbb; transition: color 0.18s; } .sm-cl span { font-size: 11px; font-weight: 600; color: #999; transition: color 0.18s; } .sm-co input:checked + .sm-cl { background: #fffbf0; border-color: #C9A84C; box-shadow: 0 0 0 3px rgba(201,168,76,0.12); } .sm-co input:checked + .sm-cl i { color: #C9A84C; } .sm-co input:checked + .sm-cl span { color: #8a6010; } .sm-co.sm-wa input:checked + .sm-cl { background: #f0fff6; border-color: #25D366; box-shadow: 0 0 0 3px rgba(37,211,102,0.1); } .sm-co.sm-wa input:checked + .sm-cl i { color: #25D366; } .sm-co.sm-wa input:checked + .sm-cl span { color: #1a8040; } .sm-btn { width: 100%; padding: 14px; background: #C9A84C; border: none; border-radius: 10px; color: #fff; font-size: 14px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; cursor: pointer; margin-top: 6px; transition: background 0.2s, box-shadow 0.2s, transform 0.15s; box-shadow: 0 4px 16px rgba(201,168,76,0.32); } .sm-btn:hover { background: #b8942e; box-shadow: 0 6px 22px rgba(201,168,76,0.42); transform: translateY(-1px); } .sm-btn:active { transform: translateY(0); } .sm-btn:disabled { opacity: 0.55; cursor: not-allowed; transform: none; box-shadow: none; } .sm-note { text-align: center; font-size: 11.5px; color: #aaa; margin-top: 12px; line-height: 1.5; } .sm-note a { color: #C9A84C; text-decoration: none; } .sm-div { height: 1px; background: #f0f0f0; margin: 4px 0 18px; } .sm-success { display: none; flex-direction: column; align-items: center; text-align: center; padding: 48px 32px 52px; gap: 12px; } .sm-ok { width: 64px; height: 64px; background: #f0fff6; border: 2px solid rgba(76,201,130,0.4); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 26px; color: #4CC982; } .sm-success h3 { font-size: 21px; color: #1a1208; font-family: Georgia,serif; margin: 0; } .sm-success p { font-size: 14px; color: #777; max-width: 320px; margin: 0; line-height: 1.65; } .sm-sc { padding: 11px 32px; background: #f4f4f4; border: none; border-radius: 8px; color: #555; font-size: 13px; font-weight: 600; cursor: pointer; margin-top: 4px; transition: background 0.2s; } .sm-sc:hover { background: #e8d99a; color: #7a5c10; } .sm-inp.sm-err, .sm-ta.sm-err, .sm-sel.sm-err { border-color: #e05252; box-shadow: 0 0 0 3px rgba(224,82,82,0.1); } .sm-tier-err { font-size: 11px; color: #e05252; margin-top: 5px; display: none; } .sm-tier-err.show { display: block; } @media (max-width: 600px) { #safariModal { padding: 0; align-items: flex-end; } .sm-card { max-width: 100%; border-radius: 20px 20px 0 0; max-height: 92vh; } .sm-row { grid-template-columns: 1fr; } .sm-hd, .sm-bd { padding-left: 20px; padding-right: 20px; } .sm-tier-grid { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 400px) { .sm-tier-grid { grid-template-columns: 1fr; } } </style> <div id="safariModal" role="dialog" aria-modal="true" aria-labelledby="smTitle"> <div class="sm-card"> <div class="sm-hd"> <div> <div class="sm-eyebrow"><i class="fa-solid fa-paw" aria-hidden="true"></i> 헤이븐 트레일스 어드벤처스</div> <h2 class="sm-title" id="smTitle">Reserve 사파리</h2> <div class="sm-sub">No payment now · We reply within 24 hrs</div> </div> <button class="sm-x" id="smClose" aria-label="Close booking modal">×</button> </div> <div class="sm-bd"> <form id="safariBookingForm" action="safari-book.php" method="POST" novalidate> <input type="hidden" name="tourname" value="nakupenda-sandbank-private-beach-tour"> <input type="hidden" name="form_type" value="safari"> <div class="sm-f"> <div class="sm-lbl">Safari Tour</div> <div class="sm-badge"> <i class="fas fa-binoculars"></i> nakupenda-sandbank-private-beach-tour </div> </div> <div class="sm-sec">Choose Your Experience Level</div> <div class="sm-f"> <div class="sm-lbl">Package Tier <span class="sm-req">*</span></div> <div class="sm-tier-grid" role="group" aria-label="Select safari tier"> <label class="sm-tier tier-silver"> <input type="radio" name="safari_tier" value="Silver - Budgeted" required id="smTierSilver"> <div class="sm-tier-lbl"> <div class="sm-tier-check"><i class="fas fa-check"></i></div> <div class="sm-tier-icon"><i class="fa-solid fa-medal" aria-hidden="true"></i></div> <div class="sm-tier-name">Silver</div> <div class="sm-tier-tag">Budgeted</div> </div> </label> <label class="sm-tier tier-gold"> <input type="radio" name="safari_tier" value="Gold - 럭셔리" id="smTierGold"> <div class="sm-tier-lbl"> <div class="sm-tier-check"><i class="fas fa-check"></i></div> <div class="sm-tier-icon"><i class="fa-solid fa-medal" aria-hidden="true"></i></div> <div class="sm-tier-name">Gold</div> <div class="sm-tier-tag">럭셔리</div> </div> </label> <label class="sm-tier tier-plat"> <input type="radio" name="safari_tier" value="Platinum - Exclusive" id="smTierPlat"> <div class="sm-tier-lbl"> <div class="sm-tier-check"><i class="fas fa-check"></i></div> <div class="sm-tier-icon"><i class="fa-solid fa-gem" aria-hidden="true"></i></div> <div class="sm-tier-name">Platinum</div> <div class="sm-tier-tag">Exclusive</div> </div> </label> </div> <div class="sm-tier-err" id="smTierErr">Please select a package tier to continue.</div> </div> <div class="sm-sec">Your Details</div> <div class="sm-f"> <label class="sm-lbl" for="sm_nm">전체 이름 <span class="sm-req">*</span></label> <input class="sm-inp" type="text" id="sm_nm" name="name" placeholder="e.g. Sarah Johnson" required autocomplete="name"> </div> <div class="sm-row"> <div class="sm-f"> <label class="sm-lbl" for="sm_em">Email <span class="sm-req">*</span></label> <input class="sm-inp" type="email" id="sm_em" name="email" placeholder="sarah@example.com" required autocomplete="email"> </div> <div class="sm-f"> <label class="sm-lbl" for="sm_ph">전화 / 왓츠앱 <span class="sm-req">*</span></label> <input class="sm-inp" type="tel" id="sm_ph" name="phone" placeholder="+1 555 000 0000" required autocomplete="tel"> </div> </div> <div class="sm-row"> <div class="sm-f"> <label class="sm-lbl" for="sm_nat">Nationality <span class="sm-req">*</span></label> <input class="sm-inp" type="text" id="sm_nat" name="nationality" placeholder="e.g. American, British…" required autocomplete="country-name"> </div> </div> <div class="sm-sec">Safari Preferences</div> <div class="sm-row"> <div class="sm-f"> <label class="sm-lbl" for="sm_dt">Preferred Start Date <span class="sm-req">*</span></label> <input class="sm-inp" type="date" id="sm_dt" name="dates" required> </div></div> <div class="sm-row"> <div class="sm-f"> <div class="sm-lbl">Adults <span class="sm-req">*</span></div> <div class="sm-counter"> <button type="button" class="sm-cb" data-t="sm-adults" data-a="dec" aria-label="Decrease adults">−</button> <div class="sm-cn" id="smAdD">1</div> <button type="button" class="sm-cb" data-t="sm-adults" data-a="inc" aria-label="Increase adults">+</button> <input type="hidden" id="smAdV" name="adults" value="1"> </div> </div> <div class="sm-f"> <div class="sm-lbl">Children <span style="font-weight:400;text-transform:none;letter-spacing:0;color:#aaa;">(under 12)</span></div> <div class="sm-counter"> <button type="button" class="sm-cb" data-t="sm-children" data-a="dec" aria-label="Decrease children">−</button> <div class="sm-cn" id="smChD">0</div> <button type="button" class="sm-cb" data-t="sm-children" data-a="inc" aria-label="Increase children">+</button> <input type="hidden" id="smChV" name="children" value="0"> </div> </div> </div> <div class="sm-f"> <label class="sm-lbl" for="sm_diet">Dietary Requirements</label> <select class="sm-sel" id="sm_diet" name="dietary"> <option value="" disabled selected>Select if applicable…</option> <option value="None">None / No restrictions</option> <option value="Vegetarian">Vegetarian</option> <option value="Vegan">Vegan</option> <option value="Gluten-free">Gluten-free</option> <option value="Halal">Halal</option> <option value="Kosher">Kosher</option> <option value="Other">Other (please specify in notes)</option> </select> </div> <div class="sm-f"> <div class="sm-lbl">Preferred Contact Method <span class="sm-req">*</span></div> <div class="sm-contact"> <label class="sm-co sm-wa"> <input type="radio" name="contact_method" value="왓츠앱" checked> <div class="sm-cl"><i class="fab fa-whatsapp"></i><span>왓츠앱</span></div> </label> <label class="sm-co"> <input type="radio" name="contact_method" value="Email"> <div class="sm-cl"><i class="fas fa-envelope"></i><span>Email</span></div> </label> <label class="sm-co"> <input type="radio" name="contact_method" value="Phone"> <div class="sm-cl"><i class="fas fa-phone"></i><span>Phone</span></div> </label> </div> </div> <div class="sm-f"> <label class="sm-lbl" for="sm_nt">Additional Notes</label> <textarea class="sm-ta" id="sm_nt" name="message" placeholder="Special occasions (honeymoon, anniversary, birthday), accessibility needs, specific lodges you have in mind, questions about the itinerary…"></textarea> </div> <div class="sm-div"></div> <button type="submit" class="sm-btn" id="smSubmitBtn"> <i class="fas fa-binoculars" style="margin-right:8px;"></i>Send Safari Enquiry </button> <div class="sm-note"> No payment or commitment at this stage. By submitting you agree to our <a href="https://www.haventrails.com/ko/privacy-policy">Privacy Policy</a>. </div> </form> <div class="sm-success" id="smSuccess"> <div class="sm-ok"><i class="fas fa-check"></i></div> <h3>Safari Request Sent!</h3> <p>Our safari specialists at 헤이븐 트레일스 어드벤처스 will reach out within 24 hours with your personalised proposal and pricing.</p> <button class="sm-sc" id="smSuccessClose">Close</button> </div> </div> </div> </div> <script> (function () { var modal = document.getElementById('safariModal'); var form = document.getElementById('safariBookingForm'); var success = document.getElementById('smSuccess'); var adD = document.getElementById('smAdD'); var chD = document.getElementById('smChD'); var adV = document.getElementById('smAdV'); var chV = document.getElementById('smChV'); if (modal.parentNode !== document.body) { document.body.appendChild(modal); } function openModal() { var dateEl = document.getElementById('sm_dt'); if (dateEl) dateEl.min = new Date().toISOString().split('T')[0]; modal.classList.add('sm-open'); document.body.style.overflow = 'hidden'; setTimeout(function(){ document.getElementById('smClose').focus(); }, 80); } function closeModal() { modal.classList.remove('sm-open'); document.body.style.overflow = ''; setTimeout(function () { form.reset(); form.style.display = ''; success.style.display = 'none'; adV.value = '1'; adD.textContent = '1'; chV.value = '0'; chD.textContent = '0'; form.querySelectorAll('.sm-err').forEach(function(el){ el.classList.remove('sm-err'); }); document.getElementById('smTierErr').classList.remove('show'); var btn = document.getElementById('smSubmitBtn'); btn.disabled = false; btn.innerHTML = '<i class="fas fa-binoculars" style="margin-right:8px;"></i>Send Safari Enquiry'; }, 320); } document.querySelectorAll('[data-open-booking], [data-open-safari]').forEach(function(el){ el.addEventListener('click', openModal); }); document.querySelectorAll('a[href="#book"]').forEach(function(el){ el.addEventListener('click', function(e){ e.preventDefault(); openModal(); }); }); document.getElementById('smClose').addEventListener('click', closeModal); document.getElementById('smSuccessClose').addEventListener('click', closeModal); modal.addEventListener('click', function(e){ if (e.target === modal) closeModal(); }); document.addEventListener('keydown', function(e){ if (e.key === 'Escape' && modal.classList.contains('sm-open')) closeModal(); }); document.querySelectorAll('.sm-cb').forEach(function(btn){ btn.addEventListener('click', function(){ var t = btn.dataset.t, a = btn.dataset.a; var disp = t === 'sm-adults' ? adD : chD; var hid = t === 'sm-adults' ? adV : chV; var min = t === 'sm-adults' ? 1 : 0; var cur = parseInt(hid.value, 10); var nxt = a === 'inc' ? Math.min(cur + 1, 20) : Math.max(cur - 1, min); hid.value = nxt; disp.textContent = nxt; }); }); function validate() { var ok = true; form.querySelectorAll('.sm-err').forEach(function(el){ el.classList.remove('sm-err'); }); document.getElementById('smTierErr').classList.remove('show'); var tierSelected = form.querySelector('input[name="safari_tier"]:checked'); if (!tierSelected) { document.getElementById('smTierErr').classList.add('show'); ok = false; } form.querySelectorAll('[required]').forEach(function(el){ if (el.type === 'radio') return; if (!el.value.trim()) { el.classList.add('sm-err'); ok = false; } }); var emailEl = document.getElementById('sm_em'); if (emailEl && emailEl.value && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(emailEl.value)) { emailEl.classList.add('sm-err'); ok = false; } return ok; } form.addEventListener('submit', function(e){ e.preventDefault(); if (!validate()) return; var btn = document.getElementById('smSubmitBtn'); btn.disabled = true; btn.innerHTML = '<i class="fas fa-spinner fa-spin" style="margin-right:8px;"></i>Sending…'; var data = new FormData(form); fetch('safari-book.php', { method: 'POST', body: data }) .then(function(res) { if (!res.ok) { return res.text().then(function(text) { throw new Error(text || '제출 실패.'); }); } if (res.redirected) { window.location.href = res.url; } else { form.style.display = 'none'; success.style.display = 'flex'; } }) .catch(function(err) { btn.disabled = false; btn.innerHTML = '<i class="fas fa-binoculars" style="margin-right:8px;"></i>Send Safari Enquiry'; alert((err && err.message) ? err.message : 'Network error. 다시 시도해주세요 or 왓츠앱 us directly at +255 713 334 154.'); }); }); })(); </script> 잔지바르 투어 4일음넴바 섬 스노클링사파리 나쿠펜다는 프러포즈용이나 신혼여행 사진용으로 좋은가요?연중, 썰물에 따라 다름최적의 시간2~16명 (개인 단체 가능)그룹 크기잔지바르 호텔미팅포인트하루 종일(약 6-7시간)기간투어 세부정보WhatsApp에서네, 잔지바르에서 가장 인기 있는 장소 중 하나입니다. Haven Trails는 특별한 경우를 위해 요청 시 전용 보트, 장식 또는 사진사를 준비해 드릴 수 있습니다. 경우 대체 모래톱이나 해변에서의 하루가 제공됩니다.예약한 날 조수가 너무 높으면 어떻게 되나요?