RomRomantický zážitek z plavby na tradiční dhow na Zanzibaru | Haven Trailsle> <meta name="description" content="VypluVyplujte po vodách u Zanzibaru na tradiční dhow s Haven Trails Adventures se soukromou posádkou, výhledem na západ slunce, občerstvením a pohodovou romantickou plavbou pro dva. <meta name="keywords" content="plplavba na dhow Zanzibar, romantická plavba na Zanzibaru, plavba na dhow při západu slunce, tradiční zážitek z dhow, páry na Zanzibaru, Haven Trails Adventuresdventures"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="googlebot" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="author" Haven Trails Adventuresdventures"> <meta name="referrer" content="strict-origin-when-cross-origin"> <meta name="format-detection" content="telephone=yes"> <meta name="theme-color" content="#ffffff"> <meta name="color-scheme" content="light"> <meta name="application-name" Haven Trails Adventuresdventures"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="apple-mobile-web-app-title" Haven Trailsen Trails"> <meta name="mobile-web-app-capable" content="yes"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="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="Czech"> <link rel="canonical" href="https://www.haventrails.com/cs/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="en" href="https://www.haventrails.com/cs/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="da" href="https://www.haventrails.com/da/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="de" href="https://www.haventrails.com/de/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="es" href="https://www.haventrails.com/es/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="fr" href="https://www.haventrails.com/fr/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="it" href="https://www.haventrails.com/it/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="ko" href="https://www.haventrails.com/ko/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="nl" href="https://www.haventrails.com/nl/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="pl" href="https://www.haventrails.com/pl/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="ru" href="https://www.haventrails.com/ru/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="sv" href="https://www.haventrails.com/sv/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="pt-BR" href="https://www.haventrails.com/pt/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="ja" href="https://www.haventrails.com/ja/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="tr" href="https://www.haventrails.com/tr/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="zh-Hans" href="https://www.haventrails.com/zh/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="zh-TW" href="https://www.haventrails.com/zh-tw/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="zh-HK" href="https://www.haventrails.com/zh-hk/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="ar" href="https://www.haventrails.com/ar/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="no" href="https://www.haventrails.com/no/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="fi" href="https://www.haventrails.com/fi/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="he" href="https://www.haventrails.com/he/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="hi" href="https://www.haventrails.com/hi/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="th" href="https://www.haventrails.com/th/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="id" href="https://www.haventrails.com/id/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="cs" href="https://www.haventrails.com/cs/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="hu" href="https://www.haventrails.com/hu/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="el" href="https://www.haventrails.com/el/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="sk" href="https://www.haventrails.com/sk/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="uk" href="https://www.haventrails.com/uk/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="ro" href="https://www.haventrails.com/ro/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="vi" href="https://www.haventrails.com/vi/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="tl" href="https://www.haventrails.com/tl/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="kk" href="https://www.haventrails.com/kk/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="x-default" href="https://www.haventrails.com/cs/romantic-sailing-dhow-zanzibar"> <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/romantic-sailing-dhow-zanzibar-hero.webp"> <link rel="prefetch" href="https://www.haventrails.com/cs/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" Romantický zážitek z plavby na tradiční dhow na Zanzibaru | Haven Trails Trails"> <meta property="og:description" coVyplujte po vodách u Zanzibaru na tradiční dhow s Haven Trails Adventures se soukromou posádkou, výhledem na západ slunce, občerstvením a pohodovou romantickou plavbou pro dva.u pro dva."> <meta property="og:image" content="https://www.haventrails.com/img/romantic-sailing-dhow-zanzibar-hero.webp"> <meta property="og:url" content="https://www.haventrails.com/cs/romantic-sailing-dhow-zanzibar"> <meta property="og:type" content="website"> <meta property="og:site_name"Haven Trails AdventuresAdventures"> <meta property="og:locale" content="cs_CZ"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630"> <meta property="og:image:alt"Romantický zážitek z plavby na tradiční dhow na Zanzibaru s dobrodružstvím Haven Trailsen Trails"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" Romantický zážitek z plavby na tradiční dhow na Zanzibaru | Haven Trails Trails"> <meta name="twitter:description" coVyplujte po vodách u Zanzibaru na tradiční dhow s Haven Trails Adventures se soukromou posádkou, výhledem na západ slunce, občerstvením a pohodovou romantickou plavbou pro dva.u pro dva."> <meta name="twitter:image" content="https://www.haventrails.com/img/romantic-sailing-dhow-zanzibar-hero.webp"> <meta name="twitter:image:alt"Romantický zážitek z plavby na tradiční dhow na Zanzibaru s dobrodružstvím Haven Trailsen Trails"> <meta name="twitter:site" content="@haventrails"> <meta name="twitter:creator" content="@haventrails"> <script type="application/ld+json"> { "@context": "https:\/\/schema.org", "@graph": [ { "@type": "TravelAgency", "@id": "https:\/\/www.haventrails.com\/#organization", Haven Trails Adventuresdventures", "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", "email": "info@haventrails.com", "priceRange": "$-$$", "address": { "@type": "PostalAddress", "streetAddress": "Moshi Kilimanjaro Town", "addressLocality": "Moshi", "addressRegion": "Kilimanjaro Region", "postalCode": "25101", "addressCountry": "TZ" }, "descriObjevte Epickou symfonii africké kultury a přírody bezpečně a plynule", "areaServed": { "@type": "Country", "name": "Tanzanie" }, "contactPoint": { "@type": "ContactPoint", "telephone": "+255713334154", "contactType": "zákaznická podporara", "availableLanguage": anglickycky"] } }, { "@type": "WebPage", "@id": "https:\/\/www.haventrails.com\/cs\/romantic-sailing-dhow-zanzibar#webpage", "url": "https:\/\/www.haventrails.com\/cs\/romantic-sailing-dhow-zanzibar", "name"Romantický zážitek z plavby na tradiční dhow na Zanzibaru | Haven Trailss", "description": Vyplujte po vodách u Zanzibaru na tradiční dhow s Haven Trails Adventures se soukromou posádkou, výhledem na západ slunce, občerstvením a pohodovou romantickou plavbou pro dva.dva.", "inLanguage": "cs", "breadcrumb": { "@id": "https:\/\/www.haventrails.com\/cs\/romantic-sailing-dhow-zanzibar#breadcrumb" }, "about": { "@id": "https:\/\/www.haventrails.com\/cs\/romantic-sailing-dhow-zanzibar#tour" } }, { "@type": ["TouristTrip","Service"], "@id": "https:\/\/www.haventrails.com\/cs\/romantic-sailing-dhow-zanzibar#tour", "nameRomantický zážitek z plavby na tradiční Dhoww", "description": Vyplujte po vodách u Zanzibaru na tradiční dhow s Haven Trails Adventures se soukromou posádkou, výhledem na západ slunce, občerstvením a pohodovou romantickou plavbou pro dva.dva.", "url": "https:\/\/www.haventrails.com\/cs\/romantic-sailing-dhow-zanzibar", "image": "https:\/\/www.haventrails.com\/img\/romantic-sailing-dhow-zanzibar-hero.webp", "provider": { "@id": "https:\/\/www.haventrails.com\/#organization" }, "areaServed": { "@type": "Country", "nameTanzanieanie" }, "touristTypePáry a novomanželé na svatební cestěa svatební cestě" }, { "@type": "BreadcrumbList", "@id": "https:\/\/www.haventrails.com\/cs\/romantic-sailing-dhow-zanzibar#breadcrumb", "itemListElement": [ { "@type": "ListItem", "positioHaven Trails Adventuresrails Adventures", "item": "https:\/\/www.haventrails.com\/" }, { "@type": "ListItem", "positioProhlídky Zanzibaru "Prohlídky Zanzibaru", "item": "https:\/\/www.haventrails.com\/zanzibar-tours" }, { "@type": "ListItem", "poRomantický zážitek z plavby na tradiční Dhowy na tradiční Dhow", "item": "https:\/\/www.haventrails.com\/romantic-sailing-dhow-zanzibar" } ] }, { "@type": "ImageObject", "@id": "https:\/\/www.haventrails.com\/cs\/romantic-sailing-dhow-zanzibar#primaryimage", "url": "https:\/\/www.haventrails.com\/img\/romantic-sailing-dhow-zanzibar-hero.webp", Romantický zážitek z plavby na tradiční dhow na Zanzibaru s dobrodružstvím Haven Trailstvím Haven Trails" } ] } </script> <meta name="copyright" content="© 2026 Haven Trails Adventures. Všechna práva vyhrazena." /> <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/cs/" 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="útočiště stezky dobrodružství" 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/cs/" class="ht-nav__link">Domů</a> </div> <div class="ht-nav__item"> <button class="ht-nav__link" aria-haspopup="true" aria-expanded="false"> Safari výlety <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">Typy Safari</h3> <a href="https://www.haventrails.com/cs/safari-tours" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-paw" aria-hidden="true"></i></div> <div><h4>Safari divoké zvěře</h4><p>Velká pětka a velká migrace</p></div> </a> <a href="https://www.haventrails.com/cs/safari-tours" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-heart" aria-hidden="true"></i></div> <div><h4>Líbánky safari</h4><p>Romantický luxus uniká</p></div> </a> <a href="https://www.haventrails.com/cs/safari-tours" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-users" aria-hidden="true"></i></div> <div><h4>Rodinné safari</h4><p>Dobrodružství vhodná pro děti</p></div> </a> <a href="https://www.haventrails.com/cs/safari-tours" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-binoculars" aria-hidden="true"></i></div> <div><h4>Pozorování divoké zvěře</h4><p>Odborně vedené herní jednotky</p></div> </a> </div> <div> <h3 class="ht-mega__title">Nejlepší destinace</h3> <div class="ht-dest-grid"> <a href="https://www.haventrails.com/cs/serengeti-national-park" class="ht-dest-card"> <img src="https://www.haventrails.com/img/havensafari28.webp" alt="Serengeti" loading="lazy"> <span>Serengeti</span> </a> <a href="https://www.haventrails.com/cs/ngorongoro-crater" class="ht-dest-card"> <img src="https://www.haventrails.com/img/havensafari14.webp" alt="Ngorongoro" loading="lazy"> <span>Ngorongoro</span> </a> <a href="https://www.haventrails.com/cs/tarangire-national-park" class="ht-dest-card"> <img src="https://www.haventrails.com/img/havenmain1.webp" alt="Tarangire" loading="lazy"> <span>Tarangire</span> </a> <a href="https://www.haventrails.com/cs/lake-manyara-national-park" class="ht-dest-card"> <img src="https://www.haventrails.com/img/havensafari4.webp" alt="Lake Manyara" loading="lazy"> <span>Jezero Manyara</span> </a> </div> </div> </div> </div> <div class="ht-nav__item"> <button class="ht-nav__link" aria-haspopup="true" aria-expanded="false"> Kilimandžáro <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">Oblíbené trasy</h3> <div class="ht-route-list"> <a href="https://www.haventrails.com/cs/lemosho-route" class="ht-route-item"> <div><h5>Cesta Lemosho</h5><span>8 dní • Nejlepší aklimatizace</span></div> <span class="ht-route-badge">Nejlépe hodnocené</span> </a> <a href="https://www.haventrails.com/cs/machame-route" class="ht-route-item"> <div><h5>Trasa Machame</h5><span>7 dní • Nejoblíbenější</span></div> <span class="ht-route-badge">Populární</span> </a> <a href="https://www.haventrails.com/cs/marangu-route" class="ht-route-item"> <div><h5>Cesta Marangu</h5><span>5 dní • Ubytování v chatě</span></div> <span class="ht-route-badge">klasické</span> </a> </div> </div> <div> <h3 class="ht-mega__title">Zdroje pro plánování</h3> <a href="https://www.haventrails.com/cs/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>Seznam balení</h4><p>Nezbytná výbava a vybavení</p></div> </a> <a href="https://www.haventrails.com/cs/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>Průvodce lezení</h4><p>Kompletní srovnání tras</p></div> </a> <a href="https://www.haventrails.com/cs/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>Nejlepší čas na výstup</h4><p>Průvodce počasím a sezónou</p></div> </a> </div> </div> </div> <div class="ht-nav__item"> <button class="ht-nav__link" aria-haspopup="true" aria-expanded="false"> Zanzibar <i class="fas fa-chevron-down ht-nav__chevron" aria-hidden="true"></i> </button> <div class="ht-mega ht-mega--zanzibar" role="region"> <div> <h3 class="ht-mega__title">Ostrovní zážitky</h3> <div class="ht-zanzibar-grid"> <a href="https://www.haventrails.com/cs/zanzibar-tours" class="ht-zan-card"><i class="fas fa-umbrella-beach" aria-hidden="true"></i><h5>Dovolená na pláži</h5><p>Bílý písek a tyrkysové vody</p></a> <a href="https://www.haventrails.com/cs/zanzibar-tours" class="ht-zan-card"><i class="fas fa-landmark" aria-hidden="true"></i><h5>Kamenné město</h5><p>světového dědictví UNESCO</p></a> <a href="https://www.haventrails.com/cs/zanzibar-tours" class="ht-zan-card"><i class="fas fa-seedling" aria-hidden="true"></i><h5>Spice Prohlídky</h5><p>Návštěvy voňavých plantáží</p></a> <a href="https://www.haventrails.com/cs/zanzibar-tours" class="ht-zan-card"><i class="fas fa-ship" aria-hidden="true"></i><h5>Safari modrá</h5><p>Dhow plachtění a šnorchlování</p></a> </div> </div> <div> <h3 class="ht-mega__title">Oblíbené výlety</h3> <a href="https://www.haventrails.com/cs/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>Líbánky balíčky</h4><p>Romantická plážová útočiště</p></div> </a> <a href="https://www.haventrails.com/cs/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>Rodinná dovolená</h4><p>Zábava pro všechny věkové kategorie</p></div> </a> <a href="https://www.haventrails.com/cs/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>Všechny zájezdy na Zanzibar</h4><p>Prohlédněte si každý itinerář</p></div> </a> </div> </div> </div> <div class="ht-nav__item"> <button class="ht-nav__link" aria-haspopup="true" aria-expanded="false"> Jednodenní výlety <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> Sjezdovky Kilimandžáro</h4> <ul class="ht-daytrip-list"> <li><a href="https://www.haventrails.com/cs/materuni-waterfall-day-trip">Vodopád Materuni a káva</a></li> <li><a href="https://www.haventrails.com/cs/mount-kilimanjaro-day-trip">Celodenní výlet na Kilimandžáro</a></li> <li><a href="https://www.haventrails.com/cs/materuni-waterfall-day-trip">Vodopády Marangu</a></li> <li><a href="https://www.haventrails.com/cs/olpopongi-maasai-village-day-trip">Masajská vesnice Olpopongi</a></li> </ul> </div> <div class="ht-daytrip-col"> <h4><i class="fas fa-paw" aria-hidden="true"></i> Divoká zvěř a příroda</h4> <ul class="ht-daytrip-list"> <li><a href="https://www.haventrails.com/cs/arusha-national-park-day-trip">Národní park Arusha</a></li> <li><a href="https://www.haventrails.com/cs/tarangire-day-trip">Tarangire Den Safari</a></li> <li><a href="https://www.haventrails.com/cs/lake-challa-day-trip">Jezero Chala Kráterové jezero</a></li> <li><a href="https://www.haventrails.com/cs/chemka-kikuletwa-day-trip">Vřídla Chemka</a></li> </ul> </div> <div class="ht-daytrip-col"> <h4><i class="fas fa-landmark" aria-hidden="true"></i> Kultura a historie</h4> <ul class="ht-daytrip-list"> <li><a href="https://www.haventrails.com/cs/daytrip-tours">Prohlídka města Moshi</a></li> <li><a href="https://www.haventrails.com/cs/daytrip-tours">Kulturní zážitek Chagga</a></li> <li><a href="https://www.haventrails.com/cs/daytrip-tours">Návštěva místního trhu</a></li> <li><a href="https://www.haventrails.com/cs/serval-wildlife-day-trip">Středisko pro divokou zvěř Serval</a></li> </ul> </div> </div> </div> <div class="ht-nav__item"> <button class="ht-nav__link" aria-haspopup="true" aria-expanded="false"> O <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">Společnost</h3> <a href="https://www.haventrails.com/cs/about-us" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-building" aria-hidden="true"></i></div> <div><h4>Náš příběh</h4><p>15+ let dokonalosti</p></div> </a> <a href="https://www.haventrails.com/cs/about-us" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-comments" aria-hidden="true"></i></div> <div><h4>Příběhy klientů</h4><p>Skutečné cestovatelské zážitky</p></div> </a> <a href="https://www.haventrails.com/cs/contact-us" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-envelope" aria-hidden="true"></i></div> <div><h4>Kontaktujte nás</h4><p>Spojte se s naším týmem</p></div> </a> </div> <div> <h3 class="ht-mega__title">Zdroje</h3> <a href="https://www.haventrails.com/cs/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>Cestovní průvodce</h4><p>Informace o vízech, zdraví a bezpečnosti</p></div> </a> <a href="https://www.haventrails.com/cs/blog" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-newspaper" aria-hidden="true"></i></div> <div><h4>Blog o cestování</h4><p>Tipy, novinky a inspirace</p></div> </a> <a href="https://www.haventrails.com/cs/faq" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-question-circle" aria-hidden="true"></i></div> <div><h4>Nejčastější dotazy</h4><p>Odpovědi na běžné otázky</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/cz.png" alt="Czech" class="ht-lang__flag"> <span class="ht-lang__code">CS</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="Jazykové možnosti"> <div class="ht-lang__search"> <input type="text" placeholder="vyhledávací jazyk..." onkeyup="filterLang(this.value)" aria-label="Hledat jazyky"> </div> <div id="langGrid"> <a href="https://www.haventrails.com/romantic-sailing-dhow-zanzibar" class="ht-lang__option" data-lang="en"> <img src="https://flagcdn.com/w80/us.png" alt="anglicky"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">anglicky</span> <span class="ht-lang__option-native">anglicky</span> </div> </a> <a href="https://www.haventrails.com/da/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" class="ht-lang__option" data-lang="ko"> <img src="https://flagcdn.com/w80/kr.png" alt="Korean"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Korean</span> <span class="ht-lang__option-native">Korean</span> </div> </a> <a href="https://www.haventrails.com/nl/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" class="ht-lang__option" data-lang="pt-BR"> <img src="https://flagcdn.com/w80/br.png" alt="Portuguese (Brazílie)"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Portuguese (Brazílie)</span> <span class="ht-lang__option-native">Portugues</span> </div> </a> <a href="https://www.haventrails.com/ja/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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">Zjednodušená čínština</span> </div> </a> <a href="https://www.haventrails.com/zh-tw/romantic-sailing-dhow-zanzibar" 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">Tradiční čínština (Taiwan)</span> </div> </a> <a href="https://www.haventrails.com/zh-hk/romantic-sailing-dhow-zanzibar" 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">Tradiční čínština (Hong Kong)</span> </div> </a> <a href="https://www.haventrails.com/ar/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" class="ht-lang__option active" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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>Zavolejte nám</span> </a> <a href="https://www.haventrails.com/cs/planning-my-trip" class="ht-btn ht-btn--primary"> <i class="fas fa-calendar-check" aria-hidden="true"></i> <span>Začněte plánovat</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/cz.png" alt="Czech" class="ht-lang__flag"> <span class="ht-mobile-flags__code" id="mobileFlagCode">CS</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/romantic-sailing-dhow-zanzibar" class="ht-mobile-flag-btn" data-lang="en" aria-label="anglicky"> <img src="https://flagcdn.com/w80/us.png" alt="anglicky"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">anglicky</span> <span class="ht-mobile-flag-btn__native">anglicky</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/da/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" class="ht-mobile-flag-btn" data-lang="ko" aria-label="Korean"> <img src="https://flagcdn.com/w80/kr.png" alt="Korean"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Korean</span> <span class="ht-mobile-flag-btn__native">Korean</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/nl/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" class="ht-mobile-flag-btn" data-lang="pt-BR" aria-label="Portuguese (Brazílie)"> <img src="https://flagcdn.com/w80/br.png" alt="Portuguese (Brazílie)"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Portuguese (Brazílie)</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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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">Zjednodušená čínština</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/romantic-sailing-dhow-zanzibar" 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">Tradiční čínština (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/romantic-sailing-dhow-zanzibar" 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">Tradiční čínština (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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" class="ht-mobile-flag-btn active" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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="Otevřete navigační nabídku" 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="Navigační nabídka"> <div class="ht-mobile-menu__header"> <a href="https://www.haventrails.com/cs/" 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="útočiště stezky dobrodružství" 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>let</span></div> <div class="ht-mobile-trust-div"></div> <div class="ht-mobile-trust-stat"><strong>98.5%</strong><span>Summit</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>Hodnoceno</span></div> <div class="ht-mobile-trust-div"></div> <div class="ht-mobile-trust-stat"><strong>4,000+</strong><span>Hosté</span></div> </div> <nav class="ht-mobile-nav" aria-label="Mobile navigation"> <div class="ht-mobile-item"> <a href="https://www.haventrails.com/cs/" class="ht-mobile-item__header" style="text-decoration:none;"> <span class="ht-mobile-item__title"><i class="fas fa-home" aria-hidden="true"></i> Domů</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> Safari výlety</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/cs/safari-tours" class="ht-mobile-link"><i class="fas fa-binoculars" aria-hidden="true"></i> Safari divoké zvěře</a> <a href="https://www.haventrails.com/cs/safari-tours" class="ht-mobile-link"><i class="fas fa-heart" aria-hidden="true"></i> Líbánky safari</a> <a href="https://www.haventrails.com/cs/safari-tours" class="ht-mobile-link"><i class="fas fa-users" aria-hidden="true"></i> Rodinné safari</a> <a href="https://www.haventrails.com/cs/serengeti-national-park" class="ht-mobile-link"><i class="fas fa-map-marker-alt" aria-hidden="true"></i> Serengeti</a> <a href="https://www.haventrails.com/cs/ngorongoro-crater" class="ht-mobile-link"><i class="fas fa-mountain" aria-hidden="true"></i> Ngorongoro</a> </div> </div> </div> <div class="ht-mobile-item"> <div class="ht-mobile-item__header" onclick="toggleAccordion(this)" role="button" aria-expanded="false" tabindex="0"> <span class="ht-mobile-item__title"><i class="fas fa-mountain" aria-hidden="true"></i> Kilimandžáro</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/cs/lemosho-route" class="ht-mobile-link"><i class="fas fa-route" aria-hidden="true"></i> Cesta Lemosho</a> <a href="https://www.haventrails.com/cs/machame-route" class="ht-mobile-link"><i class="fas fa-route" aria-hidden="true"></i> Trasa Machame</a> <a href="https://www.haventrails.com/cs/marangu-route" class="ht-mobile-link"><i class="fas fa-route" aria-hidden="true"></i> Cesta Marangu</a> <a href="https://www.haventrails.com/cs/kilimanjaro-packing-list" class="ht-mobile-link"><i class="fas fa-suitcase" aria-hidden="true"></i> Seznam balení</a> </div> </div> </div> <div class="ht-mobile-item"> <div class="ht-mobile-item__header" onclick="toggleAccordion(this)" role="button" aria-expanded="false" tabindex="0"> <span class="ht-mobile-item__title"><i class="fas fa-umbrella-beach" aria-hidden="true"></i> Zanzibar</span> <span class="ht-mobile-item__toggle" aria-hidden="true"><i class="fas fa-chevron-down"></i></span> </div> <div class="ht-mobile-item__content"> <div class="ht-mobile-item__links"> <a href="https://www.haventrails.com/cs/zanzibar-tours" class="ht-mobile-link"><i class="fas fa-sun" aria-hidden="true"></i> Dovolená na pláži</a> <a href="https://www.haventrails.com/cs/zanzibar-tours" class="ht-mobile-link"><i class="fas fa-landmark" aria-hidden="true"></i> Kamenné město</a> <a href="https://www.haventrails.com/cs/zanzibar-tours" class="ht-mobile-link"><i class="fas fa-seedling" aria-hidden="true"></i> Spice Prohlídky</a> <a href="https://www.haventrails.com/cs/zanzibar-tours" class="ht-mobile-link"><i class="fas fa-ship" aria-hidden="true"></i> Safari modrá</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> Jednodenní výlety</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/cs/materuni-waterfall-day-trip" class="ht-mobile-link"><i class="fas fa-water" aria-hidden="true"></i> Vodopád Materuni</a> <a href="https://www.haventrails.com/cs/arusha-national-park-day-trip" class="ht-mobile-link"><i class="fas fa-paw" aria-hidden="true"></i> Národní park Arusha</a> <a href="https://www.haventrails.com/cs/chemka-kikuletwa-day-trip" class="ht-mobile-link"><i class="fas fa-hot-tub-person" aria-hidden="true"></i> Vřídla Chemka</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> O</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/cs/about-us" class="ht-mobile-link"><i class="fas fa-building" aria-hidden="true"></i> Náš příběh</a> <a href="https://www.haventrails.com/cs/about-us" class="ht-mobile-link"><i class="fas fa-comments" aria-hidden="true"></i> Recenze</a> <a href="https://www.haventrails.com/cs/blog" class="ht-mobile-link"><i class="fas fa-newspaper" aria-hidden="true"></i> Blog</a> <a href="https://www.haventrails.com/cs/faq" class="ht-mobile-link"><i class="fas fa-question-circle" aria-hidden="true"></i> Nejčastější dotazy</a> <a href="https://www.haventrails.com/cs/contact-us" class="ht-mobile-link"><i class="fas fa-envelope" aria-hidden="true"></i> Kontakt</a> </div> </div> </div> </nav> <div class="ht-mobile-lang"> <div class="ht-mobile-lang__title">Vyberte jazyk</div> <div class="ht-mobile-lang__scroll" id="drawerLangGrid"> <a href="https://www.haventrails.com/romantic-sailing-dhow-zanzibar" class="ht-drawer-lang-btn" data-lang="en"> <img src="https://flagcdn.com/w80/us.png" alt="anglicky"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">anglicky</span> <span class="ht-drawer-lang-btn__native">anglicky</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/da/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" class="ht-drawer-lang-btn" data-lang="ko"> <img src="https://flagcdn.com/w80/kr.png" alt="Korean"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Korean</span> <span class="ht-drawer-lang-btn__native">Korean</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/nl/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" class="ht-drawer-lang-btn" data-lang="pt-BR"> <img src="https://flagcdn.com/w80/br.png" alt="Portuguese (Brazílie)"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Portuguese (Brazílie)</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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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">Zjednodušená čínština</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/romantic-sailing-dhow-zanzibar" 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">Tradiční čínština (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/romantic-sailing-dhow-zanzibar" 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">Tradiční čínština (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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" class="ht-drawer-lang-btn active" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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/romantic-sailing-dhow-zanzibar" 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> Zavolejte nám</a> <a href="https://www.haventrails.com/cs/planning-my-trip" class="ht-btn ht-btn--primary"><i class="fas fa-calendar-check" aria-hidden="true"></i> Začněte plánovat</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"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=Jost:wght@300;400;500;600&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"> <style> :root{--gold:#C9A84C;--gold-light:#E8C97A;--dark:#0D0D0D;--dark-2:#161616;--dark-3:#1E1E1E;--white:#FFFFFF;--text:#E8E8E8;--text-muted:#A0A0A0;--font-d:'Cormorant Garamond',Georgia,serif;--font-b:'Jost',sans-serif;--hh:72px;--r:4px;--t:0.3s ease;} *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;} .hero{position:relative;height:88vh;min-height:560px;display:flex;align-items:flex-end;overflow:hidden;} .hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a0d 35%,#0d1a0d 65%,#0a0f0d 100%);} .hero-mt{position:absolute;bottom:0;left:0;right:0;height:65%;} .hero-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(13,13,13,.96) 0%,rgba(13,13,13,.5) 40%,rgba(13,13,13,.1) 70%,transparent 100%);} .stars{position:absolute;inset:0;overflow:hidden;pointer-events:none;} .star{position:absolute;background:#fff;border-radius:50%;animation:tw 3s infinite;} @keyframes tw{0%,100%{opacity:.6}50%{opacity:.1}} .hc{position:relative;z-index:2;max-width:1280px;margin:0 auto;width:100%;padding:0 32px 64px;} .hbadge{display:inline-flex;align-items:center;gap:8px;background:rgba(201,168,76,.9);border:1px solid rgba(201,168,76,.3);color:white;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:7px 14px;border-radius:100px;margin-bottom:20px;} .hero h1{font-family:var(--font-d);font-size:clamp(42px,7vw,88px);font-weight:700;line-height:1;color:var(--white);margin-bottom:8px;} .hero h1 em{font-style:italic;color:var(--gold);} .hero-sub{font-size:clamp(14px,2vw,18px);color:white;font-weight:300;margin-bottom:32px;max-width:560px;} .hstats{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-bottom:32px;} .sv{font-family:var(--font-d);font-size:28px;font-weight:700;color:var(--gold);line-height:1;} .sl{font-size:11px;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-top:3px;} .sdiv{width:1px;height:36px;background:rgba(255,255,255,.1);} .hact{display:flex;gap:14px;flex-wrap:wrap;} .btn-p{display:inline-flex;align-items:center;gap:9px;background:var(--gold);color:var(--dark);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:14px 28px;border-radius:var(--r);transition:all var(--t);} .btn-p:hover{background:var(--gold-light);transform:translateY(-2px);box-shadow:0 8px 24px rgba(201,168,76,.3);} .btn-s{display:inline-flex;align-items:center;gap:9px;background:transparent;color:var(--white);font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:14px 28px;border-radius:var(--r);border:1px solid rgba(255,255,255,.2);transition:all var(--t);} .btn-s:hover{border-color:var(--gold);color:var(--gold);} .bc{background:#4a2e01;border-bottom:1px solid rgba(255,255,255,.05);padding:12px 0;} .bci{max-width:1280px;margin:0 auto;padding:0 32px;display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-muted);} .bci a:hover{color:var(--gold);} .bci .sep{color:#444;} .pl{max-width:1280px;margin:0 auto;padding:60px 32px;display:grid;grid-template-columns:1fr 300px;gap:40px;} .slbl{font-size:16px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:8px;} .stit{font-family:var(--font-d);font-size:clamp(26px,4vw,40px);font-weight:700;color: #4a2e01;line-height:1.15;margin-bottom:20px;} .stit em{font-style:italic;color:var(--gold);} .divdr{width:48px;height:2px;background:var(--gold);margin-bottom:24px;} .prose{color:var(--text-muted);line-height:1.8;font-weight:300;font-size:15px;} .prose p+p{margin-top:16px;} .prose strong{color:var(--text);font-weight:500;} .qf{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:32px 0;} .fc{background:#e5e6e1;border:1px solid #4a2e01;border-radius:var(--r);padding:18px 14px;text-align:center;transition:border-color var(--t),transform var(--t);} .fc:hover{border-color:rgba(201,168,76,.3);transform:translateY(-2px);} .fi{width:38px;height:38px;border-radius:50%;background:rgba(201,168,76,.1);display:flex;align-items:center;justify-content:center;margin:0 auto 10px;color:var(--gold);font-size:15px;} .fv{font-family:var(--font-d);font-size:20px;font-weight:700;color:#4a2e01;line-height:1.1;margin-bottom:4px;} .fl{font-size:11px;color:black;letter-spacing:.08em;text-transform:uppercase;} .pcg{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0;} .pro,.con{background:#e5e6e1;border-radius:var(--r);padding:22px;border:1px solid;} .pro{border-color:rgba(76,201,130,.15);} .con{border-color:rgba(201,76,76,.15);} .pct{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px;} .pro .pct{color:#4CC982;} .con .pct{color:#CC5555;} .pcl{list-style:none;display:flex;flex-direction:column;gap:9px;} .pcl li{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:black;line-height:1.5;} .pcl li i{margin-top:2px;flex-shrink:0;font-size:11px;} .pro .pcl li i{color:#4CC982;} .con .pcl li i{color:#CC5555;} .gg{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;gap:10px;margin:28px 0;} .gi{border-radius:var(--r);overflow:hidden;position:relative;background:var(--dark-3);aspect-ratio:4/3;} .gi:first-child{grid-column:span 2;grid-row:span 2;aspect-ratio:unset;} .gsvg{width:100%;height:100%;display:block;} .gov{position:absolute;inset:0;background:rgba(0,0,0,0);display:flex;align-items:center;justify-content:center;transition:background var(--t);} .gi:hover .gov{background:rgba(0,0,0,.35);} .gov i{color:transparent;font-size:24px;transition:color var(--t);} .gi:hover .gov i{color:var(--white);} .ec{background:var(--dark-3);border:1px solid rgba(201,168,76,.1);border-radius:var(--r);padding:24px;overflow:hidden;} .ec svg{width:100%;height:auto;display:block;} .ith{ display:flex; background: #e5e6e1; border:1px solid rgba(201,168,76,.15); border-radius:var(--r); overflow:hidden; margin-bottom:24px; position:sticky; top:72px; z-index:40; } .itb{flex:1;padding:16px 20px;background:transparent;border:none;cursor:pointer;text-align:left;transition:background var(--t);position:relative;display:flex;flex-direction:column;gap:3px;} .itb+.itb{border-left:1px solid rgba(255,255,255,.07);} .itb .td{font-family:var(--font-d);font-size:22px;font-weight:700;color: black;line-height:1;transition:color var(--t);} .itb .tl{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:black;transition:color var(--t);} .itb .tr{font-size:11px;color:black;display:flex;align-items:center;gap:5px;margin-top:2px;transition:color var(--t);} .itb .trec{font-size:10px;color:#4CC982;letter-spacing:.06em;margin-top:2px;opacity:0;transition:opacity var(--t);} .itb.active{background: #4a2e01;} .itb.active .td{color:var(--gold);} .itb.active .tl{color:var(--text);} .itb.active .tr{color:var(--gold-light);} .itb.active .trec{opacity:1;} .itb::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;} .itb.active::after{transform:scaleX(1);} .itp{display:none;} .itp.active{display:block;animation:pin .3s ease;} @keyframes pin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}} .dc{background: #e5e6e1;border:1px solid #4a2e01;border-radius:var(--r);overflow:hidden;margin-bottom:10px;transition:border-color var(--t);} .dc:hover{border-color:rgba(201,168,76,.2);} .dh{display:flex;align-items:center;gap:14px;padding:16px 20px;cursor:pointer;user-select:none;} .dn{flex-shrink:0;width:36px;height:36px;border-radius:50%;background: #4a2e01;border:1px solid rgba(201,168,76,.25);display:flex;align-items:center;justify-content:center;font-family:var(--font-d);font-size:16px;font-weight:700;color: white;} .di{flex:1;min-width:0;} .dt{font-size:18px;font-weight:500;color:#4a2e01;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .dm{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:black;} .dm span{display:flex;align-items:center;gap:4px;white-space:nowrap;} .dtog{color:var(--gold);font-size:12px;transition:transform var(--t);flex-shrink:0;} .dc.open .dtog{transform:rotate(180deg);} .db{max-height:0;overflow:hidden;transition:max-height .45s ease;} .dc.open .db{max-height:600px;} .dbi{padding:0 20px 20px;border-top:1px solid rgba(255,255,255,.05);} .dbi p{font-size:15px;color: black;line-height:1.75;margin-bottom:12px;} .dbi p:first-of-type{margin-top:14px;} .dhi{display:flex;gap:8px;flex-wrap:wrap;} .ht{display:inline-flex;align-items:center;gap:5px;background:#4a2e01;border:1px solid rgba(201,168,76,.2);color:var(--gold-light);font-size:11px;padding:4px 10px;border-radius:100px;} .dc.ac{border-color:rgba(76,201,130,.2);} .dc.ac .dn{background:rgba(76,201,130,.1);border-color:rgba(76,201,130,.3);color:#4CC982;} .acb{display:inline-flex;align-items:center;gap:7px;background:rgba(76,201,130,.08);border:1px solid rgba(76,201,130,.2);color:black;font-size:11px;font-weight:600;letter-spacing:.06em;padding:5px 12px;border-radius:100px;margin:14px 0 10px;} .ct{width:100%;border-collapse:collapse;font-size:15px;margin:20px 0;} .ct th{background:#e5e6e1;color:#4a2e01;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:11px 14px;text-align:left;font-weight:600;border-bottom:1px solid rgba(201,168,76,.2);} .ct td{padding:12px 14px;color:black;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:top;} .ct tr:hover td{background:white;color:black;} .cn{color:#4a2e01;font-weight:500;} .ep{background:rgba(201,168,76,.08);border:1px solid rgba(201,168,76,.15);color:#4a2e01;font-size:11px;padding:2px 8px;border-radius:100px;white-space:nowrap;} .rg{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;} .rc{background:#4a2e01;border:1px solid rgba(255,255,255,.06);border-radius:var(--r);padding:18px 14px;text-align:center;transition:all var(--t);} .rc:hover{border-color:rgba(201,168,76,.25);} .rc.feat{border-color:var(--gold);background:rgba(201,168,76,.05);} .rcn{font-family:var(--font-d);font-size:17px;font-weight:700;color:var(--white);margin-bottom:4px;} .rc.feat .rcn{color:var(--gold);} .rcd{font-size:12px;color:var(--text-muted);margin-bottom:10px;} .db2{display:inline-block;padding:3px 10px;border-radius:100px;font-size:11px;font-weight:600;letter-spacing:.05em;margin-bottom:10px;} .de{background:rgba(76,201,130,.1);color:#4CC982;border:1px solid rgba(76,201,130,.2);} .dm2{background:rgba(255,180,50,.1);color:#FFB432;border:1px solid rgba(255,180,50,.2);} .dh2{background:rgba(201,76,76,.1);color:#CC5555;border:1px solid rgba(201,76,76,.2);} .sr{font-family:var(--font-d);font-size:22px;font-weight:700;color:var(--white);line-height:1;} .srl{font-size:10px;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;} .fqi{border-bottom:1px solid rgba(255,255,255,.06);} .fqq{padding:16px 0;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:17px;color:#4a2e01;transition:color var(--t);gap:16px;} .fqq:hover{color:var(--gold);} .fqq i{color:var(--gold);font-size:12px;transition:transform var(--t);flex-shrink:0;} .fqi.open .fqq i{transform:rotate(180deg);} .fqa{max-height:0;overflow:hidden;transition:max-height .4s ease;} .fqi.open .fqa{max-height:400px;} .fqai{padding:0 0 16px;font-size:15px;color:black;line-height:1.8;} .sb{position: static;min-width:0;} .bkc{background:#4a2e01;border:1px solid rgba(201,168,76,.2);border-radius:var(--r);padding:26px;margin-bottom:20px;} .bkct{font-family:var(--font-d);font-size:22px;font-weight:700;color:var(--white);margin-bottom:4px;} .bkcs{font-size:15px;color:var(--text-muted);margin-bottom:18px;} .pr{display:flex;align-items:baseline;gap:6px;margin-bottom:4px;} .pfr{font-size:12px;color:var(--text-muted);} .pv{font-family:var(--font-d);font-size:36px;font-weight:700;color:var(--gold);line-height:1;} .ppp{font-size:12px;color:var(--text-muted);} .pn{font-size:11px;color:var(--text-muted);margin-bottom:18px;} .bkf{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.06);} .bkf li{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--text-muted);} .bkf li i{color:var(--gold);font-size:11px;width:14px;text-align:center;} .bf{width:100%;padding:14px;background:var(--gold);color:var(--dark);font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:none;border-radius:var(--r);cursor:pointer;transition:background var(--t);margin-bottom:10px;display:block;text-align:center;} .bf:hover{background:var(--gold-light);} .bfo{width:100%;padding:12px;background:transparent;color:var(--text);font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;border:1px solid rgba(255,255,255,.15);border-radius:var(--r);cursor:pointer;transition:all var(--t);display:flex;align-items:center;justify-content:center;gap:8px;} .bfo:hover{border-color:var(--gold);color:var(--gold);} .ic{background:#4a2e01;border:1px solid rgba(255,255,255,.06);border-radius:var(--r);padding:20px;margin-bottom:14px;} .ict{font-size:14px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:12px;display:flex;align-items:center;gap:7px;} .ir{display:flex;align-items:flex-start;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04);gap:10px;} .ir:last-child{border-bottom:none;} .ik{font-size:14px;color:var(--text-muted);flex-shrink:0;} .iv{font-size:13px;color:var(--text);text-align:right;font-weight:500;} .str{display:flex;gap:3px;color:var(--gold);font-size:14px;margin-bottom:6px;} .rsc{font-family:var(--font-d);font-size:30px;font-weight:700;color:var(--white);line-height:1;margin-bottom:3px;} .rsm{font-size:12px;color:var(--text-muted);} .rbs{margin-top:14px;display:flex;flex-direction:column;gap:8px;} .rbr{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-muted);} .rbl{width:70px;flex-shrink:0;} .rbt{flex:1;height:4px;background:rgba(255,255,255,.08);border-radius:2px;overflow:hidden;} .rbf{height:100%;background:var(--gold);border-radius:2px;} .orl{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:13px;color:var(--text-muted);transition:color var(--t);} .orl:last-child{border-bottom:none;} .orl:hover{color:var(--gold);} .orl span{font-size:11px;background:rgba(201,168,76,.1);color:var(--gold);padding:2px 8px;border-radius:100px;} .waf{position:fixed;bottom:28px;right:28px;width:54px;height:54px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:26px;box-shadow:0 4px 20px rgba(37,211,102,.4);z-index:500;transition:transform var(--t);} .waf:hover{transform:scale(1.1);} @media(max-width:768px){ .pl{grid-template-columns:1fr;} .sb{position:static !important;} .ith{position:static !important;} .topbar{display:none;} .rg{grid-template-columns:repeat(2,1fr);} .ft{grid-template-columns:1fr 1fr;} } @media(max-width:640px){ :root{--hh:60px;} .sb{position:static !important;} .ith{position:static !important;} .hi{padding:0 20px;} .btn-bk{display:none;} .hbg{display:flex;} .hc{padding:0 20px 44px;} .hstats{gap:16px;} .sv{font-size:22px;} .pl{padding:36px 20px;gap:28px;} .qf{grid-template-columns:repeat(2,1fr);} .pcg{grid-template-columns:1fr;} .rg{grid-template-columns:repeat(2,1fr);} .gg{grid-template-columns:1fr 1fr;} .gi:first-child{grid-column:span 2;} .ft{grid-template-columns:1fr;gap:28px;} .fb{flex-direction:column;text-align:center;} .bci{padding:0 20px;} .itb{padding:14px;} .dt{font-size:13px;} .dm{gap:8px;} } @media(max-width:480px){ .qf,.rg{grid-template-columns:1fr 1fr;} .gg{grid-template-columns:1fr;} .gi:first-child{grid-column:span 1;} .hero h1{font-size:36px;} .itb .td{font-size:18px;} .pl{grid-template-columns:1fr;} .sb{position:static;} } @media (max-width: 768px) { html, body { width: 100%; max-width: 100%; overflow-x: hidden; } .hero, .wrap, .hero__inner, .subnav__inner, .footer__inner, .hc, .pl, .bci { max-width: 100%; } .wrap, .hero__inner, .subnav__inner, .footer__inner { padding-left: 16px !important; padding-right: 16px !important; } .hc { padding-left: 16px !important; padding-right: 16px !important; } .bci { padding-left: 16px !important; padding-right: 16px !important; } .pl { padding: 36px 16px !important; gap: 28px; } .pl { grid-template-columns: 1fr !important; } .pcg { grid-template-columns: 1fr !important; } .qf { grid-template-columns: repeat(2, 1fr) !important; } .gg { grid-template-columns: 1fr 1fr !important; } .rg { grid-template-columns: repeat(2, 1fr) !important; } .ft { grid-template-columns: 1fr 1fr !important; } .sb { position: static !important; } .ith { position: static !important; } .hero { min-height: 480px; } .hero h1 { font-size: 2rem; } .hstats, .hero__ctas, .cta-btns, .safari-card__ctas, .footer__links { flex-wrap: wrap !important; width: 100%; } .hstats > * { flex: 1 1 45% !important; border-right: 0 !important; } .safari-card, .intro__grid, .overview__grid, .faq-grid, .journey-steps { grid-template-columns: 1fr !important; } .safari-card--reverse { direction: ltr !important; } .safari-card__media { min-height: 240px !important; } .safari-card__body, .package-card__body, .related-card__body { padding: 24px 18px !important; } .safari-card__specs, .parks-grid, .zanzibar-grid, .packages-grid, .pillars-grid, .testimonials-grid, .months-grid, .zones-grid, .related-grid, .overview__pillars { grid-template-columns: 1fr !important; } .park-card, .zanzi-card { height: 230px !important; } .compare-table, table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .hero__title, .section-title, .safari-card__title, .package-card__title, .related-card__title { overflow-wrap: anywhere; } .itb { padding: 14px; } .dt { font-size: 13px; } .dm { gap: 8px; } .topbar { display: none; } .btn-bk { display: none; } .fb { flex-direction: column; text-align: center; } } @media (max-width: 500px) { .qf, .rg { grid-template-columns: 1fr 1fr !important; } .gg { grid-template-columns: 1fr !important; } .gi:first-child { grid-column: span 1 !important; } .hero h1 { font-size: 1.75rem; } .itb .td { font-size: 18px; } .ft { grid-template-columns: 1fr !important; gap: 28px; } } @media (max-width: 420px) { .wrap, .hero__inner, .subnav__inner, .footer__inner { padding-left: 14px !important; padding-right: 14px !important; } .hc { padding-left: 14px !important; padding-right: 14px !important; } .btn-p, .btn-s, .btn, .btn--primary, .btn--outline, .btn--cta-primary, .btn--cta-outline, a[class*="btn"] { width: 100%; justify-content: center; text-align: center; } } .bc { background-image: linear-gradient(90deg, rgba(26,16,8,.78), rgba(26,16,8,.44)), url('https://www.haventrails.com/img/serengeti-national-park-hero.webp'); background-size: cover; background-position: center; background-repeat: no-repeat; } @media (max-width: 768px) { .bc { background-position: center top; } .day-meta { display: none !important; } } </style> <style> @keyframes fadeIn { from { opacity:0; } to { opacity:1; } } :root { --zan-gold:#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); border:1px solid #FFF6D8; border-radius:14px; padding:24px 18px; text-align:center; transition: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;fonRomantické zážitky ze Zanzibaružitky ze Zanzibaru<Romantická plavbam>Romod Traditional Dhowd Traditional Dhow</h1> <pNechte se unášet tyrkysovými vodami Zanzibaru na palubě ručně vyrobené dřevěné plachetnice pod vedením zkušené místní posádky, s občerstvením na palubě a kolem vás se rozprostírá pobřeží ostrova.ozprostírá pobřeží ostrova.</p> <div class="hstats"> 2-3 hodinyv><div class="sv">2-3 Trvánídiv><div class="sl">Trvání</div></div> <div class="sdiv"></div> Tradičnídiv class="sv">TradičnDřevěná plachetnice class="sl">Dřevěná plachetnice</div></div> <div class="sdiv"></dSoukromé <div><div class="svPosádka a člun/div><div class="sl">Posádka a člun</div></div> <div class="sdiv"Od 160 $ <div><div class="Za pár $</div><div class="sl">Pro pár</div></div> </div> <div class="hact"> <a href="#book" class="btn-p" style="background:var(--zan-gold);border-color:var(--zan-gold);">Rezervovat tuto plachtua-sailboat"></i>Rezervovat tuto plachtu</a> <a href="#itinerary" cZobrazit rozvrhi class="fas fa-map"></i>Zobrazit rozvrh</a> </div> </div> </section> <div class="bc" style="--ht-breadcrumb-bg:url('https://www.haventrails.com/img/zanzibarnew3.webp')" > <div class="bci"> Domůhref="https://www.haventrails.com/">Domů</a> <span class="sep"><i class="fas fa-chevron-right" style="font-size:9px;"></i></span> <a href="https:/Prohlídky Zanzibaruls.com/cs/zanzibar-tours">Prohlídky Zanzibaru</a> <span class="sep"><i class="fas fa-chevron-right" style="font-size:9px;"></i>Romantický zážitek z plavby na tradiční Dhowmantický zážitek z plavby na tradiční Dhow</span> </div> </div> <div class="pl"> <main> <section style="margPřehledm:52px;"> <div class="slZanzibarské vody, staromódní cesta>Zanzibarské vody, staromódní cesta</h2> <div class="divdr"></div> Loď dhow přepravuje cestovatele a obchodníky podél svahilského pobřeží po celá staletí a stále neexistuje elegantnější způsob, jak vidět pobřeží Zanzibaru než z paluby jednoho. Haven Trails zajišťuje soukromou plavbu na tradiční dřevěné plachetnici se zkušeným místním kapitánem a posádkou.ím kapitánem a pUsaďte se na polstrované sezení na palubě, zatímco plachta chytí vítr, s chlazenými nápoji a lehkým občerstvením na palubě a sledujte ostrovní pláže, útesy a rybářské vesnice proplouvající neuspěchaným, zcela soukromým tempem.ěchaným, zcela soukromým tempem.</p> </div> <div class="hl-grid"> <div class="hl-card"><div class="hl-icon"><i class="fas fa-sailboatSoukromá plachetnice a posádkaass="hl-num">Soukromá placJen vy dva na paluběclass="hl-lbl">Jen vy dva na palubě</div></div> <div class="hl-card"><div class="hl-icon"><i class="fas fa-Časování západu slunce k dispoziciss="hl-num">Časování západZlatá hodina plavby na vyžádání class="hl-lbl">Zlatá hodina plavby na vyžádání</div></div> <div class="hl-card"><div class="hl-icon"><i class="faPalubní občerstvení></div><div class="hl-num"Nápoje a lehké občerstvení v cenělass="hl-lbl">Nápoje a lehké občerstvení v ceně</div></div> <div class="hl-card"><div class="hl-icon"><i class="fas fa-Volitelná zastávka plavání/i></div><div class="hl-nuKotva pro koupání v klidné vodě/div><div class="hl-lbl">Kotva pro koupání v klidné vodě</div></div> <div class="hl-card"><div class="hl-icon"Fotografie k dispoziciera"></i></div><div class=Volitelný doplněk pro plachtuici</div><div class="hl-lbl">Volitelný doplněk pro plachtu</div></div> <div class="hl-card"><div class="hl-icUvolněné tempo="fas fa-heart"></i></div>Trasa podle vašich preferencí/div><div class="hl-lbl">Trasa podle vašich preferencí</div></div> </div> <div class="zan-good-know"> <div class="zan-gk-item"><div class=2–3 hodiny (preferovaný západ slunce)></i></div><div classTrvání hodiny (preferovaný západ slunce)</div><div class="l">Trvání</div></div> <div class="zan-gk-item"><div class="iPobřežní vody u Zanzibaruker-alt"></i></div><dUmístění="v">Pobřežní vody u Zanzibaru</div><div class="l">Umístění</div></div> <div class="zan-gk-item"><div c2 osoby><i class="fas fa-useVelikost na pártydiv><div class="v">2 osoby</div><div class="l">Velikost na párty</div></div> <div class="zan-gk-item"><div cSnadné, plně vedené="fas fa-gauge-high">Obtížnost<div class="v">Snadné, plně vedené</div><div class="l">Obtížnost</div></div> <div class="zan-gk-item"><Páry a Líbánkys="fas fa-heart"></i>Ideální prov class="v">Páry a Líbánky</div><div class="l">Ideální pro</div></div> </div> </section> <secZkušenostirgin-bottom:52px;"> <divVítr, voda aušenNic jiného <h2 class="stit">Vítr, voda a<em>Nic jiného</em></h2> <div class="divVaše dhow a její posádka se s vámi setkají na klidném molu nebo na místě startu na pláži ve vámi zvolenou dobu, přičemž západ slunce je nejoblíbenější, a než vyplujete podél pobřeží, budete na palubě uvítáni chlazeným nápojem.plujete podél poVáš kapitán upraví trasu a tempo podle vašich preferencí s možností zakotvit a plavat v klidné, čisté vodě, než bude pokračovat, když se změní světlo a pobřeží ostrova svítí v pozdním odpoledním slunci.ítí v pozdním odpoledním slunci.</p> </div> <div class="zan-stats" style="margin:28px 0;"> <dSoukromés="zs"><div class="zs-v"Loď a posádkadiv><div class="zs-l">Loď a posádka</div></div> Tradiční="zs"><div class="zs-v">Plachetnice><div class="zs-l">Plachetnice</div></div> <divAktualizovános"><div class="zs-v">AktPalubní nápoje a občerstveníass="zs-l">Palubní nápoje a občerstvení</div></div> Flexibilnív class="zs"><div class=Trasa a tempobilní</div><div class="zs-l">Trasa a tempo</div></div> </div> <div style="display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;"> <span classTradiční plavba dhowfa-sailboat"></i>Tradiční plavba dhow</span> <span classNačasování západu slunceclass="fas fa-sun"></i>Načasování západu slunce</span> <span clPalubní občerstvenís="fas fa-wine-glass"></i>Palubní občerstvení</span> <span class="zaVolitelná zastávka plavánís fa-person-swimming"></i>Volitelná zastávka plavání</span> Soukromá posádka="zan-tag"><i class="fas fa-heart"></i>Soukromá posádka</span> </div> </section> <section id="itineraryRozvrh"margin-bottom:52px;"> <Plachtěnís="sČasová osavrh</div> <h2 class="stit">Plachtění<em>Časová osa</em></h2> <div class="divdr"></div> <div class="day-card"> <details open> <summary> <div class="day-num">1</div> <divVítejte na paluběfo"> <div class="day-title">Vítejte na palubě</div> <div class="daySpuštění mola nebo pláže <span><i class="fas fa-anchor"></i>Spuštění mola nebo pláže</span> </div> </div> <i class="fas fa-chevron-down day-chevron"></i> Meet your skipper and crew at a quiet launch point, settle into cushioned deck seating and enjoy a welcome drink as you set sail.aďte se do polstrovaných sedadel na palubě a při vyplutí si vychutnejte drink na uvítanou.</p> <div clWelcome drinkights"> <span class="dh-tag"><i class="fas fa-wine-glass"></i>Welcome drink</span> </div> </div> </details> </div> <div class="day-card"> <details> <summary> <div class="Plavba po pobřeží <div class="day-info"> <div class="day-title">Plavba po pobřeží</div> svým vlastním tempemss="day-meta"> <span><i class="fas fa-sailboat"></i>svým vlastním tempem</span> </div> </div> <i class="fas fa-chevron-downPlachejte podél pobřeží pod plachtami, míjejte pláže, útesy a malé rybářské vesnice, přičemž vaše posádka přizpůsobuje trasu vašim zájmům.že, útesy a malé rybářské vesnice, přičemž vaše posádka přizpůsobuje trasu vašim zájmům.</p> <div clPobřežní plavbahts"> <span class="dh-tag"><i class="fas fa-sailboat"></i>Pobřežní plavba</span> </div> </div> </details> </div> <div class="day-card"> <details> <summary> <div class="daVolitelná zastávka plavání <div class="day-info"> <div class="day-title">Volitelná zastávka plavání</div> Kotva v klidné voděs="day-meta"> <span><i class="fas fa-person-swimming"></i>Kotva v klidné vodě</span> </div> </div> <i class="fas fa-chevronIf you'd like, your crew anchors in a calm, clear spot for a swim before continuing the sail toward sunset.vaše posádka zakotví na klidném a čistém místě, kde si můžete zaplavat, než budete pokračovat v plavbě směrem k západu Přestávka na plavání <div class="day-highlights"> <span class="dh-Volitelná fotografie-person-swimming"></i>Přestávka na plavání</span> <span class="dh-tag"><i class="fas fa-camera"></i>Volitelná fotografie</span> </div> </div> </details> </div> <div class="day-card"> <details>Západ slunce a návratmary> <div class="day-num">4</div> <div class="day-info"> Zlatá hodinass="day-title">Západ slunce a návrat</div> <div class="day-meta"> <span><i class="fas fa-sun"></i>Zlatá hodina</span> </div> Enjoy the changing light as the sun sets over the water, before sailing back to shore as the sky darkens.v class="day-body"> <p>Užijte si měnící se světlo, když slunce zapadá nad vodou, než se budete Pohledy na západ sluncea břeh, když se obloha zatemní.</p> <div class="day-highlights"> <span class="dh-tag"><i class="fas fa-sun"></i>Pohledy na západ slunDobré vědět </div> </dZahrnuto &etaiVyloučeno </div> </section> <section style="margin-bottom:52px;"> <div class="slbl">Dobré vědět</div> <h2 class="stit">Zahrnuto &<em>Vyloučeno</em></h2> <div class="divdrV ceně <div class="ie-grid"> <div class="ie-box inc"> <div class="ie-title"><i class="faPrivate traditional dhow and experienced crewV ceně</div> <ul class="ie-list"> <li><i class="fasPalubní nápoje a lehké občerstvení"></i>Soukromá tradiční plachetnice a zkušená posádka</li> <lPolstrované sezení na paluběk" style="color:#1a6a3a;"></i>Palubní nápoje a lehké občerstvení</li> Volitelná plavecká zastávkass="fas fa-check" style="color:#1a6a3a;"></i>Polstrované sezení na paluběZáchranné vesty a bezpečnostní instruktážas fa-check" style="color:#1a6a3a;"></i>Volitelná plavecká zastávka</li> 24/7 pozemní podpora Haven Trailscheck" style="color:#1a6a3a;"></i>Záchranné vesty a bezpečnostní instruktáž</li> <li><i class="fas fa-check" style="color:#1a6a3a;"></i>24/7 pozemníNení součástí dodávkyn Trails</li> </ul> </div> <div class="ie-box exc"> <div class="ie-tiAlkoholické nápoje (k dispozici na vyžádání)color:#8a1a1a;"></i>Není součástí dodávky</div> <ul class="ie-lFotografie (k dispozici na vyžádání) fa-times" style="color:#8a1a1a;"></i>Alkoholické nápoje (k dispozici na Vybavení na šnorchlování (k dispozici na vyžádání)fa-times" style="color:#8a1a1a;"></i>Fotografie (k dispozici na vyžádání)Spropitné pro posádkui><i class="fas fa-times" style="color:#8a1a1a;"></i>Vybavení na šnorchlování (k dispozici na vyžádání)</li> <li><i classProč rezervovat u násstyle="color:#8a1a1a;"></i>SprPročné pHaven Trails Adventures </ul> </div> </div> </section> <section style="margin-bottom:52px;"> <div class="slbl">Proč rezervovat u nás</div> <h2 class="stit">Proč<em>Haven Trails Adventures</em></h2> <dMístní sídlo v Tanzanii <div class="why-grid"Sídlo v Moshi v Tanzanii, nikoli rezervační platforma v zahraničí. Spolupracujeme přímo se zkušenými místními posádkami dhow, které tyto vody dobře znají.ass="why-title">Místní sídlo v Tanzanii</div><p class="why-desc">Sídlo v Moshi v Tanzanii, nikoli rezervační platforma v zahraničí. Spolupracujeme přímo sZkušení kapitáni posádkami dhow, které tytNaše posádky dhow plují po těchto pobřežních vodách léta a znají ty nejklidnější a nejmalebnější trasy pro pohodovou soukromou plavbu.user-check"></i></div><div class="why-title">Zkušení kapitáni</div><p class="why-desc">Naše posádky dhow plují po těchto pobřežních vodách léta a znaPlně personalizované plánováníebnější trasy pro pohodovoNačasování, trasu a občerstvení lze upravit podle vašich preferencí, od klidné odpolední plavby až po plavbu při západu slunce.-heart"></i></div><div class="why-title">Plně personalizované plánování</div><p class="why-desc">Načasování, trasu a občerstvení lze upravit podle vašich preNepřetržitá podpora po celou dobulední plavby až po plavbu Pozemní tým Haven Trails je k dispozici po celou dobu vašeho pobytu na Zanzibaru pro jakoukoli změnu, otázku nebo neočekávanou situaci na poslední chvíli.ld-halved"></i></div><div class="why-title">Nepřetržitá podpora po celou dobu</div><p class="why-desc">Pozemní tým Haven Trails je k dispozici po ceZodpovědné cestováníbytu na Zanzibaru pro jakoHaven Trails upřednostňuje místní posádky a provozovatele lodí. Část každé rezervace podporuje komunitní turistické iniciativy na ostrově.="why-icon"><i class="fas fa-leaf"></i></div><div class="why-title">Zodpovědné cestování</div><p class="why-desc">Haven Trails upřednostňuje místní posádky a pTransparentní, spravedlivé cenyaždé rezervace podporuje kŽádné skryté doplňky, žádné upsells na poslední chvíli. To, co vidíte při rezervaci, je to, co platíte, s jasnými poznámkami o volitelných doplňcích, jako je vybavení pro šnorchlování.as fa-comments-dollar"></i></div><div class="why-title">Transparentní, spravedlivé ceny</div><p class="why-desc">ŽádnéOperátor s licencí MNRTupsells na poslední chvíli. To, co vidíte při rezervaci, je to, co4,9/5 Průměrné hodnoceníoznámkami o volitelných doplňcích, jako je vybavení pro šnorchlování.24/7 pozemní podporaiv> <div class="trust-strip"> <div class="trust-item"><i class="faPozitivní pro komunitu a útesyicencí MNRT</div> <div class="trust-item"><i class="fas fa-star"></i>4,9/5 Průměrné hodnocení</Nejčastější dotazy> <div class="trust-itBěžnéclasOtázky-headset"></i>24/7 pozemní podpora</div> <div class="trust-item"><i class="fas fa-hand-holding-heart"></i>Pozitivní pro komunitCo je to dhow a je to bezpečné? </section> <section style="margin-bottom:52px;"> <div class="slbl">NejDhow je tradiční dřevěná plachetnice dlouho používaná podél svahilského pobřeží; naše lodě jsou dobře udržované, posádku tvoří zkušení místní námořníci a jsou vybaveny záchrannými vestami a bezpečnostním vybavením.Co je to dhow a je to bezpečné?<i class="fas fa-chevron-down"></i></div> <div class="fqa"><div class="fqaJe to soukromá plachta nebo sdílená s ostatními hosty?ívaná podél svahilského pobřeží; naše lodě jsou dobře udržované, posádku tvoří zkušenToto je plně soukromá rezervace s lodí a posádkou vyhrazenou výhradně pro vás dva. </div> <div class="fqi" id="faq2"> <div class="fqq" onclick="toggleFaq('faq2')">Je to soukromá Můžeme se během cesty koupat?ními hosty?<i class="fas fa-chevron-down"></i></div> <div class="fqa"><div clAno, váš kapitán může zakotvit na klidném a čistém místě podél trasy, pokud si chcete dát pauzu na koupání.iv> </div> <div class="fqi" id="faq3"> <div class="fqq" onclick="toggleFaq('faq3')">Můžeme seCo se stane, když bude drsné počasí?chevron-down"></i></div> <div class="fqa"><div class="fqai">Ano, váš kapitán Naše posádky pečlivě sledují podmínky na moři a navrhnou alternativní čas nebo den, pokud voda není bezpečná pro plavbu. <div class="fqi" id="faq4"> <div class="fqq" onclick="toggleFaq('faq4')">Co se stane, když bude drsné pJe západ slunce nejlepší čas na plavbu?own"></i></div> <div class="fqa"><div class="fqai">Naše posádky pečlivě sleduZápad slunce je nejoblíbenější volbou pro své světlo a barvu, i když denní plavba je stejně relaxační, pokud lépe vyhovuje vašemu rozvrhu.s="fqi" id="faq5"> <div class="fqq" onclick="toggleFaq('faq5')">Je západ slunce nejlepší čas na plavbu?<i class="fas fa-chevron-down"></i></div> <diRezervujte si plachtu<div class="fqai">Sunset is theRomantický zážitek z plavby na tradiční Dhowthough a daytime sail is just as relaxing if itOdter suits your schedule.</div></div> </div> </section> </main> <aside class="sb" id="book" style=" align-self:flex-start;Soukromá plachetnice a posádkac"> <div class="bkct">RezervujtNápoje a občerstvení na palubědiv class="bkcs">Romantický zážitek zVolitelná plavecká zastávka Dhow</div> <div class="pr"><sp2-3 hodinová zkušenostpan><span class="pv">$160</span><span24/7 pozemní podporae</span></div> <ul class="bkf"> <li><i class="fas fa-check"></i>Soukromá plachetnice a posádka</li><li><i class="fas fa-check"></i>Nápoje a občerstveníRezervovat tuto plachtu<li><i class="fas fa-check"></i>Volitelná plavecká zastávka</li><li><i class="fas fa-check"></i>2-3 hodinová zkušenost</li><li><Chat na WhatsApp/i>24/7 pozemní podpora</li> </ul><button type="button" class="bf" data-open-safari stylePodrobnosti o zkušenostech:none;cursor:pointer;font-family:inherit;"><i Trvánías fa-sailboat"></i>Reze2–3 hodiny (preferovaný západ slunce) <a href="https://wa.me/255713334154" class="bfUmístění <i class="fab fa-whaPobřežní vody u Zanzibaru;"></i>Chat na WhatsApp</a> </div> <div clasVelikost na párty <div class="ict"><i 2 osobys fa-circle-info"></i>Podrobnosti o zkušenostech</divNejlepší časdiv class="ir"><span claCeloročně, ideální západ sluncean class="iv">2–3 hodiny (preferovaný západ slunce)</Ideální prov> <div class="ir"Páry a Líbánkytění</span><span class="iv">Pobřežní vody u Zanzibaru</span></div> <div class="ir"><span clHodnocení klientůst na párty</span><span class="iv">2 osoby</span></div> <div class="ir"><span class="ik">Nejlepší čas</span><span class="iv">Celoročně, ideální západ slunce</span></div> <div class="ir"><span class="ik">Ideální pro</span><span class="iv">Páry a Líbánky</span></div> </div> <div class="ic"> <div class="ict"><i class="fas fa-star"></i>Hodnocení klientů</div> <div class="str"><i class="fas fa-star" style="color:var(--zan-gold);"Další romantické zážitky style="color:var(--zan-gold);"></i><i class="fas fa-star" style="color:var(--zan-gold);"></i><i clNastavení romantického návrhu="color:var(--zan-gold);"></i><i class="fas fa-star" style="color:var(--zan-gold);"></i></div> Líbánky pod hvězdamiv> </div> <div class="ic"> <div class="ict"><i class="fas fa-map-location-dot"Soukromý piknik při západu slunce zážitky</div> <a href="https://www.haventrails.com/cs/romantic-proposal-setup-zanzibar" clasSoukromá výroční večeřekého návrhu</a><a href="https://www.haventrails.com/cs/zanzibar-honeymoon-dinner-under-the-stars" class="orl">Líbánky pod hvězdami</a><a href="https://www.haventrails.com/cs/private-sunset-picnic-kendwa-nungwi" class="orl">Soukromý piknik při západu slunce</a><a href="https://www.haventrails.com/cs/private-anniversary-dinner-ocean-zanzibar" class="orl">Soukromá výroční večeře</a> </div> </aside> </div> </main> <script> function toggleFaq(id) { var el = document.getElementById(id); if (el) el.classList.toggle('open'); } document.addEventListener('DOMContentLoaded', function() { document.querySelectorAll('.day-card details').forEach(function(det) { var sum = det.querySelector('summary'); if (!sum) return; sum.addEventListener('click', function(e) { e.preventDefault(); if (det.hasAttribute('open')) { det.removeAttribute('open'); } else { det.setAttribute('open', ''); } }); }); }); </script> <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>útočiště stezky dobrodružství</div> <h2 class="sm-title" id="smTitle">Rezervujte si Safari</h2> <div class="sm-sub">Nyní žádná platba · Odpovídáme do 24 hodin</div> </div> <button class="sm-x" id="smClose" aria-label="Zavřít modální rezervaci">×</button> </div> <div class="sm-bd"> <form id="safariBookingForm" action="safari-book.php" method="POST" novalidate> <input type="hidden" name="tourname" value="romantic-sailing-dhow-zanzibar"> <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> romantic-sailing-dhow-zanzibar </div> </div> <div class="sm-sec">Vyberte si úroveň zkušeností</div> <div class="sm-f"> <div class="sm-lbl">Úroveň balíčku<span class="sm-req">*</span></div> <div class="sm-tier-grid" role="group" aria-label="Vyberte úroveň safari"> <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">Stříbrná</div> <div class="sm-tier-tag">Rozpočet</div> </div> </label> <label class="sm-tier tier-gold"> <input type="radio" name="safari_tier" value="Gold - Luxus" 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">Zlatá</div> <div class="sm-tier-tag">Luxus</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">Platina</div> <div class="sm-tier-tag">Exkluzivně</div> </div> </label> </div> <div class="sm-tier-err" id="smTierErr">Pokračujte výběrem úrovně balíčku.</div> </div> <div class="sm-sec">Vaše údaje</div> <div class="sm-f"> <label class="sm-lbl" for="sm_nm">Celé jméno<span class="sm-req">*</span></label> <input class="sm-inp" type="text" id="sm_nm" name="name" placeholder="např. Sarah Johnsonová" required autocomplete="name"> </div> <div class="sm-row"> <div class="sm-f"> <label class="sm-lbl" for="sm_em">E-mail<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">Telefon / WhatsApp<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">Národnost<span class="sm-req">*</span></label> <input class="sm-inp" type="text" id="sm_nat" name="nationality" placeholder="např. Americká, britská…" required autocomplete="country-name"> </div> </div> <div class="sm-sec">Předvolby Safari</div> <div class="sm-row"> <div class="sm-f"> <label class="sm-lbl" for="sm_dt">Preferované datum zahájení<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">Dospělí<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="Snížení počtu dospělých">−</button> <div class="sm-cn" id="smAdD">1</div> <button type="button" class="sm-cb" data-t="sm-adults" data-a="inc" aria-label="Zvyšte počet dospělých">+</button> <input type="hidden" id="smAdV" name="adults" value="1"> </div> </div> <div class="sm-f"> <div class="sm-lbl">Děti<span style="font-weight:400;text-transform:none;letter-spacing:0;color:#aaa;">(do 12 let)</span></div> <div class="sm-counter"> <button type="button" class="sm-cb" data-t="sm-children" data-a="dec" aria-label="Snížit počet dětí">−</button> <div class="sm-cn" id="smChD">0</div> <button type="button" class="sm-cb" data-t="sm-children" data-a="inc" aria-label="Zvyšte počet dětí">+</button> <input type="hidden" id="smChV" name="children" value="0"> </div> </div> </div> <div class="sm-f"> <label class="sm-lbl" for="sm_diet">Dietní požadavky</label> <select class="sm-sel" id="sm_diet" name="dietary"> <option value="" disabled selected>Vyberte, pokud je to možné…</option> <option value="None">Žádné / Bez omezení</option> <option value="Vegetarian">Vegetarián</option> <option value="Vegan">Vegan</option> <option value="Gluten-free">Bez lepku</option> <option value="Halal">Halal</option> <option value="Kosher">Košer</option> <option value="Other">Jiné (upřesněte prosím v poznámkách)</option> </select> </div> <div class="sm-f"> <div class="sm-lbl">Preferovaná metoda kontaktu<span class="sm-req">*</span></div> <div class="sm-contact"> <label class="sm-co sm-wa"> <input type="radio" name="contact_method" value="WhatsApp" checked> <div class="sm-cl"><i class="fab fa-whatsapp"></i><span>WhatsApp</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>E-mail</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>Telefon</span></div> </label> </div> </div> <div class="sm-f"> <label class="sm-lbl" for="sm_nt">Další poznámky</label> <textarea class="sm-ta" id="sm_nt" name="message" placeholder="Zvláštní příležitosti (líbánky, výročí, narozeniny), potřeby dostupnosti, konkrétní chaty, které máte na mysli, otázky ohledně itineráře…"></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>Odeslat dotaz na Safari</button> <div class="sm-note">V této fázi žádná platba ani závazek. Odesláním souhlasíte s naším<a href="https://www.haventrails.com/cs/privacy-policy">Zásady ochrany osobních údajů</a>. </div> </form> <div class="sm-success" id="smSuccess"> <div class="sm-ok"><i class="fas fa-check"></i></div> <h3>Požadavek Safari odeslán!</h3> <p>Naši specialisté na safari z útočiště stezky dobrodružství vás do 24 hodin osloví s vaším personalizovaným návrhem a cenou.</p> <button class="sm-sc" id="smSuccessClose">Zavřít</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 || 'Odeslání se nezdařilo.'); }); } 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. Zkuste to prosím znovu or WhatsApp us directly at +255 713 334 154.'); }); }); })(); </script> <script> (function () { var HTA_ID = 'htaPlanTrip2026Btn'; var HTA_STID = 'htaPlanTrip2026Style'; var CSS = ` @keyframes htaPT26In { from { transform: translateY(-50%) translateX(72px); opacity: 0; } to { transform: translateY(-50%) translateX(0); opacity: 1; } } @keyframes htaPT26Dot { 0%,100% { opacity: .35; transform: translateX(-50%) scale(1); } 50% { opacity: .9; transform: translateX(-50%) scale(1.45); } } @keyframes htaPT26Spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } #${HTA_ID} { position: fixed !important; right: 0 !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 2147483647 !important; display: block !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; text-decoration: none !important; outline: none !important; animation: htaPT26In 1s cubic-bezier(0.22,1,0.36,1) 1.1s both !important; } #${HTA_ID} .hpt-body { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; width: 54px !important; padding: 32px 0 28px !important; background: #593404 !important; border-radius: 26px 0 0 26px !important; border: 1px solid rgba(255,255,255,0.20) !important; border-right: none !important; position: relative !important; overflow: hidden !important; box-shadow: -8px 2px 40px rgba(89,52,4,0.60), -1px 0 0 rgba(255,255,255,0.10) !important; transition: width .50s cubic-bezier(0.22,1,0.36,1), background .35s ease, border-color .35s ease, box-shadow .35s ease !important; } #${HTA_ID}:hover .hpt-body { width: 64px !important; background: #6b3e05 !important; border-color: rgba(255,255,255,0.38) !important; box-shadow: -14px 4px 56px rgba(89,52,4,0.75), -2px 0 0 rgba(255,255,255,0.22) !important; } #${HTA_ID} .hpt-body::before { content: '' !important; position: absolute !important; top: 0 !important; left: 10% !important; right: 10% !important; height: 1px !important; background: linear-gradient(90deg, transparent, rgba(255,255,255,.5) 35%, rgba(255,255,255,.75) 50%, rgba(255,255,255,.5) 65%, transparent) !important; pointer-events: none !important; } #${HTA_ID} .hpt-body::after { content: '' !important; position: absolute !important; left: 0 !important; top: 16% !important; bottom: 16% !important; width: 3px !important; background: linear-gradient(to bottom, transparent, rgba(255,255,255,.55) 25%, rgba(255,255,255,.85) 50%, rgba(255,255,255,.55) 75%, transparent) !important; border-radius: 0 3px 3px 0 !important; opacity: .55 !important; transition: opacity .4s ease, top .4s ease, bottom .4s ease !important; pointer-events: none !important; } #${HTA_ID}:hover .hpt-body::after { opacity: 1 !important; top: 7% !important; bottom: 7% !important; } #${HTA_ID} .hpt-medallion { writing-mode: horizontal-tb !important; width: 38px !important; height: 38px !important; border-radius: 50% !important; background: rgba(255,255,255,0.14) !important; border: 1.5px solid rgba(255,255,255,0.32) !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; position: relative !important; z-index: 2 !important; margin-bottom: 14px !important; transition: background .35s ease, border-color .35s ease, transform .55s cubic-bezier(0.34,1.56,0.64,1), box-shadow .35s ease !important; } #${HTA_ID}:hover .hpt-medallion { background: rgba(255,255,255,0.26) !important; border-color: rgba(255,255,255,0.62) !important; transform: scale(1.13) translateY(-3px) !important; box-shadow: 0 6px 20px rgba(89,52,4,0.4) !important; } #${HTA_ID} .hpt-orbit { position: absolute !important; inset: -5px !important; border-radius: 50% !important; border: 1px dashed rgba(255,255,255,0) !important; transition: border-color .4s ease !important; pointer-events: none !important; } #${HTA_ID}:hover .hpt-orbit { border-color: rgba(255,255,255,0.30) !important; animation: htaPT26Spin 6s linear infinite !important; } #${HTA_ID} .hpt-icon { font-size: 16px !important; color: #ffffff !important; position: relative !important; z-index: 1 !important; transition: transform .55s cubic-bezier(0.34,1.56,0.64,1) !important; line-height: 1 !important; } #${HTA_ID}:hover .hpt-icon { transform: rotate(12deg) scale(1.1) !important; } #${HTA_ID} .hpt-rule { width: 20px !important; height: 1px !important; background: rgba(255,255,255,0.28) !important; flex-shrink: 0 !important; position: relative !important; z-index: 2 !important; border: none !important; transition: width .45s cubic-bezier(0.22,1,0.36,1), background .35s ease !important; } #${HTA_ID}:hover .hpt-rule { width: 30px !important; background: rgba(255,255,255,0.55) !important; } #${HTA_ID} .hpt-text { writing-mode: vertical-lr !important; transform: rotate(180deg) !important; font-family: 'MuseoSans', Arial, sans-serif !important; font-size: 10px !important; font-weight: 700 !important; letter-spacing: 0.44em !important; text-transform: uppercase !important; color: rgba(255,255,255,0.80) !important; margin-top: 14px !important; line-height: 1 !important; white-space: nowrap !important; position: relative !important; z-index: 2 !important; transition: color .3s ease, letter-spacing .48s cubic-bezier(0.22,1,0.36,1) !important; } #${HTA_ID}:hover .hpt-text { color: #ffffff !important; letter-spacing: 0.52em !important; } #${HTA_ID} .hpt-dot { position: absolute !important; bottom: 12px !important; left: 50% !important; transform: translateX(-50%) !important; width: 5px !important; height: 5px !important; border-radius: 50% !important; background: rgba(255,255,255,0.38) !important; z-index: 2 !important; animation: htaPT26Dot 2.8s ease-in-out infinite !important; transition: background .3s ease, transform .35s ease !important; } #${HTA_ID}:hover .hpt-dot { background: rgba(255,255,255,0.9) !important; animation: none !important; transform: translateX(-50%) scale(1.7) !important; } #${HTA_ID} .hpt-panel { position: absolute !important; right: 100% !important; top: 50% !important; transform: translateY(-50%) translateX(14px) !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; background: #593404 !important; border: 1px solid rgba(255,255,255,0.22) !important; border-right: none !important; border-radius: 16px 0 0 16px !important; padding: 14px 22px 14px 20px !important; display: flex !important; flex-direction: column !important; gap: 5px !important; white-space: nowrap !important; box-shadow: -8px 0 32px rgba(89,52,4,0.55) !important; transition: opacity .32s ease, transform .44s cubic-bezier(0.22,1,0.36,1), visibility .32s ease !important; } #${HTA_ID}:hover .hpt-panel { opacity: 1 !important; visibility: visible !important; transform: translateY(-50%) translateX(0) !important; } #${HTA_ID} .hpt-panel::before { content: '' !important; position: absolute !important; top: 0 !important; left: 8% !important; right: 8% !important; height: 1px !important; background: linear-gradient(90deg, transparent, rgba(255,255,255,.4) 40%, rgba(255,255,255,.6) 50%, rgba(255,255,255,.4) 60%, transparent) !important; pointer-events: none !important; } #${HTA_ID} .hpt-panel-eyebrow { font-family: 'MuseoSans', Arial, sans-serif !important; font-size: 9px !important; font-weight: 400 !important; letter-spacing: 0.28em !important; text-transform: uppercase !important; color: rgba(255,255,255,0.42) !important; line-height: 1 !important; } #${HTA_ID} .hpt-panel-title { font-family: 'MuseoSans', Arial, sans-serif !important; font-size: 15px !important; font-weight: 400 !important; letter-spacing: 0.03em !important; color: #ffffff !important; line-height: 1.25 !important; } #${HTA_ID} .hpt-panel-arrow { display: inline-block !important; font-style: normal !important; margin-left: 4px !important; opacity: 0.55 !important; transition: transform .3s ease, opacity .3s ease !important; } #${HTA_ID}:hover .hpt-panel-arrow { transform: translateX(4px) !important; opacity: 1 !important; } @media (max-width: 768px) { #${HTA_ID} .hpt-panel { display: none !important; } #${HTA_ID} .hpt-body { width: 42px !important; padding: 22px 0 20px !important; border-radius: 18px 0 0 18px !important; } #${HTA_ID}:hover .hpt-body { width: 48px !important; } #${HTA_ID} .hpt-medallion { width: 30px !important; height: 30px !important; margin-bottom: 10px !important; } #${HTA_ID} .hpt-icon { font-size: 13px !important; } #${HTA_ID} .hpt-text { font-size: 9px !important; letter-spacing: .34em !important; margin-top: 10px !important; } #${HTA_ID} .hpt-rule { width: 16px !important; } #${HTA_ID} .hpt-dot { bottom: 9px !important; width: 4px !important; height: 4px !important; } } @media (max-width: 480px) { #${HTA_ID} .hpt-body { width: 38px !important; padding: 18px 0 16px !important; border-radius: 14px 0 0 14px !important; } #${HTA_ID} .hpt-medallion { width: 26px !important; height: 26px !important; } #${HTA_ID} .hpt-icon { font-size: 11px !important; } #${HTA_ID} .hpt-text { font-size: 8.5px !important; margin-top: 9px !important; } } `; var HTML = ` <span class="hpt-panel" aria-hidden="true"> <span class="hpt-panel-eyebrow">útočiště stezky dobrodružství</span> <span class="hpt-panel-title">Naplánovat cestu<i class="hpt-panel-arrow">?</i></span> </span> <span class="hpt-body"> <span class="hpt-dot"></span> <span class="hpt-medallion"> <span class="hpt-orbit"></span> <i class="fa-solid fa-map-location-dot hpt-icon" aria-hidden="true"></i> </span> <span class="hpt-rule"></span> <span class="hpt-text">Naplánovat cestu</span> </span> `; function htaBuild() { if (document.getElementById(HTA_ID)) return; if (!document.getElementById(HTA_STID)) { var s = document.createElement('style'); s.id = HTA_STID; s.innerHTML = CSS; document.head.appendChild(s); } var a = document.createElement('a'); a.id = HTA_ID; a.href = 'https://www.haventrails.com/cs/planning-my-trip'; a.title = 'Naplánovat cestu — útočiště stezky dobrodružství'; a.setAttribute('aria-label', 'Naplánovat cestu — útočiště stezky dobrodružství'); a.innerHTML = HTML; document.body.appendChild(a); } function htaGuard() { htaBuild(); var el = document.getElementById(HTA_ID); if (!el) return; el.style.setProperty('display', 'block', 'important'); el.style.setProperty('visibility', 'visible', 'important'); el.style.setProperty('opacity', '1', 'important'); el.style.setProperty('position', 'fixed', 'important'); el.style.setProperty('right', '0', 'important'); el.style.setProperty('top', '50%', 'important'); el.style.setProperty('z-index', '2147483647', 'important'); } document.addEventListener('DOMContentLoaded', htaGuard); window.addEventListener('load', function () { setTimeout(htaGuard, 400); setTimeout(htaGuard, 1400); setTimeout(htaGuard, 3000); }); setInterval(htaGuard, 1000); var mo = new MutationObserver(htaGuard); document.addEventListener('DOMContentLoaded', function () { mo.observe(document.body, { childList: true, subtree: true }); }); })(); </script> <footer class="togo-footer-sec" itemscope itemtype="https://schema.org/WPFooter"> <div style="background:linear-gradient(135deg,#1a1a1a 0%,#2a1f0a 100%);padding:40px 0;border-bottom:1px solid rgba(201,162,39,0.3);"> <div class="togo-container"> <div style="display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;"> <div> <h3 style="color:#fff;font-size:1.15rem;font-weight:700;margin:0 0 6px;">Získejte inspiraci pro cestování do Tanzanie</h3> <p style="color:rgba(255,255,255,0.55);font-size:0.88rem;margin:0;">Tipy na safari, průvodce Kilimandžárem a sezónní cestovní rady. Doručeno do vaší schránky.</p> </div> <form id="newsletterForm" action="newsletter.php" method="POST" style="display:flex;gap:10px;flex-wrap:wrap;align-items:center;"> <input type="email" name="email" id="newsletterEmail" placeholder="E-mailová adresa" required style="padding:13px 20px;border-radius:10px;border:1px solid rgba(255,255,255,0.15);background:rgba(255,255,255,0.08);color:#fff;font-size:0.9rem;min-width:260px;outline:none;flex:1;"> <button type="submit" id="newsletterBtn" style="padding:13px 24px;background:#c9a227;color:#fff;border:none;border-radius:10px;font-weight:700;font-size:0.9rem;cursor:pointer;white-space:nowrap;">Abonner zdarma</button> </form> </div> <p id="newsletterMsg" style="color:#c9a227;margin-top:12px;font-size:0.9rem;"></p> </div> </div> <script> document.addEventListener("DOMContentLoaded", function () { const form = document.getElementById("newsletterForm"); const msg = document.getElementById("newsletterMsg"); const btn = document.getElementById("newsletterBtn"); const emailInput = document.getElementById("newsletterEmail"); form.addEventListener("submit", function (e) { e.preventDefault(); const email = emailInput.value.trim(); if (!email) { msg.style.color = "red"; msg.textContent = "Please enter your email."; return; } btn.disabled = true; btn.textContent = "Přihlášení k odběru..."; fetch("newsletter.php", { method: "POST", body: new FormData(form) }) .then(res => { if (!res.ok) { return res.text().then(text => { throw new Error(text || "Předplatné se nezdařilo."); }); } if (res.redirected) { window.location.href = res.url; return ""; } return res.text(); }) .then(data => { if (data === "") return; msg.style.color = "#c9a227"; msg.textContent = data; form.reset(); }) .catch((err) => { msg.style.color = "red"; msg.textContent = (err && err.message) ? err.message : "Něco se pokazilo. Zkuste to prosím znovu."; }) .finally(() => { btn.disabled = false; btn.textContent = "Odebírat zdarma"; }); }); }); </script> <div class="togo-container"> <div class="togo-footer-grid"> <div class="togo-footer-col"> <h4 class="togo-footer-title">útočiště stezky dobrodružství</h4> <p style="font-size:13px;color:#666;line-height:1.7;margin-bottom:16px;">Přední tanzanský specialista na safari a trekking na Kilimandžáru se sídlem v Moshi. Oceňovaná dobrodružství vytvořená pro milovníky divoké zvěře, novomanžele na svatební cestě a rodiny od roku 2015. Více než 8 000 úspěšných expedic a 98,5% úspěšnost na Kilimandžáru.</p> </div> <div class="togo-footer-col"> <h4 class="togo-footer-title">Trekking na Kilimandžáru</h4> <ul class="togo-footer-links"> <li><a href="https://www.haventrails.com/cs/kilimanjaro-routes">Všechny trasy Kilimandžáro</a></li> <li><a href="https://www.haventrails.com/cs/kilimanjaro-packing-list">Seznam balení Kilimanjaro</a></li> <li><a href="https://www.haventrails.com/cs/kilimanjaro-climbing-guide">Průvodce lezením na Kilimandžáru</a></li> <li><a href="https://www.haventrails.com/cs/kilimanjaro-preparation-guide">Jak se připravit na Kilimandžáro</a></li> <li><a href="https://www.haventrails.com/cs/best-time-to-climb-kilimanjaro">Nejlepší čas na výstup na Kilimandžáro</a></li> <li><a href="https://www.haventrails.com/cs/kilimanjaro-for-beginners">Kilimandžáro pro začátečníky</a></li> </ul> </div> <div class="togo-footer-col"> <h4 class="togo-footer-title">Tanzanie Safari</h4> <ul class="togo-footer-links"> <li><a href="https://www.haventrails.com/cs/safari-tours">Všechny balíčky Safari</a></li> <li><a href="https://www.haventrails.com/cs/serengeti-national-park">Noční park Serengeti</a></li> <li><a href="https://www.haventrails.com/cs/ngorongoro-crater">Kráter Ngorongoro</a></li> <li><a href="https://www.haventrails.com/cs/tarangire-national-park">Noční park Tarangire</a></li> <li><a href="https://www.haventrails.com/cs/best-time-safari-tanzania">Nejlepší čas na safari v Tanzanii</a></li> <li><a href="https://www.haventrails.com/cs/tanzania-safari-cost">Tanzanie Safari Cena Průvodce</a></li> </ul> </div> <div class="togo-footer-col"> <h4 class="togo-footer-title">Označit kontakt</h4> <ul class="togo-footer-links"> <li> <a href="tel:+255713334154" aria-label="Zavolejte útočiště stezky dobrodružství"> <i class="fa-solid fa-phone" style="color:#c9a227;margin-right:6px;"></i>+255 713 334 154 </a> </li> <li> <a href="tel:+255673829158" aria-label="Alternativní telefonní číslo"> <i class="fa-solid fa-phone" style="color:#c9a227;margin-right:6px;"></i>+255 673 829 158 </a> </li> <li> <a href="mailto:info@haventrails.com" aria-label="Email útočiště stezky dobrodružství"> <i class="fa-solid fa-envelope" style="color:#c9a227;margin-right:6px;"></i>info@haventrails.com </a> </li> <li> <a href="https://www.haventrails.com/cs/contact-us"> <i class="fa-solid fa-location-dot" style="color:#c9a227;margin-right:6px;"></i>Moshi, Kilimanjaro, Tanzanie</a> </li> </ul> <div class="togo-footer-buttons"> <a href="mailto:info@haventrails.com" class="togo-btn-green" aria-label="Pošlete žádost o rezervaci společnosti útočiště stezky dobrodružství"> <i class="fa-solid fa-envelope"></i>Odeslat požadavek na rezervaci</a> <a href="https://wa.me/255713334154" class="togo-btn-outline" target="_blank" rel="noopener noreferrer" aria-label="Chatujte s útočiště stezky dobrodružství na WhatsApp"> <i class="fa-brands fa-whatsapp"></i>Chat na WhatsApp</a> <a href="https://calendly.com/haventrails/30min" class="togo-btn-consult" target="_blank" rel="noopener noreferrer" aria-label="Rezervujte si bezplatný konzultační hovor"> <i class="fa-solid fa-calendar-check"></i>Rezervujte bezplatnou konzultaci</a> </div> <div class="togo-footer-trust" style="margin-top:20px;"> <a href="https://www.tripadvisor.com/Attraction_Review-g317084-d26261131-Reviews-haven_Trails_Adventures-Moshi_Kilimanjaro_Region.html" target="_blank" rel="noopener noreferrer" style="display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#00aa6c;text-decoration:none;font-weight:600;"> <i class="fa-solid fa-star" style="color:#00aa6c;"></i>Hodnocení 5/5 na TripAdvisoru</a> </div> </div> </div> <div class="togo-footer-emergency" style="background:linear-gradient(135deg,#fff9ee,#fff);border:1px solid #f0e4c0;border-radius:14px;padding:20px 28px;margin:10px 0 20px;"> <p style="color:#7a6a52;font-weight:600;font-size:0.9rem;margin:0 0 6px;"><i class="fas fa-headset" style="color:#c9a227;margin-right:8px;"></i>Nepřetržitá rezervace a nouzová podpora</p> <div style="display:flex;flex-wrap:wrap;gap:16px;align-items:center;"> <a href="tel:+255713334154" style="color:#1a1a1a;font-weight:700;text-decoration:none;font-size:1rem;">+255 713 334 154</a> <span style="color:#ddd;">|</span> <a href="tel:+255673829158" style="color:#1a1a1a;font-weight:700;text-decoration:none;font-size:1rem;">+255 673 829 158</a> <span style="color:#ddd;">|</span> <a href="mailto:info@haventrails.com" style="color:#c9a227;text-decoration:none;font-weight:600;">info@haventrails.com</a> <span style="color:#ddd;">|</span> <a href="https://wa.me/255713334154" target="_blank" rel="noopener noreferrer" style="color:#25D366;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:6px;"><i class="fab fa-whatsapp"></i>WhatsApp Chat</a> </div> </div> </div> <div class="togo-footer-social-bar"> <div class="togo-container"> <span style="font-size:13px;color:#888;margin-right:15px;">Sledujte naše dobrodružství:</span> <div class="togo-footer-social-icons"> <a href="https://instagram.com/haventrails" target="_blank" rel="noopener noreferrer" aria-label="útočiště stezky na Instagramu" class="togo-social-link insta"> <i class="fa-brands fa-instagram"></i> </a> <a href="https://facebook.com/haventrails" target="_blank" rel="noopener noreferrer" aria-label="útočiště stezky na Facebooku" class="togo-social-link fb"> <i class="fa-brands fa-facebook-f"></i> </a> <a href="https://youtube.com/@haventrails" target="_blank" rel="noopener noreferrer" aria-label="útočiště stezky na YouTube" class="togo-social-link yt"> <i class="fa-brands fa-youtube"></i> </a> <a href="https://tiktok.com/@haventrails" target="_blank" rel="noopener noreferrer" aria-label="útočiště stezky na TikTok" class="togo-social-link tk"> <i class="fa-brands fa-tiktok"></i> </a> <a href="https://linkedin.com/company/haventrails" target="_blank" rel="noopener noreferrer" aria-label="útočiště stezky na LinkedIn" class="togo-social-link li"> <i class="fa-brands fa-linkedin-in"></i> </a> <a href="https://pinterest.com/haventrails" target="_blank" rel="noopener noreferrer" aria-label="útočiště stezky na Pinterestu" class="togo-social-link pin"> <i class="fa-brands fa-pinterest-p"></i> </a> </div> </div> </div> <div class="togo-footer-bottom"> <div class="togo-container togo-footer-bottom-inner"> <div class="togo-footer-copy">©2026 útočiště stezky dobrodružství. Všechna práva vyhrazena. | Registrovaná cestovní kancelář, Tanzanie</div> <div class="togo-footer-rating" style="font-size:13px;color:#666;display:flex;align-items:center;gap:14px;flex-wrap:wrap;"> <span><i class="fa-solid fa-star" style="color:#c9a227;margin-right:4px;"></i> 5<i class="fa-solid fa-star" aria-hidden="true"></i>TripAdvisor</span> <span><i class="fa-brands fa-google" style="color:#C9A227;margin-right:4px;"></i> 5<i class="fa-solid fa-star" aria-hidden="true"></i>Google</span> <span style="display:inline-flex;align-items:center;gap:6px;color:#555;font-size:12px;"><i class="fab fa-cc-visa" style="font-size:18px;color:#5C3D1E;"></i><i class="fab fa-cc-mastercard" style="font-size:18px;color:#eb001b;"></i><i class="fab fa-cc-paypal" style="font-size:18px;color:#5C3D1E;"></i></span> </div> </div> </div> <div class="togo-footer-policies"> <div class="togo-container"> <a href="https://www.haventrails.com/cs/terms-and-conditions">Smluvní podmínky</a> <a href="https://www.haventrails.com/cs/privacy-policy">Zásady ochrany osobních údajů</a> <a href="https://www.haventrails.com/cs/faq">FAQ</a> </div> </div> </footer> <style> .togo-footer-sec { background: #ffffff; font-family: 'MuseoSans', Arial, sans-serif; color: #333; border-top: 3px solid #c9a227; } .togo-container { width: 90%; max-width: 1200px; margin: auto; } .togo-footer-grid { display: grid; grid-template-columns: 1.2fr 1fr 1.2fr 1.4fr; gap: 40px; padding: 60px 0 40px; } .togo-footer-title { font-size: 15px; font-weight: 700; margin-bottom: 22px; position: relative; color: #1a1a1a; text-transform: uppercase; letter-spacing: 0.5px; } .togo-footer-title::after { content: ""; width: 36px; height: 2px; background: #c9a227; position: absolute; left: 0; bottom: -10px; border-radius: 2px; } .togo-footer-links { list-style: none; padding: 0; margin: 0; } .togo-footer-links li { margin-bottom: 10px; } .togo-footer-links a { text-decoration: none; color: #555; font-size: 13.5px; transition: color 0.25s, padding-left 0.25s; display: inline-block; } .togo-footer-links a:hover { color: #c9a227; padding-left: 4px; } .togo-footer-buttons { margin-top: 18px; display: flex; flex-direction: column; gap: 10px; } .togo-btn-green { background: #2e7d32; color: #fff !important; padding: 11px 18px; border-radius: 8px; text-decoration: none !important; font-size: 13.5px; display: flex; align-items: center; justify-content: center; gap: 8px; font-weight: 500; transition: background 0.25s, transform 0.2s; } .togo-btn-green:hover { background: #1b5e20; transform: translateY(-1px); } .togo-btn-outline { background: #25D366; color: #fff !important; padding: 11px 18px; border-radius: 8px; text-decoration: none !important; font-size: 13.5px; display: flex; align-items: center; justify-content: center; gap: 8px; font-weight: 500; transition: background 0.25s, transform 0.2s; } .togo-btn-outline:hover { background: #1da851; transform: translateY(-1px); } .togo-btn-consult { background: #c9a227; color: #fff !important; padding: 11px 18px; border-radius: 8px; text-decoration: none !important; font-size: 13.5px; display: flex; align-items: center; justify-content: center; gap: 8px; font-weight: 500; transition: background 0.25s, transform 0.2s; } .togo-btn-consult:hover { background: #a8851e; transform: translateY(-1px); } .togo-footer-emergency { padding: 20px 0 28px; font-size: 13.5px; color: #666; border-top: 1px solid #f0f0f0; display: flex; align-items: center; flex-wrap: wrap; gap: 8px; } .togo-footer-emergency p { margin: 0; font-weight: 600; color: #333; margin-right: 8px; } .togo-footer-emergency strong { color: #1a1a1a; } .togo-footer-social-bar { background: #f9f7f2; padding: 16px 0; border-top: 1px solid #efe8d8; } .togo-footer-social-bar .togo-container { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; } .togo-footer-social-icons { display: flex; gap: 10px; flex-wrap: wrap; } .togo-social-link { width: 36px; height: 36px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 15px; text-decoration: none; transition: transform 0.2s, opacity 0.2s; color: #fff; } .togo-social-link:hover { transform: translateY(-2px); opacity: 0.9; } .togo-social-link.insta { background: linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888); } .togo-social-link.fb { background: #C9A227; } .togo-social-link.yt { background: #FF0000; } .togo-social-link.tk { background: #010101; } .togo-social-link.li { background: #5C3D1E; } .togo-social-link.pin { background: #E60023; } .togo-footer-bottom { background: #f0ece3; padding: 16px 0; } .togo-footer-bottom-inner { display: flex; justify-content: space-between; align-items: center; font-size: 13px; flex-wrap: wrap; gap: 10px; } .togo-footer-copy { color: #555; } .togo-footer-policies { background: #ffffff; padding: 14px 0 28px; text-align: center; border-top: 1px solid #f0f0f0; } .togo-footer-policies a { margin: 0 10px; font-size: 12.5px; color: #888; text-decoration: none; transition: color 0.2s; } .togo-footer-policies a:hover { color: #c9a227; } @media (max-width: 1024px) { .togo-footer-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 640px) { .togo-footer-grid { grid-template-columns: 1fr; padding: 40px 0 30px; gap: 30px; } .togo-footer-bottom-inner { flex-direction: column; gap: 8px; text-align: center; } .togo-footer-emergency { flex-direction: column; align-items: flex-start; gap: 4px; } .togo-footer-social-bar .togo-container { flex-direction: column; align-items: flex-start; } .togo-footer-policies { padding: 14px 0 20px; } .togo-footer-policies a { display: inline-block; margin: 4px 8px; } } @media (max-width: 380px) { .togo-footer-buttons { gap: 8px; } .togo-btn-green, .togo-btn-outline, .togo-btn-consult { font-size: 12.5px; padding: 10px 14px; } } </style> </footer> </div> </div> <script src="../Nejčastější dotazy</script> <script src="../assetss/js/vendor/jquery.min.js" defer></script> <script src="../aktiva/js/bootstrap-bundle.min.js" odložit></script> <script src="../aktiva/js/swiper-bundle.min.js" odložit></script> <script src="../aktiva/js/magnific-popup.min.js" odložit></script> <script src="../aktiva/js/vendor/incluid-bundle.min.js" odložit></script> <script src="../aktiva/js/nice-select.min.js" odložit></script> <script src="../aktiva/js/purecounter.min.js" odložit></script> <script> (function(){ var c = document.getElementById('stars'); if (!c) return; for (var i = 0; i < 80; i++) { var s = document.createElement('div'); s.className = 'star'; var z = Math.random() * 2 + 0.5; s.style.cssText = 'width:' + z + 'px;height:' + z + 'px;top:' + Math.random() * 60 + '%;left:' + Math.random() * 100 + '%;animation-delay:' + Math.random() * 3 + 's;animation-duration:' + (2 + Math.random() * 3) + 's;'; c.appendChild(s); } })(); var hbg = document.querySelector('.togo-offcanvas-hamburger-btn'); var mnav = document.querySelector('.offcanvas-area'); var overlay = document.querySelector('.body-overlay'); function openNav() { if (!mnav) return; mnav.classList.add('open'); document.body.style.overflow = 'hidden'; if (hbg) hbg.setAttribute('aria-expanded', 'true'); } function closeNav() { if (!mnav) return; mnav.classList.remove('open'); document.body.style.overflow = ''; if (hbg) hbg.setAttribute('aria-expanded', 'false'); } if (hbg) hbg.addEventListener('click', function() { mnav.classList.contains('open') ? closeNav() : openNav(); }); var closeBtn = document.querySelector('.offcanvas-close-btn'); if (closeBtn) closeBtn.addEventListener('click', closeNav); if (overlay) overlay.addEventListener('click', closeNav); function switchTab(tab, btn) { if (tab && tab.classList && typeof btn === 'string') { var homeBtn = tab; var id = btn; document.querySelectorAll('.ht-tab-btn').forEach(function(b) { b.classList.remove('active'); }); document.querySelectorAll('.ht-tab-pane').forEach(function(p) { p.classList.remove('active'); }); homeBtn.classList.add('active'); var homePane = document.getElementById('tab-' + id); if (homePane) homePane.classList.add('active'); var swiperMap = { safari: window._safariSwiper, kili: window._kiliSwiper }; if (swiperMap[id] && typeof swiperMap[id].update === 'function') swiperMap[id].update(); return; } document.querySelectorAll('.itb').forEach(function(b) { b.classList.remove('active'); }); if (btn && btn.classList) btn.classList.add('active'); document.querySelectorAll('.itp').forEach(function(p) { p.classList.remove('active'); }); var panel = document.getElementById('panel-' + tab); if (!panel) return; panel.classList.add('active'); panel.querySelectorAll('.dc').forEach(function(c, i) { i === 0 ? c.classList.add('open') : c.classList.remove('open'); }); } function toggleDay(id) { var el = document.getElementById(id); if (el) el.classList.toggle('open'); } function toggleFaq(id) { document.querySelectorAll('.fqi').forEach(function(item) { if (item.id !== id) item.classList.remove('open'); }); var el = document.getElementById(id); if (el) el.classList.toggle('open'); } </script> <script> document.querySelectorAll('.faq-q').forEach(btn => { btn.addEventListener('click', () => { const item = btn.closest('.faq-item'); const isOpen = item.classList.contains('open'); document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('open')); if (!isOpen) item.classList.add('open'); }); }); document.querySelectorAll('.itin-toggle').forEach(btn => { btn.addEventListener('click', () => { btn.closest('.itin-item').classList.toggle('open'); }); }); var tripIds = [ 'trip-arusha-np','trip-chemka','trip-lake-chala','trip-lake-duluti', 'trip-lake-manyara','trip-materuni','trip-kilimanjaro', 'trip-ngorongoro','trip-olpopongi','trip-tarangire' ]; var navLinks = document.querySelectorAll('.trip-nav-item'); var tripObserver = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { navLinks.forEach(l => l.classList.remove('active')); const match = document.querySelector(`.trip-nav-item[href="#${entry.target.id}"]`); if (match) match.classList.add('active'); } }); }, { rootMargin: '-10% 0px -60% 0px', threshold: 0 }); tripIds.forEach(id => { const el = document.getElementById(id); if (el) tripObserver.observe(el); }); var sectionIds = ['overview','trips','compare','faq']; var subNavLinks = document.querySelectorAll('.subnav a'); var subObserver = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { subNavLinks.forEach(l => l.classList.remove('subnav--active')); const match = document.querySelector(`.subnav a[href="#${entry.target.id}"]`); if (match) match.classList.add('subnav--active'); } }); }, { rootMargin: '-10% 0px -55% 0px', threshold: 0 }); sectionIds.forEach(id => { const el = document.getElementById(id); if (el) subObserver.observe(el); }); document.querySelectorAll('a[href^="#"]').forEach(link => { link.addEventListener('click', e => { const target = document.querySelector(link.getAttribute('href')); if (!target) return; e.preventDefault(); const offset = 120; const top = target.getBoundingClientRect().top + window.scrollY - offset; window.scrollTo({ top, behavior: 'smooth' }); }); }); </script> <script> function switchMaranguMap(option) { var map5day = document.getElementById('map5day'); var map6day = document.getElementById('map6day'); var btn5day = document.getElementById('btn5day'); var btn6day = document.getElementById('btn6day'); if (!map5day || !map6day) return; if (option === '5day') { map5day.style.display = 'block'; map6day.style.display = 'none'; btn5day.style.cssText += 'background:rgba(201,168,76,.15);border-color:rgba(201,168,76,.4);color:#4a2e01;'; btn6day.style.cssText += 'background:transparent;border-color:rgba(201,168,76,.2);color:#A0A0A0;'; } else { map5day.style.display = 'none'; map6day.style.display = 'block'; btn5day.style.cssText += 'background:transparent;border-color:rgba(201,168,76,.2);color:#A0A0A0;'; btn6day.style.cssText += 'background:rgba(201,168,76,.15);border-color:rgba(201,168,76,.4);color:#4a2e01;'; } } </script> <script type="text/javascript" data-cfasync="false"> (function () { var loaded = false; function loadTawk() { if (loaded) return; loaded = true; window.Tawk_API = window.Tawk_API || {}; window.Tawk_LoadStart = new Date(); window.Tawk_API.onLoad = window.Tawk_API.onLoad || function () { if (typeof window.Tawk_API.showWidget === 'function') window.Tawk_API.showWidget(); }; var script = document.createElement('script'); script.async = true; script.src = 'https://embed.tawk.to/66d03697ea492f34bc0b4e6c/1i6elagmc'; script.charset = 'UTF-8'; script.referrerPolicy = 'no-referrer-when-downgrade'; var firstScript = document.getElementsByTagName('script')[0]; if (firstScript && firstScript.parentNode) firstScript.parentNode.insertBefore(script, firstScript); else document.head.appendChild(script); } window.addEventListener('load', function () { window.setTimeout(loadTawk, 15000); }, { once: true }); ['pointerdown', 'touchstart'].forEach(function (eventName) { window.addEventListener(eventName, loadTawk, { once: true, passive: true }); }); }()); </script> <style id="ht-tawk-zindex-guard"> iframe[src*="tawk.to"], iframe[title*="chat"], #tawkchat-container, .tawk-min-container, .tawk-button, .tawk-widget { z-index: 2147483647 !important; } </style> <style id="ht-global-font-override"> @font-face { font-family: 'MuseoSans'; src: url('../fonts/MuseoSans_500.otf') format('opentype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'MuseoSans'; src: url('../fonts/MuseoSans_700.otf') format('opentype'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'DK Liquid Embrace'; src: url('../fonts/DK Liquid Embrace.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } :root { --font-display: 'MuseoSans', Arial, sans-serif; --font-body: 'MuseoSans', Arial, sans-serif; --font-serif: 'MuseoSans', Arial, sans-serif; --font-sans: 'MuseoSans', Arial, sans-serif; --ff-d: 'MuseoSans', Arial, sans-serif; --ff-b: 'MuseoSans', Arial, sans-serif; --f-display: 'MuseoSans', Arial, sans-serif; --f-body: 'MuseoSans', Arial, sans-serif; --f-mono: 'MuseoSans', Arial, sans-serif; --togo-ff-body: 'MuseoSans', Arial, sans-serif; --togo-ff-heading: 'MuseoSans', Arial, sans-serif; --togo-ff-p: 'MuseoSans', Arial, sans-serif; --togo-ff-outfit: 'MuseoSans', Arial, sans-serif; --togo-ff-marcellus: 'MuseoSans', Arial, sans-serif; --togo-ff-jost: 'MuseoSans', Arial, sans-serif; --togo-ff-playfair: 'MuseoSans', Arial, sans-serif; --togo-ff-otomanopee: 'MuseoSans', Arial, sans-serif; } html,body,body *,section,section *,header,header *,nav,nav *,main,main *,footer,footer *,article,article *,aside,aside *,div,p,a,li,span,button,input,textarea,select,option,label,small,strong,em,table,thead,tbody,tr,th,td,blockquote,figcaption,.card,.card *,.tour-card,.tour-card *,.site-header,.site-header *,.site-footer,.site-footer *,.hero,.hero *,.luitours-hero,.luitours-hero *,.page-hero,.page-hero *,.mega-menu,.mega-menu *,.menu,.menu *,.nav,.nav *,.subtitle,.section-subtitle,.hero-subtitle,.tour-description,.price-table,.price-table *,.tour-price-table,.tour-price-table * { font-family: 'MuseoSans', Arial, sans-serif; } html body, html body * { font-family: 'MuseoSans', Arial, sans-serif !important; } html body h1, html body h2 { font-family: 'MuseoSans', Arial, sans-serif !important; font-weight: 700; } html body h3, html body h3 *, html body h4, html body h4 *, html body h5, html body h5 *, html body h6, html body h6 * { font-family: 'DK Liquid Embrace', 'MuseoSans', Arial, sans-serif !important; font-weight: normal; } html body .fa, html body .fa::before, html body .fas, html body .fas::before, html body .fa-solid, html body .fa-solid::before { font-family: 'Font Awesome 6 Free' !important; font-weight: 900 !important; } html body .far, html body .far::before, html body .fa-regular, html body .fa-regular::before { font-family: 'Font Awesome 6 Free' !important; font-weight: 400 !important; } html body .fab, html body .fab::before, html body .fa-brands, html body .fa-brands::before { font-family: 'Font Awesome 6 Brands' !important; font-weight: 400 !important; } html body [class^='icon_']::before, html body [class*=' icon_']::before, html body [data-icon]::before { font-family: 'ElegantIcons' !important; } </style> </body> <script> var WA_CONFIG = { phone: "255713334154", name: "Tým podpory", role: "Cestovní konzultant", avatar: "", initials: "ST", greeting: "Dobrý den!\nVítejte! Rádi vám pomůžeme.\nJak vám dnes můžeme pomoci?", placeholder: "Napište zprávu...", replyLabel: "Obvykle odpovídá během několika minut", preCanned: [ "Chci naplánovat cestu", "Chci rezervovat zájezd", "Mám otázku", "Chci si domluvit hovor" ] }; </script> <style> #wlc *,#wlc *::before,#wlc *::after{box-sizing:border-box;margin:0;padding:0;font-family: 'MuseoSans', Arial, sans-serif;} #wlc{ --wa-green: #25D366; --wa-green-dk: #1aad55; --wa-teal: #075E54; --wa-teal-md: #C9A227; --wa-chat-bg: #0d1b17; --wa-panel-bg: #111b21; --wa-header-bg: #202c33; --wa-input-bg: #2a3942; --wa-bubble-in: #202c33; --wa-text: #e9edef; --wa-text-sec: #8696a0; --wa-text-dim: #667781; --wa-border: rgba(134,150,160,.15); --wa-shadow: 0 28px 80px rgba(0,0,0,.6), 0 8px 24px rgba(0,0,0,.4); --rad: 16px; position:fixed; bottom:28px; left:28px; display:flex; flex-direction:column; align-items:flex-start; gap:14px; } #wlc { pointer-events: none; z-index: 9999; } #wlc * { pointer-events: auto; } #wlc { width: auto; max-width: calc(100vw - 40px); } #wlc-panel{ width:345px; background:var(--wa-panel-bg); border-radius:var(--rad); box-shadow:var(--wa-shadow); overflow:hidden; transform-origin:bottom left; transition:transform .38s cubic-bezier(.34,1.56,.64,1), opacity .28s ease; } #wlc-panel.wlc-hide{ transform: scale(.68) translateY(30px); opacity: 0; pointer-events: none; visibility: hidden; } #wlc-head{ background:var(--wa-header-bg); padding:13px 16px; display:flex; align-items:center; gap:12px; border-bottom:1px solid var(--wa-border); } #wlc-head-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0;} #wlc-avatar{ width:42px; height:42px; border-radius:50%; background:linear-gradient(145deg, var(--wa-teal), var(--wa-green)); display:flex; align-items:center; justify-content:center; flex-shrink:0; position:relative; overflow:hidden; border:2px solid rgba(37,211,102,.3); } #wlc-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;} .wlc-ini{color:#fff;font-size:14px;font-weight:700;} #wlc-online{ position:absolute; bottom:0; right:0; width:12px; height:12px; border-radius:50%; background:var(--wa-green); border:2px solid var(--wa-header-bg); animation:wlcOnline 2.4s ease-in-out infinite; } @keyframes wlcOnline{0%,100%{opacity:1}50%{opacity:.3}} #wlc-name-wrap{flex:1;min-width:0;} #wlc-name{color:var(--wa-text);font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #wlc-status{ color:var(--wa-green);font-size:11.5px;font-weight:600; display:flex;align-items:center;gap:5px;margin-top:1px; } #wlc-status::before{ content:'';width:6px;height:6px;border-radius:50%; background:var(--wa-green);display:inline-block;flex-shrink:0; animation:wlcOnline 2.4s ease-in-out infinite; box-shadow:0 0 5px rgba(37,211,102,.5); } #wlc-head-actions{display:flex;align-items:center;gap:4px;} .wlc-head-btn{ background:transparent;border:none;cursor:pointer; color:var(--wa-text-sec); width:34px;height:34px;border-radius:50%; display:flex;align-items:center;justify-content:center; transition:background .15s,color .15s; } .wlc-head-btn:hover{background:rgba(255,255,255,.06);color:var(--wa-text);} .wlc-head-btn svg{width:19px;height:19px;} #wlc-body{ background:var(--wa-chat-bg); padding:16px 14px 12px; min-height:185px; position:relative; overflow:hidden; } #wlc-body::before{ content:'';position:absolute;inset:0; background-image: url('data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cg fill='%2325d366' fill-opacity='0.04'%3E%3Ccircle cx='10' cy='10' r='3'/%3E%3Ccircle cx='50' cy='10' r='3'/%3E%3Ccircle cx='30' cy='30' r='3'/%3E%3Ccircle cx='70' cy='30' r='3'/%3E%3Ccircle cx='10' cy='50' r='3'/%3E%3Ccircle cx='50' cy='50' r='3'/%3E%3Ccircle cx='30' cy='70' r='3'/%3E%3Ccircle cx='70' cy='70' r='3'/%3E%3C/g%3E%3C/svg%3E'); pointer-events:none; } #wlc-date-pill{ display:flex;justify-content:center;margin-bottom:14px; position:relative;z-index:1; } #wlc-date-pill span{ background:rgba(17,27,33,.9); border:1px solid rgba(134,150,160,.18); color:var(--wa-text-sec); font-size:11px;font-weight:700;letter-spacing:.07em; padding:4px 14px;border-radius:50px; text-transform:uppercase; } #wlc-typing{ display:flex;align-items:center;gap:5px; padding:11px 14px; background:var(--wa-bubble-in); border-radius:2px 14px 14px 14px; width:fit-content; position:relative;z-index:1; box-shadow:0 1px 4px rgba(0,0,0,.3); } #wlc-typing::before{ content:'';position:absolute;top:0;left:-7px; border-width:0 8px 8px 0;border-style:solid; border-color:transparent var(--wa-bubble-in) transparent transparent; } .wlc-dot{ width:7px;height:7px;border-radius:50%;background:var(--wa-text-dim); animation:wlcBounce 1.4s ease-in-out infinite; } .wlc-dot:nth-child(2){animation-delay:.22s} .wlc-dot:nth-child(3){animation-delay:.44s} @keyframes wlcBounce{ 0%,60%,100%{transform:translateY(0);background:var(--wa-text-dim);} 30%{transform:translateY(-7px);background:var(--wa-green);} } #wlc-bubble-wrap{ position:relative;z-index:1; opacity:0;transform:translateY(10px); animation:wlcUp .4s ease forwards; } #wlc-bubble-wrap.wlc-hide{display:none;} @keyframes wlcUp{to{opacity:1;transform:translateY(0);}} #wlc-bubble{ background:var(--wa-bubble-in); border-radius:2px 14px 14px 14px; padding:10px 13px 8px; display:inline-block; max-width:295px; box-shadow:0 2px 6px rgba(0,0,0,.3); position:relative; } #wlc-bubble::before{ content:'';position:absolute;top:0;left:-7px; border-width:0 8px 8px 0;border-style:solid; border-color:transparent var(--wa-bubble-in) transparent transparent; } #wlc-bubble-text{color:var(--wa-text);font-size:13.5px;line-height:1.58;white-space:pre-line;} #wlc-bubble-meta{ font-size:11px;color:var(--wa-text-dim); text-align:right;margin-top:5px; display:flex;align-items:center;justify-content:flex-end;gap:3px; } #wlc-bubble-meta svg{width:15px;height:15px;} #wlc-chips{ display:flex;flex-wrap:wrap;gap:7px; margin-top:13px; position:relative;z-index:1; opacity:0;transform:translateY(8px); animation:wlcUp .4s ease .22s forwards; } #wlc-chips.wlc-hide{display:none;} .wlc-chip{ background:var(--wa-bubble-in); border:1.5px solid rgba(37,211,102,.35); color:var(--wa-green); font-size:12px;font-weight:600; padding:7px 14px;border-radius:50px; cursor:pointer; transition:background .18s,border-color .18s,transform .15s,box-shadow .15s; white-space:nowrap; box-shadow:0 2px 8px rgba(0,0,0,.2); } .wlc-chip:hover{ background:rgba(37,211,102,.14); border-color:var(--wa-green); transform:translateY(-2px); box-shadow:0 4px 14px rgba(37,211,102,.2); } .wlc-chip:active{transform:translateY(0);} #wlc-compose{ background:var(--wa-header-bg); padding:10px 12px 13px; border-top:1px solid var(--wa-border); } #wlc-input-row{display:flex;align-items:center;gap:8px;} #wlc-input-wrap{ flex:1; background:var(--wa-input-bg); border-radius:24px; display:flex;align-items:center; padding:0 12px 0 14px; border:1.5px solid transparent; transition:border-color .2s; } #wlc-input-wrap:focus-within{border-color:rgba(37,211,102,.4);} #wlc-input{ flex:1;background:transparent;border:none;outline:none; color:var(--wa-text);font-size:13.5px; font-family: 'MuseoSans', Arial, sans-serif; caret-color:var(--wa-green); padding:11px 6px 11px 0; } #wlc-input::placeholder{color:var(--wa-text-dim);} #wlc-emoji-btn{ background:transparent;border:none;cursor:pointer; font-size:19px;line-height:1; display:flex;align-items:center; transition:transform .15s; flex-shrink:0; } #wlc-emoji-btn:hover{transform:scale(1.2);} #wlc-send{ width:44px;height:44px;border-radius:50%; background:var(--wa-green);border:none;cursor:pointer; display:flex;align-items:center;justify-content:center; flex-shrink:0; transition:background .18s,transform .18s,box-shadow .18s; box-shadow:0 4px 14px rgba(37,211,102,.35); } #wlc-send:hover{background:var(--wa-green-dk);transform:scale(1.08);box-shadow:0 6px 20px rgba(37,211,102,.45);} #wlc-send:active{transform:scale(.96);} #wlc-send svg{width:18px;height:18px;} #wlc-footer-note{ font-size:11px;color:var(--wa-text-dim); text-align:center;margin-top:9px; display:flex;align-items:center;justify-content:center;gap:5px; } #wlc-footer-note svg{width:13px;height:13px;flex-shrink:0;fill:var(--wa-green);} #wlc-footer-note a{color:var(--wa-green);text-decoration:none;font-weight:600;} #wlc-footer-note a:hover{text-decoration:underline;} #wlc-fab-row{display:flex;align-items:center;gap:11px;} #wlc-pill{ background:var(--wa-header-bg); color:var(--wa-text); border:1px solid var(--wa-border); font-size:13px;font-weight:600; padding:10px 18px 10px 14px; border-radius:50px;cursor:pointer; box-shadow:0 6px 24px rgba(0,0,0,.5); white-space:nowrap; transition:background .18s,transform .15s,box-shadow .18s; animation:wlcPillIn .55s cubic-bezier(.34,1.56,.64,1) .5s both; display:flex;align-items:center;gap:8px; } @keyframes wlcPillIn{ from{opacity:0;transform:translateX(-16px);} to{opacity:1;transform:translateX(0);} } #wlc-pill:hover{background:var(--wa-input-bg);transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,0,0,.55);} #wlc-pill-dot{ width:8px;height:8px;border-radius:50%; background:var(--wa-green);flex-shrink:0; animation:wlcOnline 2.4s ease-in-out infinite; box-shadow:0 0 6px rgba(37,211,102,.5); } #wlc-fab{ width:62px;height:62px;border-radius:50%; background:var(--wa-green);border:none;cursor:pointer; display:flex;align-items:center;justify-content:center; position:relative;flex-shrink:0; box-shadow:0 8px 30px rgba(37,211,102,.5), 0 3px 12px rgba(0,0,0,.3); transition:transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .2s; } #wlc-fab:hover{ transform:scale(1.12) translateY(-4px); box-shadow:0 14px 40px rgba(37,211,102,.6),0 4px 16px rgba(0,0,0,.35); } #wlc-fab:active{transform:scale(.96);} #wlc-fab::before{ content:'';position:absolute;inset:5px;border-radius:50%; background:radial-gradient(circle at 35% 35%, rgba(255,255,255,.22), transparent 65%); pointer-events:none; } #wlc-fab svg.wlc-ico{width:34px;height:34px;transition:transform .28s,opacity .22s;} #wlc-fab.wlc-open svg.wlc-ico{transform:scale(.7) rotate(45deg);opacity:.5;} .wlc-ring{ position:absolute;border-radius:50%; border:2px solid rgba(37,211,102,.45); animation:wlcRing 2.8s ease-out infinite; pointer-events:none; } .wlc-ring.a{inset:-10px;} .wlc-ring.b{inset:-20px;animation-delay:1.05s;border-color:rgba(37,211,102,.2);} @keyframes wlcRing{ 0%{transform:scale(.78);opacity:1;} 70%{transform:scale(1.1);opacity:0;} 100%{transform:scale(1.1);opacity:0;} } #wlc-badge{ position:absolute;top:-5px;right:-5px; width:21px;height:21px;border-radius:50%; background:#ef4444;color:#fff; font-size:11px;font-weight:700; display:flex;align-items:center;justify-content:center; border:2.5px solid #0d1b17; animation:wlcBadge .4s cubic-bezier(.34,1.56,.64,1) 1.3s both; pointer-events:none; } @keyframes wlcBadge{from{transform:scale(0);opacity:0;}to{transform:scale(1);opacity:1;}} #wlc-badge.wlc-hide{display:none;} @media(max-width:480px){ #wlc{bottom:16px;left:16px;} #wlc-panel{width:calc(100vw - 32px);max-width:345px;} #wlc-pill{display:none;} #wlc-fab{width:56px;height:56px;} } </style> <div id="wlc" role="complementary" aria-label="Živý chat WhatsApp"> <div id="wlc-panel" class="wlc-hide" role="dialog" aria-modal="true" aria-label="Chatujte s námi na WhatsApp"> <div id="wlc-head"> <div id="wlc-head-left"> <div id="wlc-avatar"></div> <div id="wlc-name-wrap"> <div id="wlc-name"></div> <div id="wlc-status">Online</div> </div> </div> <div id="wlc-head-actions"> <button class="wlc-head-btn" id="wlc-call-btn" aria-label="Volejte přes WhatsApp"> <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.6 21 3 13.4 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1L6.6 10.8z" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> <button class="wlc-head-btn" onclick="WLC.close()" aria-label="Zavřít chat"> <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M18 6L6 18M6 6l12 12" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> </svg> </button> </div> </div> <div id="wlc-body"> <div id="wlc-date-pill"><span>I Den</span></div> <div id="wlc-typing"> <span class="wlc-dot"></span> <span class="wlc-dot"></span> <span class="wlc-dot"></span> </div> <div id="wlc-bubble-wrap" class="wlc-hide"> <div id="wlc-bubble"> <div id="wlc-bubble-text"></div> <div id="wlc-bubble-meta"> <span id="wlc-time"></span> <svg viewBox="0 0 18 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 5.5L5.5 10L17 1" stroke="#C9A227" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.5 10L14 5.5" stroke="#C9A227" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> <div id="wlc-chips"></div> </div> </div> <div id="wlc-compose"> <div id="wlc-input-row"> <div id="wlc-input-wrap"> <button id="wlc-emoji-btn" aria-label="Emoji"><i class="fa-solid fa-star" aria-hidden="true"></i></button> <input id="wlc-input" type="text" autocomplete="off" aria-label="Napište zprávu"/> </div> <button id="wlc-send" aria-label="Odeslat na WhatsApp"> <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M22 2L11 13M22 2L15 22L11 13M22 2L2 9L11 13" stroke="white" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> </div> <div id="wlc-footer-note"> <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M12 2C6.48 2 2 6.48 2 12c0 1.54.36 3 1 4.3L2 22l5.7-1C9 21.64 10.46 22 12 22c5.52 0 10-4.48 10-10S17.52 2 12 2z"/> </svg> <span id="wlc-reply-label"></span> · <a href="https://wa.me/255713334154" id="wlc-wa-link" target="_blank" rel="noopener">Otevřete WhatsApp</a> </div> </div> </div> <div id="wlc-fab-row"> <button id="wlc-pill" onclick="WLC.open()" aria-label="Otevřete chat WhatsApp"> <span id="wlc-pill-dot"></span> <span>Chat s os</span> </button> <button id="wlc-fab" onclick="WLC.toggle()" aria-label="WhatsApp chat"> <span class="wlc-ring a" aria-hidden="true"></span> <span class="wlc-ring b" aria-hidden="true"></span> <span id="wlc-badge" aria-label="1 nová zpráva">1</span> <svg class="wlc-ico" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M16 3C8.82 3 3 8.82 3 16c0 2.36.64 4.57 1.75 6.48L3 29l6.72-1.71A13 13 0 0016 29c7.18 0 13-5.82 13-13S23.18 3 16 3z" fill="rgba(255,255,255,.12)"/> <path d="M16 4.8C9.82 4.8 4.8 9.82 4.8 16c0 2.1.57 4.06 1.56 5.75L4.8 27.2l5.6-1.54A11.14 11.14 0 0016 27.2c6.18 0 11.2-5.02 11.2-11.2S22.18 4.8 16 4.8z" fill="white"/> <path d="M22 19.5c-.28-.14-1.66-.82-1.92-.91-.26-.1-.44-.14-.63.14s-.72.91-.88 1.1c-.16.18-.32.2-.6.07-.28-.14-1.2-.44-2.28-1.41-.84-.75-1.41-1.67-1.57-1.96-.16-.28-.02-.43.12-.57.12-.12.28-.32.42-.48.14-.16.18-.28.28-.47.1-.18.05-.35-.02-.49-.07-.14-.63-1.52-.86-2.08-.23-.55-.46-.47-.63-.48l-.54-.01c-.18 0-.48.07-.74.35-.25.27-.97.95-.97 2.33s.99 2.7 1.13 2.89c.14.18 1.96 2.99 4.75 4.2.66.28 1.18.45 1.58.58.67.21 1.28.18 1.76.11.54-.08 1.65-.67 1.88-1.33.23-.65.23-1.21.16-1.33-.07-.11-.25-.18-.53-.32z" fill="#25D366"/> </svg> </button> </div> </div> <script> (function(){ if (typeof WA_CONFIG === 'undefined') return; var cfg = WA_CONFIG; var isOpen = false; function $id(id){ return document.getElementById(id); } function now(){ var d=new Date(),h=d.getHours(),m=d.getMinutes(); var ap=h>=12?'PM':'AM'; h=h%12||12; return h+':'+(m<10?'0'+m:m)+' '+ap; } function waLink(txt){ return 'https://wa.me/'+cfg.phone+'?text='+encodeURIComponent(txt||cfg.greeting.replace(/\n/g,' ')); } $id('wlc-name').textContent = cfg.name; $id('wlc-bubble-text').textContent = cfg.greeting; $id('wlc-reply-label').textContent = cfg.replyLabel; $id('wlc-input').placeholder = cfg.placeholder; $id('wlc-wa-link').href = waLink(); $id('wlc-call-btn').onclick = function(){ window.open('https://wa.me/'+cfg.phone,'_blank','noopener'); }; var av = $id('wlc-avatar'); var onlineDot = document.createElement('span'); onlineDot.id = 'wlc-online'; if(cfg.avatar){ var img=document.createElement('img'); img.src=cfg.avatar; img.alt=cfg.name; av.appendChild(img); } else { var ini=document.createElement('span'); ini.className='wlc-ini'; ini.textContent=(cfg.initials||cfg.name.slice(0,2)).toUpperCase(); av.appendChild(ini); } av.appendChild(onlineDot); var chipsEl=$id('wlc-chips'); if(cfg.preCanned&&cfg.preCanned.length){ cfg.preCanned.forEach(function(label){ var btn=document.createElement('button'); btn.className='wlc-chip'; btn.textContent=label; btn.onclick=function(){ window.open(waLink(label),'_blank','noopener'); }; chipsEl.appendChild(btn); }); } else { chipsEl.classList.add('wlc-hide'); } window.WLC = { open: function(){ if(isOpen) return; isOpen = true; $id('wlc-panel').classList.remove('wlc-hide'); $id('wlc-badge').classList.add('wlc-hide'); $id('wlc-fab').classList.add('wlc-open'); $id('wlc-pill').style.display='none'; var typing=$id('wlc-typing'), bwrap=$id('wlc-bubble-wrap'); typing.style.display='flex'; bwrap.classList.add('wlc-hide'); $id('wlc-time').textContent=now(); setTimeout(function(){ typing.style.display='none'; bwrap.classList.remove('wlc-hide'); bwrap.style.animation='none'; requestAnimationFrame(function(){ bwrap.style.animation=''; }); }, 1700); }, close: function(){ if(!isOpen) return; isOpen=false; $id('wlc-panel').classList.add('wlc-hide'); $id('wlc-fab').classList.remove('wlc-open'); $id('wlc-pill').style.display=''; }, toggle: function(){ isOpen ? WLC.close() : WLC.open(); } }; function send(){ var input=$id('wlc-input'); var msg=input.value.trim(); window.open(waLink(msg),'_blank','noopener'); input.value=''; input.focus(); } $id('wlc-send').onclick=send; $id('wlc-input').onkeydown=function(e){ if(e.key==='Enter'){ e.preventDefault(); send(); }}; document.addEventListener('keydown',function(e){ if(e.key==='Escape'&&isOpen) WLC.close(); }); document.addEventListener('click',function(e){ var root=$id('wlc'); if(isOpen&&root&&!root.contains(e.target)) WLC.close(); }); })(); </script> <style> </style> <script> (function(){ var footerHeader = document.getElementById('mainHeader'); if (!footerHeader) return; window.addEventListener('scroll', function(){ footerHeader.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> <style id="ht-mobile-responsive-fixes"> .ht-header, .ht-mobile-overlay, .ht-mobile-menu, .togo-footer-sec { max-width: 100vw; } .ht-header *, .ht-mobile-menu *, .togo-footer-sec * { box-sizing: border-box; min-width: 0; } .ht-mobile-overlay { position: fixed; inset: 0; z-index: 9998; opacity: 0; visibility: hidden; pointer-events: none; } .ht-mobile-overlay.active { opacity: 1; visibility: visible; pointer-events: auto; } .ht-mobile-menu { position: fixed; top: 0; right: 0; bottom: 0; z-index: 9999; transform: translateX(100%); visibility: hidden; pointer-events: none; } .ht-mobile-menu:not(.active), .ht-mobile-flags__panel:not(.active) { display: none !important; } .ht-mobile-menu.active { display: flex !important; } .ht-mobile-flags__panel.active { display: block !important; } @media (max-width: 430px) { .ht-mobile-flags__panel.active { position: fixed !important; top: calc(var(--header-h-mob, 60px) + 8px) !important; left: 12px !important; right: 12px !important; width: auto !important; max-width: none !important; } } .ht-mobile-menu.active { transform: translateX(0); visibility: visible; pointer-events: auto; } .ht-mobile-menu__content { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; } .ht-mobile-lang__scroll, .ht-mobile-flags__list, .ht-lang__dropdown { overscroll-behavior: contain; -webkit-overflow-scrolling: touch; } .togo-footer-links a, .togo-footer-copy, .togo-footer-policies a { overflow-wrap: anywhere; word-break: normal; } @media (max-width: 768px) { .ht-header__container { width: 100%; padding-left: clamp(14px, 4vw, 20px) !important; padding-right: clamp(14px, 4vw, 20px) !important; gap: 10px !important; } .ht-logo img, .logo_normal { max-width: min(150px, 46vw) !important; height: auto !important; } .ht-actions { gap: 8px !important; flex-shrink: 0; } .ht-mobile-toggle { width: 42px !important; height: 42px !important; flex: 0 0 42px; } .ht-mobile-menu { width: min(100vw, 420px) !important; max-width: 100vw !important; height: 100dvh; } .ht-mobile-menu__header, .ht-mobile-cta { padding-left: 14px !important; padding-right: 14px !important; } .ht-mobile-menu__content { padding: 14px !important; } .ht-mobile-item__header, .ht-mobile-link { gap: 10px !important; } .ht-mobile-item__title, .ht-mobile-link { line-height: 1.35; } } </style> <style id="ht-tour-mobile-performance-fixes"> html, body { max-width: 100%; overflow-x: clip; } *, *::before, *::after { box-sizing: border-box; } img, picture, video, iframe, canvas, svg { max-width: 100%; } img, video { height: auto; } table { max-width: 100%; } main, section, article, aside, header, footer, .container, .ht-container, .row, [class*="container"], [class*="wrapper"], [class*="content"], [class*="itinerary"], [class*="tour"], [class*="price"], [class*="include"], [class*="exclude"], [class*="accommodation"] { min-width: 0; } p, li, a, h1, h2, h3, h4, h5, h6, td, th, span, strong, em { overflow-wrap: break-word; } .togo-footer-sec, .togo-footer-sec p, .togo-footer-copy, .togo-footer-rating, .togo-footer-social-bar span, .togo-footer-emergency p, .togo-footer-col p { color: #333333 !important; } .togo-footer-links a, .togo-footer-policies a, .togo-footer-trust a, .togo-footer-emergency a, .togo-footer-col a[href^="mailto:"], .togo-footer-col a[href^="tel:"] { color: #4a3600 !important; } .togo-footer-links a:hover, .togo-footer-policies a:hover, .togo-footer-trust a:hover, .togo-footer-emergency a:hover { color: #6b4e00 !important; } #newsletterBtn, .togo-btn-consult { background: #6b4e00 !important; border-color: #6b4e00 !important; color: #ffffff !important; } .togo-btn-green, .togo-footer-buttons .togo-btn-green, .togo-footer-col .togo-footer-buttons a.togo-btn-green, a.togo-btn-green { background: #1b5e20 !important; border-color: #1b5e20 !important; color: #ffffff !important; } .btn-hero-wa, a[href*="wa.me"], a[href*="api.whatsapp.com"], .whatsapp, .whatsapp-btn { color: #ffffff !important; } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: 0.001ms !important; } } @media (max-width: 768px) { body.ht-sticky-booking-ready { padding-bottom: calc(92px + env(safe-area-inset-bottom, 0px)) !important; } .ht-sticky-booking-trigger { position: fixed !important; left: max(12px, env(safe-area-inset-left, 0px)) !important; right: max(12px, env(safe-area-inset-right, 0px)) !important; bottom: max(12px, env(safe-area-inset-bottom, 0px)) !important; width: auto !important; max-width: none !important; min-height: 52px !important; z-index: 9997 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; border-radius: 999px !important; padding: 14px 18px !important; font-size: clamp(15px, 4vw, 17px) !important; line-height: 1.2 !important; text-align: center !important; white-space: normal !important; box-shadow: 0 14px 34px rgba(24, 18, 8, 0.28) !important; touch-action: manipulation !important; } .bm-open ~ .ht-sticky-booking-trigger, .sm-open ~ .ht-sticky-booking-trigger, body:has(.sm-open) .ht-sticky-booking-trigger, body:has(.bm-open) .ht-sticky-booking-trigger { opacity: 0; pointer-events: none; } .container, .ht-container, [class*="container"], [class*="wrapper"], [class*="content"], [class*="grid"], [class*="row"], [class*="col-"], aside, main, section, article { max-width: 100% !important; } [class*="grid"], [class*="cards"], [class*="columns"], [class*="layout"] { grid-template-columns: minmax(0, 1fr) !important; } [class*="row"], [class*="flex"], [class*="layout"] { flex-wrap: wrap !important; } table:not(.bm-form table) { display: block !important; width: 100% !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch; } .ct, table.ct, .itinerary table, [class*="itinerary"] table { border-collapse: separate !important; border-spacing: 0 12px !important; overflow: visible !important; } .ct thead, .itinerary table thead, [class*="itinerary"] table thead { display: none !important; } .ct tbody, .ct tr, .ct td, .ct th, .itinerary table tbody, .itinerary table tr, .itinerary table td, .itinerary table th, [class*="itinerary"] table tbody, [class*="itinerary"] table tr, [class*="itinerary"] table td, [class*="itinerary"] table th { display: block !important; width: 100% !important; } .ct tr, .itinerary table tr, [class*="itinerary"] table tr { border: 1px solid rgba(93, 63, 18, 0.14) !important; border-radius: 14px !important; padding: 12px !important; background: rgba(255, 255, 255, 0.86) !important; } .ct td, .ct th, .itinerary table td, .itinerary table th, [class*="itinerary"] table td, [class*="itinerary"] table th { border: 0 !important; padding: 8px 0 !important; white-space: normal !important; } [class*="tab"], [role="tablist"] { max-width: 100% !important; } [role="tablist"], .tab-buttons, .tabs, .itinerary-tabs { overflow-x: auto !important; -webkit-overflow-scrolling: touch; } button, .btn, [class*="btn"], .bf, .btn-p, .btn-s { min-height: 44px; max-width: 100%; white-space: normal; } } @media (max-width: 430px) { body { font-size: 16px; } h1 { font-size: clamp(30px, 10vw, 42px) !important; } h2 { font-size: clamp(24px, 8vw, 34px) !important; } } @media (max-width: 390px) { .ht-sticky-booking-trigger { left: 10px !important; right: 10px !important; bottom: 10px !important; } } @media (max-width: 375px) { .ht-container, .container, [class*="container"] { padding-left: 12px !important; padding-right: 12px !important; } } @media (max-width: 360px) { .ht-sticky-booking-trigger { font-size: 15px !important; padding-left: 14px !important; padding-right: 14px !important; } } </style> <script id="ht-booking-protection-js"> (function () { function isEditable(target) { return !!(target && target.closest && target.closest('input, textarea, select, option, [contenteditable="true"], [contenteditable=""], .bm-card, .bm-card *, .sm-card, .sm-card *, form, form *')); } function normalizeBookingButtons() { var openButtons = Array.prototype.slice.call(document.querySelectorAll('#openModal')); openButtons.forEach(function (button, index) { if (index > 0) { button.removeAttribute('id'); button.classList.add('open-booking-modal'); button.setAttribute('data-open-booking', ''); } }); var triggers = Array.prototype.slice.call(document.querySelectorAll('#openModal, .open-booking-modal, [data-open-booking], button.bf, a.bf')); triggers.forEach(function (trigger) { var text = (trigger.textContent || '').trim() || 'Book This Trip'; if (/book|plan/i.test(text) || trigger.id === 'openModal' || trigger.classList.contains('bf')) { trigger.classList.add('ht-sticky-booking-trigger'); trigger.setAttribute('aria-label', trigger.getAttribute('aria-label') || text); if (trigger.tagName === 'BUTTON' && !trigger.getAttribute('type')) trigger.setAttribute('type', 'button'); } }); if (document.querySelector('.ht-sticky-booking-trigger')) { document.body.classList.add('ht-sticky-booking-ready'); } } function protectShortcuts(event) { if (isEditable(event.target)) return; var key = (event.key || '').toLowerCase(); var blocked = key === 'f12' || ((event.ctrlKey || event.metaKey) && ['u','s','c'].indexOf(key) !== -1) || ((event.ctrlKey || event.metaKey) && event.shiftKey && ['i','c','j'].indexOf(key) !== -1); if (blocked) { event.preventDefault(); event.stopPropagation(); } } function protectPointer(event) { if (!isEditable(event.target)) event.preventDefault(); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', normalizeBookingButtons); } else { normalizeBookingButtons(); } document.addEventListener('contextmenu', protectPointer, true); document.addEventListener('selectstart', protectPointer, true); document.addEventListener('copy', protectPointer, true); document.addEventListener('cut', protectPointer, true); document.addEventListener('dragstart', protectPointer, true); document.addEventListener('keydown', protectShortcuts, true); })(); </script> <style id="ht-global-font-override"> @font-face { font-family: 'MuseoSans'; src: url('../fonts/MuseoSans_500.otf') format('opentype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'MuseoSans'; src: url('../fonts/MuseoSans_700.otf') format('opentype'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'DK Liquid Embrace'; src: url('../fonts/DK Liquid Embrace.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } :root { --font-display: 'MuseoSans', Arial, sans-serif; --font-body: 'MuseoSans', Arial, sans-serif; --font-serif: 'MuseoSans', Arial, sans-serif; --font-sans: 'MuseoSans', Arial, sans-serif; --ff-d: 'MuseoSans', Arial, sans-serif; --ff-b: 'MuseoSans', Arial, sans-serif; --f-display: 'MuseoSans', Arial, sans-serif; --f-body: 'MuseoSans', Arial, sans-serif; --f-mono: 'MuseoSans', Arial, sans-serif; --togo-ff-body: 'MuseoSans', Arial, sans-serif; --togo-ff-heading: 'MuseoSans', Arial, sans-serif; --togo-ff-p: 'MuseoSans', Arial, sans-serif; --togo-ff-outfit: 'MuseoSans', Arial, sans-serif; --togo-ff-marcellus: 'MuseoSans', Arial, sans-serif; --togo-ff-jost: 'MuseoSans', Arial, sans-serif; --togo-ff-playfair: 'MuseoSans', Arial, sans-serif; --togo-ff-otomanopee: 'MuseoSans', Arial, sans-serif; } html,body,body *,section,section *,header,header *,nav,nav *,main,main *,footer,footer *,article,article *,aside,aside *,div,p,a,li,span,button,input,textarea,select,option,label,small,strong,em,table,thead,tbody,tr,th,td,blockquote,figcaption,.card,.card *,.tour-card,.tour-card *,.site-header,.site-header *,.site-footer,.site-footer *,.hero,.hero *,.luitours-hero,.luitours-hero *,.page-hero,.page-hero *,.mega-menu,.mega-menu *,.menu,.menu *,.nav,.nav *,.subtitle,.section-subtitle,.hero-subtitle,.tour-description,.price-table,.price-table *,.tour-price-table,.tour-price-table * { font-family: 'MuseoSans', Arial, sans-serif; } html body, html body * { font-family: 'MuseoSans', Arial, sans-serif !important; } html body h1, html body h2 { font-family: 'MuseoSans', Arial, sans-serif !important; font-weight: 700; } html body h3, html body h3 *, html body h4, html body h4 *, html body h5, html body h5 *, html body h6, html body h6 * { font-family: 'DK Liquid Embrace', 'MuseoSans', Arial, sans-serif !important; font-weight: normal; } html body .fa, html body .fa::before, html body .fas, html body .fas::before, html body .fa-solid, html body .fa-solid::before { font-family: 'Font Awesome 6 Free' !important; font-weight: 900 !important; } html body .far, html body .far::before, html body .fa-regular, html body .fa-regular::before { font-family: 'Font Awesome 6 Free' !important; font-weight: 400 !important; } html body .fab, html body .fab::before, html body .fa-brands, html body .fa-brands::before { font-family: 'Font Awesome 6 Brands' !important; font-weight: 400 !important; } html body [class^='icon_']::before, html body [class*=' icon_']::before, html body [data-icon]::before { font-family: 'ElegantIcons' !important; } </style> </body> </html>