# As a condition of accessing this website, you agree to abide by the following
# content signals:
# (a) If a Content-Signal = yes, you may collect content for the corresponding
# use.
# (b) If a Content-Signal = no, you may not collect content for the
# corresponding use.
# (c) If the website operator does not include a Content-Signal for a
# corresponding use, the website operator neither grants nor restricts
# permission via Content-Signal with respect to the corresponding use.
# The content signals and their meanings are:
# search: building a search index and providing search results (e.g., returning
# hyperlinks and short excerpts from your website's contents). Search does not
# include providing AI-generated search summaries.
# ai-input: inputting content into one or more AI models (e.g., retrieval
# augmented generation, grounding, or other real-time taking of content for
# generative AI search answers).
# ai-train: training or fine-tuning AI models.
# use: how AI systems may consume the content (immediate, reference, or full).
# ANY RESTRICTIONS EXPRESSED VIA CONTENT SIGNALS ARE EXPRESS RESERVATIONS OF
# RIGHTS UNDER ARTICLE 4 OF THE EUROPEAN UNION DIRECTIVE 2019/790 ON COPYRIGHT
# AND RELATED RIGHTS IN THE DIGITAL SINGLE MARKET.
# BEGIN Cloudflare Managed content
User-agent: *
Content-Signal: search=yes,ai-train=no,use=reference
Allow: /
# Training crawlers
User-agent: Amazonbot
Disallow: /
User-agent: Applebot-Extended
Disallow: /
User-agent: Bytespider
Disallow: /
User-agent: CCBot
Disallow: /
User-agent: ClaudeBot
Disallow: /
User-agent: Diffbot
Disallow: /
User-agent: Google-Extended
Disallow: /
User-agent: GPTBot
Disallow: /
User-agent: omgili
Disallow: /
User-agent: anthropic-ai
Disallow: /
User-agent: Claude-Web
Disallow: /
User-agent: cohere-ai
Disallow: /
User-agent: MistralAI-Training
Disallow: /
User-agent: meta-externalagent
Disallow: /
User-agent: GoogleOther
Disallow: /
User-agent: Baiduspider
Disallow: /
User-agent: PetalBot
Disallow: /
User-agent: AwarioSmartBot
User-agent: AwarioRssBot
Disallow: /
User-agent: Google-CloudVertexBot
Disallow: /
User-agent: QualifiedBot
Disallow: /
User-agent: Cotoyogi
Disallow: /
User-agent: ICC-Crawler
Disallow: /
User-agent: atlassian-bot
Disallow: /
User-agent: FishBot
Disallow: /
User-agent: BorderxBot
Disallow: /
User-agent: NavuBot
Disallow: /
User-agent: SemrushBot-SWA
Disallow: /
User-agent: WARDBot
Disallow: /
User-agent: magpie-crawler
Disallow: /
User-agent: KimiBot
Disallow: /
User-agent: CitibotSiteCrawler
Disallow: /
# END Cloudflare Managed Content
<!DOCTYPE html>
<html lang="en">
<head>
<base href="/">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
<title>Antalya Tours & Activities | Excursions in Alanya, Side, Belek</title>
<meta name="description" content="Book affordable Antalya tours and activities online. Discover top excursions in Alanya, Side and Belek with great prices, easy booking and unforgettable experiences.">
<meta name="keywords" content="Antalya tours, Antalya activities, Antalya excursions, Alanya excursions, Side tours, Belek excursions, affordable Antalya tours, book Antalya tours online"> <meta name="robots" content="index, follow">
<style>
:root {
--primary-red: #da291c;
--primary-red-dark: #b52217;
--dark-text: #222222;
}
body {
font-family: 'Inter', sans-serif;
font-display: swap;
margin: 0;
padding: 0;
background-color: #fcfcfc;
overflow-x: hidden;
}
.site-topbar {
background-color: var(--primary-red);
color: #fff;
position: relative;
z-index: 1050;
font-weight: 900;
font-size: 0.86rem;
}
.site-topbar-inner {
min-height: 42px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}
.topbar-link {
color: #fff;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 7px;
white-space: nowrap;
letter-spacing: 0.1px;
}
.topbar-link:hover {
color: #fff;
opacity: 0.85;
}
.main-navbar {
background-color: #ffffff;
box-shadow: 0 4px 12px rgba(0,0,0,0.05);
transition: all 0.3s ease;
z-index: 1040;
}
.navbar-brand {
display: flex;
align-items: center;
min-width: 0;
}
.navbar-brand img {
max-height: 45px;
width: auto;
object-fit: contain;
}
.navbar-brand h3 {
font-weight: 900;
margin: 0;
color: var(--primary-red);
letter-spacing: -1px;
}
.desktop-nav .nav-link {
font-weight: 900;
color: var(--dark-text) !important;
font-size: 0.95rem;
padding: 10px 14px !important;
transition: 0.2s;
display: flex;
align-items: center;
gap: 7px;
}
.desktop-nav .nav-link:hover {
color: var(--primary-red) !important;
}
.dropdown-menu {
background-color: #ffffff !important;
border: 1px solid #eaeaea;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
border-radius: 10px;
z-index: 1050;
margin-top: 5px;
}
.dropdown-item {
color: var(--dark-text) !important;
font-weight: 800;
padding: 10px 20px;
transition: 0.2s;
}
.dropdown-item:hover {
background-color: #f8f9fa !important;
color: var(--primary-red) !important;
}
.header-action-link {
color: var(--dark-text) !important;
text-decoration: none;
transition: 0.2s;
}
.header-action-link:hover {
color: var(--primary-red) !important;
}
.header-select {
border: 0 !important;
background-color: transparent !important;
font-weight: 900 !important;
cursor: pointer;
color: var(--dark-text) !important;
box-shadow: none !important;
}
.desktop-controls {
display: flex;
align-items: center;
gap: 12px;
}
.mobile-menu-btn {
border: 0;
background: transparent;
padding: 7px 4px;
font-size: 1.4rem;
color: #222;
}
.mobile-menu-panel {
background: #ffffff;
color: #111111;
width: min(100vw, 360px) !important;
max-width: 100vw !important;
border-left: 0;
z-index: 999999 !important;
}
.offcanvas-backdrop {
z-index: 999998 !important;
}
.mobile-menu-header {
height: 64px;
padding: 12px 18px;
border-bottom: 1px solid #eeeeee;
background: #ffffff;
display: flex;
align-items: center;
}
.mobile-logo {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.mobile-logo a {
display: inline-flex;
align-items: center;
margin: 0;
}
.mobile-logo img {
max-height: 34px;
max-width: 148px;
object-fit: contain;
filter: none;
}
.mobile-logo-text {
font-size: 1.35rem;
font-weight: 900;
letter-spacing: -1px;
color: #111111;
}
.mobile-close-btn {
background: transparent;
border: 0;
color: #111111;
font-size: 1.35rem;
opacity: 1;
line-height: 1;
padding: 4px;
}
.mobile-menu-body {
padding: 5px 0 14px;
background: #ffffff;
max-height: calc(100vh - 64px);
overflow-y: auto;
overflow-x: hidden;
}
.mobile-nav-link,
.mobile-nav-button {
width: 100%;
color: #111111;
text-decoration: none;
display: flex;
align-items: center;
gap: 13px;
padding: 11px 20px;
font-size: 0.92rem;
font-weight: 900;
border: 0;
border-bottom: 1px solid #f1f1f1;
background: #ffffff;
text-align: left;
}
.mobile-nav-link i,
.mobile-nav-button i {
color: var(--primary-red);
width: 18px;
text-align: center;
font-size: 0.93rem;
}
.mobile-nav-link:hover,
.mobile-nav-button:hover {
color: #111111;
background: #fafafa;
}
.mobile-nav-button .mobile-caret {
margin-left: auto;
color: #111111;
font-size: 0.76rem;
transition: 0.2s;
}
.mobile-nav-button.active .mobile-caret {
transform: rotate(180deg);
}
.mobile-region-list {
display: none;
background: #fafafa;
border-bottom: 1px solid #eeeeee;
padding: 8px 18px 10px 51px;
grid-template-columns: 1fr 1fr;
gap: 8px;
}
.mobile-region-list.active {
display: grid;
}
.mobile-region-item {
background: #ffffff;
color: #111111;
border: 1px solid #e8e8e8;
border-radius: 8px;
padding: 8px 8px;
text-decoration: none;
font-size: 0.76rem;
font-weight: 900;
text-align: center;
}
.mobile-region-item:hover {
background: #fff4f3;
color: var(--primary-red);
border-color: var(--primary-red);
}
.mobile-section {
padding: 11px 18px 0;
background: #ffffff;
}
.mobile-section-title {
color: #7a8696;
font-size: 0.66rem;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 7px;
}
.mobile-lang-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 6px;
}
.mobile-lang-btn {
min-height: 39px;
border: 1px solid #e5e5e5;
background: #ffffff;
color: #111111;
border-radius: 8px;
text-decoration: none;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 1px;
font-size: 0.58rem;
font-weight: 900;
transition: opacity 0.2s ease;
}
.mobile-lang-btn img {
width: 21px;
height: 14px;
object-fit: cover;
}
.mobile-lang-btn.active {
border-color: var(--primary-red);
background: #fff4f3;
color: var(--primary-red);
}
.mobile-currency-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 6px;
}
.mobile-currency-btn {
border: 1px solid #e5e5e5;
background: #ffffff;
color: #111111;
border-radius: 8px;
min-height: 36px;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.66rem;
font-weight: 900;
transition: opacity 0.2s ease;
}
.mobile-currency-btn.active {
background: var(--primary-red);
border-color: var(--primary-red);
color: #ffffff;
}
.mobile-call-btn {
margin: 14px 18px 8px;
background: var(--primary-red);
color: #fff;
border-radius: 12px;
min-height: 42px;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
font-weight: 900;
font-size: 0.88rem;
box-shadow: 0 6px 18px rgba(218,41,28,0.18);
}
.mobile-call-btn:hover {
color: #fff;
background: var(--primary-red-dark);
}
.mobile-socials {
display: flex;
justify-content: center;
gap: 9px;
padding: 6px 0 8px;
background: #ffffff;
}
.mobile-socials a {
width: 32px;
height: 32px;
border-radius: 50%;
background: #f7f7f7;
border: 1px solid #e6e6e6;
color: #111111;
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
transition: 0.2s;
font-size: 0.82rem;
}
.mobile-socials a:hover {
background: var(--primary-red);
border-color: var(--primary-red);
color: #ffffff;
}
@media (max-width: 991px) {
.desktop-nav,
.desktop-controls {
display: none !important;
}
.site-topbar {
font-size: 0.7rem;
}
.site-topbar-inner {
padding: 0 4px;
min-height: 34px;
}
.topbar-link {
gap: 5px;
}
.navbar-brand img {
max-height: 40px;
}
.main-navbar {
padding: 7px 0;
}
}
@media (max-width: 390px) {
.mobile-menu-panel {
width: 100vw !important;
}
.mobile-lang-grid,
.mobile-currency-grid {
gap: 5px;
}
.mobile-nav-link,
.mobile-nav-button {
padding: 10px 18px;
}
.mobile-section {
padding-left: 16px;
padding-right: 16px;
}
.mobile-call-btn {
margin-left: 16px;
margin-right: 16px;
}
}
@media (min-width: 992px) {
.mobile-menu-btn {
display: none;
}
}
/* HEADER FULL WIDTH FIX */
.header-full-container {
width: 100% !important;
max-width: 100% !important;
padding-left: 14px !important;
padding-right: 14px !important;
}
.site-topbar,
.main-navbar {
width: 100% !important;
max-width: 100% !important;
}
.main-navbar .navbar-brand {
margin-left: 0 !important;
}
.mobile-menu-btn {
margin-right: 0 !important;
}
@media (max-width: 768px) {
.header-full-container {
padding-left: 10px !important;
padding-right: 10px !important;
}
.site-topbar-inner {
width: 100% !important;
}
.main-navbar {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
/* FAST LANGUAGE / CURRENCY SWITCH */
body.page-switching {
cursor: pointer;
}
.js-fast-switch,
.mobile-lang-btn,
.mobile-currency-btn {
will-change: opacity;
}
.js-fast-switch.is-switching,
.mobile-lang-btn.is-switching,
.mobile-currency-btn.is-switching {
opacity: .65;
}
/* MOBILE HEADER LOGO - LARGE WIDTH FIX */
@media (max-width: 991px) {
.main-navbar {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.main-navbar .navbar-brand {
flex: 0 0 auto !important;
min-height: 58px !important;
max-width: calc(100% - 62px) !important;
display: flex !important;
align-items: center !important;
}
.main-navbar .navbar-brand img {
width: 190px !important;
max-width: 190px !important;
height: auto !important;
max-height: none !important;
object-fit: contain !important;
}
.mobile-menu-btn {
font-size: 1.6rem !important;
flex: 0 0 auto !important;
}
}
@media (max-width: 390px) {
.main-navbar .navbar-brand img {
width: 175px !important;
max-width: 175px !important;
}
.main-navbar .navbar-brand {
min-height: 54px !important;
}
}
@media (max-width: 991px) {
.main-navbar {
padding-top: 2px !important;
padding-bottom: 2px !important;
min-height: 66px !important;
}
.main-navbar .header-full-container {
min-height: 62px !important;
align-items: center !important;
}
.main-navbar .navbar-brand {
min-height: 52px !important;
height: 52px !important;
display: flex !important;
align-items: center !important;
}
.main-navbar .navbar-brand img {
width: 190px !important;
max-width: 190px !important;
height: auto !important;
max-height: 46px !important;
object-fit: contain !important;
}
.mobile-menu-btn {
height: 48px !important;
width: 48px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
}
}
@media (max-width: 390px) {
.main-navbar {
min-height: 62px !important;
}
.main-navbar .header-full-container {
min-height: 58px !important;
}
.main-navbar .navbar-brand {
min-height: 50px !important;
height: 50px !important;
}
.main-navbar .navbar-brand img {
width: 175px !important;
max-width: 175px !important;
max-height: 44px !important;
}
}
@media (max-width: 991px) {
.main-navbar .header-full-container {
padding-left: 4px !important;
}
.main-navbar .navbar-brand {
margin-left: 0 !important;
padding-left: 0 !important;
}
.main-navbar .navbar-brand img {
width: 205px !important;
max-width: 205px !important;
max-height: 50px !important;
}
}
@media (max-width: 390px) {
.main-navbar .header-full-container {
padding-left: 3px !important;
}
.main-navbar .navbar-brand img {
width: 190px !important;
max-width: 190px !important;
max-height: 48px !important;
}
}
@media (max-width: 991px) {
.main-navbar .container-fluid.header-full-container {
padding-left: 0 !important;
padding-right: 8px !important;
}
.main-navbar .navbar-brand {
margin-left: -6px !important;
padding-left: 0 !important;
transform: translateX(-8px) !important;
}
.main-navbar .navbar-brand img {
width: 210px !important;
max-width: 210px !important;
max-height: 52px !important;
}
}
@media (max-width: 390px) {
.main-navbar .navbar-brand {
margin-left: -8px !important;
transform: translateX(-10px) !important;
}
.main-navbar .navbar-brand img {
width: 195px !important;
max-width: 195px !important;
}
}
@media (min-width: 992px) {
.main-navbar {
height: 74px !important;
min-height: 74px !important;
max-height: 74px !important;
overflow: visible !important;
}
.main-navbar .header-full-container {
height: 74px !important;
min-height: 74px !important;
max-height: 74px !important;
display: flex !important;
align-items: center !important;
position: relative !important;
}
.main-navbar .navbar-brand {
height: 74px !important;
min-height: 74px !important;
display: flex !important;
align-items: center !important;
}
.main-navbar .navbar-brand img {
max-height: 45px !important;
width: auto !important;
object-fit: contain !important;
}
.desktop-nav {
height: 74px !important;
display: flex !important;
align-items: center !important;
}
.desktop-nav .nav-item {
position: relative !important;
}
.desktop-nav .dropdown-menu {
position: absolute !important;
top: 100% !important;
left: 0 !important;
margin-top: 0 !important;
z-index: 99999 !important;
}
}
/* MOBILE QUICK LANGUAGE / CURRENCY HEADER */
.mobile-quick-switch {
display: none;
}
.mobile-bottom-sheet-overlay {
display: none;
}
@media (max-width: 991px) {
.site-topbar {
display: none !important;
}
.main-navbar {
background: rgba(255,255,255,0.96) !important;
box-shadow: 0 4px 16px rgba(0,0,0,0.08) !important;
}
.main-navbar .container-fluid.header-full-container {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto 48px !important;
align-items: center !important;
column-gap: 8px !important;
padding-left: 8px !important;
padding-right: 8px !important;
}
.main-navbar .navbar-brand {
grid-column: 1 / 2 !important;
max-width: 100% !important;
transform: none !important;
margin-left: 0 !important;
min-width: 0 !important;
}
.main-navbar .navbar-brand img {
max-width: 150px !important;
width: 150px !important;
max-height: 42px !important;
object-fit: contain !important;
}
.mobile-quick-switch {
grid-column: 2 / 3 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 7px !important;
min-height: 38px !important;
padding: 0 8px !important;
border-radius: 999px !important;
background: rgba(17, 24, 39, 0.08) !important;
color: #ffffff !important;
font-weight: 1000 !important;
font-size: 0.82rem !important;
white-space: nowrap !important;
position: relative !important;
z-index: 2 !important;
}
.mobile-quick-switch .quick-globe {
color: #ffffff !important;
font-size: 0.95rem !important;
opacity: 0.95 !important;
}
.mobile-quick-switch button {
border: 0 !important;
background: transparent !important;
color: #ffffff !important;
padding: 0 !important;
margin: 0 !important;
font-weight: 1000 !important;
line-height: 1 !important;
text-decoration: underline !important;
text-underline-offset: 3px !important;
}
.mobile-quick-switch .quick-divider {
color: rgba(255,255,255,0.8) !important;
font-weight: 800 !important;
}
.mobile-menu-btn {
grid-column: 3 / 4 !important;
justify-self: end !important;
color: #ffffff !important;
width: 44px !important;
height: 44px !important;
font-size: 1.25rem !important;
background: transparent !important;
}
body.mobile-sheet-open {
overflow: hidden !important;
height: 100vh !important;
}
.mobile-bottom-sheet-overlay {
position: fixed;
inset: 0;
z-index: 1000000;
display: none;
background: rgba(15, 23, 42, 0.42);
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
align-items: flex-end;
justify-content: center;
}
.mobile-bottom-sheet-overlay.active {
display: flex;
}
.mobile-bottom-sheet {
width: 100%;
max-width: 430px;
max-height: 88vh;
background: #ffffff;
border-radius: 24px 24px 0 0;
box-shadow: 0 -16px 45px rgba(0,0,0,0.22);
overflow: hidden;
display: flex;
flex-direction: column;
animation: mobileSheetUp 0.18s ease-out;
}
@keyframes mobileSheetUp {
from { transform: translateY(22px); opacity: 0.6; }
to { transform: translateY(0); opacity: 1; }
}
.mobile-bottom-sheet::before {
content: "";
width: 44px;
height: 4px;
border-radius: 999px;
background: #9ca3af;
opacity: 0.7;
margin: 10px auto 8px;
flex: 0 0 auto;
}
.mobile-sheet-header {
padding: 14px 22px 12px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
flex: 0 0 auto;
}
.mobile-sheet-title {
margin: 0;
color: #111827;
font-size: 1.18rem;
line-height: 1.2;
font-weight: 950;
}
.mobile-sheet-close {
border: 0;
background: #f3f4f6;
color: #111827;
width: 34px;
height: 34px;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 0.95rem;
flex: 0 0 auto;
}
.mobile-sheet-body {
padding: 0 22px 24px;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.mobile-sheet-search {
height: 46px;
border: 1px solid #e5e7eb;
border-radius: 12px;
background: #f9fafb;
display: flex;
align-items: center;
gap: 10px;
padding: 0 14px;
margin: 0 0 18px;
color: #9ca3af;
}
.mobile-sheet-search input {
width: 100%;
min-width: 0;
border: 0;
background: transparent;
outline: 0;
color: #111827;
font-size: 0.95rem;
font-weight: 800;
}
.mobile-sheet-subtitle {
color: #111827;
font-size: 0.92rem;
font-weight: 950;
margin: 4px 0 12px;
}
.mobile-choice-list {
display: flex;
flex-direction: column;
gap: 0;
}
.mobile-choice-item {
min-height: 48px;
display: flex;
align-items: center;
gap: 12px;
text-decoration: none !important;
color: #111827 !important;
font-size: 0.92rem;
font-weight: 850;
border-radius: 12px;
padding: 8px 0;
}
.mobile-choice-item img {
width: 24px;
height: 17px;
border-radius: 2px;
object-fit: cover;
box-shadow: 0 1px 3px rgba(0,0,0,0.15);
flex: 0 0 auto;
}
.mobile-choice-label {
flex: 1;
min-width: 0;
}
.mobile-choice-code {
font-weight: 950;
margin-right: 4px;
}
.mobile-choice-radio {
width: 22px;
height: 22px;
border-radius: 999px;
border: 2px solid #d1d5db;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
}
.mobile-choice-item.active {
color: var(--primary-red) !important;
}
.mobile-choice-item.active .mobile-choice-radio {
border-color: var(--primary-red);
background: var(--primary-red);
}
.mobile-choice-item.active .mobile-choice-radio::after {
content: "";
width: 7px;
height: 7px;
border-radius: 999px;
background: #ffffff;
}
.mobile-menu-body .mobile-section {
display: none !important;
}
.mobile-call-btn {
display: none !important;
}
}
@media (max-width: 390px) {
.main-navbar .navbar-brand img {
max-width: 138px !important;
width: 138px !important;
}
.mobile-quick-switch {
gap: 5px !important;
padding: 0 7px !important;
font-size: 0.78rem !important;
}
.mobile-quick-switch .quick-globe {
font-size: 0.86rem !important;
}
.mobile-menu-btn {
width: 40px !important;
height: 40px !important;
}
}
/* MOBILE HEADER VISIBILITY FINAL FIX */
@media (max-width: 991px) {
header[role="banner"] {
position: relative !important;
z-index: 9999 !important;
}
.site-topbar {
display: none !important;
}
.main-navbar {
background: linear-gradient(90deg, rgba(11, 122, 145, 0.96), rgba(10, 91, 125, 0.96)) !important;
box-shadow: 0 4px 16px rgba(0,0,0,0.14) !important;
min-height: 58px !important;
height: 58px !important;
padding: 0 !important;
position: relative !important;
z-index: 9999 !important;
}
.main-navbar .container-fluid.header-full-container {
height: 58px !important;
min-height: 58px !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto 42px !important;
align-items: center !important;
column-gap: 8px !important;
padding: 0 8px !important;
}
.main-navbar .navbar-brand {
grid-column: 1 / 2 !important;
height: 58px !important;
min-height: 58px !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
transform: none !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
min-width: 0 !important;
}
.main-navbar .navbar-brand img {
width: 142px !important;
max-width: 142px !important;
max-height: 42px !important;
height: auto !important;
object-fit: contain !important;
display: block !important;
filter: none !important;
background: transparent !important;
}
.mobile-quick-switch {
grid-column: 2 / 3 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
height: 36px !important;
min-height: 36px !important;
padding: 0 8px !important;
border-radius: 999px !important;
background: rgba(255,255,255,0.16) !important;
border: 1px solid rgba(255,255,255,0.28) !important;
color: #ffffff !important;
font-weight: 1000 !important;
font-size: 0.78rem !important;
white-space: nowrap !important;
visibility: visible !important;
opacity: 1 !important;
}
.mobile-quick-switch .quick-globe,
.mobile-quick-switch button,
.mobile-quick-switch .quick-divider {
color: #ffffff !important;
visibility: visible !important;
opacity: 1 !important;
}
.mobile-quick-switch button {
border: 0 !important;
background: transparent !important;
padding: 0 !important;
margin: 0 !important;
font-weight: 1000 !important;
line-height: 1 !important;
text-decoration: underline !important;
text-underline-offset: 3px !important;
}
.mobile-menu-btn {
grid-column: 3 / 4 !important;
justify-self: end !important;
color: #ffffff !important;
width: 42px !important;
height: 42px !important;
min-width: 42px !important;
padding: 0 !important;
margin: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: transparent !important;
border: 0 !important;
font-size: 1.25rem !important;
visibility: visible !important;
opacity: 1 !important;
}
.mobile-menu-btn i {
color: #ffffff !important;
display: inline-block !important;
}
}
@media (max-width: 390px) {
.main-navbar .container-fluid.header-full-container {
grid-template-columns: minmax(0, 1fr) auto 38px !important;
column-gap: 5px !important;
padding-left: 6px !important;
padding-right: 6px !important;
}
.main-navbar .navbar-brand img {
width: 126px !important;
max-width: 126px !important;
max-height: 38px !important;
}
.mobile-quick-switch {
height: 34px !important;
min-height: 34px !important;
gap: 4px !important;
padding: 0 6px !important;
font-size: 0.72rem !important;
}
.mobile-menu-btn {
width: 38px !important;
height: 38px !important;
min-width: 38px !important;
font-size: 1.15rem !important;
}
}
/* MOBILE HEADER WHITE + RED BUTTON FINAL FIX */
@media (max-width: 991px) {
header[role="banner"] {
position: relative !important;
z-index: 9999 !important;
}
.site-topbar {
display: none !important;
}
.main-navbar {
background: #ffffff !important;
box-shadow: 0 4px 16px rgba(0,0,0,0.08) !important;
min-height: 58px !important;
height: 58px !important;
padding: 0 !important;
position: relative !important;
z-index: 9999 !important;
}
.main-navbar .container-fluid.header-full-container {
height: 58px !important;
min-height: 58px !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto 42px !important;
align-items: center !important;
column-gap: 8px !important;
padding: 0 8px !important;
background: #ffffff !important;
}
.main-navbar .navbar-brand {
grid-column: 1 / 2 !important;
height: 58px !important;
min-height: 58px !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
transform: none !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
min-width: 0 !important;
background: transparent !important;
}
.main-navbar .navbar-brand img {
width: 136px !important;
max-width: 136px !important;
max-height: 40px !important;
height: auto !important;
object-fit: contain !important;
display: block !important;
filter: none !important;
background: transparent !important;
}
.mobile-quick-switch {
grid-column: 2 / 3 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
height: 36px !important;
min-height: 36px !important;
padding: 0 9px !important;
border-radius: 999px !important;
background: #fff4f3 !important;
border: 1px solid rgba(218, 41, 28, 0.28) !important;
color: var(--primary-red) !important;
font-weight: 1000 !important;
font-size: 0.78rem !important;
white-space: nowrap !important;
visibility: visible !important;
opacity: 1 !important;
position: static !important;
width: auto !important;
max-width: none !important;
overflow: visible !important;
}
.mobile-quick-switch .quick-globe,
.mobile-quick-switch button,
.mobile-quick-switch .quick-divider {
color: var(--primary-red) !important;
visibility: visible !important;
opacity: 1 !important;
}
.mobile-quick-switch button {
display: inline-block !important;
border: 0 !important;
background: transparent !important;
padding: 0 !important;
margin: 0 !important;
font-weight: 1000 !important;
line-height: 1 !important;
text-decoration: underline !important;
text-underline-offset: 3px !important;
font-size: inherit !important;
}
.mobile-menu-btn {
grid-column: 3 / 4 !important;
justify-self: end !important;
color: var(--primary-red) !important;
width: 42px !important;
height: 42px !important;
min-width: 42px !important;
padding: 0 !important;
margin: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: #fff4f3 !important;
border: 1px solid rgba(218, 41, 28, 0.18) !important;
border-radius: 12px !important;
font-size: 1.22rem !important;
visibility: visible !important;
opacity: 1 !important;
}
.mobile-menu-btn i {
color: var(--primary-red) !important;
display: inline-block !important;
}
.mobile-bottom-sheet-overlay {
position: fixed !important;
inset: 0 !important;
z-index: 1000000 !important;
display: none;
background: rgba(15, 23, 42, 0.42) !important;
align-items: flex-end !important;
justify-content: center !important;
}
.mobile-bottom-sheet-overlay.active {
display: flex !important;
}
.mobile-bottom-sheet {
width: 100% !important;
max-width: 430px !important;
max-height: 88vh !important;
background: #ffffff !important;
border-radius: 24px 24px 0 0 !important;
box-shadow: 0 -16px 45px rgba(0,0,0,0.22) !important;
overflow: hidden !important;
display: flex !important;
flex-direction: column !important;
}
.mobile-bottom-sheet::before {
content: "" !important;
width: 44px !important;
height: 4px !important;
border-radius: 999px !important;
background: #9ca3af !important;
opacity: 0.7 !important;
margin: 10px auto 8px !important;
flex: 0 0 auto !important;
}
}
@media (max-width: 390px) {
.main-navbar .container-fluid.header-full-container {
grid-template-columns: minmax(0, 1fr) auto 38px !important;
column-gap: 5px !important;
padding-left: 6px !important;
padding-right: 6px !important;
}
.main-navbar .navbar-brand img {
width: 118px !important;
max-width: 118px !important;
max-height: 36px !important;
}
.mobile-quick-switch {
height: 34px !important;
min-height: 34px !important;
gap: 4px !important;
padding: 0 6px !important;
font-size: 0.72rem !important;
}
.mobile-menu-btn {
width: 38px !important;
height: 38px !important;
min-width: 38px !important;
font-size: 1.12rem !important;
}
}
/* MOBILE BOTTOM SHEET ABOVE WHATSAPP FIX */
@media (max-width: 991px) {
.mobile-bottom-sheet-overlay {
z-index: 2147483000 !important;
align-items: flex-end !important;
padding: 0 10px 72px !important;
box-sizing: border-box !important;
}
.mobile-bottom-sheet {
position: relative !important;
z-index: 2147483001 !important;
width: 100% !important;
max-width: 430px !important;
max-height: calc(86vh - 72px) !important;
border-radius: 24px !important;
margin-bottom: 0 !important;
overflow: hidden !important;
}
.mobile-sheet-body {
max-height: calc(86vh - 150px) !important;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch !important;
padding-bottom: 18px !important;
}
}
@media (max-width: 390px) {
.mobile-bottom-sheet-overlay {
padding-bottom: 68px !important;
}
.mobile-bottom-sheet {
max-height: calc(86vh - 68px) !important;
}
.mobile-sheet-body {
max-height: calc(86vh - 146px) !important;
}
}
/* MOBILE DESTINATIONS SINGLE COLUMN FIX */
@media (max-width: 991px) {
.mobile-region-list {
grid-template-columns: 1fr !important;
gap: 8px !important;
padding: 8px 18px 12px 51px !important;
}
.mobile-region-list.active {
display: grid !important;
}
.mobile-region-item {
width: 100% !important;
min-height: 38px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 9px !important;
}
}
/* MOBILE MENU PHONE BUTTON RESTORE FIX */
@media (max-width: 991px) {
.mobile-menu-body .mobile-call-btn {
display: flex !important;
margin: 14px 18px 10px !important;
background: var(--primary-red) !important;
color: #ffffff !important;
border-radius: 12px !important;
min-height: 44px !important;
text-decoration: none !important;
align-items: center !important;
justify-content: center !important;
gap: 10px !important;
font-weight: 950 !important;
font-size: 0.9rem !important;
box-shadow: 0 8px 22px rgba(218,41,28,0.22) !important;
}
.mobile-menu-body .mobile-call-btn i,
.mobile-menu-body .mobile-call-btn span {
color: #ffffff !important;
}
.mobile-menu-body .mobile-call-btn:hover {
background: var(--primary-red-dark) !important;
color: #ffffff !important;
}
}
/* MOBILE MENU DESTINATION + BLOG ACCORDION ANIMATION FINAL */
@media (max-width: 991px) {
.mobile-region-list,
.mobile-blog-region-list,
.mobile-tour-category-list {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 7px !important;
padding: 0 18px 0 51px !important;
background: #fbfbfc !important;
border-bottom: 1px solid #eeeeee !important;
max-height: 0 !important;
overflow: hidden !important;
opacity: 0 !important;
transform: translateY(-6px) !important;
transition:
max-height 0.34s ease,
opacity 0.24s ease,
transform 0.24s ease,
padding-top 0.28s ease,
padding-bottom 0.28s ease !important;
will-change: max-height, opacity, transform !important;
}
.mobile-region-list.active,
.mobile-blog-region-list.active,
.mobile-tour-category-list.active {
max-height: 520px !important;
opacity: 1 !important;
transform: translateY(0) !important;
padding-top: 9px !important;
padding-bottom: 12px !important;
}
.mobile-region-item,
.mobile-blog-region-item {
width: 100% !important;
min-height: 40px !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 10px !important;
border-radius: 12px !important;
border: 1px solid #ededed !important;
background: #ffffff !important;
color: #111111 !important;
text-decoration: none !important;
padding: 0 14px !important;
font-size: 0.82rem !important;
font-weight: 900 !important;
box-shadow: 0 4px 12px rgba(15, 23, 42, 0.03) !important;
transition:
background-color 0.18s ease,
color 0.18s ease,
border-color 0.18s ease,
transform 0.18s ease !important;
}
.mobile-region-item::before,
.mobile-blog-region-item::before {
content: "";
width: 7px !important;
height: 7px !important;
border-radius: 50% !important;
background: var(--primary-red) !important;
opacity: 0.85 !important;
flex: 0 0 auto !important;
}
.mobile-region-item:hover,
.mobile-blog-region-item:hover {
background: #fff4f3 !important;
color: var(--primary-red) !important;
border-color: rgba(218, 41, 28, 0.28) !important;
transform: translateX(2px) !important;
}
.mobile-nav-button .mobile-caret {
transition: transform 0.24s ease !important;
}
.mobile-nav-button.active .mobile-caret,
.mobile-blog-toggle.active .mobile-caret {
transform: rotate(180deg) !important;
}
.mobile-blog-region-list .mobile-blog-region-item:first-child {
background: #fff4f3 !important;
color: var(--primary-red) !important;
border-color: rgba(218, 41, 28, 0.20) !important;
}
}
/* DESTINATIONS ALL ITEM FINAL FIX */
@media (min-width: 992px) {
.desktop-nav .dropdown-menu .dropdown-item {
color: var(--primary-red) !important;
font-weight: 950 !important;
}
}
@media (max-width: 991px) {
.mobile-region-all-item {
background: #fff4f3 !important;
color: var(--primary-red) !important;
border-color: rgba(218, 41, 28, 0.24) !important;
font-weight: 950 !important;
}
.mobile-region-all-item::before {
background: var(--primary-red) !important;
opacity: 1 !important;
}
}
/* FINAL FIX - HEADER MENU + LANG/CURRENCY CLICK RESTORE */
.js-open-mobile-sheet,
.mobile-menu-btn,
.mobile-close-btn,
.js-close-mobile-sheet,
.mobile-sheet-close,
.mobile-choice-item,
.mobile-choice-radio,
.header-select,
.desktop-nav .nav-link,
.dropdown-item {
pointer-events: auto !important;
}
.mobile-bottom-sheet-overlay {
pointer-events: none !important;
}
.mobile-bottom-sheet-overlay.active {
pointer-events: auto !important;
}
.mobile-bottom-sheet {
pointer-events: auto !important;
}
.mobile-quick-switch button {
cursor: pointer !important;
}
.mobile-bottom-sheet-overlay:not(.active) {
display: none !important;
}
.mobile-bottom-sheet-overlay.active {
display: flex !important;
}
@media (min-width: 992px) {
.desktop-nav .dropdown:hover > .dropdown-menu {
display: block !important;
}
}
/* FINAL REAL FIX - MOBILE LANG/CURRENCY BUTTON ROWS */
.mobile-bottom-sheet .mobile-choice-list {
display: flex !important;
flex-direction: column !important;
gap: 0 !important;
}
.mobile-bottom-sheet .mobile-choice-item {
appearance: none !important;
-webkit-appearance: none !important;
border: 0 !important;
background: transparent !important;
width: 100% !important;
min-height: 50px !important;
box-sizing: border-box !important;
display: flex !important;
align-items: center !important;
gap: 12px !important;
padding: 10px 8px !important;
margin: 0 !important;
text-align: left !important;
color: #111827 !important;
font-size: 0.92rem !important;
font-weight: 850 !important;
border-radius: 12px !important;
cursor: pointer !important;
pointer-events: auto !important;
touch-action: manipulation !important;
-webkit-tap-highlight-color: transparent !important;
}
.mobile-bottom-sheet .mobile-choice-item .mobile-choice-label {
flex: 1 1 auto !important;
min-width: 0 !important;
}
.mobile-bottom-sheet .mobile-choice-item .mobile-choice-radio {
width: 24px !important;
height: 24px !important;
min-width: 24px !important;
min-height: 24px !important;
flex: 0 0 24px !important;
border-radius: 999px !important;
border: 2px solid #d1d5db !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: #ffffff !important;
margin-left: auto !important;
position: relative !important;
}
.mobile-bottom-sheet .mobile-choice-item.active {
color: var(--primary-red) !important;
}
.mobile-bottom-sheet .mobile-choice-item.active .mobile-choice-radio {
border-color: var(--primary-red) !important;
background: var(--primary-red) !important;
}
.mobile-bottom-sheet .mobile-choice-item.active .mobile-choice-radio::after {
content: "" !important;
width: 7px !important;
height: 7px !important;
border-radius: 999px !important;
background: #ffffff !important;
}
.mobile-bottom-sheet .mobile-choice-item:active {
background: #fff4f3 !important;
}
/* MOBILE SHEET CLICK / TAP FIX - radio circle should not block the row */
@media (max-width: 991px) {
.mobile-bottom-sheet .mobile-choice-item,
.mobile-bottom-sheet a.mobile-choice-item,
.mobile-bottom-sheet button.mobile-choice-item {
text-decoration: none !important;
pointer-events: auto !important;
touch-action: manipulation !important;
-webkit-tap-highlight-color: transparent !important;
}
.mobile-bottom-sheet .mobile-choice-item *,
.mobile-bottom-sheet .mobile-choice-radio {
pointer-events: none !important;
}
.mobile-bottom-sheet-overlay.active,
.mobile-bottom-sheet-overlay.active .mobile-bottom-sheet,
.mobile-bottom-sheet-overlay.active .mobile-sheet-body {
pointer-events: auto !important;
}
}
/* ABSOLUTE FINAL FIX - FULL ROW TAP AREA FOR MOBILE SHEETS */
@media (max-width: 991px) {
.mobile-bottom-sheet .mobile-choice-list {
width: 100% !important;
}
.mobile-bottom-sheet .mobile-choice-item,
.mobile-bottom-sheet a.mobile-choice-item,
.mobile-bottom-sheet button.mobile-choice-item {
width: 100% !important;
min-height: 52px !important;
display: flex !important;
align-items: center !important;
gap: 12px !important;
padding: 10px 8px !important;
box-sizing: border-box !important;
cursor: pointer !important;
pointer-events: auto !important;
touch-action: manipulation !important;
-webkit-tap-highlight-color: transparent !important;
position: relative !important;
z-index: 2 !important;
}
.mobile-bottom-sheet .mobile-choice-label {
flex: 1 1 auto !important;
min-width: 0 !important;
pointer-events: none !important;
}
.mobile-bottom-sheet .mobile-choice-item img,
.mobile-bottom-sheet .mobile-choice-item span,
.mobile-bottom-sheet .mobile-choice-item i,
.mobile-bottom-sheet .mobile-choice-radio,
.mobile-bottom-sheet .mobile-choice-radio::after {
pointer-events: none !important;
}
.mobile-bottom-sheet .mobile-choice-radio {
margin-left: auto !important;
}
}
/* ULTIMATE MOBILE LANG/CURRENCY TAP FIX - above WhatsApp/chat overlays */
@media (max-width: 991px) {
body.mobile-sheet-open {
overflow: hidden !important;
touch-action: none !important;
}
.mobile-bottom-sheet-overlay,
.mobile-bottom-sheet-overlay.active {
position: fixed !important;
inset: 0 !important;
z-index: 2147483647 !important;
pointer-events: auto !important;
display: none !important;
align-items: flex-end !important;
justify-content: center !important;
padding: 0 10px max(12px, env(safe-area-inset-bottom)) !important;
box-sizing: border-box !important;
}
.mobile-bottom-sheet-overlay.active {
display: flex !important;
}
.mobile-bottom-sheet-overlay.active .mobile-bottom-sheet {
position: relative !important;
z-index: 2147483647 !important;
pointer-events: auto !important;
width: 100% !important;
max-width: 430px !important;
max-height: calc(100vh - 24px) !important;
overflow: hidden !important;
}
.mobile-bottom-sheet-overlay.active .mobile-sheet-body {
pointer-events: auto !important;
max-height: calc(100vh - 130px) !important;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch !important;
}
.mobile-bottom-sheet .mobile-choice-list {
width: 100% !important;
position: relative !important;
z-index: 2147483647 !important;
}
.mobile-bottom-sheet a.mobile-choice-item,
.mobile-bottom-sheet button.mobile-choice-item,
.mobile-bottom-sheet .mobile-choice-item {
width: 100% !important;
min-height: 54px !important;
display: flex !important;
align-items: center !important;
gap: 12px !important;
padding: 10px 8px !important;
box-sizing: border-box !important;
position: relative !important;
z-index: 2147483647 !important;
pointer-events: auto !important;
cursor: pointer !important;
touch-action: manipulation !important;
-webkit-tap-highlight-color: transparent !important;
}
.mobile-bottom-sheet .mobile-choice-item::before {
content: "" !important;
position: absolute !important;
inset: 0 !important;
z-index: 1 !important;
pointer-events: none !important;
}
.mobile-bottom-sheet .mobile-choice-item > * {
position: relative !important;
z-index: 2 !important;
pointer-events: none !important;
}
}
/* HEADER DESKTOP DROPDOWN COLOR FIX
Açılan menü yazıları normalde siyah olur, sadece hover olunca kırmızıya döner.
*/
@media (min-width: 992px) {
.desktop-nav .dropdown-menu .dropdown-item,
.desktop-nav .dropdown-menu .dropdown-item:visited,
.desktop-nav .dropdown-menu .dropdown-item:focus {
color: #111111 !important;
background-color: #ffffff !important;
font-weight: 900 !important;
}
.desktop-nav .dropdown-menu .dropdown-item:hover,
.desktop-nav .dropdown-menu .dropdown-item:active {
color: var(--primary-red) !important;
background-color: #f8f9fa !important;
}
}
</style>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&display=swap" media="print" onload="this.media='all'">
<link rel="preload" as="style" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" media="print" onload="this.media='all'">
<link rel="icon" href="/resimler/site_favicon_20260517_110314_917d2236e23dd4ea.png?v=1779004994">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "TravelAgency",
"name": "JustBookTours",
"url": "https://justbooktours.com",
"logo": "/resimler/site_logo_20260517_110314_e3a240d50464bbac.png",
"telephone": "+905323926763"
}
</script>
</head>
<body>
<header role="banner">
<div class="site-topbar">
<div class="container-fluid site-topbar-inner header-full-container">
<a href="tel:+905323926763" class="topbar-link">
<i class="fas fa-phone-alt"></i>
<span>+905323926763</span>
</a>
<a href="/en/find-booking/" class="topbar-link">
<i class="fas fa-ticket-alt"></i>
<span>Find my booking</span>
</a>
</div>
</div>
<nav class="navbar main-navbar sticky-top" aria-label="Main navigation">
<div class="container-fluid header-full-container"> <a class="navbar-brand" href="/en" aria-label="JustBookTours Home">
<img src="/resimler/site_logo_20260517_110314_e3a240d50464bbac.png?v=1779004994" alt="JustBookTours Logo">
</a>
<ul class="navbar-nav desktop-nav mx-auto flex-row">
<li class="nav-item">
<a class="nav-link" href="/en">Homepage</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="/en/tours/feature/" data-bs-toggle="dropdown" aria-expanded="false">
Tours </a>
<ul class="dropdown-menu">
<li>
<a class="dropdown-item" href="/en/tours/feature/">All Tours</a>
</li>
<li>
<a class="dropdown-item" href="/en/tours/feature/relax/">
Relax Tours
</a>
</li>
<li>
<a class="dropdown-item" href="/en/tours/feature/extraordinary/">
Extraordinary Tours
</a>
</li>
<li>
<a class="dropdown-item" href="/en/tours/feature/history-and-culture/">
History and Culture Tours
</a>
</li>
<li>
<a class="dropdown-item" href="/en/tours/feature/extreme/">
Extreme Tours
</a>
</li>
<li>
<a class="dropdown-item" href="/en/tours/feature/fun-and-adventure/">
Fun and Adventure Tours
</a>
</li>
<li>
<a class="dropdown-item" href="/en/tours/feature/activity/">
Activity Tours
</a>
</li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown" aria-expanded="false">
Destinations </a>
<ul class="dropdown-menu">
<li>
<a class="dropdown-item" href="/en/tours/destinations/">
ALL </a>
</li>
<li>
<a class="dropdown-item" href="/en/tours/destination/belek/">
Belek </a>
</li>
<li>
<a class="dropdown-item" href="/en/tours/destination/kemer/">
Kemer </a>
</li>
<li>
<a class="dropdown-item" href="/en/tours/destination/side/">
Side </a>
</li>
<li>
<a class="dropdown-item" href="/en/tours/destination/antalya/">
Antalya </a>
</li>
<li>
<a class="dropdown-item" href="/en/tours/destination/alanya/">
Alanya </a>
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="/en/page/about-us/">About Us</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown" aria-expanded="false">
Blog </a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="/en/blog/">ALL</a></li>
<li><a class="dropdown-item" href="/en/blog/alanya/">Alanya</a></li>
<li><a class="dropdown-item" href="/en/blog/antalya/">Antalya</a></li>
<li><a class="dropdown-item" href="/en/blog/belek/">Belek</a></li>
<li><a class="dropdown-item" href="/en/blog/kemer/">Kemer</a></li>
<li><a class="dropdown-item" href="/en/blog/side/">Side</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="/en/contact/">Contact</a>
</li>
</ul>
<div class="desktop-controls">
<div class="d-flex align-items-center">
<img src="https://flagcdn.com/w20/gb.png" class="me-2 shadow-sm" alt="flag" width="20" height="15" style="border-radius:2px;">
<select class="form-select form-select-sm header-select js-fast-switch" aria-label="Select Language" style="width: 78px;">
<option value="/en/robots.txt" data-lang="EN" selected>EN</option>
<option value="/nl/robots.txt" data-lang="NL" >NL</option>
<option value="/de/robots.txt" data-lang="DE" >DE</option>
</select>
</div>
<select class="form-select form-select-sm header-select js-fast-switch" aria-label="Select Currency" style="width: 92px;">
<option value="/robots.txt?currency=GBP" >£ GBP</option>
<option value="/robots.txt?currency=EUR" selected>€ EUR</option>
<option value="/robots.txt?currency=TRY" >₺ TRY</option>
</select>
<a href="/en/tours/feature/" class="header-action-link" aria-label="Search">
<i class="fas fa-search fs-5"></i>
</a>
<a href="/en/wishlist/" class="header-action-link" aria-label="Wishlist">
<i class="far fa-heart fs-5"></i>
</a>
</div>
<div class="mobile-quick-switch" aria-label="Language and currency quick switch">
<i class="fas fa-globe quick-globe" aria-hidden="true"></i>
<button type="button" class="js-open-mobile-sheet" data-sheet="langSheet" aria-label="Select Language">
EN </button>
<span class="quick-divider">/</span>
<button type="button" class="js-open-mobile-sheet" data-sheet="currencySheet" aria-label="Select Currency">
EUR </button>
</div>
<button class="mobile-menu-btn" type="button" data-bs-toggle="offcanvas" data-bs-target="#mobileMenuPanel" aria-controls="mobileMenuPanel" aria-label="Open Menu">
<i class="fas fa-bars"></i>
</button>
</div>
</nav>
<div class="offcanvas offcanvas-end mobile-menu-panel" tabindex="-1" id="mobileMenuPanel" aria-labelledby="mobileMenuPanelLabel">
<div class="mobile-menu-header">
<div class="mobile-logo">
<a href="/en" class="text-decoration-none">
<img src="/resimler/site_logo_20260517_110314_e3a240d50464bbac.png?v=1779004994" alt="JustBookTours Logo">
</a>
<button type="button" class="mobile-close-btn" data-bs-dismiss="offcanvas" aria-label="Close">
<i class="fas fa-times"></i>
</button>
</div>
</div>
<div class="mobile-menu-body">
<a class="mobile-nav-link" href="/en">
<i class="fas fa-home"></i>
<span>Homepage</span>
</a>
<button type="button" class="mobile-nav-button mobile-tours-toggle" onclick="toggleMobileTourCategories()">
<i class="far fa-compass"></i>
<span>Tours</span>
<i class="fas fa-chevron-down mobile-caret"></i>
</button>
<div class="mobile-region-list mobile-tour-category-list" id="mobileTourCategoryList">
<a href="/en/tours/feature/" class="mobile-region-item mobile-region-all-item">
All Tours
</a>
<a href="/en/tours/feature/relax/" class="mobile-region-item">
Relax Tours
</a>
<a href="/en/tours/feature/extraordinary/" class="mobile-region-item">
Extraordinary Tours
</a>
<a href="/en/tours/feature/history-and-culture/" class="mobile-region-item">
History and Culture Tours
</a>
<a href="/en/tours/feature/extreme/" class="mobile-region-item">
Extreme Tours
</a>
<a href="/en/tours/feature/fun-and-adventure/" class="mobile-region-item">
Fun and Adventure Tours
</a>
<a href="/en/tours/feature/activity/" class="mobile-region-item">
Activity Tours
</a>
</div>
<button type="button" class="mobile-nav-button" onclick="toggleMobileRegions()">
<i class="fas fa-map-marker-alt"></i>
<span>Destinations</span>
<i class="fas fa-chevron-down mobile-caret"></i>
</button>
<div class="mobile-region-list" id="mobileRegionList">
<a href="/en/tours/destinations/" class="mobile-region-item mobile-region-all-item">
ALL </a>
<a href="/en/tours/destination/belek/" class="mobile-region-item">
Belek </a>
<a href="/en/tours/destination/kemer/" class="mobile-region-item">
Kemer </a>
<a href="/en/tours/destination/side/" class="mobile-region-item">
Side </a>
<a href="/en/tours/destination/antalya/" class="mobile-region-item">
Antalya </a>
<a href="/en/tours/destination/alanya/" class="mobile-region-item">
Alanya </a>
</div>
<button type="button" class="mobile-nav-button mobile-blog-toggle" onclick="toggleMobileBlogRegions()">
<i class="fas fa-pen"></i>
<span>Blog</span>
<i class="fas fa-chevron-down mobile-caret"></i>
</button>
<div class="mobile-region-list mobile-blog-region-list" id="mobileBlogRegionList">
<a href="/en/blog/" class="mobile-region-item mobile-blog-region-item">
ALL </a>
<a href="/en/blog/belek/" class="mobile-region-item mobile-blog-region-item">
Belek </a>
<a href="/en/blog/kemer/" class="mobile-region-item mobile-blog-region-item">
Kemer </a>
<a href="/en/blog/side/" class="mobile-region-item mobile-blog-region-item">
Side </a>
<a href="/en/blog/antalya/" class="mobile-region-item mobile-blog-region-item">
Antalya </a>
<a href="/en/blog/alanya/" class="mobile-region-item mobile-blog-region-item">
Alanya </a>
</div>
<a class="mobile-nav-link" href="/en/page/about-us/">
<i class="fas fa-info-circle"></i>
<span>About Us</span>
</a>
<a class="mobile-nav-link" href="/en/contact/">
<i class="fas fa-envelope"></i>
<span>Contact</span>
</a>
<a class="mobile-nav-link" href="/en/find-booking/">
<i class="fas fa-ticket-alt"></i>
<span>Find my booking</span>
</a>
<div class="mobile-section">
<div class="mobile-section-title">Dil / Language</div>
<div class="mobile-lang-grid">
<a class="mobile-lang-btn active" href="/en/robots.txt">
<img src="https://flagcdn.com/w40/gb.png" alt="EN">
<span>EN</span>
</a>
<a class="mobile-lang-btn " href="/nl/robots.txt">
<img src="https://flagcdn.com/w40/nl.png" alt="NL">
<span>NL</span>
</a>
<a class="mobile-lang-btn " href="/de/robots.txt">
<img src="https://flagcdn.com/w40/de.png" alt="DE">
<span>DE</span>
</a>
</div>
</div>
<div class="mobile-section">
<div class="mobile-section-title">Para Birimi / Currency</div>
<div class="mobile-currency-grid">
<a class="mobile-currency-btn active" href="/robots.txt?currency=EUR">€ EUR</a>
<a class="mobile-currency-btn " href="/robots.txt?currency=TRY">₺ TRY</a>
<a class="mobile-currency-btn " href="/robots.txt?currency=GBP">£ GBP</a>
</div>
</div>
<a href="tel:+905323926763" class="mobile-call-btn">
<i class="fas fa-phone-alt"></i>
<span>+905323926763</span>
</a>
<div class="mobile-socials">
<a href="https://www.instagram.com/" target="_blank" rel="nofollow noopener" aria-label="Instagram">
<i class="fab fa-instagram"></i>
</a>
</div>
</div>
</div>
<div class="mobile-bottom-sheet-overlay" id="langSheet" aria-hidden="true">
<div class="mobile-bottom-sheet" role="dialog" aria-modal="true" aria-label="Select Language">
<div class="mobile-sheet-header">
<h3 class="mobile-sheet-title">Dil</h3>
<button type="button" class="mobile-sheet-close js-close-mobile-sheet" aria-label="Close">
<i class="fas fa-times" aria-hidden="true"></i>
</button>
</div>
<div class="mobile-sheet-body">
<div class="mobile-choice-list">
<a class="mobile-choice-item js-fast-mobile-link active" href="/en/robots.txt" data-url="/en/robots.txt">
<img src="https://flagcdn.com/w40/gb.png" alt="EN">
<span class="mobile-choice-label">English</span>
<span class="mobile-choice-radio" aria-hidden="true"></span>
</a>
<a class="mobile-choice-item js-fast-mobile-link " href="/nl/robots.txt" data-url="/nl/robots.txt">
<img src="https://flagcdn.com/w40/nl.png" alt="NL">
<span class="mobile-choice-label">Nederlands</span>
<span class="mobile-choice-radio" aria-hidden="true"></span>
</a>
<a class="mobile-choice-item js-fast-mobile-link " href="/de/robots.txt" data-url="/de/robots.txt">
<img src="https://flagcdn.com/w40/de.png" alt="DE">
<span class="mobile-choice-label">Deutsch</span>
<span class="mobile-choice-radio" aria-hidden="true"></span>
</a>
</div>
</div>
</div>
</div>
<div class="mobile-bottom-sheet-overlay" id="currencySheet" aria-hidden="true">
<div class="mobile-bottom-sheet" role="dialog" aria-modal="true" aria-label="Select Currency">
<div class="mobile-sheet-header">
<h3 class="mobile-sheet-title">Para Birimi</h3>
<button type="button" class="mobile-sheet-close js-close-mobile-sheet" aria-label="Close">
<i class="fas fa-times" aria-hidden="true"></i>
</button>
</div>
<div class="mobile-sheet-body">
<div class="mobile-choice-list" id="mobileCurrencyList">
<a class="mobile-choice-item js-fast-mobile-link currency-choice active" href="/robots.txt?currency=EUR" data-currency-text="eur € euro" data-url="/robots.txt?currency=EUR">
<span class="mobile-choice-label">
<span class="mobile-choice-code">EUR €</span>
· Euro </span>
<span class="mobile-choice-radio" aria-hidden="true"></span>
</a>
<a class="mobile-choice-item js-fast-mobile-link currency-choice " href="/robots.txt?currency=GBP" data-currency-text="gbp £ british pound" data-url="/robots.txt?currency=GBP">
<span class="mobile-choice-label">
<span class="mobile-choice-code">GBP £</span>
· British Pound </span>
<span class="mobile-choice-radio" aria-hidden="true"></span>
</a>
<a class="mobile-choice-item js-fast-mobile-link currency-choice " href="/robots.txt?currency=TRY" data-currency-text="try ₺ turkish lira" data-url="/robots.txt?currency=TRY">
<span class="mobile-choice-label">
<span class="mobile-choice-code">TRY ₺</span>
· Turkish Lira </span>
<span class="mobile-choice-radio" aria-hidden="true"></span>
</a>
</div>
</div>
</div>
</div>
</header>
<script>
/* FINAL FIX - HEADER LANGUAGE / CURRENCY / MOBILE MENU */
(function () {
var switching = false;
function ready(fn) {
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', fn);
} else {
fn();
}
}
function closest(el, selector) {
while (el && el !== document) {
if (el.matches && el.matches(selector)) return el;
el = el.parentNode;
}
return null;
}
window.toggleMobileRegions = function () {
var list = document.getElementById('mobileRegionList');
var btn = document.querySelector('.mobile-nav-button:not(.mobile-blog-toggle):not(.mobile-tours-toggle)');
if (list) list.classList.toggle('active');
if (btn) btn.classList.toggle('active');
};
window.toggleMobileTourCategories = function () {
var list = document.getElementById('mobileTourCategoryList');
var btn = document.querySelector('.mobile-tours-toggle');
if (list) list.classList.toggle('active');
if (btn) btn.classList.toggle('active');
};
window.toggleMobileBlogRegions = function () {
var list = document.getElementById('mobileBlogRegionList');
var btn = document.querySelector('.mobile-blog-toggle');
if (list) list.classList.toggle('active');
if (btn) btn.classList.toggle('active');
};
window.openMobileSheet = function (sheetId) {
var sheet = document.getElementById(sheetId);
if (!sheet) return false;
document.querySelectorAll('.mobile-bottom-sheet-overlay.active').forEach(function (openSheet) {
openSheet.classList.remove('active');
openSheet.setAttribute('aria-hidden', 'true');
});
sheet.classList.add('active');
sheet.setAttribute('aria-hidden', 'false');
document.body.classList.add('mobile-sheet-open');
return false;
};
window.closeMobileSheets = function () {
document.querySelectorAll('.mobile-bottom-sheet-overlay.active').forEach(function (sheet) {
sheet.classList.remove('active');
sheet.setAttribute('aria-hidden', 'true');
});
document.body.classList.remove('mobile-sheet-open');
};
function goToUrl(url, el) {
if (!url || url === '#') return false;
if (switching) return false;
switching = true;
if (el) el.classList.add('is-switching');
document.body.classList.add('page-switching');
window.location.href = url;
return false;
}
window.tmMobileChoiceGo = function (el, event) {
if (event) {
event.preventDefault();
event.stopPropagation();
}
var row = el && el.classList && el.classList.contains('js-fast-mobile-link') ? el : closest(el, '.js-fast-mobile-link');
if (!row) return false;
return goToUrl(row.getAttribute('data-url') || row.getAttribute('href'), row);
};
window.tmMobileRadioGo = function (radioEl, event) {
return window.tmMobileChoiceGo(radioEl, event);
};
ready(function () {
document.querySelectorAll('.js-fast-switch').forEach(function (select) {
select.addEventListener('change', function () {
goToUrl(this.value, this);
});
});
document.querySelectorAll('.js-open-mobile-sheet').forEach(function (btn) {
btn.addEventListener('click', function (event) {
event.preventDefault();
event.stopPropagation();
window.openMobileSheet(this.getAttribute('data-sheet'));
});
});
document.querySelectorAll('.js-close-mobile-sheet, .mobile-sheet-close').forEach(function (btn) {
btn.addEventListener('click', function (event) {
event.preventDefault();
event.stopPropagation();
window.closeMobileSheets();
});
});
document.querySelectorAll('.mobile-bottom-sheet-overlay').forEach(function (overlay) {
overlay.addEventListener('click', function (event) {
if (event.target === overlay) {
event.preventDefault();
window.closeMobileSheets();
}
});
});
function handleMobileChoiceEvent(event) {
var row = closest(event.target, '.mobile-bottom-sheet.active .js-fast-mobile-link, .mobile-bottom-sheet-overlay.active .js-fast-mobile-link');
if (!row) return;
if (event.cancelable) event.preventDefault();
event.stopPropagation();
goToUrl(row.getAttribute('data-url') || row.getAttribute('href'), row);
}
/* Mobile sheet choices: row, text, empty area, flag and radio circle all navigate. */
document.addEventListener('pointerup', handleMobileChoiceEvent, true);
document.addEventListener('touchend', handleMobileChoiceEvent, { capture: true, passive: false });
document.addEventListener('click', handleMobileChoiceEvent, true);
document.querySelectorAll('.mobile-lang-btn, .mobile-currency-btn').forEach(function (link) {
link.addEventListener('click', function () {
this.classList.add('is-switching');
}, { passive: true });
});
var currencySearch = document.getElementById('mobileCurrencySearch');
var currencyItems = document.querySelectorAll('#mobileCurrencyList .currency-choice');
if (currencySearch && currencyItems.length) {
currencySearch.addEventListener('input', function () {
var q = this.value.trim().toLowerCase();
currencyItems.forEach(function (item) {
var haystack = item.getAttribute('data-currency-text') || item.textContent.toLowerCase();
item.style.display = haystack.indexOf(q) !== -1 ? 'flex' : 'none';
});
});
}
document.addEventListener('keydown', function (event) {
if (event.key === 'Escape') window.closeMobileSheets();
});
});
})();
</script>
<main id="main-content">
<style>
/* ====== OPTİMİZE EDİLMİŞ TEKİL CSS BLOK ====== */
html, body { overflow-x: hidden !important; max-width: 100% !important; }
.hero-section { position: relative; padding: 180px 0 160px 0; text-align: center; color: white; background-color: #1a2b4a; overflow: visible !important; }
.hero-bg-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; }
.hero-overlay { position: absolute; inset: 0; background-color: rgba(0, 0, 0, 0.45); z-index: 2; }
.hero-content { position: relative; z-index: 30 !important; max-width: 900px; margin: 0 auto; padding: 0 15px; }
.hero-title { font-size: 3.5rem; font-weight: 900; margin-bottom: 15px; letter-spacing: -1px; text-shadow: 0 2px 10px rgba(0,0,0,0.4); color: #fff; }
.hero-subtitle { font-size: 1.25rem; font-weight: 600; margin-bottom: 40px; text-shadow: 0 2px 5px rgba(0,0,0,0.4); color: #fff; }
.hero-search-box { position: relative; max-width: 560px; margin: 0 auto; z-index: 50; }
.search-widget-minimal { background: #ffffff; border-radius: 999px; display: flex; align-items: center; padding: 8px 8px 8px 26px; box-shadow: 0 15px 35px rgba(0,0,0,0.25); max-width: 100%; margin: 0; height: 66px; position: relative; z-index: 52; }
.search-widget-minimal i.search-icon { color: #333; font-size: 1.2rem; margin-right: 15px; }
.search-widget-minimal input { border: none; outline: none; flex: 1; font-size: 1.1rem; font-weight: 600; color: #222; background: transparent; }
.search-btn-minimal { background: var(--primary-red); color: white; border: none; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; cursor: pointer; transition: 0.3s; flex-shrink: 0; margin-left: 10px; }
.search-btn-minimal:hover { background: #b52217; transform: scale(1.05); }
.hero-search-results { position: absolute; top: calc(100% + 12px); left: 0; right: 0; background: #ffffff; border-radius: 22px; box-shadow: 0 22px 55px rgba(0,0,0,0.30); display: none; max-height: 330px; overflow-y: auto; text-align: left; z-index: 51; border: 1px solid rgba(0,0,0,0.06); }
.hero-search-results.active { display: block; }
.hero-search-item { display: grid; grid-template-columns: 74px minmax(0, 1fr); gap: 12px; align-items: center; padding: 12px 14px; text-decoration: none !important; color: #111111 !important; border-bottom: 1px solid #f1f1f1; background: #ffffff; }
.hero-search-item:hover { background: #fff6f5; }
.hero-search-item img { width: 74px; height: 56px; border-radius: 13px; object-fit: cover; background: #eeeeee; }
.hero-search-info { min-width: 0; }
.hero-search-title { font-size: 0.98rem; font-weight: 900; color: #111111; line-height: 1.2; margin-bottom: 6px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.hero-search-meta { display: flex; align-items: center; gap: 7px; font-size: 0.74rem; color: #666666; font-weight: 700; flex-wrap: wrap; }
.hero-search-price { color: #e1251b !important; font-weight: 900; background: #fff0ef; padding: 4px 7px; border-radius: 999px; }
.hero-search-empty { padding: 16px; font-size: 0.9rem; color: #555555; font-weight: 800; text-align: center; }
.features-section { padding: 60px 0 35px; background: #fff; text-align: center; position: relative; overflow: hidden;}
.features-title { font-size: 2rem; font-weight: 900; color: #111; margin-bottom: 50px; letter-spacing: -0.5px; }
.feature-icon-wrapper { width: 65px; height: 65px; background-color: #fce4ec; color: var(--primary-red); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; margin: 0 auto 20px auto; }
.feature-title { font-weight: 800; font-size: 1.15rem; color: #111; margin-bottom: 10px; }
.feature-desc { color: #444; font-size: 0.95rem; line-height: 1.5; padding: 0 15px; }
/* SLIDERS GLOBALS */
.most-booked-section { padding: 20px 0 50px; position: relative; overflow: hidden;}
.most-booked-wrapper, .region-cards-wrapper, .tour-list-wrapper.mobile-slider {
display: flex !important; flex-wrap: nowrap !important; justify-content: flex-start !important;
overflow-x: auto !important; overflow-y: hidden !important; scroll-behavior: smooth !important;
scroll-snap-type: x mandatory !important; -webkit-overflow-scrolling: touch !important;
touch-action: pan-x !important; cursor: grab !important; scrollbar-width: none !important;
}
.most-booked-wrapper::-webkit-scrollbar, .region-cards-wrapper::-webkit-scrollbar, .tour-list-wrapper.mobile-slider::-webkit-scrollbar { display: none !important; }
.most-booked-wrapper.is-jbt-dragging, .region-cards-wrapper.is-jbt-dragging, .tour-list-wrapper.mobile-slider.is-jbt-dragging { cursor: grabbing !important; user-select: none !important; scroll-snap-type: none !important; }
.most-booked-card, .region-card, .tour-list-wrapper.mobile-slider .viator-card { flex-shrink: 0 !important; scroll-snap-align: start !important; }
/* INLINE SLIDER BUTTONS */
.jbt-inline-slider-btn { position: absolute !important; z-index: 30 !important; width: 42px !important; height: 42px !important; border: 0 !important; border-radius: 999px !important; background: #ffffff !important; color: #111111 !important; box-shadow: 0 8px 24px rgba(0,0,0,0.20) !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; font-size: 28px !important; font-weight: 900 !important; transition: .2s ease !important; }
.jbt-inline-slider-btn:hover { background: #e1251b !important; color: #ffffff !important; }
.most-booked-section .jbt-inline-slider-btn { top: 54% !important; }
.features-section .jbt-inline-slider-btn { top: 50% !important; }
.jbt-inline-prev { left: max(12px, calc((100% - 1180px) / 2 - 24px)) !important; }
.jbt-inline-next { right: max(12px, calc((100% - 1180px) / 2 - 24px)) !important; }
/* TOUR CARDS */
.viator-card { background: #ffffff; border-radius: 16px; border: 1px solid #e5e5e5; display: flex; overflow: hidden; text-decoration: none !important; color: #111111 !important; box-shadow: 0 8px 24px rgba(0,0,0,0.06); transition: 0.25s ease; width: 100%; max-width: 900px; margin: 0 auto; }
.viator-card:hover { transform: translateY(-3px); box-shadow: 0 14px 34px rgba(0,0,0,0.12); }
.viator-card-img-wrapper { position: relative; width: 38%; min-height: 250px; flex-shrink: 0; }
.viator-card-img-wrapper img { width: 100%; height: 100%; object-fit: cover; display: block; }
.badge-popular { position: absolute; top: 14px; left: 14px; background: #e1251b; color: #ffffff; padding: 7px 13px; border-radius: 999px; font-size: 0.78rem; font-weight: 800; display: flex; align-items: center; gap: 5px; z-index: 2; }
.badge-favorite { position: absolute; top: 14px; right: 14px; background: #ffffff; color: #e1251b; width: 38px; height: 38px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.05rem; z-index: 2; box-shadow: 0 4px 12px rgba(0,0,0,0.18); }
.viator-card-body { flex: 1; padding: 26px 28px; display: grid; grid-template-columns: 1fr 170px; column-gap: 24px; }
.viator-title { font-size: 1.65rem; font-weight: 900; margin: 0 0 12px; line-height: 1.15; }
.viator-rating { font-size: 0.95rem; font-weight: 800; margin-bottom: 16px; display: flex; align-items: center; gap: 6px; }
.viator-rating i { color: #fbbf24; }
.viator-rating span { color: #666; font-weight: 500; }
.viator-features-list { display: flex; flex-direction: column; gap: 9px; margin-bottom: 22px; }
.viator-feature { font-size: 0.95rem; font-weight: 600; display: flex; align-items: center; gap: 10px; }
.viator-instant-box { margin-top: auto; background: #f0fdf4; border-radius: 10px; padding: 10px 12px; display: inline-flex; align-items: flex-start; gap: 8px; max-width: 285px; }
.viator-price-action { display: flex; flex-direction: column; align-items: flex-end; justify-content: center; }
.viator-price-amount { font-size: 2.35rem; font-weight: 900; line-height: 1; white-space: nowrap; }
.viator-price-unit { font-size: 0.85rem; color: #666; margin-top: 5px; }
.viator-btn { background-color: #e1251b; color: #ffffff; border: none; padding: 13px 24px; border-radius: 10px; font-weight: 1000; font-size: 1.18rem; display: inline-flex; align-items: center; justify-content: center; gap: 0; text-decoration: none; white-space: nowrap; letter-spacing: 0.25px; transition: 0.3s;}
.viator-btn:hover { background-color: #b52217; color: #ffffff; }
/* REGION CARDS */
.destination-heading-row { max-width: 1180px; margin-left: auto; margin-right: auto; padding: 0 22px; display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.destination-view-all { background: #e1251b; color: #ffffff !important; border-radius: 999px; padding: 11px 20px; font-size: 0.86rem; font-weight: 900; text-decoration: none !important; display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; box-shadow: 0 8px 20px rgba(225,37,27,0.24); transition: 0.2s ease; }
.destination-view-all:hover { background: #b52217; transform: translateY(-2px); }
.region-cards-wrapper { margin-top: 34px; gap: 22px; padding: 8px 0 24px 0;}
.region-card { position: relative; height: 210px; border-radius: 20px; overflow: hidden; display: block; text-decoration: none; box-shadow: 0 10px 26px rgba(0,0,0,0.16); transition: 0.25s; }
.region-card:hover { transform: translateY(-3px); }
.region-card img { width: 100%; height: 100%; object-fit: cover; }
.region-card-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0,0,0,0.12), rgba(0,0,0,0.35)); }
.region-card h3 { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; margin: 0; color: #fff; font-size: 2rem; font-weight: 900; text-align: center; padding: 0 15px; text-shadow: 0 2px 7px rgba(0,0,0,0.55); }
.region-tour-badge { position: absolute; left: 18px; bottom: 16px; z-index: 3; background: #ffffff; color: #222222; border-radius: 999px; padding: 9px 18px; display: inline-flex; align-items: center; gap: 9px; font-size: 1rem; font-weight: 800; box-shadow: 0 5px 16px rgba(0,0,0,0.18); }
/* SECTIONS */
.info-banner-section { background: transparent; padding: 26px 15px; margin: 28px 0; }
.info-banner-blur { background: #eafafb; border-radius: 12px; padding: 48px 22px; text-align: center; margin: 0 auto; max-width: 800px; }
.info-banner-blur h3 { font-weight: 900; font-size: 1.55rem; color: #050505; margin: 0 0 14px; letter-spacing: -0.4px; }
.info-banner-blur p { font-size: 1rem; color: #050505; font-weight: 500; max-width: 620px; margin: 0 auto; }
.why-choose-section { background: linear-gradient(180deg, #ffffff 0%, #fff7f6 100%); padding: 55px 15px 42px; }
.why-choose-wrap { max-width: 900px; margin: 0 auto; text-align: center;}
.why-choose-title { font-size: 2.65rem; line-height: 1.08; font-weight: 1000; margin-bottom: 14px; letter-spacing: -1px; color:#111;}
.why-choose-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 28px;}
.why-choose-card { background: #fff; border: 1px solid #ffe4e1; border-radius: 14px; padding: 24px 18px; box-shadow: 0 10px 24px rgba(0,0,0,0.07); transition: 0.25s; }
.why-choose-card:hover { transform: translateY(-3px); box-shadow: 0 18px 40px rgba(225, 37, 27, 0.13); }
.why-choose-icon { width: 60px; height: 60px; font-size: 1.55rem; background: #fff0ef; color: #e1251b; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 14px;}
.trusted-brands-section { margin: 60px auto; text-align: center; max-width: 1100px; padding: 0 15px; }
.trusted-title { font-size: 2.2rem; font-weight: 900; color: #111; margin-bottom: 15px; }
.trusted-logos-row { display: flex; justify-content: center; gap: 15px; flex-wrap: wrap; }
.trusted-logo-card { border: 1px solid #eaeaea; border-radius: 12px; padding: 15px; width: 150px; height: 85px; display: flex; align-items: center; justify-content: center; background: #fff;}
.trusted-logo-card img { max-width: 100%; max-height: 100%; object-fit: contain;}
/* BLOGS */
.blog-compact-section { padding: 28px 15px; margin: 20px auto; max-width: 1180px;}
.blog-compact-header { text-align: center; margin-bottom: 18px; }
.blog-compact-header h2 { font-size: 1.75rem; font-weight: 900; color: #151922;}
.blog-card { border-radius: 12px; overflow: hidden; background: #fff; border: 1px solid #eee; height: 100%; box-shadow: 0 5px 16px rgba(0,0,0,0.05); }
.blog-card img { width: 100%; height: 120px; object-fit: cover; }
.blog-card-body { padding: 12px; }
/* TRIPADVISOR */
.tripadvisor-banner-section { max-width: 850px; margin: 25px auto; padding: 0 15px; }
.tripadvisor-box { border: 2px solid #5de492; border-radius: 16px; padding: 24px 20px; text-align: center; box-shadow: 0 10px 30px rgba(93, 228, 146, 0.15); background: #fff;}
.awards-timeline { display: flex; justify-content: center; gap: 14px; margin-top: 20px;}
.award-badge { width: 60px; height: 60px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; position: relative;}
.award-badge img { width: 100%; border-radius: 50%; }
.award-badge strong { font-size: 13px; font-weight: 900; position: absolute; bottom: -18px; color: #111;}
/* POPULAR LINKS */
.popular-links-section { padding: 55px 15px 30px; max-width: 1050px; margin: 0 auto; }
.popular-link-group { margin-bottom: 54px; }
.popular-link-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.popular-link-item { display: flex; align-items: center; gap: 16px; padding: 10px; font-weight: 800; color: #151922; text-decoration: none; border-bottom: 1px solid #eee;}
/* MOBILE SEARCH MODAL */
.tm-mobile-tour-search-sheet { display: none; position: fixed; inset: 0; z-index: 2147482600; background: rgba(15,23,42,0.5); align-items: flex-end; justify-content: center; }
.tm-mobile-tour-search-sheet.active { display: flex; }
.tm-mobile-tour-search-panel { width: 100%; max-width: 430px; height: 82vh; background: #fff; border-radius: 22px 22px 0 0; display: flex; flex-direction: column; }
.tm-mobile-tour-search-head { display: flex; align-items: center; gap: 8px; padding: 12px 18px; background: #fff; border-bottom: 1px solid #eee; }
.tm-mobile-tour-search-input-wrap { flex: 1; display: flex; align-items: center; background: #fff; border: 1.5px solid #e1251b; border-radius: 13px; padding: 0 10px; height: 52px; margin:0;}
.tm-mobile-tour-search-input-wrap input { flex:1; border: none; outline: none; background: transparent; font-size: 16px; font-weight: 600;}
.tm-mobile-search-submit { background: transparent; border: none; color: #e1251b; font-size: 1.2rem; padding: 0 10px;}
.tm-mobile-tour-search-results { flex: 1; overflow-y: auto; padding: 10px 22px;}
.tm-mobile-tour-result { display: grid; grid-template-columns: 74px 1fr; gap: 12px; align-items: center; padding: 12px 0; border-bottom: 1px solid #eee; text-decoration: none; color: #111;}
.tm-mobile-tour-result img { width: 74px; height: 58px; border-radius: 12px; object-fit: cover;}
body.tm-tour-search-open { overflow: hidden; }
/* RESPONSIVE PC ONLY */
@media (min-width: 769px) {
.most-booked-wrapper { max-width: 1180px; gap: 20px; }
.most-booked-card { width: 280px; }
.region-cards-wrapper { max-width: 1180px; gap: 22px; }
.region-card { width: 320px; }
.top-excursions-section .tour-list-wrapper { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; max-width: 1180px; margin: 0 auto; }
.top-excursions-section .viator-card { flex-direction: column; height: 100%; min-height: 342px;}
.top-excursions-section .viator-card-img-wrapper { width: 100%; height: 145px; }
.top-excursions-section .viator-card-body { padding: 12px; }
.popular-link-grid { column-gap: 42px; }
}
/* RESPONSIVE MOBILE */
@media (max-width: 768px) {
.hero-section { padding: 72px 0 86px 0; min-height: 320px; }
.hero-title { font-size: 1.55rem; line-height: 1.12; margin-bottom: 8px; }
.hero-subtitle { font-size: 0.85rem; padding: 0 22px; margin-bottom: 16px; }
.hero-search-box { max-width: 90%; margin-top: 50px; }
.search-widget-minimal { height: 52px; padding: 6px 6px 6px 17px; }
.search-widget-minimal input { font-size: 0.9rem; }
.search-btn-minimal { width: 42px; height: 42px; font-size: 0.95rem; }
.most-booked-wrapper, .region-cards-wrapper, .tour-list-wrapper.mobile-slider { padding-left: 16px; padding-right: 16px; gap: 15px;}
.most-booked-card, .region-card, .tour-list-wrapper.mobile-slider .viator-card { width: calc(100vw - 64px); max-width: 340px; }
/* Top Excursions Mobilde Slider Olacak (turlar kaydırmalı olsun) */
.top-excursions-section .tour-list-wrapper {
display: flex; flex-direction: row; overflow-x: auto; scroll-snap-type: x mandatory;
padding-left: 16px; padding-right: 16px; gap: 15px; margin-top: 15px; scrollbar-width: none;
}
.top-excursions-section .tour-list-wrapper::-webkit-scrollbar { display: none; }
.top-excursions-section .viator-card {
flex: 0 0 calc(100vw - 64px); max-width: 340px; scroll-snap-align: start;
flex-direction: column; min-height: 300px;
}
.top-excursions-section .viator-card-img-wrapper { width: 100%; height: 160px; min-height: 160px; }
.top-excursions-section .viator-card-body { width: 100%; padding: 12px; display: flex; flex-direction: column; }
.top-excursions-section .viator-price-action { flex-direction: row; justify-content: space-between; align-items: center; border-top: 1px solid #eee; padding-top: 10px; margin-top: auto; }
.top-excursions-section .viator-price-info { text-align: left; }
.top-excursions-section .viator-price-unit { display: none; }
.features-section, .why-choose-section, .info-banner-section, .blog-compact-section, .popular-links-section { padding-left: 12px; padding-right: 12px; }
.why-choose-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
.popular-link-grid { grid-template-columns: 1fr; gap: 8px; }
.popular-link-item { border: 1px solid #eee; border-radius: 12px; padding: 10px; font-size: 0.85rem;}
.jbt-inline-slider-btn { width: 34px; height: 34px; font-size: 20px; }
.jbt-inline-prev { left: 6px; }
.jbt-inline-next { right: 6px; }
}
@media (max-width: 390px) {
.most-booked-card, .region-card, .top-excursions-section .viator-card { flex: 0 0 calc(100vw - 50px); }
.why-choose-grid { grid-template-columns: 1fr; }
.search-widget-minimal { height: 48px; }
.search-btn-minimal { width: 36px; height: 36px; }
}
/* Genel taşma kontrolü */
body {
background: #ffffff;
}
.container,
.top-excursions-section,
.blog-compact-section,
.popular-links-section {
max-width: 1180px;
}
/* Hero yüksekliği ve arama görünümü */
.hero-section {
overflow: visible !important;
}
.hero-content,
.hero-search-box {
overflow: visible !important;
}
.hero-search-results {
z-index: 9999 !important;
}
/* Bilgi ikonları alanı */
.features-section {
overflow: visible !important;
}
.features-section .container {
max-width: 1180px;
}
/* En çok rezerve edilen turlar alanı */
.most-booked-section {
padding: 36px 0 70px !important;
position: relative !important;
overflow: visible !important;
background: #ffffff !important;
}
.most-booked-title {
font-size: 2rem !important;
line-height: 1.18 !important;
margin-bottom: 26px !important;
}
.most-booked-wrapper {
max-width: 1180px !important;
margin: 0 auto !important;
padding: 8px 0 22px !important;
gap: 8px !important;
display: flex !important;
flex-wrap: nowrap !important;
justify-content: flex-start !important;
overflow-x: auto !important;
overflow-y: hidden !important;
scroll-snap-type: x mandatory !important;
-webkit-overflow-scrolling: touch !important;
scrollbar-width: none !important;
}
.most-booked-wrapper::-webkit-scrollbar {
display: none !important;
}
.most-booked-card {
flex: 0 0 280px !important;
width: 280px !important;
max-width: 280px !important;
scroll-snap-align: start !important;
}
/* Most Booked kartlarını eski dikey kart tasarımına geri al */
.most-booked-card .viator-card {
width: 100% !important;
max-width: 100% !important;
height: 100% !important;
min-height: 432px !important;
display: flex !important;
flex-direction: column !important;
border-radius: 14px !important;
overflow: hidden !important;
background: #ffffff !important;
box-shadow: 0 10px 26px rgba(0,0,0,0.08) !important;
border: 1px solid #e8e8e8 !important;
margin: 0 !important;
}
.most-booked-card .viator-card-img-wrapper {
width: 100% !important;
height: 178px !important;
min-height: 178px !important;
flex: 0 0 178px !important;
}
.most-booked-card .viator-card-img-wrapper img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.most-booked-card .viator-card-body {
width: 100% !important;
flex: 1 1 auto !important;
display: flex !important;
flex-direction: column !important;
padding: 16px 14px 14px !important;
column-gap: 0 !important;
grid-template-columns: none !important;
}
.most-booked-card .viator-rating {
font-size: 0.82rem !important;
margin-bottom: 8px !important;
}
.most-booked-card .viator-title {
font-size: 1.03rem !important;
line-height: 1.22 !important;
min-height: 48px !important;
margin: 0 0 10px !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
.most-booked-card .viator-features-list {
gap: 7px !important;
margin-bottom: 14px !important;
}
.most-booked-card .viator-feature {
font-size: 0.82rem !important;
line-height: 1.25 !important;
}
.most-booked-card .viator-price-action {
margin-top: auto !important;
border-top: 1px solid #eeeeee !important;
padding-top: 12px !important;
display: flex !important;
flex-direction: row !important;
justify-content: space-between !important;
align-items: center !important;
}
.most-booked-card .viator-price-amount {
font-size: 1.45rem !important;
line-height: 1 !important;
}
.most-booked-card .viator-btn {
padding: 11px 15px !important;
min-width: 104px !important;
font-size: 0.92rem !important;
border-radius: 9px !important;
}
.most-booked-card .badge-popular {
top: 12px !important;
left: 12px !important;
padding: 6px 11px !important;
font-size: 0.74rem !important;
}
.most-booked-card .badge-favorite {
top: 12px !important;
right: 12px !important;
width: 38px !important;
height: 38px !important;
}
/* Bölge / destination slider alanı */
.destination-heading-row {
max-width: 1180px !important;
margin: 0 auto 22px !important;
padding: 0 0 !important;
}
.region-cards-wrapper {
max-width: 1180px !important;
margin: 30px auto 0 !important;
padding: 8px 0 26px !important;
gap: 22px !important;
display: flex !important;
flex-wrap: nowrap !important;
justify-content: flex-start !important;
overflow-x: auto !important;
overflow-y: hidden !important;
scroll-snap-type: x mandatory !important;
-webkit-overflow-scrolling: touch !important;
scrollbar-width: none !important;
}
.region-cards-wrapper::-webkit-scrollbar {
display: none !important;
}
.region-card {
flex: 0 0 320px !important;
width: 320px !important;
max-width: 320px !important;
height: 210px !important;
scroll-snap-align: start !important;
border-radius: 20px !important;
}
/* Slider okları daha düzgün konumlansın */
.jbt-inline-slider-btn {
z-index: 60 !important;
}
.most-booked-section .jbt-inline-prev,
.features-section .jbt-inline-prev {
left: max(12px, calc((100% - 1180px) / 2 - 18px)) !important;
}
.most-booked-section .jbt-inline-next,
.features-section .jbt-inline-next {
right: max(12px, calc((100% - 1180px) / 2 - 18px)) !important;
}
/* Top Excursions alanı: desktop grid, mobile slider yapısını koru */
.top-excursions-section {
padding-top: 34px !important;
padding-bottom: 55px !important;
}
.top-excursions-title {
font-size: 2rem !important;
font-weight: 900 !important;
margin-bottom: 24px !important;
}
.top-region-tabs {
justify-content: center !important;
gap: 12px !important;
margin-bottom: 26px !important;
}
.top-region-btn {
border: 1px solid #e1e1e1 !important;
border-radius: 999px !important;
padding: 9px 18px !important;
font-weight: 900 !important;
color: #111 !important;
background: #fff !important;
}
.top-region-btn.active {
background: #e1251b !important;
color: #fff !important;
border-color: #e1251b !important;
}
/* Desktop tur grid kartlarını compact tut */
@media (min-width: 769px) {
.top-excursions-section .tour-list-wrapper {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 16px !important;
max-width: 1180px !important;
margin: 0 auto !important;
overflow: visible !important;
}
.top-excursions-section .viator-card {
width: 100% !important;
max-width: 100% !important;
min-height: 345px !important;
display: flex !important;
flex-direction: column !important;
margin: 0 !important;
}
.top-excursions-section .viator-card-img-wrapper {
width: 100% !important;
height: 150px !important;
min-height: 150px !important;
flex: 0 0 150px !important;
}
.top-excursions-section .viator-card-body {
display: flex !important;
flex-direction: column !important;
grid-template-columns: none !important;
padding: 13px !important;
flex: 1 1 auto !important;
}
.top-excursions-section .viator-title {
font-size: 1.02rem !important;
line-height: 1.22 !important;
min-height: 47px !important;
margin-bottom: 9px !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
.top-excursions-section .viator-rating,
.top-excursions-section .viator-feature {
font-size: 0.82rem !important;
}
.top-excursions-section .viator-instant-box {
display: none !important;
}
.top-excursions-section .viator-price-action {
margin-top: auto !important;
padding-top: 12px !important;
border-top: 1px solid #eeeeee !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
}
.top-excursions-section .viator-price-amount {
font-size: 1.35rem !important;
}
.top-excursions-section .viator-btn {
padding: 10px 14px !important;
font-size: 0.88rem !important;
border-radius: 9px !important;
}
}
/* Güven logoları ve blog alanı */
.trusted-brands-section {
margin-top: 42px !important;
margin-bottom: 45px !important;
}
.blog-compact-section {
padding-top: 40px !important;
padding-bottom: 42px !important;
}
/* Mobil görünüm */
@media (max-width: 768px) {
.hero-section {
padding: 76px 0 88px !important;
min-height: 330px !important;
}
.hero-title {
font-size: 1.7rem !important;
line-height: 1.13 !important;
}
.hero-subtitle {
font-size: 0.9rem !important;
line-height: 1.35 !important;
}
.most-booked-section {
padding: 24px 0 48px !important;
}
.most-booked-title,
.features-title,
.top-excursions-title {
font-size: 1.55rem !important;
line-height: 1.18 !important;
}
.most-booked-wrapper,
.region-cards-wrapper {
width: 100% !important;
max-width: 100% !important;
padding-left: 16px !important;
padding-right: 16px !important;
box-sizing: border-box !important;
scroll-padding-left: 16px !important;
scroll-padding-right: 16px !important;
}
.most-booked-card,
.region-card {
flex: 0 0 calc(100vw - 64px) !important;
width: calc(100vw - 64px) !important;
max-width: 340px !important;
}
.most-booked-card .viator-card {
min-height: 420px !important;
}
.most-booked-card .viator-card-img-wrapper {
height: 170px !important;
min-height: 170px !important;
flex-basis: 170px !important;
}
.region-card {
height: 190px !important;
}
.destination-heading-row {
padding: 0 16px !important;
align-items: center !important;
}
.destination-heading-row .features-title {
text-align: left !important;
max-width: 65% !important;
}
.destination-view-all {
padding: 9px 14px !important;
font-size: 0.78rem !important;
}
.top-excursions-section .tour-list-wrapper {
display: flex !important;
flex-wrap: nowrap !important;
overflow-x: auto !important;
overflow-y: hidden !important;
gap: 15px !important;
padding-left: 16px !important;
padding-right: 16px !important;
scroll-snap-type: x mandatory !important;
-webkit-overflow-scrolling: touch !important;
scrollbar-width: none !important;
}
.top-excursions-section .tour-list-wrapper::-webkit-scrollbar {
display: none !important;
}
.top-excursions-section .viator-card {
flex: 0 0 calc(100vw - 64px) !important;
width: calc(100vw - 64px) !important;
max-width: 340px !important;
margin: 0 !important;
scroll-snap-align: start !important;
}
.jbt-inline-slider-btn {
width: 34px !important;
height: 34px !important;
font-size: 22px !important;
}
.jbt-inline-prev {
left: 6px !important;
}
.jbt-inline-next {
right: 6px !important;
}
.why-choose-title {
font-size: 1.75rem !important;
}
.trusted-logos-row {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
}
.trusted-logo-card {
width: 100% !important;
}
}
@media (max-width: 390px) {
.most-booked-card,
.region-card,
.top-excursions-section .viator-card {
flex-basis: calc(100vw - 52px) !important;
width: calc(100vw - 52px) !important;
}
.hero-title {
font-size: 1.5rem !important;
}
}
/* =========================================================
JBT INDEX FINAL SAFE VISUAL FIX
Mevcut PHP / SQL / URL / dil / arama ayarlarını korur.
Sadece bozulan görünüm ve tıklanabilirlik alanlarını düzeltir.
========================================================= */
/* Genel link tıklanabilirlik */
.most-booked-wrapper a,
.region-cards-wrapper a,
.top-excursions-section a,
.why-choose-section a,
.blog-compact-section a,
.popular-links-section a {
pointer-events: auto !important;
}
/* Top Excursions bölüm hizası */
.top-excursions-section {
padding: 48px 15px 58px !important;
max-width: 1180px !important;
margin-left: auto !important;
margin-right: auto !important;
overflow: visible !important;
}
.top-excursions-section .text-center {
text-align: center !important;
}
.top-excursions-title {
font-size: 2.15rem !important;
line-height: 1.16 !important;
font-weight: 900 !important;
color: #111827 !important;
margin: 0 0 22px !important;
letter-spacing: -0.4px !important;
}
/* Bootstrap nav link default mavi görünümü bozuyordu */
.top-region-tabs {
display: flex !important;
justify-content: center !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 10px !important;
margin: 0 auto 30px !important;
padding: 0 !important;
list-style: none !important;
}
.top-region-tabs .nav-item {
margin: 0 !important;
}
.top-region-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 38px !important;
padding: 9px 20px !important;
border: 1px solid #e5e7eb !important;
border-radius: 999px !important;
background: #ffffff !important;
color: #111827 !important;
font-size: 0.88rem !important;
line-height: 1 !important;
font-weight: 900 !important;
text-decoration: none !important;
box-shadow: 0 4px 12px rgba(0,0,0,0.04) !important;
transition: 0.2s ease !important;
}
.top-region-btn:hover,
.top-region-btn.active {
background: #e1251b !important;
border-color: #e1251b !important;
color: #ffffff !important;
text-decoration: none !important;
}
/* Top Excursions kart grid */
@media (min-width: 769px) {
.top-excursions-section .tour-list-wrapper {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 20px !important;
max-width: 1180px !important;
margin: 0 auto !important;
overflow: visible !important;
padding: 0 !important;
}
.top-excursions-section .viator-card {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
max-width: 100% !important;
min-height: 350px !important;
margin: 0 !important;
border-radius: 16px !important;
overflow: hidden !important;
}
.top-excursions-section .viator-card-img-wrapper {
width: 100% !important;
height: 150px !important;
min-height: 150px !important;
flex: 0 0 150px !important;
}
.top-excursions-section .viator-card-body {
display: flex !important;
flex-direction: column !important;
grid-template-columns: none !important;
padding: 13px !important;
flex: 1 1 auto !important;
}
.top-excursions-section .viator-title {
font-size: 1.02rem !important;
line-height: 1.22 !important;
min-height: 47px !important;
margin: 0 0 9px !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
.top-excursions-section .viator-rating,
.top-excursions-section .viator-feature {
font-size: 0.82rem !important;
}
.top-excursions-section .viator-instant-box {
display: none !important;
}
.top-excursions-section .viator-price-action {
margin-top: auto !important;
border-top: 1px solid #eeeeee !important;
padding-top: 11px !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
}
.top-excursions-section .viator-price-amount {
font-size: 1.35rem !important;
}
.top-excursions-section .viator-price-unit {
display: none !important;
}
.top-excursions-section .viator-btn {
font-size: 0.88rem !important;
padding: 10px 14px !important;
border-radius: 9px !important;
}
}
/* View All butonu ortalı ve düzgün */
.top-excursions-section .btn-outline-dark {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border: 1.5px solid #111827 !important;
color: #111827 !important;
background: #ffffff !important;
border-radius: 999px !important;
min-width: 170px !important;
padding: 10px 26px !important;
font-weight: 900 !important;
text-decoration: none !important;
}
.top-excursions-section .btn-outline-dark:hover {
background: #111827 !important;
color: #ffffff !important;
}
/* Why Choose alanı: başlık çok büyük/bozuk ve ikon yanlış yerde görünüyordu */
.why-choose-section {
padding: 62px 15px 48px !important;
background: linear-gradient(180deg, #ffffff 0%, #fff7f6 100%) !important;
overflow: hidden !important;
}
.why-choose-wrap {
max-width: 1000px !important;
margin: 0 auto !important;
text-align: center !important;
}
.why-choose-title {
font-size: clamp(2rem, 4vw, 3rem) !important;
line-height: 1.08 !important;
font-weight: 1000 !important;
letter-spacing: -0.8px !important;
color: #111827 !important;
margin: 0 0 12px !important;
}
.why-choose-mini-icon {
width: 36px !important;
height: 36px !important;
border-radius: 999px !important;
background: #fff0ef !important;
color: #e1251b !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 auto 10px !important;
font-size: 1rem !important;
}
.why-choose-subtitle {
max-width: 640px !important;
margin: 0 auto 26px !important;
color: #374151 !important;
font-size: 1rem !important;
line-height: 1.55 !important;
}
.why-choose-grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 18px !important;
margin-top: 28px !important;
}
.why-choose-card {
background: #ffffff !important;
border: 1px solid #ffe4e1 !important;
border-radius: 16px !important;
padding: 24px 18px !important;
box-shadow: 0 10px 24px rgba(0,0,0,0.07) !important;
transition: 0.25s ease !important;
}
.why-choose-card:hover {
transform: translateY(-3px) !important;
box-shadow: 0 18px 40px rgba(225,37,27,0.13) !important;
}
.why-choose-icon {
width: 60px !important;
height: 60px !important;
font-size: 1.55rem !important;
background: #fff0ef !important;
color: #e1251b !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 auto 14px !important;
}
.why-choose-card h3 {
font-size: 1.02rem !important;
font-weight: 900 !important;
color: #111827 !important;
margin: 0 0 8px !important;
}
.why-choose-card p {
font-size: 0.9rem !important;
color: #4b5563 !important;
line-height: 1.45 !important;
margin: 0 !important;
}
/* Blog filtreleri ve alt alanlar düzgün görünsün */
.blog-home-filter-wrap {
display: flex !important;
justify-content: center !important;
margin: 14px 0 24px !important;
}
.blog-filter-container {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
gap: 9px !important;
}
.blog-filter-btn {
border: 1px solid #e5e7eb !important;
background: #ffffff !important;
color: #111827 !important;
border-radius: 999px !important;
padding: 8px 16px !important;
font-size: 0.82rem !important;
font-weight: 900 !important;
line-height: 1 !important;
cursor: pointer !important;
transition: 0.2s ease !important;
}
.blog-filter-btn:hover,
.blog-filter-btn.active {
border-color: #e1251b !important;
background: #e1251b !important;
color: #ffffff !important;
}
.blog-meta-row {
display: flex !important;
align-items: center !important;
gap: 8px !important;
flex-wrap: wrap !important;
color: #555 !important;
font-size: 0.82rem !important;
margin-bottom: 7px !important;
}
.blog-title {
font-weight: 900 !important;
color: #111827 !important;
line-height: 1.25 !important;
margin-bottom: 10px !important;
}
.blog-read {
color: #e1251b !important;
font-weight: 900 !important;
text-decoration: none !important;
}
/* Mobil */
@media (max-width: 768px) {
.top-excursions-section {
padding: 34px 0 45px !important;
}
.top-excursions-title {
font-size: 1.55rem !important;
padding: 0 16px !important;
}
.top-region-tabs {
justify-content: flex-start !important;
flex-wrap: nowrap !important;
overflow-x: auto !important;
padding: 0 16px 8px !important;
scrollbar-width: none !important;
}
.top-region-tabs::-webkit-scrollbar {
display: none !important;
}
.top-region-btn {
flex: 0 0 auto !important;
padding: 9px 16px !important;
font-size: 0.82rem !important;
}
.top-excursions-section .tour-list-wrapper {
display: flex !important;
flex-wrap: nowrap !important;
overflow-x: auto !important;
overflow-y: hidden !important;
scroll-snap-type: x mandatory !important;
-webkit-overflow-scrolling: touch !important;
gap: 15px !important;
padding-left: 16px !important;
padding-right: 16px !important;
scrollbar-width: none !important;
}
.top-excursions-section .tour-list-wrapper::-webkit-scrollbar {
display: none !important;
}
.top-excursions-section .viator-card,
.most-booked-card,
.region-card {
flex: 0 0 calc(100vw - 64px) !important;
width: calc(100vw - 64px) !important;
max-width: 340px !important;
scroll-snap-align: start !important;
}
.why-choose-section {
padding: 42px 12px 38px !important;
}
.why-choose-title {
font-size: 1.9rem !important;
}
.why-choose-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
}
.why-choose-card {
padding: 18px 12px !important;
}
}
@media (max-width: 390px) {
.why-choose-grid {
grid-template-columns: 1fr !important;
}
}
/* =========================================================
JBT FINAL CLICK + TRIPADVISOR FIX
Sadece tıklanma ve Tripadvisor görünümü düzeltir.
========================================================= */
/* Most Booked ve Destination kartları kesin tıklanabilir olsun */
.most-booked-wrapper,
.region-cards-wrapper {
position: relative !important;
z-index: 20 !important;
}
.most-booked-wrapper *,
.region-cards-wrapper * {
pointer-events: auto;
}
.most-booked-wrapper a.viator-card,
.region-cards-wrapper a.region-card,
.most-booked-card,
.region-card {
position: relative !important;
z-index: 40 !important;
pointer-events: auto !important;
cursor: pointer !important;
}
/* Kalp badge'i bazen link tıklamasını kesiyor; link tamamına basılsın */
.most-booked-card .badge-favorite,
.region-card .region-card-overlay,
.region-card h3,
.region-card .region-tour-badge {
pointer-events: none !important;
}
/* Slider okları kartların üstünü kapatmasın */
.most-booked-section > .jbt-inline-slider-btn,
.features-section > .jbt-inline-slider-btn {
z-index: 60 !important;
pointer-events: auto !important;
}
.most-booked-section > .jbt-inline-prev,
.features-section > .jbt-inline-prev {
left: max(4px, calc((100% - 1180px) / 2 - 46px)) !important;
}
.most-booked-section > .jbt-inline-next,
.features-section > .jbt-inline-next {
right: max(4px, calc((100% - 1180px) / 2 - 46px)) !important;
}
/* Sürükleme class'ı yanlışlıkla kalırsa linkleri kilitlemesin */
.most-booked-wrapper:not(.is-jbt-dragging) a,
.region-cards-wrapper:not(.is-jbt-dragging) a {
pointer-events: auto !important;
}
/* Tripadvisor eski premium görünüm */
.tripadvisor-banner-section {
max-width: 850px !important;
margin: 45px auto 52px !important;
padding: 0 15px !important;
}
.tripadvisor-box-link {
display: block !important;
text-decoration: none !important;
color: inherit !important;
}
.tripadvisor-box {
border: 2px solid #00aa6c !important;
border-radius: 18px !important;
padding: 28px 20px 32px !important;
text-align: center !important;
background: #ffffff !important;
box-shadow: 0 16px 38px rgba(0, 170, 108, 0.13) !important;
}
.ta-timeline-box {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
}
.ta-header-badge {
display: inline-block !important;
color: #00aa6c !important;
font-size: 0.92rem !important;
font-weight: 900 !important;
text-decoration: none !important;
margin-bottom: 6px !important;
}
.ta-main-title {
color: #111827 !important;
font-size: clamp(1.75rem, 3vw, 2.25rem) !important;
line-height: 1.12 !important;
font-weight: 1000 !important;
letter-spacing: -0.5px !important;
margin: 0 !important;
text-decoration: none !important;
}
.tripadvisor-box-link:hover .ta-main-title {
color: #00aa6c !important;
}
.awards-timeline {
display: flex !important;
justify-content: center !important;
align-items: flex-start !important;
gap: 18px !important;
margin-top: 22px !important;
padding-bottom: 14px !important;
}
.award-item {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
}
.award-badge {
width: 58px !important;
height: 58px !important;
border-radius: 50% !important;
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.award-badge img {
width: 58px !important;
height: 58px !important;
object-fit: contain !important;
border-radius: 50% !important;
}
.award-badge strong {
position: absolute !important;
left: 50% !important;
bottom: -20px !important;
transform: translateX(-50%) !important;
color: #111827 !important;
font-size: 0.82rem !important;
font-weight: 1000 !important;
white-space: nowrap !important;
}
/* Link default mavi alt çizgi kalmasın */
.tripadvisor-box a,
.tripadvisor-box-link * {
text-decoration: none !important;
}
/* JBT_CUSTOMER_FINAL_INDEX_FIX: only click + mobile search scroll */
.most-booked-wrapper a.viator-card,
.region-cards-wrapper a.region-card,
.top-excursions-section .tour-list-wrapper a.viator-card {
pointer-events: auto !important;
cursor: pointer !important;
position: relative !important;
z-index: 80 !important;
}
.most-booked-card .badge-favorite,
.region-card .region-card-overlay,
.region-card h3,
.region-card .region-tour-badge {
pointer-events: none !important;
}
body.tm-tour-search-open {
overflow: hidden !important;
overscroll-behavior: none !important;
touch-action: none !important;
}
.tm-mobile-tour-search-sheet,
.tm-mobile-tour-results,
.tm-mobile-tour-result-list,
#tmMobileTourSearchResults {
overscroll-behavior: contain !important;
-webkit-overflow-scrolling: touch !important;
touch-action: pan-y !important;
}
/* JBT_MOBILE_EXACT_SECTIONS_FIX */
@media (max-width: 768px) {
.why-choose-section{background:linear-gradient(180deg,#fff 0%,#fff7f6 100%)!important;padding:42px 12px 32px!important}
.why-choose-wrap{max-width:390px!important;margin:0 auto!important;text-align:center!important}
.why-choose-title{font-size:1.55rem!important;line-height:1.12!important;font-weight:1000!important;letter-spacing:-.4px!important;color:#111827!important;margin:0 0 13px!important}
.why-choose-mini-icon{position:relative!important;width:118px!important;height:20px!important;margin:0 auto 10px!important;background:transparent!important;border-radius:0!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#e1251b!important;font-size:0!important}
.why-choose-mini-icon:before,.why-choose-mini-icon:after{content:""!important;width:44px!important;height:2px!important;background:#e1251b!important;border-radius:999px!important;display:block!important}
.why-choose-mini-icon i{font-size:0!important;width:0!important;height:0!important;margin:0 8px!important;display:inline-block!important;border-left:7px solid transparent!important;border-right:7px solid transparent!important;border-bottom:12px solid #e1251b!important}
.why-choose-subtitle{max-width:330px!important;margin:0 auto 18px!important;color:#4b5563!important;font-size:.82rem!important;line-height:1.45!important}
.why-choose-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:18px!important}
.why-choose-card{min-height:112px!important;background:#fff!important;border:1px solid #ffd8d4!important;border-radius:10px!important;padding:13px 10px 12px!important;box-shadow:0 8px 20px rgba(225,37,27,.06)!important;text-align:center!important}
.why-choose-icon{width:36px!important;height:36px!important;margin:0 auto 9px!important;border-radius:999px!important;background:#fff0ef!important;color:#e1251b!important;font-size:.92rem!important}
.why-choose-card h3{font-size:.74rem!important;line-height:1.18!important;font-weight:1000!important;color:#111827!important;margin:0 0 11px!important;position:relative!important}
.why-choose-card h3:after{content:""!important;position:absolute!important;left:50%!important;bottom:-7px!important;transform:translateX(-50%)!important;width:28px!important;height:2px!important;background:#e1251b!important;border-radius:999px!important}
.why-choose-card p{font-size:.61rem!important;line-height:1.3!important;color:#4b5563!important;margin:0!important}
.trusted-brands-section{max-width:390px!important;margin:46px auto 34px!important;padding:0 0 0 16px!important;text-align:center!important;overflow:hidden!important}
.trusted-header:before{content:"\f2b5"!important;font-family:"Font Awesome 5 Free"!important;font-weight:900!important;display:block!important;color:#e1251b!important;font-size:1.55rem!important;line-height:1!important;margin:0 auto 18px!important}
.trusted-title{max-width:320px!important;margin:0 auto 12px!important;font-size:1.7rem!important;line-height:1.12!important;font-weight:1000!important;color:#111827!important;letter-spacing:-.5px!important}
.trusted-header:after{content:"We work with trusted global partners to deliver the best travel experiences."!important;display:block!important;max-width:300px!important;margin:0 auto 16px!important;color:#4b5563!important;font-size:.88rem!important;line-height:1.45!important;font-weight:500!important}
.trusted-line{width:54px!important;height:4px!important;background:#e1251b!important;border-radius:999px!important;margin:16px auto 24px!important}
.trusted-logos-row{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:14px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:0 16px 10px 0!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important}
.trusted-logos-row::-webkit-scrollbar{display:none!important}
.trusted-logo-card{flex:0 0 136px!important;width:136px!important;height:74px!important;border:1px solid #e5e7eb!important;border-radius:12px!important;background:#fff!important;box-shadow:0 8px 18px rgba(0,0,0,.04)!important;padding:12px!important;scroll-snap-align:start!important}
.trusted-logo-card img{max-width:100%!important;max-height:100%!important;object-fit:contain!important}
.tripadvisor-banner-section{max-width:390px!important;margin:36px auto 38px!important;padding:0 16px!important}
.tripadvisor-box-link{display:block!important;text-decoration:none!important;color:inherit!important}
.tripadvisor-box{border:0!important;border-radius:18px!important;padding:10px!important;background:linear-gradient(180deg,#f0fffb 0%,#fff 100%)!important;box-shadow:0 14px 36px rgba(0,170,108,.08)!important}
.ta-timeline-box{border:1px solid #dfeee9!important;border-radius:14px!important;background:#fff!important;padding:18px 10px 34px!important;text-align:center!important}
.ta-header-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:27px!important;padding:7px 15px!important;border-radius:999px!important;background:#dcfce7!important;color:#111827!important;font-size:.66rem!important;line-height:1!important;font-weight:1000!important;text-transform:uppercase!important;letter-spacing:.4px!important;margin:0 auto 13px!important}
.ta-main-title{color:#111827!important;text-decoration:none!important;font-size:1.3rem!important;line-height:1.15!important;font-weight:1000!important;margin:0 auto 10px!important;letter-spacing:-.3px!important}
.ta-award-heading:after{content:"Thank you to all our amazing guests for your trust!"!important;display:block!important;max-width:270px!important;margin:0 auto 20px!important;color:#374151!important;font-size:.78rem!important;line-height:1.45!important}
.awards-timeline{display:flex!important;justify-content:center!important;align-items:flex-start!important;gap:15px!important;margin-top:18px!important;padding-bottom:12px!important}
.award-item{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important}
.awards-timeline .award-item:not(:last-child):after{content:""!important;width:10px!important;height:3px!important;background:#00aa6c!important;border-radius:999px!important;position:absolute!important;right:-13px!important;top:23px!important}
.award-badge,.award-badge img{width:45px!important;height:45px!important;border-radius:50%!important;object-fit:contain!important}
.award-badge strong{position:absolute!important;left:50%!important;bottom:-21px!important;transform:translateX(-50%)!important;font-size:.72rem!important;font-weight:1000!important;color:#111827!important}
.popular-links-section{max-width:390px!important;margin:0 auto!important;padding:34px 16px 30px!important}
.popular-link-group{margin-bottom:28px!important}
.popular-link-heading{display:grid!important;grid-template-columns:50px 1fr!important;gap:10px!important;align-items:center!important;margin-bottom:14px!important}
.popular-link-heading-icon{width:46px!important;height:46px!important;border-radius:999px!important;background:#fff0ef!important;color:#e1251b!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.1rem!important}
.popular-link-heading-text h2{margin:0 0 3px!important;color:#111827!important;font-size:1.42rem!important;line-height:1.08!important;font-weight:1000!important;letter-spacing:-.3px!important}
.popular-link-heading-text p{margin:0!important;color:#4b5563!important;font-size:.8rem!important;line-height:1.25!important}
.popular-link-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.popular-link-item{min-height:44px!important;display:grid!important;grid-template-columns:18px minmax(0,1fr) 12px!important;align-items:center!important;gap:7px!important;padding:11px 9px!important;border:1px solid #ececec!important;border-radius:9px!important;background:#fff!important;box-shadow:0 6px 14px rgba(0,0,0,.035)!important;color:#111827!important;text-decoration:none!important;font-size:.77rem!important;line-height:1.2!important;font-weight:900!important}
.popular-link-item:hover{border-color:#ffd8d4!important;background:#fff7f6!important;color:#e1251b!important}
.popular-link-item-icon,.popular-link-arrow{color:#e1251b!important;font-size:.78rem!important;width:auto!important;margin:0!important}
.popular-link-item-text{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
}
@media (max-width:380px){
.popular-link-item{font-size:.68rem!important;padding:10px 7px!important;grid-template-columns:15px minmax(0,1fr) 10px!important}
}
@media (min-width:769px){
.why-choose-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
/* =========================================================
JBT TOP EXCURSIONS COMPACT FIX
Sadece Top Excursions & Activities kartlarını küçültür.
Diğer section tasarımlarına dokunmaz.
========================================================= */
@media (min-width: 769px) {
.top-excursions-section {
padding-top: 34px !important;
padding-bottom: 46px !important;
}
.top-excursions-section .tour-list-wrapper {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 14px !important;
max-width: 1080px !important;
}
.top-excursions-section .viator-card {
min-height: 298px !important;
border-radius: 13px !important;
}
.top-excursions-section .viator-card-img-wrapper {
height: 122px !important;
min-height: 122px !important;
flex: 0 0 122px !important;
}
.top-excursions-section .viator-card-body {
padding: 10px 11px 11px !important;
}
.top-excursions-section .badge-popular {
top: 9px !important;
left: 9px !important;
padding: 5px 9px !important;
font-size: 0.66rem !important;
}
.top-excursions-section .badge-favorite {
top: 9px !important;
right: 9px !important;
width: 32px !important;
height: 32px !important;
font-size: 0.88rem !important;
}
.top-excursions-section .viator-title {
font-size: 0.9rem !important;
line-height: 1.18 !important;
min-height: 40px !important;
margin-bottom: 6px !important;
-webkit-line-clamp: 2 !important;
}
.top-excursions-section .viator-rating {
font-size: 0.72rem !important;
gap: 4px !important;
margin-bottom: 6px !important;
}
.top-excursions-section .viator-features-list {
gap: 4px !important;
margin-bottom: 8px !important;
}
.top-excursions-section .viator-feature {
font-size: 0.72rem !important;
line-height: 1.18 !important;
gap: 6px !important;
}
.top-excursions-section .viator-feature i {
font-size: 0.78rem !important;
}
.top-excursions-section .viator-price-action {
padding-top: 8px !important;
}
.top-excursions-section .viator-price-amount {
font-size: 1.15rem !important;
}
.top-excursions-section .viator-btn {
padding: 8px 11px !important;
font-size: 0.78rem !important;
border-radius: 8px !important;
min-width: 118px !important;
}
.top-excursions-section .btn-outline-dark {
padding: 8px 22px !important;
min-width: 140px !important;
font-size: 0.85rem !important;
}
}
@media (max-width: 768px) {
.top-excursions-section {
padding-top: 28px !important;
padding-bottom: 38px !important;
}
.top-excursions-title {
font-size: 1.38rem !important;
margin-bottom: 14px !important;
}
.top-region-tabs {
margin-bottom: 16px !important;
}
.top-region-btn {
min-height: 34px !important;
padding: 7px 13px !important;
font-size: 0.74rem !important;
}
.top-excursions-section .tour-list-wrapper {
gap: 12px !important;
padding-left: 16px !important;
padding-right: 16px !important;
}
.top-excursions-section .viator-card {
flex: 0 0 250px !important;
width: 250px !important;
max-width: 250px !important;
min-height: 292px !important;
border-radius: 13px !important;
}
.top-excursions-section .viator-card-img-wrapper {
height: 122px !important;
min-height: 122px !important;
flex: 0 0 122px !important;
}
.top-excursions-section .viator-card-body {
padding: 10px 11px 11px !important;
}
.top-excursions-section .badge-popular {
top: 9px !important;
left: 9px !important;
padding: 5px 9px !important;
font-size: 0.66rem !important;
}
.top-excursions-section .badge-favorite {
top: 9px !important;
right: 9px !important;
width: 32px !important;
height: 32px !important;
font-size: 0.88rem !important;
}
.top-excursions-section .viator-title {
font-size: 0.9rem !important;
line-height: 1.18 !important;
min-height: 39px !important;
margin-bottom: 6px !important;
-webkit-line-clamp: 2 !important;
}
.top-excursions-section .viator-rating,
.top-excursions-section .viator-feature {
font-size: 0.72rem !important;
}
.top-excursions-section .viator-features-list {
gap: 4px !important;
margin-bottom: 8px !important;
}
.top-excursions-section .viator-price-action {
padding-top: 8px !important;
}
.top-excursions-section .viator-price-amount {
font-size: 1.12rem !important;
}
.top-excursions-section .viator-btn {
padding: 8px 11px !important;
font-size: 0.76rem !important;
border-radius: 8px !important;
min-width: 86px !important;
}
}
@media (max-width: 390px) {
.top-excursions-section .viator-card {
flex-basis: 235px !important;
width: 235px !important;
max-width: 235px !important;
}
}
/* =========================================================
JBT TOP EXCURSIONS VERTICAL LIST FIX
Top Excursions & Activities artık mobilde slider değil,
aşağı doğru 5-6 tur listesi olarak görünür.
PHP/SQL/URL/dil yapısına dokunmaz.
========================================================= */
/* Top Excursions genel başlık ve tab düzeni */
.top-excursions-section {
overflow: visible !important;
}
.top-excursions-section .tab-content,
.top-excursions-section .tab-pane {
overflow: visible !important;
}
/* Desktop: yine düzenli grid, kaydırma yok */
@media (min-width: 769px) {
.top-excursions-section .tour-list-wrapper {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 16px !important;
max-width: 1080px !important;
margin: 0 auto !important;
padding: 0 !important;
overflow: visible !important;
scroll-snap-type: none !important;
cursor: default !important;
}
.top-excursions-section .viator-card {
width: 100% !important;
max-width: 100% !important;
min-height: 292px !important;
display: flex !important;
flex-direction: column !important;
border-radius: 14px !important;
margin: 0 !important;
}
.top-excursions-section .viator-card-img-wrapper {
width: 100% !important;
height: 130px !important;
min-height: 130px !important;
flex: 0 0 130px !important;
}
.top-excursions-section .viator-card-body {
padding: 11px 12px 12px !important;
display: flex !important;
flex-direction: column !important;
grid-template-columns: none !important;
}
.top-excursions-section .viator-title {
font-size: 0.96rem !important;
line-height: 1.18 !important;
min-height: 38px !important;
margin-bottom: 6px !important;
}
.top-excursions-section .viator-instant-box {
display: none !important;
}
.top-excursions-section .viator-price-action {
margin-top: auto !important;
}
}
/* Mobile: slider kapalı, aşağı doğru liste */
@media (max-width: 768px) {
.top-excursions-section {
padding: 36px 14px 44px !important;
max-width: 430px !important;
margin-left: auto !important;
margin-right: auto !important;
background: #ffffff !important;
}
.top-excursions-title {
font-size: 1.78rem !important;
line-height: 1.12 !important;
font-weight: 1000 !important;
color: #111827 !important;
text-align: center !important;
margin: 0 auto 18px !important;
max-width: 330px !important;
padding: 0 !important;
}
.top-region-tabs {
display: flex !important;
justify-content: center !important;
align-items: center !important;
flex-wrap: wrap !important;
overflow: visible !important;
gap: 8px !important;
padding: 0 !important;
margin: 0 auto 22px !important;
scrollbar-width: none !important;
}
.top-region-tabs::-webkit-scrollbar {
display: none !important;
}
.top-region-btn {
flex: 0 0 auto !important;
min-height: 36px !important;
padding: 9px 15px !important;
border: 0 !important;
border-radius: 999px !important;
background: #f3f3f3 !important;
color: #111827 !important;
font-size: 0.77rem !important;
line-height: 1 !important;
font-weight: 1000 !important;
box-shadow: none !important;
text-transform: uppercase !important;
}
.top-region-btn.active {
background: #e1251b !important;
color: #ffffff !important;
box-shadow: 0 0 0 4px rgba(66,153,225,0.35) !important;
}
.top-excursions-section .tour-list-wrapper {
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
gap: 12px !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
padding: 0 !important;
overflow: visible !important;
overflow-x: visible !important;
overflow-y: visible !important;
scroll-snap-type: none !important;
cursor: default !important;
touch-action: auto !important;
}
.top-excursions-section .viator-card {
width: 100% !important;
max-width: 100% !important;
min-height: 198px !important;
flex: none !important;
display: grid !important;
grid-template-columns: 38% 62% !important;
align-items: stretch !important;
border-radius: 15px !important;
overflow: hidden !important;
background: #ffffff !important;
border: 1px solid #e5e7eb !important;
box-shadow: 0 8px 22px rgba(0,0,0,0.08) !important;
margin: 0 !important;
scroll-snap-align: unset !important;
}
.top-excursions-section .viator-card:hover {
transform: none !important;
}
.top-excursions-section .viator-card-img-wrapper {
width: 100% !important;
height: 100% !important;
min-height: 198px !important;
flex: none !important;
}
.top-excursions-section .viator-card-img-wrapper img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.top-excursions-section .badge-popular {
top: 8px !important;
left: 7px !important;
padding: 4px 7px !important;
font-size: 0.55rem !important;
border-radius: 999px !important;
white-space: nowrap !important;
}
.top-excursions-section .badge-favorite {
right: 7px !important;
bottom: 8px !important;
top: auto !important;
width: 28px !important;
height: 28px !important;
font-size: 0.78rem !important;
}
.top-excursions-section .viator-card-body {
width: 100% !important;
min-width: 0 !important;
padding: 11px 10px !important;
display: flex !important;
flex-direction: column !important;
grid-template-columns: none !important;
}
.top-excursions-section .viator-main-content {
min-width: 0 !important;
}
.top-excursions-section .viator-title {
font-size: 0.96rem !important;
line-height: 1.18 !important;
min-height: auto !important;
margin: 0 0 5px !important;
color: #111827 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
.top-excursions-section .viator-rating {
font-size: 0.68rem !important;
gap: 4px !important;
margin: 0 0 4px !important;
color: #111827 !important;
}
.top-excursions-section .viator-rating i {
font-size: 0.72rem !important;
}
.top-excursions-section .viator-features-list {
gap: 2px !important;
margin: 0 0 6px !important;
}
.top-excursions-section .viator-feature {
font-size: 0.66rem !important;
line-height: 1.15 !important;
gap: 4px !important;
color: #111827 !important;
}
.top-excursions-section .viator-feature i {
font-size: 0.68rem !important;
}
.top-excursions-section .viator-instant-box {
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
width: fit-content !important;
max-width: 105px !important;
padding: 5px 6px !important;
border-radius: 7px !important;
background: #ecfdf3 !important;
color: #16a34a !important;
margin-top: auto !important;
}
.top-excursions-section .viator-instant-box i {
font-size: 0.62rem !important;
}
.top-excursions-section .viator-instant-text strong {
display: block !important;
font-size: 0.58rem !important;
line-height: 1.05 !important;
color: #15803d !important;
}
.top-excursions-section .viator-price-action {
margin-top: 6px !important;
padding-top: 0 !important;
border-top: 0 !important;
display: flex !important;
flex-direction: row !important;
align-items: flex-end !important;
justify-content: space-between !important;
gap: 7px !important;
}
.top-excursions-section .viator-price-info {
text-align: right !important;
margin-left: auto !important;
}
.top-excursions-section .viator-price-amount {
font-size: 1.18rem !important;
line-height: 1 !important;
font-weight: 1000 !important;
color: #111827 !important;
white-space: nowrap !important;
}
.top-excursions-section .viator-price-unit {
display: block !important;
font-size: 0.54rem !important;
color: #6b7280 !important;
margin-top: 2px !important;
}
.top-excursions-section .viator-btn {
padding: 9px 12px !important;
min-width: 88px !important;
border-radius: 10px !important;
font-size: 0.74rem !important;
font-weight: 1000 !important;
align-self: flex-end !important;
}
.top-excursions-section .text-center.mt-4 {
margin-top: 24px !important;
}
.top-excursions-section .btn-outline-dark {
width: calc(100% - 58px) !important;
max-width: 280px !important;
min-height: 58px !important;
padding: 13px 18px !important;
border: 1.5px solid #111827 !important;
border-radius: 999px !important;
color: #111827 !important;
background: #ffffff !important;
font-size: 0.95rem !important;
font-weight: 1000 !important;
display: inline-flex !important;
justify-content: center !important;
align-items: center !important;
gap: 8px !important;
}
/* Top Excursions için global slider click/drag etkisini iptal et */
.top-excursions-section .tour-list-wrapper.is-jbt-dragging {
cursor: default !important;
user-select: auto !important;
}
}
@media (max-width: 390px) {
.top-excursions-section .viator-card {
min-height: 190px !important;
grid-template-columns: 37% 63% !important;
}
.top-excursions-section .viator-card-img-wrapper {
min-height: 190px !important;
}
.top-excursions-section .viator-title {
font-size: 0.9rem !important;
}
.top-excursions-section .viator-btn {
min-width: 82px !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
}
/* =========================================================
JBT INFO BANNER EXACT SOFT FIX
Sadece "Keep things flexible" / info banner yazı kalınlığını ve ölçüsünü düzeltir.
Slug, URL, PHP, SQL, slider, arama ve diğer section ayarlarına dokunmaz.
========================================================= */
.info-banner-section {
background: transparent !important;
padding: 26px 15px !important;
margin: 28px 0 !important;
}
.info-banner-blur {
background: #eafafb !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
max-width: 100% !important;
width: 100% !important;
padding: 48px 22px !important;
text-align: center !important;
}
.info-banner-blur h3 {
color: #050505 !important;
font-size: 1.55rem !important;
font-weight: 800 !important;
line-height: 1.15 !important;
margin: 0 0 14px !important;
letter-spacing: -0.2px !important;
}
.info-banner-blur p {
color: #050505 !important;
font-size: 1rem !important;
line-height: 1.45 !important;
font-weight: 400 !important;
max-width: 620px !important;
margin: 0 auto !important;
}
/* Mobil eski görünüme yakın, daha yumuşak */
@media (max-width: 768px) {
.info-banner-section {
padding: 18px 0 !important;
margin: 20px 0 !important;
}
.info-banner-blur {
border-radius: 0 !important;
padding: 42px 20px !important;
}
.info-banner-blur h3 {
font-size: 1.28rem !important;
line-height: 1.15 !important;
font-weight: 800 !important;
margin-bottom: 12px !important;
letter-spacing: -0.15px !important;
}
.info-banner-blur p {
font-size: 0.88rem !important;
line-height: 1.45 !important;
font-weight: 400 !important;
max-width: 330px !important;
}
}
@media (max-width: 390px) {
.info-banner-section {
padding-top: 22px !important;
padding-bottom: 26px !important;
margin-top: 10px !important;
margin-bottom: 14px !important;
}
.info-banner-blur {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.info-banner-blur h3 {
font-size: 1.22rem !important;
font-weight: 800 !important;
}
.info-banner-blur p {
font-size: 0.84rem !important;
font-weight: 400 !important;
}
}
/* =========================================================
JBT EXACT OLD LOOK FIX - INFO BANNER + TOP EXCURSIONS
Sadece iki alanı düzeltir:
1) Keep things flexible / info banner
2) Top Excursions & Activities mobil kart ölçüleri
Slug / URL / PHP / SQL / dil / arama / diğer section ayarlarına dokunmaz.
========================================================= */
/* ---------------- INFO BANNER: eski görünüme yakın, kalın değil ---------------- */
.info-banner-section {
background: transparent !important;
padding: 20px 15px !important;
margin: 30px 0 !important;
}
.info-banner-blur {
background: #eafafb !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
max-width: 100% !important;
width: 100% !important;
padding: 44px 22px !important;
text-align: center !important;
}
.info-banner-blur h3 {
color: #050505 !important;
font-size: 1.42rem !important;
font-weight: 700 !important;
line-height: 1.18 !important;
margin: 0 0 12px !important;
letter-spacing: -0.15px !important;
}
.info-banner-blur p {
color: #050505 !important;
font-size: 0.94rem !important;
line-height: 1.45 !important;
font-weight: 400 !important;
max-width: 620px !important;
margin: 0 auto !important;
}
@media (max-width: 768px) {
.info-banner-section {
padding: 16px 0 !important;
margin: 18px 0 !important;
}
.info-banner-blur {
padding: 38px 20px !important;
border-radius: 0 !important;
}
.info-banner-blur h3 {
font-size: 1.12rem !important;
font-weight: 700 !important;
line-height: 1.2 !important;
margin-bottom: 10px !important;
letter-spacing: -0.1px !important;
}
.info-banner-blur p {
max-width: 330px !important;
font-size: 0.8rem !important;
line-height: 1.42 !important;
font-weight: 400 !important;
}
}
@media (max-width: 390px) {
.info-banner-section {
padding-top: 14px !important;
padding-bottom: 14px !important;
margin-top: 14px !important;
margin-bottom: 12px !important;
}
.info-banner-blur {
padding-top: 34px !important;
padding-bottom: 34px !important;
}
.info-banner-blur h3 {
font-size: 1.04rem !important;
font-weight: 700 !important;
}
.info-banner-blur p {
font-size: 0.76rem !important;
font-weight: 400 !important;
}
}
/* ---------------- TOP EXCURSIONS: görseldeki mobil ölçülere yaklaştır ---------------- */
@media (max-width: 768px) {
.top-excursions-section {
padding: 34px 8px 38px !important;
max-width: 430px !important;
margin-left: auto !important;
margin-right: auto !important;
background: #ffffff !important;
overflow: visible !important;
}
.top-excursions-title {
max-width: 330px !important;
margin: 0 auto 20px !important;
padding: 0 !important;
text-align: center !important;
font-size: 1.78rem !important;
line-height: 1.12 !important;
font-weight: 1000 !important;
letter-spacing: -0.45px !important;
color: #111111 !important;
}
.top-region-tabs {
display: flex !important;
justify-content: center !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 8px !important;
max-width: 360px !important;
margin: 0 auto 22px !important;
padding: 0 !important;
overflow: visible !important;
}
.top-region-tabs .top-region-btn,
.top-region-btn {
flex: 0 0 auto !important;
min-width: 80px !important;
height: 36px !important;
padding: 0 14px !important;
border-radius: 999px !important;
border: none !important;
background: #f3f3f3 !important;
color: #111111 !important;
box-shadow: none !important;
font-size: 0.72rem !important;
line-height: 36px !important;
font-weight: 1000 !important;
text-transform: uppercase !important;
text-align: center !important;
}
.top-region-tabs .top-region-btn.active,
.top-region-btn.active {
background: #e1251b !important;
color: #ffffff !important;
box-shadow: none !important;
}
.top-excursions-section .tour-list-wrapper {
display: flex !important;
flex-direction: column !important;
gap: 14px !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
padding: 0 !important;
overflow: visible !important;
scroll-snap-type: none !important;
}
.top-excursions-section .tour-list-wrapper .viator-card {
display: grid !important;
grid-template-columns: 36.5% 63.5% !important;
width: 100% !important;
max-width: 100% !important;
min-height: 198px !important;
height: 198px !important;
margin: 0 auto !important;
border-radius: 13px !important;
overflow: hidden !important;
background: #ffffff !important;
border: 1px solid #e5e7eb !important;
box-shadow: 0 6px 18px rgba(0,0,0,0.08) !important;
color: #111111 !important;
text-decoration: none !important;
transform: none !important;
}
.top-excursions-section .tour-list-wrapper .viator-card-img-wrapper {
width: 100% !important;
height: 198px !important;
min-height: 198px !important;
flex: none !important;
position: relative !important;
}
.top-excursions-section .tour-list-wrapper .viator-card-img-wrapper img {
width: 100% !important;
height: 198px !important;
min-height: 198px !important;
object-fit: cover !important;
display: block !important;
}
.top-excursions-section .tour-list-wrapper .viator-card-body {
width: 100% !important;
height: 198px !important;
min-height: 198px !important;
padding: 10px 8px 10px 10px !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) 94px !important;
grid-template-rows: auto auto auto 1fr !important;
column-gap: 6px !important;
overflow: visible !important;
}
.top-excursions-section .tour-list-wrapper .viator-main-content {
display: contents !important;
}
.top-excursions-section .tour-list-wrapper .viator-title {
grid-column: 1 / 3 !important;
grid-row: 1 / 2 !important;
font-size: 0.9rem !important;
line-height: 1.14 !important;
font-weight: 1000 !important;
color: #111111 !important;
margin: 0 0 5px !important;
min-height: 0 !important;
display: block !important;
white-space: normal !important;
overflow: hidden !important;
text-overflow: unset !important;
-webkit-line-clamp: unset !important;
-webkit-box-orient: unset !important;
}
.top-excursions-section .tour-list-wrapper .viator-rating {
grid-column: 1 / 2 !important;
grid-row: 2 / 3 !important;
display: flex !important;
align-items: center !important;
gap: 3px !important;
font-size: 0.6rem !important;
margin: 0 0 4px !important;
color: #111111 !important;
font-weight: 800 !important;
}
.top-excursions-section .tour-list-wrapper .viator-rating i {
color: #fbbf24 !important;
font-size: 0.64rem !important;
}
.top-excursions-section .tour-list-wrapper .viator-rating span {
font-size: 0.54rem !important;
color: #555555 !important;
font-weight: 500 !important;
}
.top-excursions-section .tour-list-wrapper .viator-features-list {
grid-column: 1 / 2 !important;
grid-row: 3 / 4 !important;
gap: 2px !important;
margin: 0 !important;
display: flex !important;
flex-direction: column !important;
}
.top-excursions-section .tour-list-wrapper .viator-feature {
font-size: 0.56rem !important;
line-height: 1.12 !important;
font-weight: 500 !important;
color: #111111 !important;
gap: 4px !important;
display: flex !important;
align-items: flex-start !important;
white-space: normal !important;
}
.top-excursions-section .tour-list-wrapper .viator-feature i {
width: 10px !important;
font-size: 0.56rem !important;
color: #444444 !important;
flex-shrink: 0 !important;
margin-top: 1px !important;
}
.top-excursions-section .tour-list-wrapper .viator-instant-box {
grid-column: 1 / 2 !important;
grid-row: 4 / 5 !important;
align-self: end !important;
display: flex !important;
width: 86px !important;
max-width: 86px !important;
padding: 5px 6px !important;
border-radius: 7px !important;
gap: 4px !important;
margin: 0 !important;
background: #f0fdf4 !important;
color: #166534 !important;
}
.top-excursions-section .tour-list-wrapper .viator-instant-box i {
color: #16a34a !important;
font-size: 0.62rem !important;
margin-top: 1px !important;
flex-shrink: 0 !important;
}
.top-excursions-section .tour-list-wrapper .viator-instant-text {
font-size: 0.5rem !important;
line-height: 1.04 !important;
color: #166534 !important;
}
.top-excursions-section .tour-list-wrapper .viator-instant-text strong {
display: block !important;
font-size: 0.54rem !important;
line-height: 1.04 !important;
color: #14532d !important;
margin: 0 !important;
font-weight: 900 !important;
}
.top-excursions-section .tour-list-wrapper .viator-price-action {
grid-column: 2 / 3 !important;
grid-row: 2 / 5 !important;
width: 94px !important;
min-width: 94px !important;
height: 100% !important;
padding: 0 !important;
margin: 0 !important;
border-top: 0 !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-end !important;
justify-content: flex-end !important;
}
.top-excursions-section .tour-list-wrapper .viator-price-info {
text-align: right !important;
margin: 0 0 8px !important;
}
.top-excursions-section .tour-list-wrapper .viator-price-amount {
font-size: 1.16rem !important;
line-height: 1 !important;
font-weight: 1000 !important;
color: #111111 !important;
white-space: nowrap !important;
}
.top-excursions-section .tour-list-wrapper .viator-price-unit {
display: block !important;
font-size: 0.52rem !important;
line-height: 1.1 !important;
margin-top: 2px !important;
color: #666666 !important;
}
.top-excursions-section .tour-list-wrapper .viator-btn {
width: 118px !important;
height: 36px !important;
padding: 0 7px !important;
border-radius: 9px !important;
background: #e1251b !important;
color: #ffffff !important;
font-size: 0.62rem !important;
line-height: 1 !important;
font-weight: 1000 !important;
text-align: center !important;
white-space: nowrap !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.top-excursions-section .tour-list-wrapper .badge-popular {
top: 7px !important;
left: 7px !important;
right: auto !important;
padding: 4px 6px !important;
font-size: 0.47rem !important;
line-height: 1 !important;
border-radius: 999px !important;
max-width: calc(100% - 14px) !important;
z-index: 3 !important;
}
.top-excursions-section .tour-list-wrapper .badge-favorite {
top: auto !important;
right: 7px !important;
bottom: 7px !important;
width: 24px !important;
height: 24px !important;
font-size: 0.68rem !important;
z-index: 4 !important;
}
.top-excursions-section .text-center.mt-4 {
margin-top: 30px !important;
}
.top-excursions-section .btn-outline-dark {
width: calc(100% - 70px) !important;
max-width: 280px !important;
min-height: 58px !important;
padding: 13px 18px !important;
border: 1.5px solid #111111 !important;
border-radius: 999px !important;
background: #ffffff !important;
color: #111111 !important;
font-size: 0.95rem !important;
font-weight: 1000 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
}
}
@media (max-width: 390px) {
.top-excursions-section {
padding-left: 7px !important;
padding-right: 7px !important;
}
.top-excursions-title {
font-size: 1.7rem !important;
}
.top-region-tabs {
gap: 7px !important;
}
.top-region-tabs .top-region-btn,
.top-region-btn {
min-width: 76px !important;
padding-left: 12px !important;
padding-right: 12px !important;
}
.top-excursions-section .tour-list-wrapper .viator-card {
grid-template-columns: 36% 64% !important;
height: 194px !important;
min-height: 194px !important;
}
.top-excursions-section .tour-list-wrapper .viator-card-img-wrapper,
.top-excursions-section .tour-list-wrapper .viator-card-img-wrapper img {
height: 194px !important;
min-height: 194px !important;
}
.top-excursions-section .tour-list-wrapper .viator-card-body {
height: 194px !important;
min-height: 194px !important;
grid-template-columns: minmax(0, 1fr) 88px !important;
padding: 9px 7px 9px 9px !important;
}
.top-excursions-section .tour-list-wrapper .viator-price-action {
width: 88px !important;
min-width: 88px !important;
}
.top-excursions-section .tour-list-wrapper .viator-btn {
width: 86px !important;
font-size: 0.58rem !important;
}
.top-excursions-section .tour-list-wrapper .viator-instant-box {
width: 82px !important;
max-width: 82px !important;
}
}
/* =========================================================
JBT FINAL MOBILE HERO SEARCH FIX
Tek mobil arama sistemi bırakıldı: tm-mobile-tour-search-sheet.
SQL/PHP/slug/URL yapısına dokunmaz.
========================================================= */
@media (max-width: 768px) {
.mobile-search-overlay,
.mobile-search-panel,
.mobile-search-input,
.mobile-search-results {
display: none !important;
pointer-events: none !important;
visibility: hidden !important;
}
body.tm-tour-search-open {
overflow: hidden !important;
height: 100vh !important;
overscroll-behavior: none !important;
touch-action: none !important;
}
.tm-mobile-tour-search-sheet {
position: fixed !important;
inset: 0 !important;
z-index: 2147482600 !important;
display: none !important;
align-items: flex-end !important;
justify-content: center !important;
background: rgba(15, 23, 42, 0.58) !important;
backdrop-filter: blur(4px) !important;
-webkit-backdrop-filter: blur(4px) !important;
padding: 0 !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
.tm-mobile-tour-search-sheet.active {
display: flex !important;
}
.tm-mobile-tour-search-panel {
position: relative !important;
width: 100% !important;
max-width: 430px !important;
height: 82vh !important;
max-height: 82vh !important;
min-height: 560px !important;
background: #ffffff !important;
border-radius: 18px 18px 0 0 !important;
box-shadow: 0 -14px 40px rgba(0, 0, 0, 0.18) !important;
display: flex !important;
flex-direction: column !important;
overflow: hidden !important;
padding: 24px 14px 18px !important;
box-sizing: border-box !important;
}
.tm-mobile-sheet-handle,
.tm-mobile-tour-search-panel::before {
content: "" !important;
position: absolute !important;
top: 9px !important;
left: 50% !important;
transform: translateX(-50%) !important;
width: 43px !important;
height: 4px !important;
border-radius: 999px !important;
background: #b8bec8 !important;
display: block !important;
z-index: 2 !important;
}
.tm-mobile-tour-search-head {
display: grid !important;
grid-template-columns: 38px minmax(0, 1fr) !important;
align-items: center !important;
gap: 10px !important;
width: 100% !important;
padding: 0 !important;
margin: 0 0 20px !important;
background: #ffffff !important;
border-bottom: 0 !important;
box-sizing: border-box !important;
}
.tm-mobile-tour-search-back {
width: 38px !important;
height: 38px !important;
border: 0 !important;
background: transparent !important;
color: #111827 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 1.05rem !important;
padding: 0 !important;
margin: 0 !important;
border-radius: 999px !important;
box-shadow: none !important;
}
.tm-mobile-tour-search-input-wrap {
height: 52px !important;
border: 1.5px solid #ff2a2a !important;
border-radius: 11px !important;
background: #ffffff !important;
display: flex !important;
align-items: center !important;
padding: 0 12px !important;
margin: 0 !important;
box-sizing: border-box !important;
box-shadow: none !important;
min-width: 0 !important;
}
.tm-mobile-tour-search-input-wrap input {
flex: 1 !important;
min-width: 0 !important;
height: 100% !important;
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
background: transparent !important;
color: #111827 !important;
font-size: 0.95rem !important;
font-weight: 700 !important;
padding: 0 4px !important;
}
.tm-mobile-tour-search-input-wrap input::placeholder {
color: #6b7280 !important;
opacity: 1 !important;
font-weight: 700 !important;
}
.tm-mobile-search-submit {
width: 34px !important;
height: 34px !important;
border: 0 !important;
background: transparent !important;
color: #e1251b !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
margin: 0 !important;
font-size: 1.05rem !important;
flex: 0 0 34px !important;
}
.tm-mobile-tour-search-results {
flex: 1 !important;
overflow-y: auto !important;
overflow-x: hidden !important;
-webkit-overflow-scrolling: touch !important;
overscroll-behavior: contain !important;
touch-action: pan-y !important;
padding: 0 14px 100px !important;
margin: 0 !important;
background: #ffffff !important;
scrollbar-width: none !important;
}
.tm-mobile-tour-search-results::-webkit-scrollbar {
display: none !important;
}
.tm-mobile-tour-search-start,
.tm-mobile-tour-search-empty {
padding: 10px 8px !important;
text-align: center !important;
color: #9ca3af !important;
font-size: 0.88rem !important;
line-height: 1.35 !important;
font-weight: 900 !important;
}
.tm-mobile-tour-result {
display: grid !important;
grid-template-columns: 72px minmax(0, 1fr) !important;
gap: 14px !important;
align-items: center !important;
padding: 8px 0 !important;
border-bottom: none !important;
background: #ffffff !important;
color: #111827 !important;
text-decoration: none !important;
}
.tm-mobile-tour-result img {
width: 90px !important;
height: 54px !important;
border-radius: 9px !important;
object-fit: cover !important;
background: #eeeeee !important;
display: block !important;
}
.tm-mobile-tour-result-title {
font-size: 0.94rem !important;
line-height: 1.18 !important;
font-weight: 1000 !important;
color: #111827 !important;
margin: 0 0 7px !important;
display: block !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.tm-mobile-tour-result-meta {
display: flex !important;
align-items: center !important;
gap: 8px !important;
flex-wrap: wrap !important;
font-size: 0.72rem !important;
line-height: 1 !important;
color: #6b7280 !important;
font-weight: 800 !important;
}
.tm-mobile-tour-result-price {
color: #e1251b !important;
background: #fff0ef !important;
padding: 4px 7px !important;
border-radius: 999px !important;
font-size: 0.68rem !important;
font-weight: 1000 !important;
}
}
/* =========================================================
JBT INDEX REFERENCE TYPOGRAPHY + SIZE FINAL
Kaynak alınan örnek indexteki yazı karakteri, font boyları,
kart/section ölçüleri ve boşluk oranları uygulanır.
SQL, PHP, URL, slug, dil, slider JS ve tıklama kodlarına dokunmaz.
========================================================= */
html,
body {
font-family: 'Inter', sans-serif !important;
font-display: swap !important;
background-color: #fcfcfc !important;
}
/* HERO - referans index oranları */
.hero-section {
padding: 180px 0 160px 0 !important;
min-height: auto !important;
text-align: center !important;
}
.hero-content {
max-width: 900px !important;
padding: 0 15px !important;
}
.hero-title {
font-size: 3.5rem !important;
line-height: 1.08 !important;
font-weight: 900 !important;
margin-bottom: 15px !important;
letter-spacing: -1px !important;
}
.hero-subtitle {
font-size: 1.25rem !important;
line-height: 1.45 !important;
font-weight: 600 !important;
margin-bottom: 40px !important;
}
.hero-search-box {
max-width: 560px !important;
}
.search-widget-minimal {
height: 66px !important;
padding: 8px 8px 8px 26px !important;
border-radius: 999px !important;
}
.search-widget-minimal input {
font-size: 1.1rem !important;
font-weight: 600 !important;
}
.search-btn-minimal {
width: 50px !important;
height: 50px !important;
font-size: 1.2rem !important;
}
/* Üst özellik ikonları */
.features-section {
padding: 60px 0 35px !important;
}
.features-title,
.most-booked-title {
font-size: 2rem !important;
line-height: 1.18 !important;
font-weight: 900 !important;
letter-spacing: -0.5px !important;
margin-bottom: 50px !important;
}
.feature-icon-wrapper {
width: 65px !important;
height: 65px !important;
font-size: 1.8rem !important;
margin: 0 auto 20px auto !important;
}
.feature-title {
font-size: 1.15rem !important;
line-height: 1.25 !important;
font-weight: 800 !important;
margin-bottom: 10px !important;
}
.feature-desc {
font-size: 0.95rem !important;
line-height: 1.5 !important;
font-weight: 400 !important;
padding: 0 15px !important;
}
/* Most Booked referans kart ölçüleri */
.most-booked-section {
padding: 20px 0 50px !important;
background: #ffffff !important;
}
.most-booked-wrapper {
max-width: 1180px !important;
gap: 20px !important;
padding: 8px 0 24px !important;
margin: 0 auto !important;
}
.most-booked-card {
flex: 0 0 280px !important;
width: 280px !important;
max-width: 280px !important;
}
.most-booked-card .viator-card {
min-height: 432px !important;
border-radius: 14px !important;
}
.most-booked-card .viator-card-img-wrapper {
height: 178px !important;
min-height: 178px !important;
flex: 0 0 178px !important;
}
.most-booked-card .viator-card-body {
padding: 16px 14px 14px !important;
}
.most-booked-card .viator-title {
font-size: 1.03rem !important;
line-height: 1.22 !important;
font-weight: 900 !important;
min-height: 48px !important;
margin: 0 0 10px !important;
}
.most-booked-card .viator-rating {
font-size: 0.82rem !important;
line-height: 1.25 !important;
font-weight: 800 !important;
margin-bottom: 8px !important;
}
.most-booked-card .viator-feature {
font-size: 0.82rem !important;
line-height: 1.25 !important;
font-weight: 600 !important;
}
.most-booked-card .viator-price-amount {
font-size: 1.45rem !important;
line-height: 1 !important;
font-weight: 900 !important;
}
.most-booked-card .viator-btn {
min-width: 104px !important;
padding: 11px 15px !important;
font-size: 0.92rem !important;
line-height: 1 !important;
font-weight: 1000 !important;
border-radius: 9px !important;
}
.most-booked-card .badge-popular {
padding: 6px 11px !important;
font-size: 0.74rem !important;
}
.most-booked-card .badge-favorite {
width: 38px !important;
height: 38px !important;
font-size: 1.05rem !important;
}
/* Explore by Destination */
.destination-heading-row {
max-width: 1180px !important;
margin: 0 auto 22px !important;
padding: 0 !important;
}
.region-cards-wrapper {
max-width: 1180px !important;
gap: 22px !important;
margin: 30px auto 0 !important;
padding: 8px 0 26px !important;
}
.region-card {
flex: 0 0 320px !important;
width: 320px !important;
max-width: 320px !important;
height: 210px !important;
border-radius: 20px !important;
}
.region-card h3 {
font-size: 2rem !important;
line-height: 1.1 !important;
font-weight: 900 !important;
}
.region-tour-badge {
font-size: 1rem !important;
font-weight: 800 !important;
padding: 9px 18px !important;
left: 18px !important;
bottom: 16px !important;
}
.destination-view-all {
padding: 11px 20px !important;
font-size: 0.86rem !important;
font-weight: 900 !important;
}
/* Info banner - Keep things flexible */
.info-banner-section {
padding: 26px 15px !important;
margin: 28px 0 !important;
}
.info-banner-blur {
max-width: 800px !important;
padding: 48px 22px !important;
border-radius: 12px !important;
margin: 0 auto !important;
text-align: center !important;
}
.info-banner-blur h3 {
font-size: 1.55rem !important;
line-height: 1.18 !important;
font-weight: 900 !important;
margin: 0 0 14px !important;
letter-spacing: -0.4px !important;
}
.info-banner-blur p {
font-size: 1rem !important;
line-height: 1.45 !important;
font-weight: 500 !important;
max-width: 620px !important;
margin: 0 auto !important;
}
/* Top Excursions */
.top-excursions-section {
max-width: 1180px !important;
padding: 48px 15px 58px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.top-excursions-title {
font-size: 2.15rem !important;
line-height: 1.16 !important;
font-weight: 900 !important;
letter-spacing: -0.4px !important;
margin: 0 0 22px !important;
}
.top-region-tabs {
gap: 10px !important;
margin: 0 auto 30px !important;
}
.top-region-btn {
min-height: 38px !important;
padding: 9px 20px !important;
font-size: 0.88rem !important;
line-height: 1 !important;
font-weight: 900 !important;
border-radius: 999px !important;
}
.top-excursions-section .btn-outline-dark {
min-width: 170px !important;
padding: 10px 26px !important;
font-size: 0.95rem !important;
font-weight: 900 !important;
border-radius: 999px !important;
}
/* Top Excursions desktop kartları referans oranlarına yakın */
@media (min-width: 769px) {
.top-excursions-section .tour-list-wrapper {
max-width: 1180px !important;
gap: 18px !important;
}
.top-excursions-section .viator-card {
min-height: 350px !important;
border-radius: 16px !important;
}
.top-excursions-section .viator-card-img-wrapper {
height: 150px !important;
min-height: 150px !important;
flex: 0 0 150px !important;
}
.top-excursions-section .viator-card-body {
padding: 13px !important;
}
.top-excursions-section .viator-title {
font-size: 1.02rem !important;
line-height: 1.22 !important;
font-weight: 900 !important;
min-height: 47px !important;
margin-bottom: 9px !important;
}
.top-excursions-section .viator-rating,
.top-excursions-section .viator-feature {
font-size: 0.82rem !important;
line-height: 1.25 !important;
}
.top-excursions-section .viator-price-amount {
font-size: 1.35rem !important;
}
.top-excursions-section .viator-btn {
padding: 10px 14px !important;
font-size: 0.88rem !important;
border-radius: 9px !important;
}
}
/* Why choose */
.why-choose-section {
padding: 62px 15px 48px !important;
}
.why-choose-wrap {
max-width: 1000px !important;
}
.why-choose-title {
font-size: clamp(2rem, 4vw, 3rem) !important;
line-height: 1.08 !important;
font-weight: 1000 !important;
letter-spacing: -0.8px !important;
margin: 0 0 12px !important;
}
.why-choose-subtitle {
font-size: 1rem !important;
line-height: 1.55 !important;
margin: 0 auto 26px !important;
}
.why-choose-grid {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 18px !important;
margin-top: 28px !important;
}
.why-choose-card {
padding: 24px 18px !important;
border-radius: 16px !important;
}
.why-choose-icon {
width: 60px !important;
height: 60px !important;
font-size: 1.55rem !important;
margin: 0 auto 14px !important;
}
.why-choose-card h3 {
font-size: 1.02rem !important;
line-height: 1.18 !important;
font-weight: 900 !important;
margin: 0 0 8px !important;
}
.why-choose-card p {
font-size: 0.9rem !important;
line-height: 1.45 !important;
font-weight: 400 !important;
}
/* Trusted brands */
.trusted-brands-section {
max-width: 1100px !important;
margin: 60px auto !important;
}
.trusted-title {
font-size: 2.2rem !important;
line-height: 1.15 !important;
font-weight: 900 !important;
margin-bottom: 15px !important;
}
.trusted-logo-card {
width: 150px !important;
height: 85px !important;
padding: 15px !important;
border-radius: 12px !important;
}
/* Tripadvisor */
.tripadvisor-banner-section {
max-width: 850px !important;
margin: 25px auto !important;
padding: 0 15px !important;
}
.tripadvisor-box {
padding: 24px 20px !important;
border-radius: 16px !important;
}
.ta-main-title {
font-size: clamp(1.75rem, 3vw, 2.25rem) !important;
line-height: 1.12 !important;
font-weight: 1000 !important;
}
.ta-header-badge {
font-size: 0.92rem !important;
font-weight: 900 !important;
}
.award-badge,
.award-badge img {
width: 60px !important;
height: 60px !important;
}
.award-badge strong {
font-size: 13px !important;
font-weight: 900 !important;
}
/* Blog ve popular links */
.blog-compact-section {
max-width: 1180px !important;
padding: 28px 15px !important;
margin: 20px auto !important;
}
.blog-compact-header h2 {
font-size: 1.75rem !important;
line-height: 1.2 !important;
font-weight: 900 !important;
}
.blog-card img {
height: 120px !important;
}
.blog-card-body {
padding: 12px !important;
}
.popular-links-section {
max-width: 1050px !important;
padding: 55px 15px 30px !important;
}
.popular-link-heading-text h2 {
font-size: 1.75rem !important;
line-height: 1.15 !important;
font-weight: 900 !important;
}
.popular-link-item {
font-size: 1rem !important;
line-height: 1.25 !important;
font-weight: 800 !important;
padding: 10px !important;
}
/* Mobil referans ölçüleri */
@media (max-width: 768px) {
.hero-section {
padding: 72px 0 86px 0 !important;
min-height: 320px !important;
}
.hero-title {
font-size: 1.55rem !important;
line-height: 1.12 !important;
margin-bottom: 8px !important;
}
.hero-subtitle {
font-size: 0.85rem !important;
line-height: 1.35 !important;
margin-bottom: 16px !important;
padding: 0 22px !important;
}
.hero-search-box {
max-width: 90% !important;
margin-top: 50px !important;
}
.search-widget-minimal {
height: 52px !important;
padding: 6px 6px 6px 17px !important;
}
.search-widget-minimal input {
font-size: 0.9rem !important;
}
.search-btn-minimal {
width: 42px !important;
height: 42px !important;
font-size: 0.95rem !important;
}
.most-booked-title,
.features-title {
font-size: 1.55rem !important;
line-height: 1.18 !important;
}
.most-booked-card,
.region-card {
flex: 0 0 calc(100vw - 64px) !important;
width: calc(100vw - 64px) !important;
max-width: 340px !important;
}
.region-card {
height: 190px !important;
}
.top-excursions-section {
padding: 34px 0 45px !important;
}
.top-excursions-title {
font-size: 1.55rem !important;
line-height: 1.18 !important;
padding: 0 16px !important;
}
.top-region-btn {
padding: 9px 16px !important;
font-size: 0.82rem !important;
}
.why-choose-title {
font-size: 1.9rem !important;
}
.why-choose-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
}
.why-choose-card {
padding: 18px 12px !important;
}
}
@media (max-width: 390px) {
.why-choose-grid {
grid-template-columns: 1fr !important;
}
.hero-title {
font-size: 1.5rem !important;
}
}
/* =========================================================
JBT FINAL SECTION GAP + FOOTER TOP SPACE FIX
Sadece section aralıklarını ve footer üstündeki boşluğu sıkılaştırır.
PHP / SQL / URL / slug / dil / kart içerikleri ve tıklama kodlarına dokunmaz.
========================================================= */
/* Genel bölüm aralıklarını toparla */
.features-section,
.most-booked-section,
.info-banner-section,
.top-excursions-section,
.why-choose-section,
.trusted-brands-section,
.tripadvisor-banner-section,
.blog-compact-section,
.popular-links-section {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.features-section {
padding-top: 42px !important;
padding-bottom: 22px !important;
}
.most-booked-section {
padding-top: 18px !important;
padding-bottom: 34px !important;
}
.info-banner-section {
padding-top: 12px !important;
padding-bottom: 12px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.top-excursions-section {
padding-top: 30px !important;
padding-bottom: 32px !important;
}
.why-choose-section {
padding-top: 38px !important;
padding-bottom: 30px !important;
}
.trusted-brands-section {
padding-top: 24px !important;
padding-bottom: 22px !important;
}
.tripadvisor-banner-section {
padding-top: 18px !important;
padding-bottom: 20px !important;
}
.blog-compact-section {
padding-top: 28px !important;
padding-bottom: 24px !important;
}
/* Footer üstündeki ana boşluğu kaldır */
.popular-links-section {
padding-top: 26px !important;
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
.popular-links-section .popular-link-group:last-child {
margin-bottom: 0 !important;
}
.popular-links-section + footer,
.popular-links-section + .footer,
.popular-links-section + .site-footer,
footer,
.footer,
.site-footer {
margin-top: 0 !important;
}
/* Mobilde aralıklar daha da kompakt ve cihazlara göre stabil */
@media (max-width: 768px) {
.features-section {
padding-top: 30px !important;
padding-bottom: 14px !important;
}
.features-title,
.most-booked-title,
.top-excursions-title,
.trusted-title,
.blog-compact-header h2 {
margin-bottom: 16px !important;
}
.most-booked-section {
padding-top: 14px !important;
padding-bottom: 24px !important;
}
.most-booked-wrapper,
.region-cards-wrapper {
padding-top: 4px !important;
padding-bottom: 12px !important;
}
.info-banner-section {
padding-top: 8px !important;
padding-bottom: 8px !important;
margin: 0 !important;
}
.info-banner-blur {
padding-top: 28px !important;
padding-bottom: 28px !important;
}
.top-excursions-section {
padding-top: 24px !important;
padding-bottom: 26px !important;
}
.why-choose-section {
padding-top: 28px !important;
padding-bottom: 24px !important;
}
.trusted-brands-section {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 24px !important;
padding-bottom: 18px !important;
}
.tripadvisor-banner-section {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 16px !important;
padding-bottom: 16px !important;
}
.blog-compact-section {
padding-top: 22px !important;
padding-bottom: 18px !important;
margin: 0 auto !important;
}
.popular-links-section {
padding-top: 22px !important;
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
.popular-links-section .popular-link-group {
margin-bottom: 24px !important;
}
.popular-links-section .popular-link-group + .popular-link-group {
margin-top: 22px !important;
}
.popular-links-section .popular-link-group:last-child {
margin-bottom: 0 !important;
}
.popular-links-section .popular-link-heading {
margin-bottom: 10px !important;
}
}
@media (max-width: 390px) {
.features-section {
padding-top: 24px !important;
padding-bottom: 12px !important;
}
.most-booked-section {
padding-top: 10px !important;
padding-bottom: 20px !important;
}
.top-excursions-section,
.why-choose-section,
.trusted-brands-section,
.tripadvisor-banner-section,
.blog-compact-section {
padding-top: 20px !important;
padding-bottom: 16px !important;
}
.popular-links-section {
padding-top: 18px !important;
padding-bottom: 0 !important;
}
.popular-links-section .popular-link-group {
margin-bottom: 20px !important;
}
.popular-links-section .popular-link-group + .popular-link-group {
margin-top: 18px !important;
}
.popular-links-section .popular-link-group:last-child {
margin-bottom: 0 !important;
}
}
/* JBT MOST BOOKED REGION TABS - panelde seçilen turları bölgeye göre gösterir */
.most-booked-region-tabs {
justify-content: center !important;
margin: 0 auto 24px !important;
}
.most-booked-tab-content {
width: 100% !important;
}
@media (min-width: 769px) {
.most-booked-tab-content .most-booked-wrapper {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 18px !important;
max-width: 1080px !important;
margin: 0 auto !important;
padding: 0 !important;
overflow: visible !important;
}
.most-booked-tab-content .most-booked-card {
width: 100% !important;
max-width: 100% !important;
}
}
@media (max-width: 768px) {
.most-booked-region-tabs {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
padding: 0 14px !important;
margin-bottom: 18px !important;
}
.most-booked-tab-content .most-booked-wrapper {
padding-left: 16px !important;
padding-right: 16px !important;
}
}
/* =========================================================
JBT MOST BOOKED = TOP EXCURSIONS MOBILE STYLE FINAL
Most Booked Experiences mobilde Top Excursions & Activities
kart ölçüsü ve CSS yapısı ile aynı görünür.
Sadece Most Booked alanını etkiler.
========================================================= */
@media (min-width: 769px) {
.most-booked-section .most-booked-wrapper {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 14px !important;
max-width: 1080px !important;
margin: 0 auto !important;
padding: 8px 14px 26px !important;
overflow: visible !important;
scroll-snap-type: none !important;
}
.most-booked-section .most-booked-card {
width: 100% !important;
max-width: 100% !important;
flex: none !important;
margin: 0 !important;
}
.most-booked-section .most-booked-card .viator-card {
min-height: 298px !important;
height: 100% !important;
display: flex !important;
flex-direction: column !important;
border-radius: 13px !important;
overflow: hidden !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper {
width: 100% !important;
height: 122px !important;
min-height: 122px !important;
flex: 0 0 122px !important;
}
.most-booked-section .most-booked-card .viator-card-body {
padding: 10px 11px 11px !important;
display: flex !important;
flex-direction: column !important;
flex: 1 1 auto !important;
grid-template-columns: none !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.9rem !important;
line-height: 1.18 !important;
min-height: 40px !important;
margin-bottom: 6px !important;
-webkit-line-clamp: 2 !important;
}
.most-booked-section .most-booked-card .viator-rating,
.most-booked-section .most-booked-card .viator-feature {
font-size: 0.72rem !important;
}
.most-booked-section .most-booked-card .viator-features-list {
gap: 4px !important;
margin-bottom: 8px !important;
}
.most-booked-section .most-booked-card .viator-price-action {
margin-top: auto !important;
padding-top: 8px !important;
border-top: 1px solid #eeeeee !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
}
.most-booked-section .most-booked-card .viator-price-amount {
font-size: 1.15rem !important;
}
.most-booked-section .most-booked-card .viator-btn {
padding: 8px 11px !important;
font-size: 0.78rem !important;
border-radius: 8px !important;
min-width: 118px !important;
}
}
@media (max-width: 768px) {
.most-booked-section {
padding-top: 26px !important;
padding-bottom: 42px !important;
overflow: visible !important;
}
.most-booked-section .most-booked-wrapper {
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
gap: 12px !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
padding: 0 14px !important;
overflow: visible !important;
overflow-x: visible !important;
overflow-y: visible !important;
scroll-snap-type: none !important;
cursor: default !important;
touch-action: auto !important;
}
.most-booked-section .most-booked-card {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
flex: none !important;
margin: 0 !important;
scroll-snap-align: unset !important;
}
.most-booked-section .most-booked-card .viator-card {
width: 100% !important;
max-width: 100% !important;
min-height: 198px !important;
height: auto !important;
flex: none !important;
display: grid !important;
grid-template-columns: 38% 62% !important;
align-items: stretch !important;
border-radius: 15px !important;
overflow: hidden !important;
background: #ffffff !important;
border: 1px solid #e5e7eb !important;
box-shadow: 0 8px 22px rgba(0,0,0,0.08) !important;
margin: 0 !important;
scroll-snap-align: unset !important;
}
.most-booked-section .most-booked-card .viator-card:hover {
transform: none !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper {
width: 100% !important;
height: 100% !important;
min-height: 198px !important;
flex: none !important;
border-radius: 0 !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.most-booked-section .most-booked-card .badge-popular {
display: inline-flex !important;
top: 8px !important;
left: 7px !important;
right: auto !important;
padding: 4px 7px !important;
font-size: 0.55rem !important;
border-radius: 999px !important;
white-space: nowrap !important;
}
.most-booked-section .most-booked-card .badge-favorite {
display: flex !important;
right: 7px !important;
bottom: 8px !important;
top: auto !important;
width: 28px !important;
height: 28px !important;
font-size: 0.78rem !important;
}
.most-booked-section .most-booked-card .viator-card-body {
width: 100% !important;
min-width: 0 !important;
min-height: 198px !important;
padding: 11px 10px !important;
display: flex !important;
flex-direction: column !important;
grid-template-columns: none !important;
}
.most-booked-section .most-booked-card .viator-main-content {
min-width: 0 !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.96rem !important;
line-height: 1.18 !important;
min-height: auto !important;
max-height: none !important;
margin: 0 0 5px !important;
color: #111827 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
.most-booked-section .most-booked-card .viator-rating {
display: flex !important;
font-size: 0.68rem !important;
gap: 4px !important;
margin: 0 0 4px !important;
color: #111827 !important;
}
.most-booked-section .most-booked-card .viator-rating i {
font-size: 0.72rem !important;
}
.most-booked-section .most-booked-card .viator-features-list {
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
margin: 0 0 6px !important;
}
.most-booked-section .most-booked-card .viator-feature {
display: flex !important;
font-size: 0.66rem !important;
line-height: 1.15 !important;
gap: 4px !important;
color: #111827 !important;
margin-bottom: 0 !important;
}
.most-booked-section .most-booked-card .viator-feature i {
font-size: 0.68rem !important;
}
.most-booked-section .most-booked-card .viator-feature.mb-1 {
display: flex !important;
}
.most-booked-section .most-booked-card .viator-instant-box {
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
width: fit-content !important;
max-width: 105px !important;
padding: 5px 6px !important;
border-radius: 7px !important;
background: #ecfdf3 !important;
color: #16a34a !important;
margin-top: auto !important;
}
.most-booked-section .most-booked-card .viator-instant-box i {
font-size: 0.62rem !important;
}
.most-booked-section .most-booked-card .viator-instant-text strong {
display: block !important;
font-size: 0.58rem !important;
line-height: 1.05 !important;
color: #15803d !important;
}
.most-booked-section .most-booked-card .viator-price-action {
margin-top: 6px !important;
padding-top: 0 !important;
border-top: 0 !important;
display: flex !important;
flex-direction: row !important;
align-items: flex-end !important;
justify-content: space-between !important;
gap: 7px !important;
}
.most-booked-section .most-booked-card .viator-price-info {
text-align: right !important;
margin-left: auto !important;
}
.most-booked-section .most-booked-card .viator-price-amount {
font-size: 1.18rem !important;
line-height: 1 !important;
font-weight: 1000 !important;
color: #111827 !important;
white-space: nowrap !important;
}
.most-booked-section .most-booked-card .viator-price-unit {
display: block !important;
font-size: 0.54rem !important;
color: #6b7280 !important;
margin-top: 2px !important;
}
.most-booked-section .most-booked-card .viator-btn {
padding: 9px 12px !important;
min-width: 88px !important;
border-radius: 10px !important;
font-size: 0.74rem !important;
font-weight: 1000 !important;
align-self: flex-end !important;
white-space: nowrap !important;
}
}
@media (max-width: 390px) {
.most-booked-section .most-booked-card .viator-card {
min-height: 190px !important;
grid-template-columns: 37% 63% !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper,
.most-booked-section .most-booked-card .viator-card-body {
min-height: 190px !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.9rem !important;
}
.most-booked-section .most-booked-card .viator-btn {
min-width: 82px !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
}
/* JBT_VIEW_ALL_BELOW_DESTINATION_IMAGES_FIX
View All butonu Explore by Destination resimlerinin altına alındı. */
.destination-view-all-wrap {
width: 100% !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
margin: 18px auto 0 !important;
padding: 0 15px !important;
}
.destination-view-all-wrap .destination-view-all {
margin: 0 auto !important;
}
@media (max-width: 768px) {
.destination-view-all-wrap {
margin-top: 16px !important;
}
}
</style>
<style>
/* =========================================================
JBT FINAL RESPONSIVE FIX - Explore title + Most Booked grid/list
Sadece index.php görsel düzenidir. Panel seçimi ve SQL yapısı değişmez.
========================================================= */
/* PC: Most Booked 4 üstte 4 altta olacak şekilde */
@media (min-width: 769px) {
.most-booked-tab-content .most-booked-wrapper {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 18px !important;
max-width: 1180px !important;
margin: 0 auto !important;
padding: 0 14px 24px !important;
overflow: visible !important;
}
.most-booked-tab-content .most-booked-card {
width: 100% !important;
max-width: 100% !important;
flex: none !important;
}
}
/* Mobil: Explore başlığı sıkışmasın, Most Booked alt alta normal kart şeklinde aksın */
@media (max-width: 768px) {
.destination-heading-row,
.destination-heading-row.popular-dest-title {
padding: 0 18px !important;
text-align: center !important;
align-items: center !important;
}
.destination-heading-row .features-title {
width: 100% !important;
max-width: 100% !important;
display: block !important;
text-align: center !important;
font-size: 1.72rem !important;
line-height: 1.12 !important;
white-space: normal !important;
word-break: keep-all !important;
overflow-wrap: normal !important;
margin: 0 auto !important;
}
.destination-heading-row .features-title br {
display: none !important;
}
.destination-heading-row .top-excursions-subtitle {
width: 100% !important;
max-width: 340px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.most-booked-wrapper,
.most-booked-tab-content .most-booked-wrapper {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 16px !important;
width: 100% !important;
max-width: 380px !important;
margin: 0 auto !important;
padding: 8px 16px 22px !important;
overflow: visible !important;
}
.most-booked-card,
.most-booked-tab-content .most-booked-card {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
flex: none !important;
margin: 0 !important;
}
.most-booked-card .viator-card {
width: 100% !important;
min-height: 390px !important;
height: auto !important;
border-radius: 14px !important;
overflow: hidden !important;
}
.most-booked-card .viator-card-img-wrapper {
height: 175px !important;
min-height: 175px !important;
flex: 0 0 175px !important;
}
.most-booked-card .badge-popular,
.most-booked-card .badge-favorite,
.most-booked-card .viator-rating,
.most-booked-card .viator-features-list,
.most-booked-card .viator-feature,
.most-booked-card .viator-price-unit {
display: revert !important;
}
.most-booked-card .viator-card-body {
padding: 15px !important;
min-height: 0 !important;
}
.most-booked-card .viator-title {
font-size: 1.02rem !important;
line-height: 1.25 !important;
min-height: 0 !important;
max-height: none !important;
margin: 8px 0 !important;
overflow: visible !important;
display: block !important;
-webkit-line-clamp: unset !important;
-webkit-box-orient: unset !important;
}
.most-booked-card .viator-price-action {
margin-top: 12px !important;
gap: 10px !important;
}
.most-booked-card .viator-price-amount {
font-size: 1.35rem !important;
line-height: 1 !important;
}
.most-booked-card .viator-btn {
width: auto !important;
min-width: 104px !important;
min-height: 38px !important;
padding: 11px 15px !important;
border-radius: 9px !important;
font-size: .9rem !important;
line-height: 1 !important;
text-align: center !important;
white-space: nowrap !important;
}
}
/* =========================================================
JBT MOST BOOKED = TOP EXCURSIONS MOBILE STYLE FINAL
Most Booked Experiences mobilde Top Excursions & Activities
kart ölçüsü ve CSS yapısı ile aynı görünür.
Sadece Most Booked alanını etkiler.
========================================================= */
@media (min-width: 769px) {
.most-booked-section .most-booked-wrapper {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 14px !important;
max-width: 1080px !important;
margin: 0 auto !important;
padding: 8px 14px 26px !important;
overflow: visible !important;
scroll-snap-type: none !important;
}
.most-booked-section .most-booked-card {
width: 100% !important;
max-width: 100% !important;
flex: none !important;
margin: 0 !important;
}
.most-booked-section .most-booked-card .viator-card {
min-height: 298px !important;
height: 100% !important;
display: flex !important;
flex-direction: column !important;
border-radius: 13px !important;
overflow: hidden !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper {
width: 100% !important;
height: 122px !important;
min-height: 122px !important;
flex: 0 0 122px !important;
}
.most-booked-section .most-booked-card .viator-card-body {
padding: 10px 11px 11px !important;
display: flex !important;
flex-direction: column !important;
flex: 1 1 auto !important;
grid-template-columns: none !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.9rem !important;
line-height: 1.18 !important;
min-height: 40px !important;
margin-bottom: 6px !important;
-webkit-line-clamp: 2 !important;
}
.most-booked-section .most-booked-card .viator-rating,
.most-booked-section .most-booked-card .viator-feature {
font-size: 0.72rem !important;
}
.most-booked-section .most-booked-card .viator-features-list {
gap: 4px !important;
margin-bottom: 8px !important;
}
.most-booked-section .most-booked-card .viator-price-action {
margin-top: auto !important;
padding-top: 8px !important;
border-top: 1px solid #eeeeee !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
}
.most-booked-section .most-booked-card .viator-price-amount {
font-size: 1.15rem !important;
}
.most-booked-section .most-booked-card .viator-btn {
padding: 8px 11px !important;
font-size: 0.78rem !important;
border-radius: 8px !important;
min-width: 118px !important;
}
}
@media (max-width: 768px) {
.most-booked-section {
padding-top: 26px !important;
padding-bottom: 42px !important;
overflow: visible !important;
}
.most-booked-section .most-booked-wrapper {
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
gap: 12px !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
padding: 0 14px !important;
overflow: visible !important;
overflow-x: visible !important;
overflow-y: visible !important;
scroll-snap-type: none !important;
cursor: default !important;
touch-action: auto !important;
}
.most-booked-section .most-booked-card {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
flex: none !important;
margin: 0 !important;
scroll-snap-align: unset !important;
}
.most-booked-section .most-booked-card .viator-card {
width: 100% !important;
max-width: 100% !important;
min-height: 198px !important;
height: auto !important;
flex: none !important;
display: grid !important;
grid-template-columns: 38% 62% !important;
align-items: stretch !important;
border-radius: 15px !important;
overflow: hidden !important;
background: #ffffff !important;
border: 1px solid #e5e7eb !important;
box-shadow: 0 8px 22px rgba(0,0,0,0.08) !important;
margin: 0 !important;
scroll-snap-align: unset !important;
}
.most-booked-section .most-booked-card .viator-card:hover {
transform: none !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper {
width: 100% !important;
height: 100% !important;
min-height: 198px !important;
flex: none !important;
border-radius: 0 !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.most-booked-section .most-booked-card .badge-popular {
display: inline-flex !important;
top: 8px !important;
left: 7px !important;
right: auto !important;
padding: 4px 7px !important;
font-size: 0.55rem !important;
border-radius: 999px !important;
white-space: nowrap !important;
}
.most-booked-section .most-booked-card .badge-favorite {
display: flex !important;
right: 7px !important;
bottom: 8px !important;
top: auto !important;
width: 28px !important;
height: 28px !important;
font-size: 0.78rem !important;
}
.most-booked-section .most-booked-card .viator-card-body {
width: 100% !important;
min-width: 0 !important;
min-height: 198px !important;
padding: 11px 10px !important;
display: flex !important;
flex-direction: column !important;
grid-template-columns: none !important;
}
.most-booked-section .most-booked-card .viator-main-content {
min-width: 0 !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.96rem !important;
line-height: 1.18 !important;
min-height: auto !important;
max-height: none !important;
margin: 0 0 5px !important;
color: #111827 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
.most-booked-section .most-booked-card .viator-rating {
display: flex !important;
font-size: 0.68rem !important;
gap: 4px !important;
margin: 0 0 4px !important;
color: #111827 !important;
}
.most-booked-section .most-booked-card .viator-rating i {
font-size: 0.72rem !important;
}
.most-booked-section .most-booked-card .viator-features-list {
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
margin: 0 0 6px !important;
}
.most-booked-section .most-booked-card .viator-feature {
display: flex !important;
font-size: 0.66rem !important;
line-height: 1.15 !important;
gap: 4px !important;
color: #111827 !important;
margin-bottom: 0 !important;
}
.most-booked-section .most-booked-card .viator-feature i {
font-size: 0.68rem !important;
}
.most-booked-section .most-booked-card .viator-feature.mb-1 {
display: flex !important;
}
.most-booked-section .most-booked-card .viator-instant-box {
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
width: fit-content !important;
max-width: 105px !important;
padding: 5px 6px !important;
border-radius: 7px !important;
background: #ecfdf3 !important;
color: #16a34a !important;
margin-top: auto !important;
}
.most-booked-section .most-booked-card .viator-instant-box i {
font-size: 0.62rem !important;
}
.most-booked-section .most-booked-card .viator-instant-text strong {
display: block !important;
font-size: 0.58rem !important;
line-height: 1.05 !important;
color: #15803d !important;
}
.most-booked-section .most-booked-card .viator-price-action {
margin-top: 6px !important;
padding-top: 0 !important;
border-top: 0 !important;
display: flex !important;
flex-direction: row !important;
align-items: flex-end !important;
justify-content: space-between !important;
gap: 7px !important;
}
.most-booked-section .most-booked-card .viator-price-info {
text-align: right !important;
margin-left: auto !important;
}
.most-booked-section .most-booked-card .viator-price-amount {
font-size: 1.18rem !important;
line-height: 1 !important;
font-weight: 1000 !important;
color: #111827 !important;
white-space: nowrap !important;
}
.most-booked-section .most-booked-card .viator-price-unit {
display: block !important;
font-size: 0.54rem !important;
color: #6b7280 !important;
margin-top: 2px !important;
}
.most-booked-section .most-booked-card .viator-btn {
padding: 9px 12px !important;
min-width: 88px !important;
border-radius: 10px !important;
font-size: 0.74rem !important;
font-weight: 1000 !important;
align-self: flex-end !important;
white-space: nowrap !important;
}
}
@media (max-width: 390px) {
.most-booked-section .most-booked-card .viator-card {
min-height: 190px !important;
grid-template-columns: 37% 63% !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper,
.most-booked-section .most-booked-card .viator-card-body {
min-height: 190px !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.9rem !important;
}
.most-booked-section .most-booked-card .viator-btn {
min-width: 82px !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
}
</style>
<section class="hero-section">
<img src="/resimler/region_20260515_183741_727480f9b82edc65.jpeg" alt="JustBookTours Travel Tours" class="hero-bg-img" fetchpriority="high" width="1920" height="1080">
<div class="hero-overlay"></div>
<div class="hero-content">
<h1 class="hero-title">Discover unforgettable experiences</h1>
<p class="hero-subtitle">Find and book amazing tours and activities with JustBookTours</p>
<div class="hero-search-box">
<!-- Desktop Search Form -->
<form action="search.php" method="GET" class="search-widget-minimal" id="desktopSearchForm" autocomplete="off">
<i class="fas fa-search search-icon d-none d-md-block" aria-hidden="true"></i>
<label for="search-query" class="visually-hidden">Search Boat trip, Safari..</label>
<input type="text" name="q" id="search-query" placeholder="Search Boat trip, Safari.." aria-label="Search" autocomplete="off">
<button type="submit" class="search-btn-minimal" aria-label="Search">
<i class="fas fa-search" aria-hidden="true"></i>
</button>
</form>
<div class="hero-search-results" id="heroSearchResults"></div>
<!-- Mobile Search Sheet -->
<div class="tm-mobile-tour-search-sheet" id="tmMobileTourSearchSheet" aria-hidden="true">
<div class="tm-mobile-tour-search-panel" role="dialog" aria-modal="true" aria-label="Search">
<div class="tm-mobile-sheet-handle" aria-hidden="true"></div>
<div class="tm-mobile-tour-search-head">
<button type="button" class="tm-mobile-tour-search-back" id="tmMobileTourSearchBack" aria-label="Back">
<i class="fas fa-arrow-left" aria-hidden="true"></i>
</button>
<form action="search.php" method="GET" class="tm-mobile-tour-search-input-wrap">
<input type="text" name="q" id="tmMobileTourSearchInput" placeholder="Search destinations, tours..." autocomplete="off" inputmode="search">
<button type="submit" class="tm-mobile-search-submit" aria-label="Search">
<i class="fas fa-search"></i>
</button>
</form>
</div>
<div class="tm-mobile-tour-search-results" id="tmMobileTourSearchResults"></div>
</div>
</div>
</div>
</div>
</section>
<section class="features-section" style="padding: 40px 0 20px;">
<div class="container">
<div class="row g-4 d-none d-md-flex">
<div class="col-md-3">
<div class="feature-icon-wrapper"><i class="fas fa-headset"></i></div>
<h4 class="feature-title">24/7 Customer Support</h4>
<p class="feature-desc">No matter what time zone you're in, we're here to help.</p>
</div>
<div class="col-md-3">
<div class="feature-icon-wrapper"><i class="fas fa-award"></i></div>
<h4 class="feature-title">Free Hotel Pickup</h4>
<p class="feature-desc">We pick you up and drive you back to your hotel</p>
</div>
<div class="col-md-3">
<div class="feature-icon-wrapper"><i class="fas fa-star"></i></div>
<h4 class="feature-title">Free Cancellation</h4>
<p class="feature-desc">Free cancellation up to 24 hours in advance.</p>
</div>
<div class="col-md-3">
<div class="feature-icon-wrapper"><i class="far fa-calendar-check"></i></div>
<h4 class="feature-title">Instant Confirmation</h4>
<p class="feature-desc">No waiting, Your request is confirmed in seconds</p>
</div>
</div>
<div id="featuresCarouselMobile" class="carousel slide d-md-none" data-bs-ride="carousel" data-bs-interval="3000">
<div class="carousel-inner pb-4">
<div class="carousel-item active">
<div class="px-3">
<div class="feature-icon-wrapper"><i class="fas fa-headset"></i></div>
<h4 class="feature-title">24/7 Customer Support</h4>
<p class="feature-desc">No matter what time zone you're in, we're here to help.</p>
</div>
</div>
<div class="carousel-item ">
<div class="px-3">
<div class="feature-icon-wrapper"><i class="fas fa-award"></i></div>
<h4 class="feature-title">Free Hotel Pickup</h4>
<p class="feature-desc">We pick you up and drive you back to your hotel</p>
</div>
</div>
<div class="carousel-item ">
<div class="px-3">
<div class="feature-icon-wrapper"><i class="fas fa-star"></i></div>
<h4 class="feature-title">Free Cancellation</h4>
<p class="feature-desc">Free cancellation up to 24 hours in advance.</p>
</div>
</div>
<div class="carousel-item ">
<div class="px-3">
<div class="feature-icon-wrapper"><i class="far fa-calendar-check"></i></div>
<h4 class="feature-title">Instant Confirmation</h4>
<p class="feature-desc">No waiting, Your request is confirmed in seconds</p>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="most-booked-section">
<div class="text-center mb-4">
<h2 class="features-title most-booked-title mb-0">Most Booked Experiences</h2>
<p class="top-excursions-subtitle mt-2 mb-0">Book our most popular experiences with great prices and easy online reservations.</p>
</div>
<ul class="nav top-region-tabs most-booked-region-tabs" id="mostBookedRegionTabs" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link top-region-btn active"
data-bs-toggle="pill"
data-bs-target="#most-booked-pane-mb-fbf55ec2f7"
type="button"
role="tab">
Antalya </button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link top-region-btn "
data-bs-toggle="pill"
data-bs-target="#most-booked-pane-mb-b37a101c00"
type="button"
role="tab">
Alanya </button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link top-region-btn "
data-bs-toggle="pill"
data-bs-target="#most-booked-pane-mb-74e3edc47b"
type="button"
role="tab">
Belek </button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link top-region-btn "
data-bs-toggle="pill"
data-bs-target="#most-booked-pane-mb-c142a73b77"
type="button"
role="tab">
Side </button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link top-region-btn "
data-bs-toggle="pill"
data-bs-target="#most-booked-pane-mb-605d1cb1ea"
type="button"
role="tab">
Kemer </button>
</li>
</ul>
<div class="tab-content most-booked-tab-content" id="mostBookedRegionTabsContent">
<div class="tab-pane fade show active" id="most-booked-pane-mb-fbf55ec2f7" role="tabpanel">
<div class="most-booked-wrapper" data-jbt-slider-track="most-booked-mb-fbf55ec2f7">
<div class="most-booked-card">
<a href="/en/tour/antalya/land-of-legends-theme-park-tour-from-antalya-hotel-transfer/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Best Seller</div>
<div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=2e25f8e2-501b-45d9-971b-9724a5a66378" alt="Land of Legends Theme Park Tour from Antalya with Hotel Transfer" loading="lazy">
<div class="viator-feature mb-1 jbt-mb-region-on-image"><i class="fas fa-map-marker-alt"></i> Antalya</div>
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<h3 class="viator-title">Land of Legends Theme Park Tour from Antalya with Hotel Transfer</h3>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 7 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation</div>
</div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€85</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
</div>
<div class="most-booked-card">
<a href="/en/tour/antalya/antalya-boat-trip-with-waterfall-visit/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Best Seller</div>
<div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="/resimler/tour_en_20260703_234810_9021429e1891a252.png" alt="Antalya Relax Boat Trip with Waterfall Visit" loading="lazy">
<div class="viator-feature mb-1 jbt-mb-region-on-image"><i class="fas fa-map-marker-alt"></i> Antalya</div>
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<h3 class="viator-title">Antalya Relax Boat Trip with Waterfall Visit</h3>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 5 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation</div>
</div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€25</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
</div>
<div class="most-booked-card">
<a href="/en/tour/antalya/buggy-rafting-zipline-tour-from-antalya/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Best Seller</div>
<div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=a8304da4-2e83-4f51-aa23-5dd9ed959634" alt="Antalya Buggy Safari, Rafting, Zipline and Jeep Safari ( 5 in 1 )" loading="lazy">
<div class="viator-feature mb-1 jbt-mb-region-on-image"><i class="fas fa-map-marker-alt"></i> Antalya</div>
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<h3 class="viator-title">Antalya Buggy Safari, Rafting, Zipline and Jeep Safari ( 5 in 1 )</h3>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 8 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation</div>
</div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€35</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
</div>
<div class="most-booked-card">
<a href="/en/tour/antalya/antalya-city-tour/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Best Seller</div>
<div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=c14a2c03-93a7-4047-bb65-872e0db1f718" alt="Antalya City Tour | Boat Trip and Visiting 2 Waterfalls" loading="lazy">
<div class="viator-feature mb-1 jbt-mb-region-on-image"><i class="fas fa-map-marker-alt"></i> Antalya</div>
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<h3 class="viator-title">Antalya City Tour | Boat Trip and Visiting 2 Waterfalls</h3>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 7 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation</div>
</div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€25</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
</div>
<div class="most-booked-card">
<a href="/en/tour/antalya/antalya-the-land-of-legends-night-show/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Best Seller</div>
<div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=58af71d4-b39e-407d-b761-781149697f7d" alt="Antalya The Land of Legends Night Show" loading="lazy">
<div class="viator-feature mb-1 jbt-mb-region-on-image"><i class="fas fa-map-marker-alt"></i> Antalya</div>
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<h3 class="viator-title">Antalya The Land of Legends Night Show</h3>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 4 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation</div>
</div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€15</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
</div>
<div class="most-booked-card">
<a href="/en/tour/antalya/antalya-jeep-safari-tour/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Best Seller</div>
<div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=66849ae1-48ad-49c6-b4a4-d01e5e344ec2" alt="Antalya Jeep Safari Tour | Lunch included" loading="lazy">
<div class="viator-feature mb-1 jbt-mb-region-on-image"><i class="fas fa-map-marker-alt"></i> Antalya</div>
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<h3 class="viator-title">Antalya Jeep Safari Tour | Lunch included</h3>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 7 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation</div>
</div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€35</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
</div>
<div class="most-booked-card">
<a href="/en/tour/antalya/antalya-green-canyon-cabrio-safari-lions-park/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Best Seller</div>
<div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="/resimler/tour_en_20260703_224511_597297a760f0a1b4.png" alt="Antalya Green Canyon Cabrio Safari & Lions Park Adventure" loading="lazy">
<div class="viator-feature mb-1 jbt-mb-region-on-image"><i class="fas fa-map-marker-alt"></i> Antalya</div>
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<div class="viator-rating"><i class="fas fa-star"></i> 0.0 <span>(0)</span></div>
<h3 class="viator-title">Antalya Green Canyon Cabrio Safari & Lions Park Adventure</h3>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 8 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation</div>
</div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€35</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="tab-pane fade " id="most-booked-pane-mb-b37a101c00" role="tabpanel">
<div class="most-booked-wrapper" data-jbt-slider-track="most-booked-mb-b37a101c00">
<div class="most-booked-card">
<a href="/en/tour/alanya/alanya-boat-trip/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Best Seller</div>
<div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=2bb38ea9-56c5-4599-9b40-ee8c8efe48e5" alt="Pirate Boat Trip in Alanya | Best Family Boat Tour" loading="lazy">
<div class="viator-feature mb-1 jbt-mb-region-on-image"><i class="fas fa-map-marker-alt"></i> Alanya</div>
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<h3 class="viator-title">Pirate Boat Trip in Alanya | Best Family Boat Tour</h3>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 6 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation</div>
</div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€20</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
</div>
<div class="most-booked-card">
<a href="/en/tour/alanya/alanya-green-canyon-cabrio-jeep-safari/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Best Seller</div>
<div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="/resimler/tour_en_20260602_134242_9e4bc147933c7392.png" alt="Alanya Green Canyon Cabrio Safari | Pink Panther and Land of Lions" loading="lazy">
<div class="viator-feature mb-1 jbt-mb-region-on-image"><i class="fas fa-map-marker-alt"></i> Alanya</div>
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<h3 class="viator-title">Alanya Green Canyon Cabrio Safari | Pink Panther and Land of Lions</h3>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 8 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation</div>
</div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€30</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
</div>
<div class="most-booked-card">
<a href="/en/tour/alanya/alanya-5-in-1-combo-tour/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Best Seller</div>
<div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="/resimler/tour_en_20260522_200734_d6c07001df0f6b0f.png" alt="Alanya 5 in 1 Combo Tour – Full-Day Adventure Package" loading="lazy">
<div class="viator-feature mb-1 jbt-mb-region-on-image"><i class="fas fa-map-marker-alt"></i> Alanya</div>
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<h3 class="viator-title">Alanya 5 in 1 Combo Tour – Full-Day Adventure Package</h3>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 8 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation</div>
</div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€35</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
</div>
<div class="most-booked-card">
<a href="/en/tour/alanya/alanya-quad-safari/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Best Seller</div>
<div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=9089b767-3130-4abf-a153-fcb11db13855" alt="Quad Safari Adventure in Alanya" loading="lazy">
<div class="viator-feature mb-1 jbt-mb-region-on-image"><i class="fas fa-map-marker-alt"></i> Alanya</div>
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<h3 class="viator-title">Quad Safari Adventure in Alanya</h3>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 3 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation</div>
</div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€25</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
</div>
<div class="most-booked-card">
<a href="/en/tour/alanya/alanya-turkish-bath-hamam/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Best Seller</div>
<div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=3f7d9433-63db-4911-8efb-da1d480c1819" alt="Traditional Turkish Hamam Experience in Alanya" loading="lazy">
<div class="viator-feature mb-1 jbt-mb-region-on-image"><i class="fas fa-map-marker-alt"></i> Alanya</div>
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<h3 class="viator-title">Traditional Turkish Hamam Experience in Alanya</h3>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 3 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation</div>
</div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€20</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
</div>
<div class="most-booked-card">
<a href="/en/tour/alanya/alanya-cabrio-bus-safari-for-families-and-kids/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Best Seller</div>
<div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="/resimler/tour_en_20260517_214953_2b7ce879a9e3d2ee.png" alt="Alanya Cabrio Bus Safari for Families and Kids" loading="lazy">
<div class="viator-feature mb-1 jbt-mb-region-on-image"><i class="fas fa-map-marker-alt"></i> Alanya</div>
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<h3 class="viator-title">Alanya Cabrio Bus Safari for Families and Kids</h3>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 7 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation</div>
</div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€30</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
</div>
<div class="most-booked-card">
<a href="/en/tour/alanya/the-land-of-legends-theme-park-from-alanya/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Best Seller</div>
<div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=ec978c03-ba62-434b-ad23-f15a50dc8df9" alt="The Land of Legends Theme Park from Alanya | Hotel Transfer Included" loading="lazy">
<div class="viator-feature mb-1 jbt-mb-region-on-image"><i class="fas fa-map-marker-alt"></i> Alanya</div>
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<h3 class="viator-title">The Land of Legends Theme Park from Alanya | Hotel Transfer Included</h3>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 8 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation</div>
</div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€90</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="tab-pane fade " id="most-booked-pane-mb-74e3edc47b" role="tabpanel">
<div class="most-booked-wrapper" data-jbt-slider-track="most-booked-mb-74e3edc47b">
<div class="most-booked-card">
<a href="/en/tour/belek/belek-quad-safari-tour/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Best Seller</div>
<div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=677ba1e4-8f56-48d7-86d4-42630cd966a7" alt="Belek Quad Atv Safari Tour | Free Pick Up" loading="lazy">
<div class="viator-feature mb-1 jbt-mb-region-on-image"><i class="fas fa-map-marker-alt"></i> Belek</div>
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<h3 class="viator-title">Belek Quad Atv Safari Tour | Free Pick Up</h3>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 4 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation</div>
</div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€35</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
</div>
<div class="most-booked-card">
<a href="/en/tour/belek/antalya-aquarium/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Best Seller</div>
<div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=680d8ce5-78f0-403a-b246-9e87dd42c8be" alt="Aquarium Tour from Belek and Antalya | Free Pick Up" loading="lazy">
<div class="viator-feature mb-1 jbt-mb-region-on-image"><i class="fas fa-map-marker-alt"></i> Belek</div>
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<h3 class="viator-title">Aquarium Tour from Belek and Antalya | Free Pick Up</h3>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 4 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation</div>
</div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€50</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
</div>
<div class="most-booked-card">
<a href="/en/tour/belek/belek-dolphin-show/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Best Seller</div>
<div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=b2af2674-b8f3-458e-ae77-966c424f290f" alt="Belek Dolphin Show | Ticket and Transfer Included" loading="lazy">
<div class="viator-feature mb-1 jbt-mb-region-on-image"><i class="fas fa-map-marker-alt"></i> Belek</div>
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<h3 class="viator-title">Belek Dolphin Show | Ticket and Transfer Included</h3>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 3 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation</div>
</div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€35</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
</div>
<div class="most-booked-card">
<a href="/en/tour/belek/belek-boat-trip-with-waterfall-visit/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Best Seller</div>
<div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=7f7c3ad7-e5c7-44b0-bbde-43553528be34" alt="Belek Relax Boat Trip with Waterfall Visit" loading="lazy">
<div class="viator-feature mb-1 jbt-mb-region-on-image"><i class="fas fa-map-marker-alt"></i> Belek</div>
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<h3 class="viator-title">Belek Relax Boat Trip with Waterfall Visit</h3>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 6 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation</div>
</div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€25</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
</div>
<div class="most-booked-card">
<a href="/en/tour/belek/belek-green-canyon-tour/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Best Seller</div>
<div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=10c8b20e-e7bc-421a-87be-6d06b91f12d6" alt="Belek Green Canyon Boat Tour | Lunch and Soft Drinks Included" loading="lazy">
<div class="viator-feature mb-1 jbt-mb-region-on-image"><i class="fas fa-map-marker-alt"></i> Belek</div>
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<h3 class="viator-title">Belek Green Canyon Boat Tour | Lunch and Soft Drinks Included</h3>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 7 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation</div>
</div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€35</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
</div>
<div class="most-booked-card">
<a href="/en/tour/belek/manavgat-river-boat-trip-from-belek/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Best Seller</div>
<div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=f5ee9fa9-d953-4290-a134-925dced202bf" alt="Manavgat River Boat Trip from Belek | Bazaar and Waterfall" loading="lazy">
<div class="viator-feature mb-1 jbt-mb-region-on-image"><i class="fas fa-map-marker-alt"></i> Belek</div>
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<h3 class="viator-title">Manavgat River Boat Trip from Belek | Bazaar and Waterfall</h3>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 7 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation</div>
</div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€30</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="tab-pane fade " id="most-booked-pane-mb-c142a73b77" role="tabpanel">
<div class="most-booked-wrapper" data-jbt-slider-track="most-booked-mb-c142a73b77">
<div class="most-booked-card">
<a href="/en/tour/side/land-of-legends-night-show-from-alanya/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Best Seller</div>
<div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=5cea37a6-999b-42b9-9dcd-1844641ae4b9" alt="Land of Legends Night Show from Side" loading="lazy">
<div class="viator-feature mb-1 jbt-mb-region-on-image"><i class="fas fa-map-marker-alt"></i> Side</div>
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<h3 class="viator-title">Land of Legends Night Show from Side</h3>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 6 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation</div>
</div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€20</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
</div>
<div class="most-booked-card">
<a href="/en/tour/side/side-dolphin-island-boat-tour/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Best Seller</div>
<div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=c8f8251a-b560-4baf-8c67-b4ca10116d58" alt="Side Dolphin Island Boat Tour" loading="lazy">
<div class="viator-feature mb-1 jbt-mb-region-on-image"><i class="fas fa-map-marker-alt"></i> Side</div>
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<h3 class="viator-title">Side Dolphin Island Boat Tour</h3>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 7 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation</div>
</div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€25</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
</div>
<div class="most-booked-card">
<a href="/en/tour/side/side-manavgat-river-boat-trip/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Best Seller</div>
<div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=922654a5-b8b1-44ec-a6f8-232b3d90d279" alt="Manavgat River Boat Trip in Side" loading="lazy">
<div class="viator-feature mb-1 jbt-mb-region-on-image"><i class="fas fa-map-marker-alt"></i> Side</div>
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<h3 class="viator-title">Manavgat River Boat Trip in Side</h3>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 7 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation</div>
</div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€25</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
</div>
<div class="most-booked-card">
<a href="/en/tour/side/swimming-with-dolphins-in-side/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Best Seller</div>
<div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=5c7708c5-3b8f-4dd0-8e78-9a7592d3b485" alt="Side Swimming with Dolphins" loading="lazy">
<div class="viator-feature mb-1 jbt-mb-region-on-image"><i class="fas fa-map-marker-alt"></i> Side</div>
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<h3 class="viator-title">Side Swimming with Dolphins</h3>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 4 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation</div>
</div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€110</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
</div>
<div class="most-booked-card">
<a href="/en/tour/side/antalya-aquarium-tour-from-side/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Best Seller</div>
<div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=239c2a22-33a7-46d9-8d6f-245c52545427" alt="Side Antalya Aquarium Tour" loading="lazy">
<div class="viator-feature mb-1 jbt-mb-region-on-image"><i class="fas fa-map-marker-alt"></i> Side</div>
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<h3 class="viator-title">Side Antalya Aquarium Tour</h3>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 8 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation</div>
</div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€55</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="tab-pane fade " id="most-booked-pane-mb-605d1cb1ea" role="tabpanel">
<div class="most-booked-wrapper" data-jbt-slider-track="most-booked-mb-605d1cb1ea">
<div class="most-booked-card">
<a href="/en/tour/kemer/kemer-boat-trip/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Best Seller</div>
<div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=66a37bb0-bd77-4b93-a3e5-c5e642c0dda8" alt="Kemer Pirate Boat Trip" loading="lazy">
<div class="viator-feature mb-1 jbt-mb-region-on-image"><i class="fas fa-map-marker-alt"></i> Kemer</div>
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<h3 class="viator-title">Kemer Pirate Boat Trip</h3>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 105 Days</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation</div>
</div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€25</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
</div>
<div class="most-booked-card">
<a href="/en/tour/kemer/kemer-buggy-safari/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Best Seller</div>
<div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=a3633706-1dec-421c-b639-e1ea3be7fb4a" alt="Kemer Buggy Safari" loading="lazy">
<div class="viator-feature mb-1 jbt-mb-region-on-image"><i class="fas fa-map-marker-alt"></i> Kemer</div>
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<h3 class="viator-title">Kemer Buggy Safari</h3>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 103 Days</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation</div>
</div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€35</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
</div>
<div class="most-booked-card">
<a href="/en/tour/kemer/kemer-turkish-bath/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Best Seller</div>
<div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=c4160935-bed6-444a-b408-0be5333e41e0" alt="Kemer Turkish Bath ( Hamam )" loading="lazy">
<div class="viator-feature mb-1 jbt-mb-region-on-image"><i class="fas fa-map-marker-alt"></i> Kemer</div>
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<h3 class="viator-title">Kemer Turkish Bath ( Hamam )</h3>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 103 Days</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation</div>
</div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€20</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
</div>
<div class="most-booked-card">
<a href="/en/tour/kemer/kemer-antalya-city-tour/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Best Seller</div>
<div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=f7e0432c-70d6-45ec-89cd-dd5fd311a682" alt="Antalya City Tour From Kemer With Cable Car & Boat Trip" loading="lazy">
<div class="viator-feature mb-1 jbt-mb-region-on-image"><i class="fas fa-map-marker-alt"></i> Kemer</div>
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<h3 class="viator-title">Antalya City Tour From Kemer With Cable Car & Boat Trip</h3>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 109 Days</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation</div>
</div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€35</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
</div>
<div class="most-booked-card">
<a href="/en/tour/kemer/kemer-antalya-aquarium/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Best Seller</div>
<div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=ee0760a3-f449-4a33-8846-1b271e87a5fe" alt="Antalya Aquarium Tour From Kemer" loading="lazy">
<div class="viator-feature mb-1 jbt-mb-region-on-image"><i class="fas fa-map-marker-alt"></i> Kemer</div>
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<h3 class="viator-title">Antalya Aquarium Tour From Kemer</h3>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 109 Days</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation</div>
</div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€50</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
</div>
<div class="most-booked-card">
<a href="/en/tour/kemer/kemer-land-of-legends/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Best Seller</div>
<div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=fb4d4a8f-3912-41d9-8a14-5b350141e644" alt="Kemer The Land Of Legends Aquapark" loading="lazy">
<div class="viator-feature mb-1 jbt-mb-region-on-image"><i class="fas fa-map-marker-alt"></i> Kemer</div>
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<h3 class="viator-title">Kemer The Land Of Legends Aquapark</h3>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 109 Days</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation</div>
</div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€100</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<section class="features-section pt-3">
<div class="destination-heading-row mb-4 popular-dest-title">
<div>
<h2 class="features-title mb-0">Explore by Destination</h2>
<p class="top-excursions-subtitle mt-2 mb-0">Choose your destination to explore the best local tours</p>
</div>
</div>
<div class="region-cards-wrapper" data-jbt-slider-track="regions">
<a href="/en/tours/destination/alanya/" class="region-card">
<img src="/resimler/region_20260515_182702_20aeee1fc380e8f7.jpg" alt="Alanya">
<div class="region-card-overlay"></div>
<h3>Alanya</h3>
<div class="region-tour-badge"><i class="fas fa-map-marker-alt"></i> 36 Tours</div>
</a>
<a href="/en/tours/destination/antalya/" class="region-card">
<img src="/resimler/region_20260515_182648_0ce778c81bffbe1c.jpg" alt="Antalya">
<div class="region-card-overlay"></div>
<h3>Antalya</h3>
<div class="region-tour-badge"><i class="fas fa-map-marker-alt"></i> 23 Tours</div>
</a>
<a href="/en/tours/destination/belek/" class="region-card">
<img src="/resimler/region_20260515_182614_736eff5ce18b00c5.jpg" alt="Belek">
<div class="region-card-overlay"></div>
<h3>Belek</h3>
<div class="region-tour-badge"><i class="fas fa-map-marker-alt"></i> 18 Tours</div>
</a>
<a href="/en/tours/destination/side/" class="region-card">
<img src="/resimler/region_20260515_183741_727480f9b82edc65.jpeg" alt="Side">
<div class="region-card-overlay"></div>
<h3>Side</h3>
<div class="region-tour-badge"><i class="fas fa-map-marker-alt"></i> 18 Tours</div>
</a>
<a href="/en/tours/destination/kemer/" class="region-card">
<img src="/resimler/region_20260515_183452_264ccaea8fb68ec1.jpeg" alt="Kemer">
<div class="region-card-overlay"></div>
<h3>Kemer</h3>
<div class="region-tour-badge"><i class="fas fa-map-marker-alt"></i> 21 Tours</div>
</a>
</div>
<div class="destination-view-all-wrap">
<a href="/en/tours/destinations/" class="destination-view-all">View All Destinations <i class="fas fa-arrow-right"></i></a>
</div>
</section>
<section class="info-banner-section">
<div class="info-banner-blur">
<h3>Free cancellation</h3>
<p>You'll receive a full refund if you cancel at least 24 hours in advance of most experiences.</p>
</div>
</section>
<section class="container top-excursions-section">
<div class="text-center">
<h2 class="top-excursions-title">Top Excursions & Activities</h2>
<p class="top-excursions-subtitle">Choose Tours by Your Location</p>
</div>
<ul class="nav top-region-tabs" id="topRegionTabs" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link top-region-btn active" data-bs-toggle="pill" data-bs-target="#top-pane-Antalya" type="button" role="tab">Antalya</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link top-region-btn " data-bs-toggle="pill" data-bs-target="#top-pane-Alanya" type="button" role="tab">Alanya</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link top-region-btn " data-bs-toggle="pill" data-bs-target="#top-pane-Belek" type="button" role="tab">Belek</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link top-region-btn " data-bs-toggle="pill" data-bs-target="#top-pane-Side" type="button" role="tab">Side</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link top-region-btn " data-bs-toggle="pill" data-bs-target="#top-pane-Kemer" type="button" role="tab">Kemer</button>
</li>
</ul>
<div class="tab-content" id="topRegionTabsContent">
<div class="tab-pane fade show active" id="top-pane-Antalya" role="tabpanel">
<div class="tour-list-wrapper" data-jbt-slider-track="tours-pane-Antalya">
<a href="/en/tour/antalya/land-of-legends-theme-park-tour-from-antalya-hotel-transfer/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Most Popular</div> <div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=2e25f8e2-501b-45d9-971b-9724a5a66378" alt="Land of Legends Theme Park Tour from Antalya with Hotel Transfer" loading="lazy">
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<h3 class="viator-title">Land of Legends Theme Park Tour from Antalya with Hotel Transfer</h3>
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 7 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation up to 24 hours</div>
</div>
<div class="viator-instant-box"><i class="far fa-check-circle"></i><div class="viator-instant-text"><strong>Instant confirmation</strong></div></div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€85</div>
<div class="viator-price-unit">per person</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
<a href="/en/tour/antalya/antalya-boat-trip-with-waterfall-visit/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Most Popular</div> <div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="/resimler/tour_en_20260703_234810_9021429e1891a252.png" alt="Antalya Relax Boat Trip with Waterfall Visit" loading="lazy">
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<h3 class="viator-title">Antalya Relax Boat Trip with Waterfall Visit</h3>
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 5 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation up to 24 hours</div>
</div>
<div class="viator-instant-box"><i class="far fa-check-circle"></i><div class="viator-instant-text"><strong>Instant confirmation</strong></div></div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€25</div>
<div class="viator-price-unit">per person</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
<a href="/en/tour/antalya/suluada-island-boat-trip-from-antalya/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=5037b143-98b6-492c-b6cb-f92a93723010" alt="Suluada Island Boat Trip from Antalya (Turkish Maldives )" loading="lazy">
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<h3 class="viator-title">Suluada Island Boat Trip from Antalya (Turkish Maldives )</h3>
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 8 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation up to 24 hours</div>
</div>
<div class="viator-instant-box"><i class="far fa-check-circle"></i><div class="viator-instant-text"><strong>Instant confirmation</strong></div></div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€30</div>
<div class="viator-price-unit">per person</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
<a href="/en/tour/antalya/buggy-rafting-zipline-tour-from-antalya/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Most Popular</div> <div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=a8304da4-2e83-4f51-aa23-5dd9ed959634" alt="Antalya Buggy Safari, Rafting, Zipline and Jeep Safari ( 5 in 1 )" loading="lazy">
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<h3 class="viator-title">Antalya Buggy Safari, Rafting, Zipline and Jeep Safari ( 5 in 1 )</h3>
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 8 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation up to 24 hours</div>
</div>
<div class="viator-instant-box"><i class="far fa-check-circle"></i><div class="viator-instant-text"><strong>Instant confirmation</strong></div></div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€35</div>
<div class="viator-price-unit">per person</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
<a href="/en/tour/antalya/antalya-diving-tour/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Most Popular</div> <div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=ff188cd3-329e-4bed-99eb-8b956354e821" alt="Antalya Scuba Diving Experience | 2 Dive and Lunch included" loading="lazy">
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<h3 class="viator-title">Antalya Scuba Diving Experience | 2 Dive and Lunch included</h3>
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 6 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation up to 24 hours</div>
</div>
<div class="viator-instant-box"><i class="far fa-check-circle"></i><div class="viator-instant-text"><strong>Instant confirmation</strong></div></div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€30</div>
<div class="viator-price-unit">per person</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
<a href="/en/tour/antalya/antalya-city-tour/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Most Popular</div> <div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=c14a2c03-93a7-4047-bb65-872e0db1f718" alt="Antalya City Tour | Boat Trip and Visiting 2 Waterfalls" loading="lazy">
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<h3 class="viator-title">Antalya City Tour | Boat Trip and Visiting 2 Waterfalls</h3>
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 7 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation up to 24 hours</div>
</div>
<div class="viator-instant-box"><i class="far fa-check-circle"></i><div class="viator-instant-text"><strong>Instant confirmation</strong></div></div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€25</div>
<div class="viator-price-unit">per person</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
<a href="/en/tour/antalya/antalya-buggy-safari-tour/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Most Popular</div> <div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=55a57ec0-9aab-4f77-9bb9-f6556dca3d66" alt="Antalya Buggy Safari | Free Pick Up" loading="lazy">
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<h3 class="viator-title">Antalya Buggy Safari | Free Pick Up</h3>
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 4 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation up to 24 hours</div>
</div>
<div class="viator-instant-box"><i class="far fa-check-circle"></i><div class="viator-instant-text"><strong>Instant confirmation</strong></div></div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€35</div>
<div class="viator-price-unit">per person</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
<a href="/en/tour/antalya/antalya-quad-safari/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Most Popular</div> <div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=2c9156c4-cba9-4216-aa65-a4cc1259d4e0" alt="Antalya Quad Atv Safari | Free Pick Up" loading="lazy">
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<h3 class="viator-title">Antalya Quad Atv Safari | Free Pick Up</h3>
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 4 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation up to 24 hours</div>
</div>
<div class="viator-instant-box"><i class="far fa-check-circle"></i><div class="viator-instant-text"><strong>Instant confirmation</strong></div></div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€35</div>
<div class="viator-price-unit">per person</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
</div>
<div class="text-center mt-4">
<a href="/en/tours/destination/antalya/" class="btn btn-outline-dark fw-bold px-5 py-2 rounded-pill">
View all Antalya Tours <i class="fas fa-arrow-right ms-2"></i>
</a>
</div>
</div>
<div class="tab-pane fade " id="top-pane-Alanya" role="tabpanel">
<div class="tour-list-wrapper" data-jbt-slider-track="tours-pane-Alanya">
<a href="/en/tour/alanya/alanya-boat-trip/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Most Popular</div> <div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=2bb38ea9-56c5-4599-9b40-ee8c8efe48e5" alt="Pirate Boat Trip in Alanya | Best Family Boat Tour" loading="lazy">
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<h3 class="viator-title">Pirate Boat Trip in Alanya | Best Family Boat Tour</h3>
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 6 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation up to 24 hours</div>
</div>
<div class="viator-instant-box"><i class="far fa-check-circle"></i><div class="viator-instant-text"><strong>Instant confirmation</strong></div></div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€20</div>
<div class="viator-price-unit">per person</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
<a href="/en/tour/alanya/alanya-green-canyon-cabrio-jeep-safari/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Most Popular</div> <div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="/resimler/tour_en_20260602_134242_9e4bc147933c7392.png" alt="Alanya Green Canyon Cabrio Safari | Pink Panther and Land of Lions" loading="lazy">
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<h3 class="viator-title">Alanya Green Canyon Cabrio Safari | Pink Panther and Land of Lions</h3>
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 8 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation up to 24 hours</div>
</div>
<div class="viator-instant-box"><i class="far fa-check-circle"></i><div class="viator-instant-text"><strong>Instant confirmation</strong></div></div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€30</div>
<div class="viator-price-unit">per person</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
<a href="/en/tour/alanya/alanya-buggy-safari/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Most Popular</div> <div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=dca04961-78e3-4df0-85c6-6e05bc8fbb3c" alt="Alanya Buggy Off-Road Safari" loading="lazy">
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<h3 class="viator-title">Alanya Buggy Off-Road Safari</h3>
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 3 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation up to 24 hours</div>
</div>
<div class="viator-instant-box"><i class="far fa-check-circle"></i><div class="viator-instant-text"><strong>Instant confirmation</strong></div></div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€35</div>
<div class="viator-price-unit">per person</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
<a href="/en/tour/alanya/alanya-5-in-1-combo-tour/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Most Popular</div> <div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="/resimler/tour_en_20260522_200734_d6c07001df0f6b0f.png" alt="Alanya 5 in 1 Combo Tour – Full-Day Adventure Package" loading="lazy">
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<h3 class="viator-title">Alanya 5 in 1 Combo Tour – Full-Day Adventure Package</h3>
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 8 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation up to 24 hours</div>
</div>
<div class="viator-instant-box"><i class="far fa-check-circle"></i><div class="viator-instant-text"><strong>Instant confirmation</strong></div></div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€35</div>
<div class="viator-price-unit">per person</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
<a href="/en/tour/alanya/jeep-safari-adventure-in-alanya/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=75dd5a97-524b-48fc-9326-fac560a40bd3" alt="Jeep Safari Adventure in Alanya | Lunch by the River" loading="lazy">
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<h3 class="viator-title">Jeep Safari Adventure in Alanya | Lunch by the River</h3>
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 7 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation up to 24 hours</div>
</div>
<div class="viator-instant-box"><i class="far fa-check-circle"></i><div class="viator-instant-text"><strong>Instant confirmation</strong></div></div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€25</div>
<div class="viator-price-unit">per person</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
<a href="/en/tour/alanya/alanya-quad-safari/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Most Popular</div> <div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=9089b767-3130-4abf-a153-fcb11db13855" alt="Quad Safari Adventure in Alanya" loading="lazy">
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<h3 class="viator-title">Quad Safari Adventure in Alanya</h3>
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 3 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation up to 24 hours</div>
</div>
<div class="viator-instant-box"><i class="far fa-check-circle"></i><div class="viator-instant-text"><strong>Instant confirmation</strong></div></div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€25</div>
<div class="viator-price-unit">per person</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
<a href="/en/tour/alanya/alanya-turkish-bath-hamam/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Most Popular</div> <div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=3f7d9433-63db-4911-8efb-da1d480c1819" alt="Traditional Turkish Hamam Experience in Alanya" loading="lazy">
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<h3 class="viator-title">Traditional Turkish Hamam Experience in Alanya</h3>
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 3 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation up to 24 hours</div>
</div>
<div class="viator-instant-box"><i class="far fa-check-circle"></i><div class="viator-instant-text"><strong>Instant confirmation</strong></div></div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€20</div>
<div class="viator-price-unit">per person</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
<a href="/en/tour/alanya/alanya-cabrio-bus-safari-for-families-and-kids/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Most Popular</div> <div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="/resimler/tour_en_20260517_214953_2b7ce879a9e3d2ee.png" alt="Alanya Cabrio Bus Safari for Families and Kids" loading="lazy">
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<h3 class="viator-title">Alanya Cabrio Bus Safari for Families and Kids</h3>
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 7 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation up to 24 hours</div>
</div>
<div class="viator-instant-box"><i class="far fa-check-circle"></i><div class="viator-instant-text"><strong>Instant confirmation</strong></div></div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€30</div>
<div class="viator-price-unit">per person</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
</div>
<div class="text-center mt-4">
<a href="/en/tours/destination/alanya/" class="btn btn-outline-dark fw-bold px-5 py-2 rounded-pill">
View all Alanya Tours <i class="fas fa-arrow-right ms-2"></i>
</a>
</div>
</div>
<div class="tab-pane fade " id="top-pane-Belek" role="tabpanel">
<div class="tour-list-wrapper" data-jbt-slider-track="tours-pane-Belek">
<a href="/en/tour/belek/green-canyon-cabrio-safari-land-of-lions-tour-from-belek/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Most Popular</div> <div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="/resimler/tour_en_20260602_134216_1e409d5413b6c8f2.png" alt="Green Canyon Cabrio Safari | Pink Panther & Land of Lions Tour from Belek" loading="lazy">
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<h3 class="viator-title">Green Canyon Cabrio Safari | Pink Panther & Land of Lions Tour from Belek</h3>
<div class="viator-rating"><i class="fas fa-star"></i> 0.0 <span>(0)</span></div>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 10</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation up to 24 hours</div>
</div>
<div class="viator-instant-box"><i class="far fa-check-circle"></i><div class="viator-instant-text"><strong>Instant confirmation</strong></div></div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€40</div>
<div class="viator-price-unit">per person</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
<a href="/en/tour/belek/belek-quad-safari-tour/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Most Popular</div> <div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=677ba1e4-8f56-48d7-86d4-42630cd966a7" alt="Belek Quad Atv Safari Tour | Free Pick Up" loading="lazy">
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<h3 class="viator-title">Belek Quad Atv Safari Tour | Free Pick Up</h3>
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 4 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation up to 24 hours</div>
</div>
<div class="viator-instant-box"><i class="far fa-check-circle"></i><div class="viator-instant-text"><strong>Instant confirmation</strong></div></div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€35</div>
<div class="viator-price-unit">per person</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
<a href="/en/tour/belek/belek-buggy-safari-rafting-and-zipline-3-in-1-adventure/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=8a01805a-78c3-4fa9-89b6-b7961ac7bddb" alt="Belek Buggy Safari, Rafting, Jeep and Zipline 5 in 1 Adventure" loading="lazy">
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<h3 class="viator-title">Belek Buggy Safari, Rafting, Jeep and Zipline 5 in 1 Adventure</h3>
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 8 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation up to 24 hours</div>
</div>
<div class="viator-instant-box"><i class="far fa-check-circle"></i><div class="viator-instant-text"><strong>Instant confirmation</strong></div></div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€35</div>
<div class="viator-price-unit">per person</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
<a href="/en/tour/belek/antalya-aquarium/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Most Popular</div> <div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=680d8ce5-78f0-403a-b246-9e87dd42c8be" alt="Aquarium Tour from Belek and Antalya | Free Pick Up" loading="lazy">
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<h3 class="viator-title">Aquarium Tour from Belek and Antalya | Free Pick Up</h3>
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 4 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation up to 24 hours</div>
</div>
<div class="viator-instant-box"><i class="far fa-check-circle"></i><div class="viator-instant-text"><strong>Instant confirmation</strong></div></div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€50</div>
<div class="viator-price-unit">per person</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
<a href="/en/tour/belek/belek-buggy-safari/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Most Popular</div> <div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=dc0ad967-f291-4a57-911b-3cb888500625" alt="Belek Buggy Safari | Free Pick Up" loading="lazy">
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<h3 class="viator-title">Belek Buggy Safari | Free Pick Up</h3>
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 4 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation up to 24 hours</div>
</div>
<div class="viator-instant-box"><i class="far fa-check-circle"></i><div class="viator-instant-text"><strong>Instant confirmation</strong></div></div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€35</div>
<div class="viator-price-unit">per person</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
<a href="/en/tour/belek/belek-turkish-bath/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Most Popular</div> <div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=e8a60de0-0534-4f51-92ea-af966519a616" alt="Belek Turkish Bath" loading="lazy">
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<h3 class="viator-title">Belek Turkish Bath</h3>
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 3 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation up to 24 hours</div>
</div>
<div class="viator-instant-box"><i class="far fa-check-circle"></i><div class="viator-instant-text"><strong>Instant confirmation</strong></div></div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€25</div>
<div class="viator-price-unit">per person</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
<a href="/en/tour/belek/belek-dolphin-show/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Most Popular</div> <div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=b2af2674-b8f3-458e-ae77-966c424f290f" alt="Belek Dolphin Show | Ticket and Transfer Included" loading="lazy">
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<h3 class="viator-title">Belek Dolphin Show | Ticket and Transfer Included</h3>
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 3 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation up to 24 hours</div>
</div>
<div class="viator-instant-box"><i class="far fa-check-circle"></i><div class="viator-instant-text"><strong>Instant confirmation</strong></div></div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€35</div>
<div class="viator-price-unit">per person</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
<a href="/en/tour/belek/belek-boat-trip-with-waterfall-visit/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Most Popular</div> <div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=7f7c3ad7-e5c7-44b0-bbde-43553528be34" alt="Belek Relax Boat Trip with Waterfall Visit" loading="lazy">
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<h3 class="viator-title">Belek Relax Boat Trip with Waterfall Visit</h3>
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 6 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation up to 24 hours</div>
</div>
<div class="viator-instant-box"><i class="far fa-check-circle"></i><div class="viator-instant-text"><strong>Instant confirmation</strong></div></div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€25</div>
<div class="viator-price-unit">per person</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
</div>
<div class="text-center mt-4">
<a href="/en/tours/destination/belek/" class="btn btn-outline-dark fw-bold px-5 py-2 rounded-pill">
View all Belek Tours <i class="fas fa-arrow-right ms-2"></i>
</a>
</div>
</div>
<div class="tab-pane fade " id="top-pane-Side" role="tabpanel">
<div class="tour-list-wrapper" data-jbt-slider-track="tours-pane-Side">
<a href="/en/tour/side/dolphin-show-side/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Most Popular</div> <div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=54c9bbad-6d03-4e62-9a54-2fb0ce2cab09" alt="Side Dolphin Show" loading="lazy">
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<h3 class="viator-title">Side Dolphin Show</h3>
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 3 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation up to 24 hours</div>
</div>
<div class="viator-instant-box"><i class="far fa-check-circle"></i><div class="viator-instant-text"><strong>Instant confirmation</strong></div></div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€35</div>
<div class="viator-price-unit">per person</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
<a href="/en/tour/side/side-land-of-legends-trip/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=a49c136c-6d51-403c-9b9f-118e3629422c" alt="Side Land Of Legends Theme Park" loading="lazy">
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<h3 class="viator-title">Side Land Of Legends Theme Park</h3>
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 7 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation up to 24 hours</div>
</div>
<div class="viator-instant-box"><i class="far fa-check-circle"></i><div class="viator-instant-text"><strong>Instant confirmation</strong></div></div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€85</div>
<div class="viator-price-unit">per person</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
<a href="/en/tour/side/side-quad-safari/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=0fa352ae-6ebd-45de-bf43-2a27529323c8" alt="Side Quad Safari" loading="lazy">
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<h3 class="viator-title">Side Quad Safari</h3>
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 4 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation up to 24 hours</div>
</div>
<div class="viator-instant-box"><i class="far fa-check-circle"></i><div class="viator-instant-text"><strong>Instant confirmation</strong></div></div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€25</div>
<div class="viator-price-unit">per person</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
<a href="/en/tour/side/alanya-city-tour-from-side/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Most Popular</div> <div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=1320926e-d5fe-4028-b053-39f1408f2246" alt="Alanya City Tour from Side" loading="lazy">
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<h3 class="viator-title">Alanya City Tour from Side</h3>
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 8 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation up to 24 hours</div>
</div>
<div class="viator-instant-box"><i class="far fa-check-circle"></i><div class="viator-instant-text"><strong>Instant confirmation</strong></div></div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€30</div>
<div class="viator-price-unit">per person</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
<a href="/en/tour/side/antalya-city-tour-from-side/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Most Popular</div> <div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=aa206199-0edc-4173-a49b-1efccd005c46" alt="Antalya City Tour from Side" loading="lazy">
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<h3 class="viator-title">Antalya City Tour from Side</h3>
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 8 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation up to 24 hours</div>
</div>
<div class="viator-instant-box"><i class="far fa-check-circle"></i><div class="viator-instant-text"><strong>Instant confirmation</strong></div></div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€40</div>
<div class="viator-price-unit">per person</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
<a href="/en/tour/side/sapadere-canyon-tour-from-side/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Most Popular</div> <div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=98ff040f-6ac2-4cc6-a1d8-2c9fe180ae43" alt="Side Sapadere Canyon Tour" loading="lazy">
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<h3 class="viator-title">Side Sapadere Canyon Tour</h3>
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 8 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation up to 24 hours</div>
</div>
<div class="viator-instant-box"><i class="far fa-check-circle"></i><div class="viator-instant-text"><strong>Instant confirmation</strong></div></div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€35</div>
<div class="viator-price-unit">per person</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
<a href="/en/tour/side/land-of-legends-night-show-from-alanya/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Most Popular</div> <div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=5cea37a6-999b-42b9-9dcd-1844641ae4b9" alt="Land of Legends Night Show from Side" loading="lazy">
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<h3 class="viator-title">Land of Legends Night Show from Side</h3>
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 6 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation up to 24 hours</div>
</div>
<div class="viator-instant-box"><i class="far fa-check-circle"></i><div class="viator-instant-text"><strong>Instant confirmation</strong></div></div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€20</div>
<div class="viator-price-unit">per person</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
<a href="/en/tour/side/side-buggy-safari/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Most Popular</div> <div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=edc1a7f1-1a1e-4930-81b1-2219d9a5ffa9" alt="Side Buggy Safari" loading="lazy">
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<h3 class="viator-title">Side Buggy Safari</h3>
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 4 Hours</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation up to 24 hours</div>
</div>
<div class="viator-instant-box"><i class="far fa-check-circle"></i><div class="viator-instant-text"><strong>Instant confirmation</strong></div></div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€25</div>
<div class="viator-price-unit">per person</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
</div>
<div class="text-center mt-4">
<a href="/en/tours/destination/side/" class="btn btn-outline-dark fw-bold px-5 py-2 rounded-pill">
View all Side Tours <i class="fas fa-arrow-right ms-2"></i>
</a>
</div>
</div>
<div class="tab-pane fade " id="top-pane-Kemer" role="tabpanel">
<div class="tour-list-wrapper" data-jbt-slider-track="tours-pane-Kemer">
<a href="/en/tour/kemer/kemer-suluada-island-boat-trip/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Most Popular</div> <div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=70be6e42-3f76-4aa6-ae8f-dc366f02be88" alt="Kemer Suluada Island Boat Trip ( Turkish Maldives )" loading="lazy">
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<h3 class="viator-title">Kemer Suluada Island Boat Trip ( Turkish Maldives )</h3>
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 107 Days</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation up to 24 hours</div>
</div>
<div class="viator-instant-box"><i class="far fa-check-circle"></i><div class="viator-instant-text"><strong>Instant confirmation</strong></div></div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€30</div>
<div class="viator-price-unit">per person</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
<a href="/en/tour/kemer/kemer-rafting-tour/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=c3f7edcd-d1f9-4965-a4af-17e53d8a25a3" alt="Kemer Rafting Tour" loading="lazy">
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<h3 class="viator-title">Kemer Rafting Tour</h3>
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 109 Days</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation up to 24 hours</div>
</div>
<div class="viator-instant-box"><i class="far fa-check-circle"></i><div class="viator-instant-text"><strong>Instant confirmation</strong></div></div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€18</div>
<div class="viator-price-unit">per person</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
<a href="/en/tour/kemer/kemer-boat-trip/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Most Popular</div> <div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=66a37bb0-bd77-4b93-a3e5-c5e642c0dda8" alt="Kemer Pirate Boat Trip" loading="lazy">
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<h3 class="viator-title">Kemer Pirate Boat Trip</h3>
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 105 Days</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation up to 24 hours</div>
</div>
<div class="viator-instant-box"><i class="far fa-check-circle"></i><div class="viator-instant-text"><strong>Instant confirmation</strong></div></div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€25</div>
<div class="viator-price-unit">per person</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
<a href="/en/tour/kemer/kemer-jeep-safari/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Most Popular</div> <div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=d46b3e03-95e0-4570-8822-c96f91b6b506" alt="Kemer Jeep Safari" loading="lazy">
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<h3 class="viator-title">Kemer Jeep Safari</h3>
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 107 Days</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation up to 24 hours</div>
</div>
<div class="viator-instant-box"><i class="far fa-check-circle"></i><div class="viator-instant-text"><strong>Instant confirmation</strong></div></div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€30</div>
<div class="viator-price-unit">per person</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
<a href="/en/tour/kemer/kemer-quad-safari/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Most Popular</div> <div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=b24e8dbd-dce2-44b1-8756-1c81848eee80" alt="Kemer Atv Quad Safari" loading="lazy">
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<h3 class="viator-title">Kemer Atv Quad Safari</h3>
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 103 Days</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation up to 24 hours</div>
</div>
<div class="viator-instant-box"><i class="far fa-check-circle"></i><div class="viator-instant-text"><strong>Instant confirmation</strong></div></div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€30</div>
<div class="viator-price-unit">per person</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
<a href="/en/tour/kemer/kemer-buggy-safari/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Most Popular</div> <div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=a3633706-1dec-421c-b639-e1ea3be7fb4a" alt="Kemer Buggy Safari" loading="lazy">
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<h3 class="viator-title">Kemer Buggy Safari</h3>
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 103 Days</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation up to 24 hours</div>
</div>
<div class="viator-instant-box"><i class="far fa-check-circle"></i><div class="viator-instant-text"><strong>Instant confirmation</strong></div></div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€35</div>
<div class="viator-price-unit">per person</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
<a href="/en/tour/kemer/kemer-scuba-diving/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Most Popular</div> <div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=a18b451d-a551-46a3-b1a8-7576cdcb8a27" alt="Kemer Scuba Diving" loading="lazy">
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<h3 class="viator-title">Kemer Scuba Diving</h3>
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 106 Days</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation up to 24 hours</div>
</div>
<div class="viator-instant-box"><i class="far fa-check-circle"></i><div class="viator-instant-text"><strong>Instant confirmation</strong></div></div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€35</div>
<div class="viator-price-unit">per person</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
<a href="/en/tour/kemer/kemer-horse-riding/" class="viator-card">
<div class="viator-card-img-wrapper">
<div class="badge-popular"><i class="fas fa-fire"></i> Most Popular</div> <div class="badge-favorite"><i class="far fa-heart"></i></div>
<img src="https://api.justbooktours.com/api/UI/Download?id=70a022cf-1a3b-4dd4-b10b-a9b2499b2f16" alt="Kemer Horse Riding" loading="lazy">
</div>
<div class="viator-card-body">
<div class="viator-main-content">
<h3 class="viator-title">Kemer Horse Riding</h3>
<div class="viator-rating"><i class="fas fa-star"></i> 5.0 <span>(0)</span></div>
<div class="viator-features-list">
<div class="viator-feature"><i class="far fa-clock"></i> 103 Days</div>
<div class="viator-feature"><i class="far fa-check-circle"></i> Free cancellation up to 24 hours</div>
</div>
<div class="viator-instant-box"><i class="far fa-check-circle"></i><div class="viator-instant-text"><strong>Instant confirmation</strong></div></div>
</div>
<div class="viator-price-action">
<div class="viator-price-info">
<div class="viator-price-amount">€40</div>
<div class="viator-price-unit">per person</div>
</div>
<div class="viator-btn">Book Now</div>
</div>
</div>
</a>
</div>
<div class="text-center mt-4">
<a href="/en/tours/destination/kemer/" class="btn btn-outline-dark fw-bold px-5 py-2 rounded-pill">
View all Kemer Tours <i class="fas fa-arrow-right ms-2"></i>
</a>
</div>
</div>
</div>
</section>
<section class="why-choose-section">
<div class="why-choose-wrap">
<div class="why-choose-content">
<h2 class="why-choose-title">Why Choose JustBookTours?</h2>
<div class="why-choose-mini-icon"><i class="fas fa-mountain"></i></div>
<p class="why-choose-subtitle">Travel with confidence, flexibility and peace of mind.</p>
<div class="why-choose-grid">
<div class="why-choose-card">
<div class="why-choose-icon"><i class="far fa-star"></i></div>
<h3>Exceptional Service</h3>
<p>We provide you always the best service.</p>
</div>
<div class="why-choose-card">
<div class="why-choose-icon"><i class="fas fa-shield-alt"></i></div>
<h3>Fully Insured Tours</h3>
<p>You are fully insured on all our tours.</p>
</div>
<div class="why-choose-card">
<div class="why-choose-icon"><i class="fas fa-dollar-sign"></i></div>
<h3>No Hidden Fees</h3>
<p>Everything is transparent, no surprises.</p>
</div>
<div class="why-choose-card">
<div class="why-choose-icon"><i class="far fa-calendar-alt"></i></div>
<h3>Book With Ease</h3>
<p>Book now, pay on the day or online.</p>
</div>
<div class="why-choose-card">
<div class="why-choose-icon"><i class="fas fa-sync-alt"></i></div>
<h3>Flexible Changes</h3>
<p>Flexible tour changes up to 24 hours in advance.</p>
</div>
<div class="why-choose-card">
<div class="why-choose-icon"><i class="far fa-times-circle"></i></div>
<h3>Free cancellation</h3>
<p>Free cancellation up to 24 hours</p>
</div>
</div>
</div>
</div>
</section>
<section class="trusted-brands-section">
<div class="trusted-header">
<h2 class="trusted-title">Trusted by Leading Travel Brands</h2>
<div class="trusted-line"></div>
</div>
<div class="trusted-logos-row">
<div class="trusted-logo-card"><img src="https://kocaelitvcomtr.teimg.com/kocaelitv-com-tr/uploads/2025/10/tursab-logo-16965-3775587.png" alt="Tursab"></div>
<div class="trusted-logo-card"><img src="https://www.nasatour.com/assets/sponsors/viator-logo.jpg" alt="Viator"></div>
<div class="trusted-logo-card"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/dc/GetYourGuide_Logo.svg/1280px-GetYourGuide_Logo.svg.png" alt="GetYourGuide"></div>
<div class="trusted-logo-card"><img src="https://www.nasatour.com/assets/sponsors/tripadvisor-ar21.png" alt="TripAdvisor"></div>
<div class="trusted-logo-card"><img src="https://www.nasatour.com/assets/sponsors/expedia-logo.png" alt="Expedia"></div>
</div>
</section>
<section class="info-banner-section">
<div class="info-banner-blur">
<h3>Keep things flexible</h3>
<p>Use Reserve Now & Pay Later to secure the activities you don't want to miss without being locked in.</p>
</div>
</section>
<div class="tripadvisor-banner-section">
<a href="https://www.tripadvisor.com.tr/Attraction_Review-g297961-d21018899-Reviews-Flywolf_Travel_Agency-Alanya_Turkish_Mediterranean_Coast.html" target="_blank" rel="noopener noreferrer" class="tripadvisor-box-link">
<div class="tripadvisor-box">
<div class="ta-timeline-box">
<div class="ta-award-heading">
<div class="ta-header-badge">Recognized Excellence</div>
<h2 class="ta-main-title">Top Rated on Tripadvisor</h2>
</div>
<div class="awards-timeline">
<div class="award-item">
<div class="award-badge">
<svg class="award-cropped-art" viewBox="395 135 550 405" role="img" aria-label="Tripadvisor award 2022">
<image href="https://justbooktours.com/222.png" x="0" y="0" width="1344" height="896" preserveAspectRatio="xMidYMid meet"></image>
</svg>
</div>
<strong>2022</strong>
</div>
<div class="award-item">
<div class="award-badge">
<svg class="award-cropped-art" viewBox="395 135 550 405" role="img" aria-label="Tripadvisor award 2023">
<image href="https://justbooktours.com/222.png" x="0" y="0" width="1344" height="896" preserveAspectRatio="xMidYMid meet"></image>
</svg>
</div>
<strong>2023</strong>
</div>
<div class="award-item">
<div class="award-badge">
<svg class="award-cropped-art" viewBox="395 135 550 405" role="img" aria-label="Tripadvisor award 2024">
<image href="https://justbooktours.com/222.png" x="0" y="0" width="1344" height="896" preserveAspectRatio="xMidYMid meet"></image>
</svg>
</div>
<strong>2024</strong>
</div>
<div class="award-item">
<div class="award-badge">
<svg class="award-cropped-art" viewBox="395 135 550 405" role="img" aria-label="Tripadvisor award 2025">
<image href="https://justbooktours.com/222.png" x="0" y="0" width="1344" height="896" preserveAspectRatio="xMidYMid meet"></image>
</svg>
</div>
<strong>2025</strong>
</div>
</div>
</div>
</div>
</a>
</div>
<section id="blogs" class="container blog-compact-section">
<div class="blog-compact-header">
<div>
<h2>Travel Blogs</h2>
<p>Tips, stories and guides for your journey.</p>
</div>
</div>
<div class="blog-home-filter-wrap">
<div class="blog-filter-container">
<button class="blog-filter-btn active" data-filter="all">ALL</button>
<button type="button" class="blog-filter-btn" data-filter="a">A</button>
</div>
</div>
<div class="row blog-compact-row" id="blog-list">
<div class="col-6 col-md-6 col-lg-3 blog-item" data-region="a">
<div class="blog-card">
<a href="blog-detail.php?id=4" class="blog-image-link" aria-label="a">
<img src="/resimler/blog_en_20260515_203047_2031a7d6cbae84a3.jpg" alt="a" loading="lazy">
</a>
<div class="blog-card-body">
<div class="blog-meta-row">
<span class="blog-date">15 May 2026</span>
<span class="blog-category"></span>
</div>
<h6 class="blog-title">a</h6>
<a href="blog-detail.php?id=4" class="blog-read">Read More →</a>
</div>
</div>
</div>
</div>
<div class="text-center mt-4">
<a href="/en/blog/" class="btn btn-outline-danger fw-bold rounded-pill px-4">View All Posts</a>
</div>
</section>
<section class="popular-links-section">
<div class="popular-links-container">
<div class="popular-link-group">
<div class="popular-link-heading">
<div class="popular-link-heading-icon"><i class="fas fa-map-marker-alt"></i></div>
<div class="popular-link-heading-text">
<h2 class="jbt-popular-two-line-title"><span class="jbt-popular-title-line">Popular Destinations</span></h2>
<p>Explore the best things to do in and around Antalya</p>
</div>
</div>
<div class="popular-link-grid">
<a href="tours.php?region=Antalya" class="popular-link-item">
<span class="popular-link-item-icon"><i class="fas fa-map-marker-alt"></i></span>
<span class="popular-link-item-text">Things to do in Antalya</span>
<span class="popular-link-arrow"><i class="fas fa-chevron-right"></i></span>
</a>
<a href="tours.php?region=Alanya" class="popular-link-item">
<span class="popular-link-item-icon"><i class="fas fa-map-marker-alt"></i></span>
<span class="popular-link-item-text">Things to do in Alanya</span>
<span class="popular-link-arrow"><i class="fas fa-chevron-right"></i></span>
</a>
<a href="tours.php?region=Belek" class="popular-link-item">
<span class="popular-link-item-icon"><i class="fas fa-map-marker-alt"></i></span>
<span class="popular-link-item-text">Things to do in Belek</span>
<span class="popular-link-arrow"><i class="fas fa-chevron-right"></i></span>
</a>
<a href="tours.php?region=Side" class="popular-link-item">
<span class="popular-link-item-icon"><i class="fas fa-map-marker-alt"></i></span>
<span class="popular-link-item-text">Things to do in Side</span>
<span class="popular-link-arrow"><i class="fas fa-chevron-right"></i></span>
</a>
<a href="tours.php?region=Kemer" class="popular-link-item">
<span class="popular-link-item-icon"><i class="fas fa-map-marker-alt"></i></span>
<span class="popular-link-item-text">Things to do in Kemer</span>
<span class="popular-link-arrow"><i class="fas fa-chevron-right"></i></span>
</a>
</div>
</div>
<div class="popular-link-group">
<div class="popular-link-heading">
<div class="popular-link-heading-icon"><i class="far fa-star"></i></div>
<div class="popular-link-heading-text">
<h2 class="jbt-popular-two-line-title"><span class="jbt-popular-title-line">Popular Excursions</span></h2>
<p>Discover our most loved tours and activities.</p>
</div>
</div>
<div class="popular-link-grid">
<a href="/en/tour/alanya/kemer-suluada-island-boat-trip/" class="popular-link-item">
<span class="popular-link-item-icon"><i class="fas fa-fire"></i></span>
<span class="popular-link-item-text">Kemer Suluada Island Boat Trip ( Turkish Maldives )</span>
<span class="popular-link-arrow"><i class="fas fa-chevron-right"></i></span>
</a>
<a href="/en/tour/alanya/alanya-boat-trip/" class="popular-link-item">
<span class="popular-link-item-icon"><i class="fas fa-fire"></i></span>
<span class="popular-link-item-text">Pirate Boat Trip in Alanya | Best Family Boat Tour</span>
<span class="popular-link-arrow"><i class="fas fa-chevron-right"></i></span>
</a>
<a href="/en/tour/alanya/alanya-5-in-1-combo-tour/" class="popular-link-item">
<span class="popular-link-item-icon"><i class="fas fa-fire"></i></span>
<span class="popular-link-item-text">Alanya 5 in 1 Combo Tour – Full-Day Adventure Package</span>
<span class="popular-link-arrow"><i class="fas fa-chevron-right"></i></span>
</a>
<a href="/en/tour/alanya/alanya-quad-safari/" class="popular-link-item">
<span class="popular-link-item-icon"><i class="fas fa-fire"></i></span>
<span class="popular-link-item-text">Quad Safari Adventure in Alanya</span>
<span class="popular-link-arrow"><i class="fas fa-chevron-right"></i></span>
</a>
<a href="/en/tour/alanya/alanya-turkish-bath-hamam/" class="popular-link-item">
<span class="popular-link-item-icon"><i class="fas fa-fire"></i></span>
<span class="popular-link-item-text">Traditional Turkish Hamam Experience in Alanya</span>
<span class="popular-link-arrow"><i class="fas fa-chevron-right"></i></span>
</a>
<a href="/en/tour/alanya/alanya-cabrio-bus-safari-for-families-and-kids/" class="popular-link-item">
<span class="popular-link-item-icon"><i class="fas fa-fire"></i></span>
<span class="popular-link-item-text">Alanya Cabrio Bus Safari for Families and Kids</span>
<span class="popular-link-arrow"><i class="fas fa-chevron-right"></i></span>
</a>
<a href="/en/tour/alanya/alanya-green-canyon-cabrio-jeep-safari/" class="popular-link-item">
<span class="popular-link-item-icon"><i class="fas fa-fire"></i></span>
<span class="popular-link-item-text">Alanya Green Canyon Cabrio Safari | Pink Panther and Land of Lions</span>
<span class="popular-link-arrow"><i class="fas fa-chevron-right"></i></span>
</a>
<a href="/en/tour/alanya/antalya-green-canyon-cabrio-safari-lions-park/" class="popular-link-item">
<span class="popular-link-item-icon"><i class="fas fa-fire"></i></span>
<span class="popular-link-item-text">Antalya Green Canyon Cabrio Safari & Lions Park Adventure</span>
<span class="popular-link-arrow"><i class="fas fa-chevron-right"></i></span>
</a>
</div>
</div>
</div>
</section>
<style>
/* =========================================================
JBT DESKTOP SLIDER DOTS FINAL
Desktop'ta yatay kayan Most Booked ve Explore by Destination
sliderlarına kırmızı/gri nokta göstergesi ekler.
PHP / SQL / URL / mevcut slider yapısına dokunmaz.
========================================================= */
@media (min-width: 769px) {
.jbt-slider-dots {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 7px !important;
width: 100% !important;
margin: 8px auto 0 !important;
padding: 0 !important;
line-height: 1 !important;
pointer-events: auto !important;
position: relative !important;
z-index: 80 !important;
}
.jbt-slider-dot {
width: 8px !important;
height: 8px !important;
min-width: 8px !important;
border: 0 !important;
border-radius: 999px !important;
background: #d9d9d9 !important;
padding: 0 !important;
margin: 0 !important;
cursor: pointer !important;
transition: width .22s ease, background-color .22s ease, opacity .22s ease !important;
opacity: 1 !important;
display: block !important;
}
.jbt-slider-dot.active {
width: 22px !important;
background: #e1251b !important;
}
.jbt-slider-dots[hidden] {
display: none !important;
}
.most-booked-wrapper + .jbt-slider-dots,
.region-cards-wrapper + .jbt-slider-dots {
margin-top: -6px !important;
margin-bottom: 18px !important;
}
}
@media (max-width: 768px) {
.jbt-slider-dots {
display: none !important;
}
}
/* =========================================================
JBT MOST BOOKED = TOP EXCURSIONS MOBILE STYLE FINAL
Most Booked Experiences mobilde Top Excursions & Activities
kart ölçüsü ve CSS yapısı ile aynı görünür.
Sadece Most Booked alanını etkiler.
========================================================= */
@media (min-width: 769px) {
.most-booked-section .most-booked-wrapper {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 14px !important;
max-width: 1080px !important;
margin: 0 auto !important;
padding: 8px 14px 26px !important;
overflow: visible !important;
scroll-snap-type: none !important;
}
.most-booked-section .most-booked-card {
width: 100% !important;
max-width: 100% !important;
flex: none !important;
margin: 0 !important;
}
.most-booked-section .most-booked-card .viator-card {
min-height: 298px !important;
height: 100% !important;
display: flex !important;
flex-direction: column !important;
border-radius: 13px !important;
overflow: hidden !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper {
width: 100% !important;
height: 122px !important;
min-height: 122px !important;
flex: 0 0 122px !important;
}
.most-booked-section .most-booked-card .viator-card-body {
padding: 10px 11px 11px !important;
display: flex !important;
flex-direction: column !important;
flex: 1 1 auto !important;
grid-template-columns: none !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.9rem !important;
line-height: 1.18 !important;
min-height: 40px !important;
margin-bottom: 6px !important;
-webkit-line-clamp: 2 !important;
}
.most-booked-section .most-booked-card .viator-rating,
.most-booked-section .most-booked-card .viator-feature {
font-size: 0.72rem !important;
}
.most-booked-section .most-booked-card .viator-features-list {
gap: 4px !important;
margin-bottom: 8px !important;
}
.most-booked-section .most-booked-card .viator-price-action {
margin-top: auto !important;
padding-top: 8px !important;
border-top: 1px solid #eeeeee !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
}
.most-booked-section .most-booked-card .viator-price-amount {
font-size: 1.15rem !important;
}
.most-booked-section .most-booked-card .viator-btn {
padding: 8px 11px !important;
font-size: 0.78rem !important;
border-radius: 8px !important;
min-width: 118px !important;
}
}
@media (max-width: 768px) {
.most-booked-section {
padding-top: 26px !important;
padding-bottom: 42px !important;
overflow: visible !important;
}
.most-booked-section .most-booked-wrapper {
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
gap: 12px !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
padding: 0 14px !important;
overflow: visible !important;
overflow-x: visible !important;
overflow-y: visible !important;
scroll-snap-type: none !important;
cursor: default !important;
touch-action: auto !important;
}
.most-booked-section .most-booked-card {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
flex: none !important;
margin: 0 !important;
scroll-snap-align: unset !important;
}
.most-booked-section .most-booked-card .viator-card {
width: 100% !important;
max-width: 100% !important;
min-height: 198px !important;
height: auto !important;
flex: none !important;
display: grid !important;
grid-template-columns: 38% 62% !important;
align-items: stretch !important;
border-radius: 15px !important;
overflow: hidden !important;
background: #ffffff !important;
border: 1px solid #e5e7eb !important;
box-shadow: 0 8px 22px rgba(0,0,0,0.08) !important;
margin: 0 !important;
scroll-snap-align: unset !important;
}
.most-booked-section .most-booked-card .viator-card:hover {
transform: none !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper {
width: 100% !important;
height: 100% !important;
min-height: 198px !important;
flex: none !important;
border-radius: 0 !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.most-booked-section .most-booked-card .badge-popular {
display: inline-flex !important;
top: 8px !important;
left: 7px !important;
right: auto !important;
padding: 4px 7px !important;
font-size: 0.55rem !important;
border-radius: 999px !important;
white-space: nowrap !important;
}
.most-booked-section .most-booked-card .badge-favorite {
display: flex !important;
right: 7px !important;
bottom: 8px !important;
top: auto !important;
width: 28px !important;
height: 28px !important;
font-size: 0.78rem !important;
}
.most-booked-section .most-booked-card .viator-card-body {
width: 100% !important;
min-width: 0 !important;
min-height: 198px !important;
padding: 11px 10px !important;
display: flex !important;
flex-direction: column !important;
grid-template-columns: none !important;
}
.most-booked-section .most-booked-card .viator-main-content {
min-width: 0 !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.96rem !important;
line-height: 1.18 !important;
min-height: auto !important;
max-height: none !important;
margin: 0 0 5px !important;
color: #111827 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
.most-booked-section .most-booked-card .viator-rating {
display: flex !important;
font-size: 0.68rem !important;
gap: 4px !important;
margin: 0 0 4px !important;
color: #111827 !important;
}
.most-booked-section .most-booked-card .viator-rating i {
font-size: 0.72rem !important;
}
.most-booked-section .most-booked-card .viator-features-list {
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
margin: 0 0 6px !important;
}
.most-booked-section .most-booked-card .viator-feature {
display: flex !important;
font-size: 0.66rem !important;
line-height: 1.15 !important;
gap: 4px !important;
color: #111827 !important;
margin-bottom: 0 !important;
}
.most-booked-section .most-booked-card .viator-feature i {
font-size: 0.68rem !important;
}
.most-booked-section .most-booked-card .viator-feature.mb-1 {
display: flex !important;
}
.most-booked-section .most-booked-card .viator-instant-box {
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
width: fit-content !important;
max-width: 105px !important;
padding: 5px 6px !important;
border-radius: 7px !important;
background: #ecfdf3 !important;
color: #16a34a !important;
margin-top: auto !important;
}
.most-booked-section .most-booked-card .viator-instant-box i {
font-size: 0.62rem !important;
}
.most-booked-section .most-booked-card .viator-instant-text strong {
display: block !important;
font-size: 0.58rem !important;
line-height: 1.05 !important;
color: #15803d !important;
}
.most-booked-section .most-booked-card .viator-price-action {
margin-top: 6px !important;
padding-top: 0 !important;
border-top: 0 !important;
display: flex !important;
flex-direction: row !important;
align-items: flex-end !important;
justify-content: space-between !important;
gap: 7px !important;
}
.most-booked-section .most-booked-card .viator-price-info {
text-align: right !important;
margin-left: auto !important;
}
.most-booked-section .most-booked-card .viator-price-amount {
font-size: 1.18rem !important;
line-height: 1 !important;
font-weight: 1000 !important;
color: #111827 !important;
white-space: nowrap !important;
}
.most-booked-section .most-booked-card .viator-price-unit {
display: block !important;
font-size: 0.54rem !important;
color: #6b7280 !important;
margin-top: 2px !important;
}
.most-booked-section .most-booked-card .viator-btn {
padding: 9px 12px !important;
min-width: 88px !important;
border-radius: 10px !important;
font-size: 0.74rem !important;
font-weight: 1000 !important;
align-self: flex-end !important;
white-space: nowrap !important;
}
}
@media (max-width: 390px) {
.most-booked-section .most-booked-card .viator-card {
min-height: 190px !important;
grid-template-columns: 37% 63% !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper,
.most-booked-section .most-booked-card .viator-card-body {
min-height: 190px !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.9rem !important;
}
.most-booked-section .most-booked-card .viator-btn {
min-width: 82px !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
}
</style>
<script>
/* JBT_DESKTOP_SLIDER_DOTS_FINAL
Slider kaydırıldıkça aktif nokta kırmızı olur. Noktaya tıklanınca ilgili konuma gider. */
(function () {
function ready(fn) {
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', fn);
} else {
fn();
}
}
function getGap(slider) {
var style = window.getComputedStyle(slider);
return parseFloat(style.gap || style.columnGap || '0') || 0;
}
function getVisibleChildren(slider) {
return Array.prototype.filter.call(slider.children, function (el) {
return el && el.nodeType === 1 && !el.classList.contains('jbt-slider-dots') && el.offsetWidth > 0;
});
}
function getStep(slider) {
var items = getVisibleChildren(slider);
if (!items.length) return Math.max(220, Math.round(slider.clientWidth * 0.82));
return Math.max(120, Math.round(items[0].getBoundingClientRect().width + getGap(slider)));
}
function getDotCount(slider) {
var items = getVisibleChildren(slider);
var step = getStep(slider);
var maxScroll = Math.max(0, slider.scrollWidth - slider.clientWidth);
if (maxScroll <= 8 || !items.length) return 0;
var byScroll = Math.ceil(maxScroll / step) + 1;
var visibleCount = Math.max(1, Math.floor((slider.clientWidth + getGap(slider)) / step));
var byItems = Math.max(1, items.length - visibleCount + 1);
return Math.max(2, Math.min(items.length, Math.max(byScroll, byItems)));
}
function updateDots(slider, dotsWrap) {
if (!slider || !dotsWrap) return;
var count = window.innerWidth <= 768 ? 0 : getDotCount(slider);
if (count <= 1) {
dotsWrap.hidden = true;
dotsWrap.innerHTML = '';
return;
}
dotsWrap.hidden = false;
if (dotsWrap.children.length !== count) {
dotsWrap.innerHTML = '';
for (var i = 0; i < count; i++) {
var dot = document.createElement('button');
dot.type = 'button';
dot.className = 'jbt-slider-dot';
dot.setAttribute('aria-label', 'Slider ' + (i + 1));
dot.setAttribute('data-jbt-dot-index', String(i));
dot.addEventListener('click', function (e) {
e.preventDefault();
e.stopPropagation();
var idx = parseInt(this.getAttribute('data-jbt-dot-index') || '0', 10);
var maxScroll = Math.max(0, slider.scrollWidth - slider.clientWidth);
var target = Math.min(maxScroll, idx * getStep(slider));
slider.scrollTo({ left: target, behavior: 'smooth' });
});
dotsWrap.appendChild(dot);
}
}
var step = getStep(slider);
var maxIndex = Math.max(0, dotsWrap.children.length - 1);
var activeIndex = Math.round(slider.scrollLeft / step);
if (slider.scrollLeft >= (slider.scrollWidth - slider.clientWidth - 8)) {
activeIndex = maxIndex;
}
activeIndex = Math.max(0, Math.min(maxIndex, activeIndex));
Array.prototype.forEach.call(dotsWrap.children, function (dot, idx) {
dot.classList.toggle('active', idx === activeIndex);
});
}
function setupOne(selector, name) {
var slider = document.querySelector(selector);
if (!slider) return;
var dotsWrap = slider.parentElement.querySelector('.jbt-slider-dots[data-jbt-dots-for="' + name + '"]');
if (!dotsWrap) {
dotsWrap = document.createElement('div');
dotsWrap.className = 'jbt-slider-dots';
dotsWrap.setAttribute('data-jbt-dots-for', name);
slider.insertAdjacentElement('afterend', dotsWrap);
}
var ticking = false;
function requestUpdate() {
if (ticking) return;
ticking = true;
window.requestAnimationFrame(function () {
ticking = false;
updateDots(slider, dotsWrap);
});
}
requestUpdate();
slider.addEventListener('scroll', requestUpdate, { passive: true });
window.addEventListener('resize', requestUpdate, { passive: true });
setTimeout(requestUpdate, 250);
setTimeout(requestUpdate, 900);
}
ready(function () {
setupOne('.most-booked-wrapper[data-jbt-slider-track="most-booked"]', 'most-booked');
setupOne('.region-cards-wrapper[data-jbt-slider-track="regions"]', 'regions');
});
})();
</script>
<!-- SCRIPTS -->
<script>
// BLOG FILTER
document.addEventListener("DOMContentLoaded", function() {
const filterBtns = document.querySelectorAll('.blog-filter-btn');
const blogItems = document.querySelectorAll('.blog-item');
filterBtns.forEach(btn => {
btn.addEventListener('click', function() {
filterBtns.forEach(b => b.classList.remove('active'));
this.classList.add('active');
let filterValue = this.getAttribute('data-filter');
blogItems.forEach(item => {
if (filterValue === 'all' || item.getAttribute('data-region') === filterValue) {
item.style.display = 'block';
} else {
item.style.display = 'none';
}
});
});
});
});
// SEARCH LOGIC & MOBILE MODAL
const heroSearchDataMobileTopFix = [{"id":143,"title":"Green Canyon Cabrio Safari | Pink Panther & Land of Lions Tour from Belek","slug":"green-canyon-cabrio-safari-land-of-lions-tour-from-belek","image":"/resimler/tour_en_20260602_134216_1e409d5413b6c8f2.png","region":"Belek","duration":"10","price":"€40"},{"id":41,"title":"Pirate Boat Trip in Alanya | Best Family Boat Tour","slug":"alanya-boat-trip","image":"https://api.justbooktours.com/api/UI/Download?id=2bb38ea9-56c5-4599-9b40-ee8c8efe48e5","region":"Alanya","duration":"6 Hours","price":"€20"},{"id":1,"title":"Belek Quad Atv Safari Tour | Free Pick Up","slug":"belek-quad-safari-tour","image":"https://api.justbooktours.com/api/UI/Download?id=677ba1e4-8f56-48d7-86d4-42630cd966a7","region":"Belek","duration":"4 Hours","price":"€35"},{"id":113,"title":"Land of Legends Theme Park Tour from Antalya with Hotel Transfer","slug":"land-of-legends-theme-park-tour-from-antalya-hotel-transfer","image":"https://api.justbooktours.com/api/UI/Download?id=2e25f8e2-501b-45d9-971b-9724a5a66378","region":"Antalya","duration":"7 Hours","price":"€85"},{"id":70,"title":"Alanya Green Canyon Cabrio Safari | Pink Panther and Land of Lions","slug":"alanya-green-canyon-cabrio-jeep-safari","image":"/resimler/tour_en_20260602_134242_9e4bc147933c7392.png","region":"Alanya","duration":"8 Hours","price":"€30"},{"id":52,"title":"Alanya Buggy Off-Road Safari","slug":"alanya-buggy-safari","image":"https://api.justbooktours.com/api/UI/Download?id=dca04961-78e3-4df0-85c6-6e05bc8fbb3c","region":"Alanya","duration":"3 Hours","price":"€35"},{"id":3,"title":"Side Dolphin Show","slug":"dolphin-show-side","image":"https://api.justbooktours.com/api/UI/Download?id=54c9bbad-6d03-4e62-9a54-2fb0ce2cab09","region":"Side","duration":"3 Hours","price":"€35"},{"id":66,"title":"Alanya 5 in 1 Combo Tour – Full-Day Adventure Package","slug":"alanya-5-in-1-combo-tour","image":"/resimler/tour_en_20260522_200734_d6c07001df0f6b0f.png","region":"Alanya","duration":"8 Hours","price":"€35"},{"id":4,"title":"Antalya Relax Boat Trip with Waterfall Visit","slug":"antalya-boat-trip-with-waterfall-visit","image":"/resimler/tour_en_20260703_234810_9021429e1891a252.png","region":"Antalya","duration":"5 Hours","price":"€25"},{"id":24,"title":"Jeep Safari Adventure in Alanya | Lunch by the River","slug":"jeep-safari-adventure-in-alanya","image":"https://api.justbooktours.com/api/UI/Download?id=75dd5a97-524b-48fc-9326-fac560a40bd3","region":"Alanya","duration":"7 Hours","price":"€25"},{"id":5,"title":"Suluada Island Boat Trip from Antalya (Turkish Maldives )","slug":"suluada-island-boat-trip-from-antalya","image":"https://api.justbooktours.com/api/UI/Download?id=5037b143-98b6-492c-b6cb-f92a93723010","region":"Antalya","duration":"8 Hours","price":"€30"},{"id":78,"title":"Antalya Buggy Safari, Rafting, Zipline and Jeep Safari ( 5 in 1 )","slug":"buggy-rafting-zipline-tour-from-antalya","image":"https://api.justbooktours.com/api/UI/Download?id=a8304da4-2e83-4f51-aa23-5dd9ed959634","region":"Antalya","duration":"8 Hours","price":"€35"},{"id":50,"title":"Quad Safari Adventure in Alanya","slug":"alanya-quad-safari","image":"https://api.justbooktours.com/api/UI/Download?id=9089b767-3130-4abf-a153-fcb11db13855","region":"Alanya","duration":"3 Hours","price":"€25"},{"id":6,"title":"Belek Buggy Safari, Rafting, Jeep and Zipline 5 in 1 Adventure","slug":"belek-buggy-safari-rafting-and-zipline-3-in-1-adventure","image":"https://api.justbooktours.com/api/UI/Download?id=8a01805a-78c3-4fa9-89b6-b7961ac7bddb","region":"Belek","duration":"8 Hours","price":"€35"},{"id":42,"title":"Traditional Turkish Hamam Experience in Alanya","slug":"alanya-turkish-bath-hamam","image":"https://api.justbooktours.com/api/UI/Download?id=3f7d9433-63db-4911-8efb-da1d480c1819","region":"Alanya","duration":"3 Hours","price":"€20"},{"id":60,"title":"Antalya Scuba Diving Experience | 2 Dive and Lunch included","slug":"antalya-diving-tour","image":"https://api.justbooktours.com/api/UI/Download?id=ff188cd3-329e-4bed-99eb-8b956354e821","region":"Antalya","duration":"6 Hours","price":"€30"},{"id":11,"title":"Alanya Cabrio Bus Safari for Families and Kids","slug":"alanya-cabrio-bus-safari-for-families-and-kids","image":"/resimler/tour_en_20260517_214953_2b7ce879a9e3d2ee.png","region":"Alanya","duration":"7 Hours","price":"€30"},{"id":8,"title":"Kemer Suluada Island Boat Trip ( Turkish Maldives )","slug":"kemer-suluada-island-boat-trip","image":"https://api.justbooktours.com/api/UI/Download?id=70be6e42-3f76-4aa6-ae8f-dc366f02be88","region":"Kemer","duration":"107 Day","price":"€30"},{"id":13,"title":"Alanya Pirate Boat Trip with Foam Party","slug":"alanya-pirate-boat-trip-with-foam-party","image":"https://api.justbooktours.com/api/UI/Download?id=4cebb792-ee04-4a78-8e25-fa94f19166c3","region":"Alanya","duration":"6 Hours","price":"€20"},{"id":9,"title":"Kemer Rafting Tour","slug":"kemer-rafting-tour","image":"https://api.justbooktours.com/api/UI/Download?id=c3f7edcd-d1f9-4965-a4af-17e53d8a25a3","region":"Kemer","duration":"109 Day","price":"€18"},{"id":58,"title":"Alanya Half Day City Tour & Cable Car Included","slug":"alanya-half-day-city-tour-cable-car","image":"https://api.justbooktours.com/api/UI/Download?id=3d026e50-11b0-4f70-b054-9bdbb4d990e0","region":"Alanya","duration":"4 Hours","price":"€30"},{"id":14,"title":"Antalya City Tour | Boat Trip and Visiting 2 Waterfalls","slug":"antalya-city-tour","image":"https://api.justbooktours.com/api/UI/Download?id=c14a2c03-93a7-4047-bb65-872e0db1f718","region":"Antalya","duration":"7 Hours","price":"€25"},{"id":10,"title":"Side Land Of Legends Theme Park","slug":"side-land-of-legends-trip","image":"https://api.justbooktours.com/api/UI/Download?id=a49c136c-6d51-403c-9b9f-118e3629422c","region":"Side","duration":"7 Hours","price":"€85"},{"id":84,"title":"Antalya Buggy Safari | Free Pick Up","slug":"antalya-buggy-safari-tour","image":"https://api.justbooktours.com/api/UI/Download?id=55a57ec0-9aab-4f77-9bb9-f6556dca3d66","region":"Antalya","duration":"4 Hours","price":"€35"},{"id":51,"title":"Alanya Scuba Diving & Snorkeling Adventure","slug":"alanya-scuba-diving-snorkeling-adventure","image":"https://api.justbooktours.com/api/UI/Download?id=a0e25645-3331-4bb6-bff0-e5451f50b86c","region":"Alanya","duration":"6 Hours","price":"€30"},{"id":99,"title":"Manavgat Boat Tour from Alanya","slug":"manavgat-boat-tour-from-alanya","image":"https://api.justbooktours.com/api/UI/Download?id=d76302b7-84e9-4c68-bc7c-966e289e1ccc","region":"Alanya","duration":"8 Hours","price":"€30"},{"id":59,"title":"Alanya Sapadere Canyon Tour with Lunch at Dim River","slug":"alanya-sapadere-canyon","image":"https://api.justbooktours.com/api/UI/Download?id=dd2b03ac-c486-4120-876b-cd5adcae621b","region":"Alanya","duration":"7 Hours","price":"€30"},{"id":65,"title":"Alanya Family Buggy Off-Road Safari","slug":"alanya-family-buggy-off-road-safari","image":"https://api.justbooktours.com/api/UI/Download?id=71b3ca1f-5f5d-4ac0-a71c-d5a080d15b52","region":"Alanya","duration":"3 Hours","price":"€70"},{"id":15,"title":"Side Quad Safari","slug":"side-quad-safari","image":"https://api.justbooktours.com/api/UI/Download?id=0fa352ae-6ebd-45de-bf43-2a27529323c8","region":"Side","duration":"4 Hours","price":"€25"},{"id":12,"title":"Paragliding Experience in Alanya | Hotel Transfer Included","slug":"alanya-paragliding-experience-with-hotel-transfer","image":"https://api.justbooktours.com/api/UI/Download?id=206cda49-1179-4932-96ea-051dc5a04671","region":"Alanya","duration":"3 Hours","price":"€65"},{"id":97,"title":"Alanya City Tour from Side","slug":"alanya-city-tour-from-side","image":"https://api.justbooktours.com/api/UI/Download?id=1320926e-d5fe-4028-b053-39f1408f2246","region":"Side","duration":"8 Hours","price":"€30"},{"id":128,"title":"The Land of Legends Theme Park from Alanya | Hotel Transfer Included","slug":"the-land-of-legends-theme-park-from-alanya","image":"https://api.justbooktours.com/api/UI/Download?id=ec978c03-ba62-434b-ad23-f15a50dc8df9","region":"Alanya","duration":"8 Hours","price":"€90"},{"id":91,"title":"Antalya Quad Atv Safari | Free Pick Up","slug":"antalya-quad-safari","image":"https://api.justbooktours.com/api/UI/Download?id=2c9156c4-cba9-4216-aa65-a4cc1259d4e0","region":"Antalya","duration":"4 Hours","price":"€35"},{"id":17,"title":"Rental Yatch in Antalya","slug":"rental-yatch-antalya","image":"https://api.justbooktours.com/api/UI/Download?id=10e3ed70-77ae-423e-ac9e-d70e5f60192e","region":"Antalya","duration":"5 Hours","price":"€500"},{"id":116,"title":"Alanya Dolphin Show & Hotel Transfer Included","slug":"alanya-dolphin-show","image":"https://api.justbooktours.com/api/UI/Download?id=1f388242-30a9-4458-8e61-b8a6a4377373","region":"Alanya","duration":"3 Hours","price":"€35"},{"id":132,"title":"Alanya Sunset Boat Trip","slug":"alanya-sunset-boat-tour","image":"https://api.justbooktours.com/api/UI/Download?id=37466ba8-20db-4db2-93c2-a7e2f8913b7e","region":"Alanya","duration":"6 Hours","price":"€20"},{"id":77,"title":"Eftalia Island Water Park Tour from Alanya with Transfer & All Inclusive","slug":"alanya-water-planet-aquapark","image":"https://api.justbooktours.com/api/UI/Download?id=da6cd9c5-4629-48a6-9d96-311de51affb7","region":"Alanya","duration":"7 Hours","price":"€60"},{"id":141,"title":"Alanya Big Kral Pirate Boat Trip","slug":"alanya-big-kral-pirate-boat-tour","image":"https://api.justbooktours.com/api/UI/Download?id=99fd6a6e-f43e-47c5-9111-113bf44c57d9","region":"Alanya","duration":"8 Hours","price":"€35"},{"id":105,"title":"Antalya City Tour from Side","slug":"antalya-city-tour-from-side","image":"https://api.justbooktours.com/api/UI/Download?id=aa206199-0edc-4173-a49b-1efccd005c46","region":"Side","duration":"8 Hours","price":"€40"},{"id":121,"title":"Green Canyon Boat Trip from Alanya","slug":"alanya-green-canyon-boat-tour","image":"https://api.justbooktours.com/api/UI/Download?id=458be048-bcdc-41fc-bb1d-6c7d3c577cde","region":"Alanya","duration":"8 Hours","price":"€30"},{"id":22,"title":"Kemer Pirate Boat Trip","slug":"kemer-boat-trip","image":"https://api.justbooktours.com/api/UI/Download?id=66a37bb0-bd77-4b93-a3e5-c5e642c0dda8","region":"Kemer","duration":"105 Day","price":"€25"},{"id":137,"title":"Alanya Horse Riding Adventure","slug":"alanya-horse-riding","image":"https://api.justbooktours.com/api/UI/Download?id=2abccaa0-7ac4-4443-a4f5-b9dce456cc0b","region":"Alanya","duration":"3 Hours","price":"€50"},{"id":124,"title":"Manavgat Boat Tour from Antalya | Waterfall and Bazaar","slug":"manavgat-boat-tour-from-antalya","image":"https://api.justbooktours.com/api/UI/Download?id=34889957-ad19-4015-961f-2ee5a9727089","region":"Antalya","duration":"7 Hours","price":"€35"},{"id":118,"title":"Side Sapadere Canyon Tour","slug":"sapadere-canyon-tour-from-side","image":"https://api.justbooktours.com/api/UI/Download?id=98ff040f-6ac2-4cc6-a1d8-2c9fe180ae43","region":"Side","duration":"8 Hours","price":"€35"},{"id":23,"title":"Antalya Dolphin Show | Ticket and Transfre Included","slug":"antalya-dolphin-show","image":"https://api.justbooktours.com/api/UI/Download?id=9ae95338-2541-46ae-838e-1b40e35ecc2b","region":"Antalya","duration":"3 Hours","price":"€35"},{"id":140,"title":"Alanya Starcraft Party Boat Tour with Lunch and Soft Drinks","slug":"alanya-starcraft-boat-tour","image":"https://api.justbooktours.com/api/UI/Download?id=b8a8fe2f-d4b2-4ad6-9741-9c6bf31ce4e8","region":"Alanya","duration":"6 Hours","price":"€25"},{"id":134,"title":"Alanya Relax Boat Trip | Without Foam Party","slug":"alanya-relax-boat-trip","image":"https://api.justbooktours.com/api/UI/Download?id=c0e46e66-72c1-43f9-90e9-407ad296b3a1","region":"Alanya","duration":"6 Hours","price":"€25"},{"id":25,"title":"Aquarium Tour from Belek and Antalya | Free Pick Up","slug":"antalya-aquarium","image":"https://api.justbooktours.com/api/UI/Download?id=680d8ce5-78f0-403a-b246-9e87dd42c8be","region":"Belek","duration":"4 Hours","price":"€50"},{"id":139,"title":"Alanya Fishing Tour","slug":"alanya-fishing-tour","image":"https://api.justbooktours.com/api/UI/Download?id=f7352e4b-c300-49e3-acc2-7a3b36a271d5","region":"Alanya","duration":"6 Hours","price":"€35"},{"id":138,"title":"Women Only Turkish Hamam in Alanya","slug":"alanya-turkish-bath-hamam-for-ladies","image":"https://api.justbooktours.com/api/UI/Download?id=67ae07dd-09d3-477f-97d5-e5a4181db26c","region":"Alanya","duration":"3 Hours","price":"€40"},{"id":123,"title":"Land of Legends Night Show from Side","slug":"land-of-legends-night-show-from-alanya","image":"https://api.justbooktours.com/api/UI/Download?id=5cea37a6-999b-42b9-9dcd-1844641ae4b9","region":"Side","duration":"6 Hours","price":"€20"},{"id":27,"title":"Side Buggy Safari","slug":"side-buggy-safari","image":"https://api.justbooktours.com/api/UI/Download?id=edc1a7f1-1a1e-4930-81b1-2219d9a5ffa9","region":"Side","duration":"4 Hours","price":"€25"},{"id":30,"title":"Rafting Adventure Tour from Alanya | Lunch Included","slug":"rafting-adventure-tour-from-alanya","image":"https://api.justbooktours.com/api/UI/Download?id=b61b92c9-8821-4953-a213-c2878cba1c7d","region":"Alanya","duration":"8 Hours","price":"€20"},{"id":96,"title":"Antalya Yacht Charter","slug":"antalya-yacht-charter","image":"https://api.justbooktours.com/api/UI/Download?id=84997648-dcfa-44fd-9351-41616a18933d","region":"Antalya","duration":"5 Hours","price":"€500"},{"id":83,"title":"Suluada Island Boat Trip from Alanya","slug":"suluada-island-boat-trip-from-alanya","image":"https://api.justbooktours.com/api/UI/Download?id=31694804-f96f-4ef9-9c3f-e57dbaf7dbfd","region":"Alanya","duration":"9 Hours","price":"€40"},{"id":28,"title":"Belek Buggy Safari | Free Pick Up","slug":"belek-buggy-safari","image":"https://api.justbooktours.com/api/UI/Download?id=dc0ad967-f291-4a57-911b-3cb888500625","region":"Belek","duration":"4 Hours","price":"€35"},{"id":29,"title":"Belek Turkish Bath","slug":"belek-turkish-bath","image":"https://api.justbooktours.com/api/UI/Download?id=e8a60de0-0534-4f51-92ea-af966519a616","region":"Belek","duration":"3 Hours","price":"€25"},{"id":119,"title":"The Land of Legends Theme Park & Night Show from Alanya","slug":"the-land-of-legends-theme-park-night-show-from-alanya","image":"https://api.justbooktours.com/api/UI/Download?id=aec26211-6502-4993-baa5-e8f6f346dcd6","region":"Alanya","duration":"14 Hours","price":"€100"},{"id":131,"title":"Rafting, Canyoning & Zipline Adventure Tour from Alanya","slug":"rafting-canyoning-zipline-tour","image":"/resimler/tour_en_20260517_231936_7141941cc85cec14.png","region":"Alanya","duration":"8 Hours","price":"€30"},{"id":67,"title":"2-Day Cappadocia Trip from Alanya","slug":"2-days-cappadocia-tour-from-alanya","image":"https://api.justbooktours.com/api/UI/Download?id=a6354892-8f20-402e-abaa-2eea790bb3a6","region":"Alanya","duration":"2 Day","price":"€70"},{"id":31,"title":"Antalya Pirate Boat Tour | Lunch and Soft drinks Included","slug":"antalya-pirate-boat-tour","image":"/resimler/tour_en_20260806_160832_36d05dd11236f348.jpg","region":"Antalya","duration":"5 Hours","price":"€25"},{"id":32,"title":"Side Jeep Safari with Lunch","slug":"side-jeep-safari","image":"https://api.justbooktours.com/api/UI/Download?id=b0d145bc-1eb4-4a5b-abf9-659ca4cee594","region":"Side","duration":"7 Hours","price":"€25"},{"id":129,"title":"Antalya Fishing Tour","slug":"antalya-fishing-tour","image":"https://api.justbooktours.com/api/UI/Download?id=64d4edf3-9f54-47ac-86c2-2156d37efee8","region":"Antalya","duration":"7 Hours","price":"€50"},{"id":90,"title":"Demre, Myra & Kekova Tour from Alanya","slug":"demre-myra-kekova-tour-from-alanya","image":"https://api.justbooktours.com/api/UI/Download?id=d6991aa7-e2bd-442e-9e55-1b2dd62b1618","region":"Alanya","duration":"16 Hours","price":"€60"},{"id":33,"title":"Belek Dolphin Show | Ticket and Transfer Included","slug":"belek-dolphin-show","image":"https://api.justbooktours.com/api/UI/Download?id=b2af2674-b8f3-458e-ae77-966c424f290f","region":"Belek","duration":"3 Hours","price":"€35"},{"id":112,"title":"Alanya Private Yacht Tour","slug":"alanya-private-yacht","image":"https://api.justbooktours.com/api/UI/Download?id=d3c7ff7b-bc96-4d88-8977-1e2ef904d008","region":"Alanya","duration":"4 Hours","price":"€350"},{"id":34,"title":"Antalya Yacht Rental","slug":"antalya-yacht-rental","image":"https://api.justbooktours.com/api/UI/Download?id=35e3ce0a-375c-427b-a12c-a314fa25786e","region":"Antalya","duration":"5 Hours","price":"€500"},{"id":135,"title":"Antalya The Land of Legends Night Show","slug":"antalya-the-land-of-legends-night-show","image":"https://api.justbooktours.com/api/UI/Download?id=58af71d4-b39e-407d-b761-781149697f7d","region":"Antalya","duration":"4 Hours","price":"€15"},{"id":127,"title":"Pamukkale & Salda Lake Tour from Alanya","slug":"pamukkale-salda-tour-alanya","image":"https://api.justbooktours.com/api/UI/Download?id=71a7454b-49f3-432b-b0d7-b7f119b29e35","region":"Alanya","duration":"16 Hours","price":"€50"},{"id":76,"title":"Alanya Private Fishing Tour | All Equipments Included","slug":"alanya-private-fishing-tour","image":"https://api.justbooktours.com/api/UI/Download?id=f18aef10-f959-4938-918c-11b0dd3e49f6","region":"Alanya","duration":"5 Hours","price":"€50"},{"id":16,"title":"Private Yacht Rental","slug":"private-yacht-rental","image":"https://api.justbooktours.com/api/UI/Download?id=bd973029-aff4-4350-96ee-eba6d4e6dc99","region":"Alanya","duration":"4 Hours","price":"€350"},{"id":39,"title":"Belek Relax Boat Trip with Waterfall Visit","slug":"belek-boat-trip-with-waterfall-visit","image":"https://api.justbooktours.com/api/UI/Download?id=7f7c3ad7-e5c7-44b0-bbde-43553528be34","region":"Belek","duration":"6 Hours","price":"€25"},{"id":40,"title":"Kemer Jeep Safari","slug":"kemer-jeep-safari","image":"https://api.justbooktours.com/api/UI/Download?id=d46b3e03-95e0-4570-8822-c96f91b6b506","region":"Kemer","duration":"107 Day","price":"€30"},{"id":44,"title":"Side Rafting Tour with Lunch","slug":"side-rafting-tour","image":"https://api.justbooktours.com/api/UI/Download?id=a8ffb9d9-71ac-4f94-8e4d-25239d2055ce","region":"Side","duration":"8 Hours","price":"€20"},{"id":45,"title":"Belek Green Canyon Boat Tour | Lunch and Soft Drinks Included","slug":"belek-green-canyon-tour","image":"https://api.justbooktours.com/api/UI/Download?id=10c8b20e-e7bc-421a-87be-6d06b91f12d6","region":"Belek","duration":"7 Hours","price":"€35"},{"id":46,"title":"Belek Horse Riding Experience","slug":"belek-horse-riding-experience","image":"https://api.justbooktours.com/api/UI/Download?id=0a3d31b0-111b-4070-b18f-f84885c71d47","region":"Belek","duration":"4 Hours","price":"€35"},{"id":47,"title":"Antalya Horse Riding Experience","slug":"antalya-horse-riding-experience","image":"https://api.justbooktours.com/api/UI/Download?id=084e0bba-d4a2-4ffa-9fec-6ca64e53e723","region":"Antalya","duration":"4 Hours","price":"€35"},{"id":48,"title":"Kemer Atv Quad Safari","slug":"kemer-quad-safari","image":"https://api.justbooktours.com/api/UI/Download?id=b24e8dbd-dce2-44b1-8756-1c81848eee80","region":"Kemer","duration":"103 Day","price":"€30"},{"id":49,"title":"Kemer Buggy Safari","slug":"kemer-buggy-safari","image":"https://api.justbooktours.com/api/UI/Download?id=a3633706-1dec-421c-b639-e1ea3be7fb4a","region":"Kemer","duration":"103 Day","price":"€35"},{"id":53,"title":"Antalya Jeep Safari Tour | Lunch included","slug":"antalya-jeep-safari-tour","image":"https://api.justbooktours.com/api/UI/Download?id=66849ae1-48ad-49c6-b4a4-d01e5e344ec2","region":"Antalya","duration":"7 Hours","price":"€35"}];
const tmMobileTourUrlTemplate = "\/en\/tour\/__REGION__\/__SLUG__\/";
const tmMobileTourLangPrefix = "\/en";
function getSearchTourUrl(tour) {
if (tour.slug) {
return tmMobileTourUrlTemplate.replace('__REGION__', encodeURIComponent((tour.region || 'alanya').toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/^-+|-+$/g, ''))).replace('__SLUG__', encodeURIComponent(tour.slug));
}
return tmMobileTourLangPrefix + '/tour-detail.php?id=' + tour.id;
}
function filterSearchData(query) {
const q = (query || '').trim().toLowerCase();
if (q.length < 2) return [];
return heroSearchDataMobileTopFix.filter(tour => {
const text = [tour.title, tour.region, tour.duration].join(' ').toLowerCase();
return text.includes(q);
}).slice(0, 10);
}
document.addEventListener('DOMContentLoaded', function () {
const desktopInput = document.getElementById('search-query');
const desktopResults = document.getElementById('heroSearchResults');
const desktopForm = document.getElementById('desktopSearchForm');
const mobileInput = document.getElementById('tmMobileTourSearchInput');
const mobileResults = document.getElementById('tmMobileTourSearchResults');
const sheet = document.getElementById('tmMobileTourSearchSheet');
const backBtn = document.getElementById('tmMobileTourSearchBack');
if (desktopForm) {
desktopForm.addEventListener('submit', function(e) {
if (window.innerWidth <= 768) {
e.preventDefault();
tmOpenMobileTourSearch(desktopInput.value);
}
});
}
if (desktopInput) {
desktopInput.addEventListener('focus', function(e) {
if (window.innerWidth <= 768) {
e.preventDefault();
tmOpenMobileTourSearch(this.value);
} else {
renderDesktopSearch(this.value);
}
});
desktopInput.addEventListener('input', function() {
if (window.innerWidth > 768) renderDesktopSearch(this.value);
});
}
if (mobileInput) {
mobileInput.addEventListener('input', function() {
renderMobileSearch(this.value);
});
}
if (backBtn) {
backBtn.addEventListener('click', function() {
sheet.classList.remove('active');
document.body.classList.remove('tm-tour-search-open');
});
}
function renderDesktopSearch(val) {
const res = filterSearchData(val);
if(val.length < 2) { desktopResults.classList.remove('active'); return; }
if(res.length === 0) { desktopResults.innerHTML = '<div class="p-3 text-center text-muted">No results</div>'; desktopResults.classList.add('active'); return; }
desktopResults.innerHTML = res.map(tour => `
<a href="${getSearchTourUrl(tour)}" class="hero-search-item">
<img src="${tour.image}" alt="">
<div class="hero-search-info">
<div class="hero-search-title">${tour.title}</div>
<div class="hero-search-meta"><span>${tour.region}</span><span class="hero-search-price">${tour.price}</span></div>
</div>
</a>
`).join('');
desktopResults.classList.add('active');
}
function renderMobileSearch(val) {
const res = filterSearchData(val);
if(val.length < 2) { mobileResults.innerHTML = ''; return; }
if(res.length === 0) { mobileResults.innerHTML = '<div class="p-3 text-center text-muted">No results</div>'; return; }
mobileResults.innerHTML = res.map(tour => `
<a href="${getSearchTourUrl(tour)}" class="tm-mobile-tour-result">
<img src="${tour.image}" alt="">
<div>
<div class="tm-mobile-tour-result-title">${tour.title}</div>
<div class="tm-mobile-tour-result-meta"><span>${tour.region}</span><span class="tm-mobile-tour-result-price">${tour.price}</span></div>
</div>
</a>
`).join('');
}
function tmOpenMobileTourSearch(val) {
sheet.classList.add('active');
document.body.classList.add('tm-tour-search-open');
mobileInput.value = val;
renderMobileSearch(val);
setTimeout(() => mobileInput.focus(), 100);
}
document.addEventListener("click", function(e) {
if (desktopResults && !e.target.closest(".hero-search-box")) {
desktopResults.classList.remove("active");
}
});
});
// SLIDER LOGIC - FINAL CLICK SAFE VERSION
window.jbtIndexScrollSlider = function (name, direction) {
var slider = document.querySelector('[data-jbt-slider-track="' + name + '"]');
if (!slider) return;
var firstItem = Array.prototype.find.call(slider.children, function (el) {
return el && el.nodeType === 1;
});
var step = Math.round(slider.clientWidth * 0.8);
if (firstItem) {
var style = window.getComputedStyle(slider);
var gap = parseFloat(style.gap || style.columnGap || "0") || 0;
step = Math.max(180, Math.round(firstItem.getBoundingClientRect().width + gap));
}
slider.scrollBy({ left: direction * step * 2, behavior: "auto" });
};
document.addEventListener("DOMContentLoaded", function () {
var sliders = document.querySelectorAll(".most-booked-wrapper, .region-cards-wrapper, .top-excursions-section .tour-list-wrapper");
sliders.forEach(function (slider) {
if (slider.dataset.jbtFinalClickReady === "1") return;
slider.dataset.jbtFinalClickReady = "1";
var down = false;
var startX = 0;
var startY = 0;
var startLeft = 0;
var dragged = false;
function isScrollable() {
return slider.scrollWidth > slider.clientWidth + 8;
}
slider.addEventListener("pointerdown", function (e) {
if (e.button !== undefined && e.button !== 0) return;
if (!isScrollable()) return;
down = true;
dragged = false;
startX = e.clientX;
startY = e.clientY;
startLeft = slider.scrollLeft;
});
slider.addEventListener("pointermove", function (e) {
if (!down) return;
var diffX = e.clientX - startX;
var diffY = e.clientY - startY;
if (Math.abs(diffX) > 12 && Math.abs(diffX) > Math.abs(diffY)) {
dragged = true;
slider.classList.add("is-jbt-dragging");
e.preventDefault();
slider.scrollLeft = startLeft - (diffX * 1.7);
}
}, { passive: false });
function stop() {
if (!down) return;
down = false;
slider.classList.remove("is-jbt-dragging");
if (dragged) {
slider.dataset.blockClick = "1";
setTimeout(function () {
slider.dataset.blockClick = "";
dragged = false;
}, 120);
}
}
slider.addEventListener("pointerup", stop);
slider.addEventListener("pointercancel", stop);
slider.addEventListener("pointerleave", stop);
slider.addEventListener("click", function (e) {
if (slider.dataset.blockClick === "1") {
e.preventDefault();
e.stopPropagation();
slider.dataset.blockClick = "";
}
}, true);
});
});
</script>
<script>
/* FINAL INDEX WHEEL SUPPORT DISABLED: slider üstünde mouse wheel sayfayı aşağı/yukarı kaydırsın. */
</script>
<script>
/* JBT_CUSTOMER_FINAL_CLICK_FIX: kart tıklamaları ve mobil arama arka scroll düzeltmesi */
(function () {
var clickStart = null;
document.addEventListener('pointerdown', function (e) {
var link = e.target.closest('.most-booked-wrapper a.viator-card, .region-cards-wrapper a.region-card, .top-excursions-section .tour-list-wrapper a.viator-card');
if (!link) return;
clickStart = { x: e.clientX, y: e.clientY, href: link.href };
}, true);
document.addEventListener('click', function (e) {
var link = e.target.closest('.most-booked-wrapper a.viator-card, .region-cards-wrapper a.region-card, .top-excursions-section .tour-list-wrapper a.viator-card');
if (!link || !link.href) return;
var moved = false;
if (clickStart) {
moved = Math.abs((e.clientX || 0) - clickStart.x) > 14 || Math.abs((e.clientY || 0) - clickStart.y) > 14;
}
if (moved) {
e.preventDefault();
e.stopPropagation();
return;
}
e.preventDefault();
e.stopPropagation();
window.location.href = link.href;
}, true);
var lockedScrollY = 0;
function lockBodySearch() {
if (document.body.classList.contains('tm-tour-search-open')) {
lockedScrollY = window.scrollY || document.documentElement.scrollTop || 0;
document.body.style.position = 'fixed';
document.body.style.top = '-' + lockedScrollY + 'px';
document.body.style.left = '0';
document.body.style.right = '0';
document.body.style.width = '100%';
}
}
function unlockBodySearch() {
document.body.style.position = '';
document.body.style.top = '';
document.body.style.left = '';
document.body.style.right = '';
document.body.style.width = '';
if (lockedScrollY > 0) {
window.scrollTo(0, lockedScrollY);
}
}
document.addEventListener('click', function (e) {
if (e.target.closest('#tmMobileTourSearchBack, .tm-mobile-search-back, [data-mobile-search-close]')) {
setTimeout(unlockBodySearch, 50);
}
}, true);
var observer = new MutationObserver(function () {
if (document.body.classList.contains('tm-tour-search-open')) {
lockBodySearch();
} else {
unlockBodySearch();
}
});
observer.observe(document.body, { attributes: true, attributeFilter: ['class'] });
})();
</script>
<script>
/* JBT FINAL MOBILE HERO SEARCH FUNCTION FIX */
(function () {
function isMobile() {
return window.matchMedia && window.matchMedia('(max-width: 768px)').matches;
}
function normalizeText(value) {
return String(value || '').toLowerCase()
.replace(/[ç]/g, 'c')
.replace(/[ğ]/g, 'g')
.replace(/[ı]/g, 'i')
.replace(/[ö]/g, 'o')
.replace(/[ş]/g, 's')
.replace(/[ü]/g, 'u');
}
function escapeHtml(value) {
return String(value || '').replace(/[&<>"']/g, function (m) {
return ({'&':'&','<':'<','>':'>','"':'"',"'":'''})[m];
});
}
function slugifyRegion(value) {
return normalizeText(value || 'alanya')
.replace(/[^a-z0-9]+/g, '-')
.replace(/^-+|-+$/g, '') || 'alanya';
}
function getData() {
try {
if (typeof heroSearchDataMobileTopFix !== 'undefined' && Array.isArray(heroSearchDataMobileTopFix)) {
return heroSearchDataMobileTopFix;
}
} catch (e) {}
return [];
}
function getUrl(tour) {
try {
if (typeof getSearchTourUrl === 'function') {
return getSearchTourUrl(tour);
}
} catch (e) {}
try {
if (typeof tmMobileTourUrlTemplate !== 'undefined' && tour.slug) {
return tmMobileTourUrlTemplate
.replace('__REGION__', encodeURIComponent(slugifyRegion(tour.region || 'alanya')))
.replace('__SLUG__', encodeURIComponent(tour.slug));
}
} catch (e) {}
try {
if (typeof tmMobileTourLangPrefix !== 'undefined') {
return tmMobileTourLangPrefix + '/tour-detail.php?id=' + encodeURIComponent(tour.id || '');
}
} catch (e) {}
return 'tour-detail.php?id=' + encodeURIComponent(tour.id || '');
}
function filterTours(query) {
var q = normalizeText(query).trim();
if (q.length < 1) return [];
return getData().filter(function (tour) {
var text = normalizeText([
tour.title || '',
tour.region || '',
tour.duration || ''
].join(' '));
return text.indexOf(q) !== -1;
}).slice(0, 12);
}
function renderResults(query, resultsBox) {
if (!resultsBox) return;
var q = String(query || '').trim();
if (q.length < 1) {
resultsBox.innerHTML = '<div class="tm-mobile-tour-search-start">Start typing to search tours.</div>';
return;
}
var results = filterTours(q);
if (!results.length) {
resultsBox.innerHTML = '<div class="tm-mobile-tour-search-empty">No tours found.</div>';
return;
}
resultsBox.innerHTML = results.map(function (tour) {
return '' +
'<a href="' + escapeHtml(getUrl(tour)) + '" class="tm-mobile-tour-result">' +
'<img src="' + escapeHtml(tour.image || 'resimler/no-image.jpg') + '" alt="' + escapeHtml(tour.title || '') + '">' +
'<div>' +
'<div class="tm-mobile-tour-result-title">' + escapeHtml(tour.title || '') + '</div>' +
'<div class="tm-mobile-tour-result-meta">' +
'<span>' + escapeHtml(tour.region || '') + '</span>' +
'<span>' + escapeHtml(tour.duration || '') + '</span>' +
'<span class="tm-mobile-tour-result-price">' + escapeHtml(tour.price || '') + '</span>' +
'</div>' +
'</div>' +
'</a>';
}).join('');
}
function unlockBody() {
document.body.classList.remove('tm-tour-search-open');
document.body.classList.remove('mobile-search-open');
document.body.style.position = '';
document.body.style.top = '';
document.body.style.left = '';
document.body.style.right = '';
document.body.style.width = '';
document.body.style.height = '';
document.body.style.overflow = '';
document.documentElement.style.overflow = '';
document.documentElement.style.height = '';
}
function closeSheet(sheet) {
if (!sheet) return;
sheet.classList.remove('active');
sheet.setAttribute('aria-hidden', 'true');
unlockBody();
}
function openSheet(sheet, input, resultsBox, value) {
if (!sheet || !input || !isMobile()) return;
sheet.classList.add('active');
sheet.setAttribute('aria-hidden', 'false');
document.body.classList.add('tm-tour-search-open');
document.documentElement.style.overflow = 'hidden';
document.documentElement.style.height = '100%';
input.value = value || '';
renderResults(input.value, resultsBox);
setTimeout(function () {
input.focus();
try {
input.setSelectionRange(input.value.length, input.value.length);
} catch (e) {}
}, 80);
}
function init() {
var desktopInput = document.getElementById('search-query');
var desktopForm = document.getElementById('desktopSearchForm');
var sheet = document.getElementById('tmMobileTourSearchSheet');
var mobileInput = document.getElementById('tmMobileTourSearchInput');
var mobileResults = document.getElementById('tmMobileTourSearchResults');
var backBtn = document.getElementById('tmMobileTourSearchBack');
if (!desktopInput || !sheet || !mobileInput || !mobileResults) return;
// Start text on empty panel
renderResults('', mobileResults);
function openFromHero(e) {
if (!isMobile()) return;
if (e) {
e.preventDefault();
e.stopPropagation();
}
openSheet(sheet, mobileInput, mobileResults, desktopInput.value || '');
}
desktopInput.addEventListener('focus', openFromHero, true);
desktopInput.addEventListener('click', openFromHero, true);
if (desktopForm) {
desktopForm.addEventListener('submit', function (e) {
if (!isMobile()) return;
e.preventDefault();
e.stopPropagation();
openSheet(sheet, mobileInput, mobileResults, desktopInput.value || '');
}, true);
}
mobileInput.addEventListener('input', function () {
renderResults(mobileInput.value, mobileResults);
}, true);
var mobileForm = mobileInput.closest('form');
if (mobileForm) {
mobileForm.addEventListener('submit', function (e) {
var q = String(mobileInput.value || '').trim();
if (q.length < 1) {
e.preventDefault();
renderResults('', mobileResults);
return;
}
// If there is an exact/first tour result, go to it instead of search.php.
var results = filterTours(q);
if (results.length) {
e.preventDefault();
window.location.href = getUrl(results[0]);
}
}, true);
}
if (backBtn) {
backBtn.addEventListener('click', function (e) {
e.preventDefault();
e.stopPropagation();
closeSheet(sheet);
}, true);
}
sheet.addEventListener('click', function (e) {
if (e.target === sheet) {
closeSheet(sheet);
}
}, true);
sheet.addEventListener('touchmove', function (e) {
if (!e.target.closest('#tmMobileTourSearchResults')) {
e.preventDefault();
}
}, { passive: false });
document.addEventListener('keydown', function (e) {
if (e.key === 'Escape' && sheet.classList.contains('active')) {
closeSheet(sheet);
}
});
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', init);
} else {
init();
}
})();
</script>
<script>
/* JBT MOBILE SEARCH BACK BUTTON FIX
Mobil arama açıkken telefon/browser geri tuşu sayfadan çıkmasın; önce arama panelini kapatsın.
SQL, slug, URL, tur listesi ve masaüstü arama yapısına dokunmaz.
*/
(function () {
var historyPushed = false;
var closingByScript = false;
function qs(id) {
return document.getElementById(id);
}
function isSearchOpen() {
var sheet = qs('tmMobileTourSearchSheet');
return !!(sheet && sheet.classList.contains('active'));
}
function unlockBody() {
document.body.classList.remove('tm-tour-search-open');
document.body.classList.remove('mobile-search-open');
document.body.style.position = '';
document.body.style.top = '';
document.body.style.left = '';
document.body.style.right = '';
document.body.style.width = '';
document.body.style.height = '';
document.body.style.overflow = '';
document.documentElement.style.overflow = '';
document.documentElement.style.height = '';
}
function closeMobileSearchPanel() {
var sheet = qs('tmMobileTourSearchSheet');
var input = qs('tmMobileTourSearchInput');
if (sheet) {
sheet.classList.remove('active');
sheet.setAttribute('aria-hidden', 'true');
}
if (input) {
input.blur();
}
unlockBody();
}
function pushSearchHistoryState() {
if (historyPushed) return;
try {
history.pushState({ jbtMobileSearchOpen: true }, '', window.location.href);
historyPushed = true;
} catch (e) {}
}
function consumeSearchHistoryState() {
if (!historyPushed) return;
closingByScript = true;
try {
history.back();
} catch (e) {}
setTimeout(function () {
closingByScript = false;
historyPushed = false;
}, 250);
}
function openHook() {
var sheet = qs('tmMobileTourSearchSheet');
if (!sheet || !sheet.classList.contains('active')) return;
pushSearchHistoryState();
}
function closeHook() {
if (!historyPushed) {
closeMobileSearchPanel();
return;
}
closeMobileSearchPanel();
consumeSearchHistoryState();
}
function init() {
var sheet = qs('tmMobileTourSearchSheet');
var desktopInput = qs('search-query');
var desktopForm = qs('desktopSearchForm');
var mobileInput = qs('tmMobileTourSearchInput');
var backBtn = qs('tmMobileTourSearchBack');
if (!sheet) return;
if (desktopInput) {
desktopInput.addEventListener('focus', function () {
setTimeout(openHook, 120);
}, true);
desktopInput.addEventListener('click', function () {
setTimeout(openHook, 120);
}, true);
}
if (desktopForm) {
desktopForm.addEventListener('submit', function () {
setTimeout(openHook, 120);
}, true);
}
if (mobileInput) {
mobileInput.addEventListener('focus', function () {
setTimeout(openHook, 120);
}, true);
}
if (backBtn) {
backBtn.addEventListener('click', function (e) {
if (isSearchOpen()) {
e.preventDefault();
e.stopImmediatePropagation();
closeHook();
}
}, true);
}
window.addEventListener('popstate', function () {
if (closingByScript) return;
if (isSearchOpen()) {
closeMobileSearchPanel();
historyPushed = false;
}
});
var observer = new MutationObserver(function () {
if (sheet.classList.contains('active')) {
pushSearchHistoryState();
} else {
unlockBody();
}
});
observer.observe(sheet, { attributes: true, attributeFilter: ['class'] });
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', init);
} else {
init();
}
})();
</script>
<!-- =========================================================
JBT SLIDER PAGE SCROLL FIX
Kaydırmalı alanların üstündeyken sayfanın aşağı/yukarı
kaymasını engelleyen wheel/touch kilidini iptal eder.
Kart tıklama, ok butonları ve yatay kaydırma korunur.
========================================================= -->
<style>
/* Slider üstündeyken dikey sayfa scroll'u kilitlenmesin */
.most-booked-wrapper,
.region-cards-wrapper,
.trusted-logos-row,
.top-excursions-section .tour-list-wrapper {
touch-action: pan-x pan-y !important;
overscroll-behavior-x: contain !important;
overscroll-behavior-y: auto !important;
}
/* Eski pan-x zorlamalarını bastır */
.most-booked-wrapper,
.region-cards-wrapper,
.tour-list-wrapper.mobile-slider {
touch-action: pan-x pan-y !important;
}
/* =========================================================
JBT INDEX SIZE ONLY FINAL OVERRIDE
Kaynak CSS ölçülerine göre sadece font, genişlik, yükseklik,
padding, margin ve kart oranları düzenlenir.
PHP / SQL / URL / slug / dil / JS yapısına dokunmaz.
========================================================= */
/* Genel taşma ve font dengesi */
html,
body {
max-width: 100% !important;
overflow-x: hidden !important;
font-family: 'Inter', sans-serif !important;
background-color: #fcfcfc !important;
}
/* HERO */
.hero-section {
padding: 180px 0 160px 0 !important;
min-height: auto !important;
text-align: center !important;
}
.hero-content {
max-width: 900px !important;
padding: 0 15px !important;
}
.hero-title {
font-size: 3.5rem !important;
line-height: 1.08 !important;
font-weight: 900 !important;
margin-bottom: 15px !important;
letter-spacing: -1px !important;
}
.hero-subtitle {
font-size: 1.25rem !important;
line-height: 1.45 !important;
font-weight: 600 !important;
margin-bottom: 40px !important;
}
.hero-search-box {
max-width: 560px !important;
}
.search-widget-minimal {
height: 66px !important;
padding: 8px 8px 8px 26px !important;
border-radius: 999px !important;
}
.search-widget-minimal input {
font-size: 1.1rem !important;
font-weight: 600 !important;
}
.search-btn-minimal {
width: 50px !important;
height: 50px !important;
font-size: 1.2rem !important;
}
/* Üst özellikler */
.features-section {
padding: 60px 0 35px !important;
}
.features-title,
.most-booked-title {
font-size: 2rem !important;
line-height: 1.18 !important;
font-weight: 900 !important;
letter-spacing: -0.5px !important;
margin-bottom: 50px !important;
}
.feature-icon-wrapper {
width: 65px !important;
height: 65px !important;
font-size: 1.8rem !important;
margin: 0 auto 20px auto !important;
}
.feature-title {
font-size: 1.15rem !important;
line-height: 1.25 !important;
font-weight: 800 !important;
margin-bottom: 10px !important;
}
.feature-desc {
font-size: 0.95rem !important;
line-height: 1.5 !important;
font-weight: 400 !important;
padding: 0 15px !important;
}
/* MOST BOOKED */
.most-booked-section {
padding: 20px 0 50px !important;
background: #ffffff !important;
}
.most-booked-wrapper {
max-width: 1180px !important;
gap: 20px !important;
padding: 10px 15px 25px !important;
margin: 0 auto !important;
}
.most-booked-card {
flex: 0 0 280px !important;
width: 280px !important;
max-width: 280px !important;
}
.most-booked-card .viator-card {
min-height: 380px !important;
border-radius: 12px !important;
}
.most-booked-card .viator-card-img-wrapper {
height: 180px !important;
min-height: 180px !important;
flex: none !important;
width: 100% !important;
}
.most-booked-card .viator-card-body {
padding: 16px !important;
}
.most-booked-card .viator-title {
font-size: 1.05rem !important;
line-height: 1.25 !important;
font-weight: 900 !important;
margin: 8px 0 !important;
}
.most-booked-card .viator-rating {
font-size: 0.8rem !important;
line-height: 1.25 !important;
margin-bottom: 6px !important;
}
.most-booked-card .viator-feature {
font-size: 0.78rem !important;
line-height: 1.25 !important;
}
.most-booked-card .viator-price-amount {
font-size: 1.45rem !important;
line-height: 1 !important;
font-weight: 900 !important;
}
.most-booked-card .viator-btn {
height: 38px !important;
padding: 0 16px !important;
font-size: 0.92rem !important;
line-height: 1 !important;
font-weight: 1000 !important;
border-radius: 8px !important;
}
.most-booked-card .badge-popular {
padding: 6px 11px !important;
font-size: 0.74rem !important;
}
.most-booked-card .badge-favorite {
width: 38px !important;
height: 38px !important;
font-size: 1.05rem !important;
}
/* DESTINATION */
.destination-heading-row {
max-width: 1180px !important;
margin: 0 auto 22px !important;
padding: 0 22px !important;
}
.destination-view-all {
padding: 11px 20px !important;
font-size: 0.86rem !important;
font-weight: 900 !important;
}
.popular-dest-title {
margin-top: 40px !important;
}
.region-cards-wrapper {
max-width: 1180px !important;
gap: 22px !important;
margin: 34px auto 0 !important;
padding: 8px 32px 24px 22px !important;
}
.region-card {
flex: 0 0 320px !important;
width: 320px !important;
max-width: 320px !important;
height: 210px !important;
border-radius: 20px !important;
}
.region-card h3 {
font-size: 2rem !important;
line-height: 1.1 !important;
font-weight: 900 !important;
}
.region-tour-badge {
left: 18px !important;
bottom: 16px !important;
padding: 9px 18px !important;
font-size: 1rem !important;
font-weight: 800 !important;
}
/* INFO BANNER */
.info-banner-section {
background: transparent !important;
padding: 26px 15px !important;
margin: 28px 0 !important;
}
.info-banner-blur {
background: #eafafb !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
max-width: 100% !important;
width: 100% !important;
padding: 48px 22px !important;
text-align: center !important;
}
.info-banner-blur h3 {
color: #050505 !important;
font-size: 1.55rem !important;
line-height: 1.15 !important;
font-weight: 900 !important;
margin: 0 0 14px !important;
letter-spacing: -0.4px !important;
}
.info-banner-blur p {
color: #050505 !important;
font-size: 1rem !important;
line-height: 1.45 !important;
font-weight: 500 !important;
max-width: 620px !important;
margin: 0 auto !important;
}
/* TOP EXCURSIONS */
.top-excursions-section {
max-width: 1180px !important;
padding: 55px 15px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.top-excursions-title {
font-size: 2.2rem !important;
line-height: 1.15 !important;
font-weight: 900 !important;
letter-spacing: -0.5px !important;
margin: 0 0 24px !important;
}
.top-region-tabs {
gap: 10px !important;
margin: 0 auto 34px !important;
max-width: 980px !important;
}
.top-region-tabs .top-region-btn,
.top-region-btn {
min-height: 34px !important;
height: 34px !important;
padding: 7px 16px !important;
font-size: 0.72rem !important;
line-height: 1 !important;
font-weight: 900 !important;
border-radius: 999px !important;
}
.top-excursions-section .btn-outline-dark {
min-width: 170px !important;
padding: 10px 26px !important;
font-size: 0.95rem !important;
font-weight: 900 !important;
border-radius: 999px !important;
}
/* Desktop Top Excursions kart ölçüsü */
@media (min-width: 769px) {
.top-excursions-section .tour-list-wrapper {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 18px !important;
max-width: 1120px !important;
margin: 0 auto !important;
}
.top-excursions-section .tour-list-wrapper .viator-card {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
max-width: 100% !important;
min-height: 355px !important;
height: 100% !important;
margin: 0 !important;
border-radius: 14px !important;
}
.top-excursions-section .tour-list-wrapper .viator-card-img-wrapper {
width: 100% !important;
height: 165px !important;
min-height: 165px !important;
flex: none !important;
}
.top-excursions-section .tour-list-wrapper .viator-card-img-wrapper img {
height: 165px !important;
min-height: 165px !important;
object-fit: cover !important;
}
.top-excursions-section .tour-list-wrapper .viator-card-body {
width: 100% !important;
display: flex !important;
flex-direction: column !important;
padding: 13px !important;
}
.top-excursions-section .tour-list-wrapper .viator-title {
font-size: 0.98rem !important;
line-height: 1.18 !important;
font-weight: 900 !important;
margin: 0 0 7px !important;
}
.top-excursions-section .tour-list-wrapper .viator-rating {
font-size: 0.74rem !important;
margin-bottom: 7px !important;
}
.top-excursions-section .tour-list-wrapper .viator-feature {
font-size: 0.72rem !important;
line-height: 1.2 !important;
gap: 6px !important;
}
.top-excursions-section .tour-list-wrapper .viator-price-action {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
width: 100% !important;
margin-top: auto !important;
padding-top: 10px !important;
border-top: 1px solid #eeeeee !important;
}
.top-excursions-section .tour-list-wrapper .viator-price-info {
text-align: left !important;
margin: 0 !important;
}
.top-excursions-section .tour-list-wrapper .viator-price-amount {
font-size: 1.25rem !important;
}
.top-excursions-section .tour-list-wrapper .viator-price-unit {
display: none !important;
}
.top-excursions-section .tour-list-wrapper .viator-btn {
width: auto !important;
height: 34px !important;
padding: 0 13px !important;
border-radius: 8px !important;
font-size: 0.72rem !important;
white-space: nowrap !important;
}
}
/* WHY CHOOSE */
.why-choose-section {
background: linear-gradient(180deg, #ffffff 0%, #fff7f6 100%) !important;
padding: 42px 14px 34px !important;
}
.why-choose-wrap {
max-width: 880px !important;
margin: 0 auto !important;
}
.why-choose-title {
font-size: 2.15rem !important;
line-height: 1.08 !important;
font-weight: 1000 !important;
margin: 0 0 10px !important;
letter-spacing: -0.8px !important;
}
.why-choose-mini-icon {
margin-bottom: 12px !important;
}
.why-choose-mini-icon::before,
.why-choose-mini-icon::after {
width: 56px !important;
height: 2px !important;
}
.why-choose-subtitle {
font-size: 0.9rem !important;
line-height: 1.45 !important;
max-width: 520px !important;
margin: 0 auto 22px !important;
}
.why-choose-grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 14px !important;
max-width: 760px !important;
margin: 0 auto !important;
}
.why-choose-card {
min-height: 155px !important;
padding: 18px 14px 16px !important;
border-radius: 15px !important;
}
.why-choose-icon {
width: 46px !important;
height: 46px !important;
font-size: 1.15rem !important;
margin: 0 auto 11px !important;
}
.why-choose-card h3 {
font-size: 0.9rem !important;
line-height: 1.18 !important;
font-weight: 900 !important;
margin: 0 0 7px !important;
}
.why-choose-card p {
font-size: 0.76rem !important;
line-height: 1.32 !important;
}
/* TRUSTED BRANDS */
.trusted-brands-section {
max-width: 1100px !important;
margin: 60px auto 40px !important;
padding: 0 15px !important;
}
.trusted-header {
margin-bottom: 40px !important;
}
.trusted-title {
font-size: 2.2rem !important;
line-height: 1.15 !important;
font-weight: 900 !important;
margin-bottom: 15px !important;
}
.trusted-line {
width: 50px !important;
height: 4px !important;
margin: 20px auto 0 !important;
}
.trusted-logos-row {
gap: 15px !important;
margin-bottom: 40px !important;
}
.trusted-logo-card {
width: 150px !important;
height: 85px !important;
padding: 15px 20px !important;
border-radius: 12px !important;
}
/* TRIPADVISOR */
.tripadvisor-banner-section {
max-width: 680px !important;
margin: 22px auto !important;
padding: 0 14px !important;
}
.tripadvisor-box {
border: none !important;
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.06) !important;
border-radius: 18px !important;
padding: 18px !important;
background: #ffffff !important;
}
.ta-timeline-box {
border: 1px solid #edf0f2 !important;
border-radius: 16px !important;
padding: 22px 18px 26px !important;
background: #ffffff !important;
}
.ta-header-badge {
font-size: 0.62rem !important;
padding: 6px 15px !important;
margin-bottom: 12px !important;
}
.ta-main-title {
font-size: 1.45rem !important;
line-height: 1.15 !important;
}
.ta-thank-you-text {
max-width: 320px !important;
margin: 0 auto 18px !important;
font-size: 0.84rem !important;
line-height: 1.45 !important;
}
.awards-timeline {
gap: 10px !important;
margin: 16px auto 0 !important;
}
.award-item {
min-width: 58px !important;
width: 58px !important;
flex: 0 0 58px !important;
}
.award-badge,
.award-icon-img,
.award-badge img {
width: 58px !important;
height: 58px !important;
}
.award-badge strong {
bottom: -19px !important;
font-size: 13px !important;
}
/* BLOG */
.blog-compact-section {
padding-top: 28px !important;
padding-bottom: 28px !important;
margin-top: 20px !important;
margin-bottom: 20px !important;
max-width: 1180px !important;
}
.blog-compact-header {
margin-bottom: 18px !important;
text-align: center !important;
}
.blog-compact-header h2 {
font-size: 1.75rem !important;
line-height: 1.1 !important;
font-weight: 900 !important;
}
.blog-compact-header p {
font-size: 0.9rem !important;
line-height: 1.35 !important;
max-width: 420px !important;
}
#blogs .blog-card img {
height: 120px !important;
}
#blogs .blog-card-body {
padding: 12px !important;
}
#blogs .blog-title {
font-size: 0.9rem !important;
line-height: 1.2 !important;
}
#blogs .blog-date,
#blogs .blog-category {
font-size: 0.68rem !important;
}
/* POPULAR LINKS */
.popular-links-section {
background: #ffffff !important;
padding: 55px 15px 30px !important;
}
.popular-links-container {
max-width: 1050px !important;
margin: 0 auto !important;
}
.popular-link-group {
margin-bottom: 54px !important;
}
.popular-link-heading {
gap: 18px !important;
margin-bottom: 26px !important;
}
.popular-link-heading-icon {
width: 58px !important;
height: 58px !important;
flex: 0 0 58px !important;
font-size: 1.7rem !important;
}
.popular-link-heading-text h2 {
font-size: 2rem !important;
line-height: 1.1 !important;
font-weight: 900 !important;
margin: 0 0 8px !important;
}
.popular-link-heading-text p {
font-size: 1rem !important;
line-height: 1.35 !important;
}
.popular-link-grid {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
column-gap: 54px !important;
row-gap: 0 !important;
}
.popular-link-item {
min-height: 68px !important;
gap: 16px !important;
font-size: 1.05rem !important;
font-weight: 800 !important;
}
/* MOBILE */
@media (max-width: 768px) {
.hero-section {
min-height: 320px !important;
height: 320px !important;
padding: 44px 0 42px 0 !important;
}
.hero-title {
font-size: 1.55rem !important;
line-height: 1.12 !important;
margin-bottom: 8px !important;
padding: 0 8px !important;
}
.hero-subtitle {
font-size: 0.78rem !important;
line-height: 1.35 !important;
margin-bottom: 16px !important;
padding: 0 22px !important;
}
.hero-search-box {
max-width: 86% !important;
margin-top: 50px !important;
}
.search-widget-minimal {
height: 52px !important;
padding: 6px 6px 6px 17px !important;
}
.search-widget-minimal input {
font-size: 0.82rem !important;
}
.search-btn-minimal {
width: 42px !important;
height: 42px !important;
font-size: 0.95rem !important;
margin-left: 6px !important;
}
.features-section {
padding: 35px 0 26px !important;
}
.features-title,
.most-booked-title {
font-size: 1.35rem !important;
line-height: 1.15 !important;
margin-bottom: 14px !important;
}
.most-booked-section {
padding: 18px 0 26px !important;
}
.most-booked-wrapper {
gap: 15px !important;
padding: 10px 16px 20px !important;
scroll-padding-left: 16px !important;
}
.most-booked-card {
flex: 0 0 calc(100vw - 64px) !important;
width: calc(100vw - 64px) !important;
max-width: 340px !important;
}
.most-booked-card .viator-card {
min-height: 300px !important;
}
.most-booked-card .viator-card-img-wrapper {
height: 145px !important;
min-height: 145px !important;
}
.destination-heading-row {
padding: 0 18px !important;
margin-top: 22px !important;
margin-bottom: 16px !important;
}
.destination-heading-row .features-title {
font-size: 1.65rem !important;
margin-bottom: 0 !important;
}
.destination-view-all {
padding: 9px 14px !important;
font-size: 0.72rem !important;
}
.region-cards-wrapper {
margin-top: 24px !important;
gap: 16px !important;
padding: 5px 16px 26px !important;
scroll-padding-left: 16px !important;
}
.region-card {
flex: 0 0 calc(100vw - 64px) !important;
max-width: 340px !important;
height: 185px !important;
border-radius: 18px !important;
}
.region-card h3 {
font-size: 1.7rem !important;
}
.region-tour-badge {
left: 7px !important;
bottom: 9px !important;
padding: 6px 11px !important;
font-size: 0.74rem !important;
}
.info-banner-section {
padding: 18px 0 !important;
margin: 20px 0 !important;
}
.info-banner-blur {
padding: 42px 20px !important;
}
.info-banner-blur h3 {
font-size: 1.28rem !important;
margin-bottom: 12px !important;
}
.info-banner-blur p {
font-size: 0.88rem !important;
max-width: 330px !important;
}
.top-excursions-section {
padding: 34px 8px 38px !important;
max-width: 430px !important;
}
.top-excursions-title {
font-size: 1.85rem !important;
line-height: 1.15 !important;
margin-bottom: 20px !important;
}
.top-region-tabs {
justify-content: center !important;
gap: 8px !important;
margin-bottom: 26px !important;
}
.top-region-tabs .top-region-btn,
.top-region-btn {
min-width: 82px !important;
height: 36px !important;
padding: 8px 12px !important;
font-size: 0.72rem !important;
}
.top-excursions-section .tour-list-wrapper {
display: flex !important;
flex-direction: column !important;
gap: 18px !important;
width: 100% !important;
padding: 0 !important;
margin: 0 auto !important;
}
.top-excursions-section .tour-list-wrapper .viator-card {
display: flex !important;
flex-direction: row !important;
width: 100% !important;
min-height: 205px !important;
height: auto !important;
border-radius: 13px !important;
}
.top-excursions-section .tour-list-wrapper .viator-card-img-wrapper {
width: 36% !important;
flex: 0 0 36% !important;
height: auto !important;
min-height: 205px !important;
}
.top-excursions-section .tour-list-wrapper .viator-card-img-wrapper img {
height: 100% !important;
min-height: 205px !important;
object-fit: cover !important;
}
.top-excursions-section .tour-list-wrapper .viator-card-body {
width: 64% !important;
min-height: 205px !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) 104px !important;
grid-template-rows: auto auto auto 1fr !important;
column-gap: 7px !important;
padding: 10px 8px 10px 10px !important;
}
.top-excursions-section .tour-list-wrapper .viator-main-content {
display: contents !important;
}
.top-excursions-section .tour-list-wrapper .viator-title {
grid-column: 1 / 3 !important;
grid-row: 1 / 2 !important;
font-size: 0.9rem !important;
line-height: 1.12 !important;
margin: 0 0 5px !important;
font-weight: 900 !important;
white-space: normal !important;
overflow: visible !important;
display: block !important;
}
.top-excursions-section .tour-list-wrapper .viator-rating {
grid-column: 1 / 2 !important;
grid-row: 2 / 3 !important;
font-size: 0.6rem !important;
margin: 0 0 5px !important;
}
.top-excursions-section .tour-list-wrapper .viator-features-list {
grid-column: 1 / 2 !important;
grid-row: 3 / 4 !important;
gap: 3px !important;
margin: 0 0 6px !important;
}
.top-excursions-section .tour-list-wrapper .viator-feature {
font-size: 0.56rem !important;
line-height: 1.12 !important;
gap: 4px !important;
}
.top-excursions-section .tour-list-wrapper .viator-instant-box {
grid-column: 1 / 2 !important;
grid-row: 4 / 5 !important;
width: 94px !important;
max-width: 94px !important;
padding: 6px 7px !important;
border-radius: 7px !important;
margin-top: auto !important;
}
.top-excursions-section .tour-list-wrapper .viator-price-action {
grid-column: 2 / 3 !important;
grid-row: 2 / 5 !important;
width: 104px !important;
min-width: 104px !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-end !important;
justify-content: flex-end !important;
padding: 0 !important;
margin: 0 !important;
border-top: 0 !important;
}
.top-excursions-section .tour-list-wrapper .viator-price-amount {
font-size: 1.18rem !important;
}
.top-excursions-section .tour-list-wrapper .viator-price-unit {
display: block !important;
font-size: 0.52rem !important;
}
.top-excursions-section .tour-list-wrapper .viator-btn {
width: 104px !important;
height: 36px !important;
padding: 0 7px !important;
border-radius: 9px !important;
font-size: 0.62rem !important;
white-space: normal !important;
text-align: center !important;
}
.why-choose-section {
padding: 26px 8px 22px !important;
}
.why-choose-title {
font-size: 1.45rem !important;
margin-bottom: 7px !important;
}
.why-choose-mini-icon {
margin-bottom: 7px !important;
}
.why-choose-mini-icon::before,
.why-choose-mini-icon::after {
width: 42px !important;
}
.why-choose-subtitle {
max-width: 280px !important;
font-size: 0.72rem !important;
margin-bottom: 14px !important;
}
.why-choose-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 8px !important;
max-width: 100% !important;
}
.why-choose-card {
min-height: 112px !important;
padding: 11px 7px 10px !important;
border-radius: 12px !important;
}
.why-choose-icon {
width: 34px !important;
height: 34px !important;
font-size: 0.9rem !important;
margin-bottom: 7px !important;
}
.why-choose-card h3 {
font-size: 0.66rem !important;
margin-bottom: 5px !important;
}
.why-choose-card p {
font-size: 0.55rem !important;
line-height: 1.2 !important;
}
.trusted-brands-section {
margin: 40px auto !important;
}
.trusted-title {
font-size: 1.8rem !important;
}
.trusted-logos-row {
flex-wrap: nowrap !important;
overflow-x: auto !important;
justify-content: flex-start !important;
gap: 12px !important;
padding: 5px 15px 15px !important;
}
.trusted-logo-card {
flex: 0 0 140px !important;
width: 140px !important;
height: 75px !important;
padding: 12px !important;
}
.tripadvisor-banner-section {
max-width: 100% !important;
margin: 18px auto !important;
padding: 0 12px !important;
}
.tripadvisor-box {
padding: 14px !important;
border-radius: 16px !important;
}
.ta-timeline-box {
padding: 22px 12px 24px !important;
}
.ta-main-title {
font-size: 1.28rem !important;
}
.ta-thank-you-text {
font-size: 0.78rem !important;
max-width: 260px !important;
}
.award-item {
min-width: 48px !important;
width: 48px !important;
flex: 0 0 48px !important;
}
.award-badge,
.award-icon-img,
.award-badge img {
width: 48px !important;
height: 48px !important;
}
.blog-compact-section {
padding: 18px 12px !important;
margin-top: 10px !important;
margin-bottom: 10px !important;
}
.blog-compact-header h2 {
font-size: 1.45rem !important;
}
.blog-compact-header p {
max-width: 300px !important;
font-size: 0.78rem !important;
}
#blogs .blog-card img {
height: 86px !important;
}
#blogs .blog-card-body {
padding: 8px !important;
}
#blogs .blog-title {
font-size: 0.7rem !important;
}
#blogs .blog-date,
#blogs .blog-category,
#blogs .blog-read {
font-size: 0.58rem !important;
}
.popular-links-section {
padding: 28px 12px 18px !important;
}
.popular-link-group {
margin-bottom: 30px !important;
}
.popular-link-heading {
gap: 10px !important;
margin-bottom: 16px !important;
}
.popular-link-heading-icon {
width: 42px !important;
height: 42px !important;
flex: 0 0 42px !important;
font-size: 1.15rem !important;
}
.popular-link-heading-text h2 {
font-size: 1.45rem !important;
margin-bottom: 4px !important;
}
.popular-link-heading-text p {
font-size: 0.82rem !important;
max-width: 260px !important;
}
.popular-link-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
}
.popular-link-item {
min-height: 58px !important;
padding: 10px 8px !important;
border-radius: 12px !important;
font-size: 0.72rem !important;
line-height: 1.15 !important;
}
}
@media (max-width: 390px) {
.region-card,
.most-booked-card {
flex-basis: calc(100vw - 56px) !important;
max-width: 330px !important;
}
.top-excursions-section .tour-list-wrapper .viator-card-img-wrapper {
width: 37% !important;
flex: 0 0 37% !important;
}
.top-excursions-section .tour-list-wrapper .viator-card-body {
width: 63% !important;
grid-template-columns: minmax(0, 1fr) 90px !important;
}
.top-excursions-section .tour-list-wrapper .viator-price-action {
width: 90px !important;
min-width: 90px !important;
}
.top-excursions-section .tour-list-wrapper .viator-btn {
width: 90px !important;
height: 35px !important;
font-size: 0.55rem !important;
}
.why-choose-card {
min-height: 104px !important;
padding: 10px 6px 9px !important;
}
.popular-link-item {
min-height: 38px !important;
padding: 6px !important;
font-size: 0.58rem !important;
}
}
/* Kaydırmalı alanlarda dikey sayfa scroll'u kilitlenmesin */
.most-booked-wrapper,
.region-cards-wrapper,
.trusted-logos-row,
.top-excursions-section .tour-list-wrapper {
touch-action: pan-x pan-y !important;
overscroll-behavior-x: contain !important;
overscroll-behavior-y: auto !important;
}
/* =========================================================
JBT MOST BOOKED = TOP EXCURSIONS MOBILE STYLE FINAL
Most Booked Experiences mobilde Top Excursions & Activities
kart ölçüsü ve CSS yapısı ile aynı görünür.
Sadece Most Booked alanını etkiler.
========================================================= */
@media (min-width: 769px) {
.most-booked-section .most-booked-wrapper {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 14px !important;
max-width: 1080px !important;
margin: 0 auto !important;
padding: 8px 14px 26px !important;
overflow: visible !important;
scroll-snap-type: none !important;
}
.most-booked-section .most-booked-card {
width: 100% !important;
max-width: 100% !important;
flex: none !important;
margin: 0 !important;
}
.most-booked-section .most-booked-card .viator-card {
min-height: 298px !important;
height: 100% !important;
display: flex !important;
flex-direction: column !important;
border-radius: 13px !important;
overflow: hidden !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper {
width: 100% !important;
height: 122px !important;
min-height: 122px !important;
flex: 0 0 122px !important;
}
.most-booked-section .most-booked-card .viator-card-body {
padding: 10px 11px 11px !important;
display: flex !important;
flex-direction: column !important;
flex: 1 1 auto !important;
grid-template-columns: none !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.9rem !important;
line-height: 1.18 !important;
min-height: 40px !important;
margin-bottom: 6px !important;
-webkit-line-clamp: 2 !important;
}
.most-booked-section .most-booked-card .viator-rating,
.most-booked-section .most-booked-card .viator-feature {
font-size: 0.72rem !important;
}
.most-booked-section .most-booked-card .viator-features-list {
gap: 4px !important;
margin-bottom: 8px !important;
}
.most-booked-section .most-booked-card .viator-price-action {
margin-top: auto !important;
padding-top: 8px !important;
border-top: 1px solid #eeeeee !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
}
.most-booked-section .most-booked-card .viator-price-amount {
font-size: 1.15rem !important;
}
.most-booked-section .most-booked-card .viator-btn {
padding: 8px 11px !important;
font-size: 0.78rem !important;
border-radius: 8px !important;
min-width: 118px !important;
}
}
@media (max-width: 768px) {
.most-booked-section {
padding-top: 26px !important;
padding-bottom: 42px !important;
overflow: visible !important;
}
.most-booked-section .most-booked-wrapper {
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
gap: 12px !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
padding: 0 14px !important;
overflow: visible !important;
overflow-x: visible !important;
overflow-y: visible !important;
scroll-snap-type: none !important;
cursor: default !important;
touch-action: auto !important;
}
.most-booked-section .most-booked-card {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
flex: none !important;
margin: 0 !important;
scroll-snap-align: unset !important;
}
.most-booked-section .most-booked-card .viator-card {
width: 100% !important;
max-width: 100% !important;
min-height: 198px !important;
height: auto !important;
flex: none !important;
display: grid !important;
grid-template-columns: 38% 62% !important;
align-items: stretch !important;
border-radius: 15px !important;
overflow: hidden !important;
background: #ffffff !important;
border: 1px solid #e5e7eb !important;
box-shadow: 0 8px 22px rgba(0,0,0,0.08) !important;
margin: 0 !important;
scroll-snap-align: unset !important;
}
.most-booked-section .most-booked-card .viator-card:hover {
transform: none !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper {
width: 100% !important;
height: 100% !important;
min-height: 198px !important;
flex: none !important;
border-radius: 0 !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.most-booked-section .most-booked-card .badge-popular {
display: inline-flex !important;
top: 8px !important;
left: 7px !important;
right: auto !important;
padding: 4px 7px !important;
font-size: 0.55rem !important;
border-radius: 999px !important;
white-space: nowrap !important;
}
.most-booked-section .most-booked-card .badge-favorite {
display: flex !important;
right: 7px !important;
bottom: 8px !important;
top: auto !important;
width: 28px !important;
height: 28px !important;
font-size: 0.78rem !important;
}
.most-booked-section .most-booked-card .viator-card-body {
width: 100% !important;
min-width: 0 !important;
min-height: 198px !important;
padding: 11px 10px !important;
display: flex !important;
flex-direction: column !important;
grid-template-columns: none !important;
}
.most-booked-section .most-booked-card .viator-main-content {
min-width: 0 !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.96rem !important;
line-height: 1.18 !important;
min-height: auto !important;
max-height: none !important;
margin: 0 0 5px !important;
color: #111827 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
.most-booked-section .most-booked-card .viator-rating {
display: flex !important;
font-size: 0.68rem !important;
gap: 4px !important;
margin: 0 0 4px !important;
color: #111827 !important;
}
.most-booked-section .most-booked-card .viator-rating i {
font-size: 0.72rem !important;
}
.most-booked-section .most-booked-card .viator-features-list {
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
margin: 0 0 6px !important;
}
.most-booked-section .most-booked-card .viator-feature {
display: flex !important;
font-size: 0.66rem !important;
line-height: 1.15 !important;
gap: 4px !important;
color: #111827 !important;
margin-bottom: 0 !important;
}
.most-booked-section .most-booked-card .viator-feature i {
font-size: 0.68rem !important;
}
.most-booked-section .most-booked-card .viator-feature.mb-1 {
display: flex !important;
}
.most-booked-section .most-booked-card .viator-instant-box {
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
width: fit-content !important;
max-width: 105px !important;
padding: 5px 6px !important;
border-radius: 7px !important;
background: #ecfdf3 !important;
color: #16a34a !important;
margin-top: auto !important;
}
.most-booked-section .most-booked-card .viator-instant-box i {
font-size: 0.62rem !important;
}
.most-booked-section .most-booked-card .viator-instant-text strong {
display: block !important;
font-size: 0.58rem !important;
line-height: 1.05 !important;
color: #15803d !important;
}
.most-booked-section .most-booked-card .viator-price-action {
margin-top: 6px !important;
padding-top: 0 !important;
border-top: 0 !important;
display: flex !important;
flex-direction: row !important;
align-items: flex-end !important;
justify-content: space-between !important;
gap: 7px !important;
}
.most-booked-section .most-booked-card .viator-price-info {
text-align: right !important;
margin-left: auto !important;
}
.most-booked-section .most-booked-card .viator-price-amount {
font-size: 1.18rem !important;
line-height: 1 !important;
font-weight: 1000 !important;
color: #111827 !important;
white-space: nowrap !important;
}
.most-booked-section .most-booked-card .viator-price-unit {
display: block !important;
font-size: 0.54rem !important;
color: #6b7280 !important;
margin-top: 2px !important;
}
.most-booked-section .most-booked-card .viator-btn {
padding: 9px 12px !important;
min-width: 88px !important;
border-radius: 10px !important;
font-size: 0.74rem !important;
font-weight: 1000 !important;
align-self: flex-end !important;
white-space: nowrap !important;
}
}
@media (max-width: 390px) {
.most-booked-section .most-booked-card .viator-card {
min-height: 190px !important;
grid-template-columns: 37% 63% !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper,
.most-booked-section .most-booked-card .viator-card-body {
min-height: 190px !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.9rem !important;
}
.most-booked-section .most-booked-card .viator-btn {
min-width: 82px !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
}
</style>
<script>
/* JBT FINAL: wheel üstünde sayfa scroll kilitlenmesin */
(function () {
function isHorizontalSlider(el) {
return el && el.closest && el.closest(
'.most-booked-wrapper, .region-cards-wrapper, .trusted-logos-row, .top-excursions-section .tour-list-wrapper'
);
}
/*
Eski kodda slider üstünde mouse wheel gelince preventDefault yapılıp
vertical scroll horizontal scroll'a çevriliyordu. Bu yüzden kullanıcı
slider alanındayken sayfayı aşağı/yukarı kaydıramıyordu.
Burada wheel eventini capture aşamasında durduruyoruz ama preventDefault
yapmıyoruz; böylece browser normal sayfa scroll'una devam ediyor.
*/
document.addEventListener('wheel', function (event) {
var slider = isHorizontalSlider(event.target);
if (!slider) return;
if (Math.abs(event.deltaY) >= Math.abs(event.deltaX)) {
event.stopImmediatePropagation();
}
}, { capture: true, passive: true });
})();
</script>
<style>
/* =========================================================
JBT CUSTOMER INDEX FINAL FIX
İstenen alanlar: bölüm başlık entegrasyonu, kart ölçüleri,
destination slider, blog alt başlık, popular link ikonları.
Mevcut PHP/SQL/URL/slug/dil ve genel tasarım mantığı korunur.
========================================================= */
/* Most Booked kartları bir tık küçültüldü */
@media (min-width: 769px) {
.most-booked-wrapper {
max-width: 1080px !important;
gap: 16px !important;
padding-left: 12px !important;
padding-right: 12px !important;
}
.most-booked-card {
flex: 0 0 246px !important;
width: 246px !important;
max-width: 246px !important;
}
.most-booked-card .viator-card {
min-height: 360px !important;
border-radius: 13px !important;
}
.most-booked-card .viator-card-img-wrapper {
height: 150px !important;
min-height: 150px !important;
flex-basis: 150px !important;
}
.most-booked-card .viator-card-body {
padding: 13px 12px !important;
}
.most-booked-card .viator-title {
font-size: 0.92rem !important;
min-height: 42px !important;
margin-bottom: 8px !important;
}
.most-booked-card .viator-rating,
.most-booked-card .viator-feature {
font-size: 0.74rem !important;
}
.most-booked-card .viator-price-amount {
font-size: 1.24rem !important;
}
.most-booked-card .viator-btn {
min-width: 86px !important;
padding: 9px 12px !important;
font-size: 0.78rem !important;
}
}
/* Explore by Destination slider düzgün çalışsın ve oklar görünür olsun */
.features-section {
overflow: visible !important;
}
.features-section .jbt-regions-prev,
.features-section .jbt-regions-next {
top: 50% !important;
transform: translateY(-50%) !important;
}
.region-cards-wrapper {
position: relative !important;
scroll-behavior: smooth !important;
scroll-snap-type: x mandatory !important;
-webkit-overflow-scrolling: touch !important;
touch-action: pan-x pan-y !important;
overscroll-behavior-x: contain !important;
overscroll-behavior-y: auto !important;
}
.region-card {
scroll-snap-align: start !important;
}
/* Tur sayısı kutusu kırmızı */
.region-tour-badge {
background: #e1251b !important;
color: #ffffff !important;
border: 0 !important;
box-shadow: 0 8px 18px rgba(225,37,27,0.28) !important;
}
.region-tour-badge i {
color: #ffffff !important;
}
/* Keep things flexible çok az küçültüldü */
.info-banner-blur h3 {
font-size: 1.22rem !important;
line-height: 1.18 !important;
}
.info-banner-blur p {
font-size: 0.82rem !important;
line-height: 1.42 !important;
max-width: 620px !important;
}
/* Top Tours admin alt başlığı eklendiyse düzgün görünsün */
.top-excursions-subtitle {
max-width: 620px !important;
margin: -10px auto 22px !important;
color: #4b5563 !important;
font-size: 0.95rem !important;
line-height: 1.45 !important;
font-weight: 500 !important;
}
/* Travel Blogs içine alt açıklama geldi */
.blog-compact-header p {
display: block !important;
max-width: 520px !important;
margin: 6px auto 0 !important;
color: #4b5563 !important;
font-size: 0.95rem !important;
line-height: 1.45 !important;
font-weight: 500 !important;
}
/* Popular Regions / Popular Excursions ikonları PC'de de görünür ve başlık başta hizalı */
.popular-links-section {
max-width: 1050px !important;
margin: 0 auto !important;
padding-top: 42px !important;
padding-bottom: 22px !important;
background: #ffffff !important;
}
.popular-link-group {
margin-bottom: 34px !important;
}
.popular-link-group:last-child {
margin-bottom: 0 !important;
}
.popular-link-heading {
display: grid !important;
grid-template-columns: 58px minmax(0, 1fr) !important;
align-items: center !important;
gap: 16px !important;
margin-bottom: 20px !important;
text-align: left !important;
}
.popular-link-heading-icon {
width: 52px !important;
height: 52px !important;
border-radius: 999px !important;
background: #fff0ef !important;
color: #e1251b !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 1.25rem !important;
flex: 0 0 52px !important;
}
.popular-link-heading-icon i {
color: #e1251b !important;
}
.popular-link-heading-text h2 {
margin: 0 0 4px !important;
color: #111827 !important;
font-size: 1.85rem !important;
line-height: 1.08 !important;
font-weight: 1000 !important;
letter-spacing: -0.4px !important;
}
.popular-link-heading-text p {
margin: 0 !important;
color: #4b5563 !important;
font-size: 0.96rem !important;
line-height: 1.35 !important;
}
.popular-link-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px 42px !important;
}
.popular-link-item {
min-height: 48px !important;
display: grid !important;
grid-template-columns: 22px minmax(0, 1fr) 16px !important;
align-items: center !important;
gap: 12px !important;
padding: 10px 8px !important;
border-bottom: 1px solid #eeeeee !important;
color: #111827 !important;
text-decoration: none !important;
font-size: 0.92rem !important;
line-height: 1.25 !important;
font-weight: 900 !important;
}
.popular-link-item-icon,
.popular-link-arrow {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
color: #e1251b !important;
}
.popular-link-item-icon i,
.popular-link-arrow i {
color: #e1251b !important;
}
.popular-link-item-text {
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
/* Mobile ekran görüntüsündeki kart boşlukları korunarak ikon hizası */
@media (max-width: 768px) {
.most-booked-card {
flex: 0 0 292px !important;
width: 292px !important;
max-width: 292px !important;
}
.most-booked-card .viator-card {
min-height: 374px !important;
}
.most-booked-card .viator-card-img-wrapper {
height: 158px !important;
min-height: 158px !important;
flex-basis: 158px !important;
}
.info-banner-blur h3 {
font-size: 1.04rem !important;
}
.info-banner-blur p {
font-size: 0.74rem !important;
max-width: 330px !important;
}
.popular-links-section {
padding: 32px 14px 18px !important;
}
.popular-link-group {
margin-bottom: 30px !important;
}
.popular-link-heading {
grid-template-columns: 52px minmax(0, 1fr) !important;
gap: 12px !important;
margin-bottom: 15px !important;
}
.popular-link-heading-icon {
width: 48px !important;
height: 48px !important;
font-size: 1.1rem !important;
}
.popular-link-heading-text h2 {
font-size: 1.46rem !important;
}
.popular-link-heading-text p {
font-size: 0.82rem !important;
max-width: 260px !important;
}
.popular-link-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
}
.popular-link-item {
min-height: 44px !important;
border: 1px solid #ececec !important;
border-radius: 12px !important;
box-shadow: 0 6px 14px rgba(0,0,0,.035) !important;
grid-template-columns: 18px minmax(0, 1fr) 12px !important;
gap: 7px !important;
padding: 11px 9px !important;
font-size: 0.76rem !important;
}
}
/* =========================================================
JBT MOST BOOKED = TOP EXCURSIONS MOBILE STYLE FINAL
Most Booked Experiences mobilde Top Excursions & Activities
kart ölçüsü ve CSS yapısı ile aynı görünür.
Sadece Most Booked alanını etkiler.
========================================================= */
@media (min-width: 769px) {
.most-booked-section .most-booked-wrapper {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 14px !important;
max-width: 1080px !important;
margin: 0 auto !important;
padding: 8px 14px 26px !important;
overflow: visible !important;
scroll-snap-type: none !important;
}
.most-booked-section .most-booked-card {
width: 100% !important;
max-width: 100% !important;
flex: none !important;
margin: 0 !important;
}
.most-booked-section .most-booked-card .viator-card {
min-height: 298px !important;
height: 100% !important;
display: flex !important;
flex-direction: column !important;
border-radius: 13px !important;
overflow: hidden !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper {
width: 100% !important;
height: 122px !important;
min-height: 122px !important;
flex: 0 0 122px !important;
}
.most-booked-section .most-booked-card .viator-card-body {
padding: 10px 11px 11px !important;
display: flex !important;
flex-direction: column !important;
flex: 1 1 auto !important;
grid-template-columns: none !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.9rem !important;
line-height: 1.18 !important;
min-height: 40px !important;
margin-bottom: 6px !important;
-webkit-line-clamp: 2 !important;
}
.most-booked-section .most-booked-card .viator-rating,
.most-booked-section .most-booked-card .viator-feature {
font-size: 0.72rem !important;
}
.most-booked-section .most-booked-card .viator-features-list {
gap: 4px !important;
margin-bottom: 8px !important;
}
.most-booked-section .most-booked-card .viator-price-action {
margin-top: auto !important;
padding-top: 8px !important;
border-top: 1px solid #eeeeee !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
}
.most-booked-section .most-booked-card .viator-price-amount {
font-size: 1.15rem !important;
}
.most-booked-section .most-booked-card .viator-btn {
padding: 8px 11px !important;
font-size: 0.78rem !important;
border-radius: 8px !important;
min-width: 118px !important;
}
}
@media (max-width: 768px) {
.most-booked-section {
padding-top: 26px !important;
padding-bottom: 42px !important;
overflow: visible !important;
}
.most-booked-section .most-booked-wrapper {
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
gap: 12px !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
padding: 0 14px !important;
overflow: visible !important;
overflow-x: visible !important;
overflow-y: visible !important;
scroll-snap-type: none !important;
cursor: default !important;
touch-action: auto !important;
}
.most-booked-section .most-booked-card {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
flex: none !important;
margin: 0 !important;
scroll-snap-align: unset !important;
}
.most-booked-section .most-booked-card .viator-card {
width: 100% !important;
max-width: 100% !important;
min-height: 198px !important;
height: auto !important;
flex: none !important;
display: grid !important;
grid-template-columns: 38% 62% !important;
align-items: stretch !important;
border-radius: 15px !important;
overflow: hidden !important;
background: #ffffff !important;
border: 1px solid #e5e7eb !important;
box-shadow: 0 8px 22px rgba(0,0,0,0.08) !important;
margin: 0 !important;
scroll-snap-align: unset !important;
}
.most-booked-section .most-booked-card .viator-card:hover {
transform: none !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper {
width: 100% !important;
height: 100% !important;
min-height: 198px !important;
flex: none !important;
border-radius: 0 !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.most-booked-section .most-booked-card .badge-popular {
display: inline-flex !important;
top: 8px !important;
left: 7px !important;
right: auto !important;
padding: 4px 7px !important;
font-size: 0.55rem !important;
border-radius: 999px !important;
white-space: nowrap !important;
}
.most-booked-section .most-booked-card .badge-favorite {
display: flex !important;
right: 7px !important;
bottom: 8px !important;
top: auto !important;
width: 28px !important;
height: 28px !important;
font-size: 0.78rem !important;
}
.most-booked-section .most-booked-card .viator-card-body {
width: 100% !important;
min-width: 0 !important;
min-height: 198px !important;
padding: 11px 10px !important;
display: flex !important;
flex-direction: column !important;
grid-template-columns: none !important;
}
.most-booked-section .most-booked-card .viator-main-content {
min-width: 0 !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.96rem !important;
line-height: 1.18 !important;
min-height: auto !important;
max-height: none !important;
margin: 0 0 5px !important;
color: #111827 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
.most-booked-section .most-booked-card .viator-rating {
display: flex !important;
font-size: 0.68rem !important;
gap: 4px !important;
margin: 0 0 4px !important;
color: #111827 !important;
}
.most-booked-section .most-booked-card .viator-rating i {
font-size: 0.72rem !important;
}
.most-booked-section .most-booked-card .viator-features-list {
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
margin: 0 0 6px !important;
}
.most-booked-section .most-booked-card .viator-feature {
display: flex !important;
font-size: 0.66rem !important;
line-height: 1.15 !important;
gap: 4px !important;
color: #111827 !important;
margin-bottom: 0 !important;
}
.most-booked-section .most-booked-card .viator-feature i {
font-size: 0.68rem !important;
}
.most-booked-section .most-booked-card .viator-feature.mb-1 {
display: flex !important;
}
.most-booked-section .most-booked-card .viator-instant-box {
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
width: fit-content !important;
max-width: 105px !important;
padding: 5px 6px !important;
border-radius: 7px !important;
background: #ecfdf3 !important;
color: #16a34a !important;
margin-top: auto !important;
}
.most-booked-section .most-booked-card .viator-instant-box i {
font-size: 0.62rem !important;
}
.most-booked-section .most-booked-card .viator-instant-text strong {
display: block !important;
font-size: 0.58rem !important;
line-height: 1.05 !important;
color: #15803d !important;
}
.most-booked-section .most-booked-card .viator-price-action {
margin-top: 6px !important;
padding-top: 0 !important;
border-top: 0 !important;
display: flex !important;
flex-direction: row !important;
align-items: flex-end !important;
justify-content: space-between !important;
gap: 7px !important;
}
.most-booked-section .most-booked-card .viator-price-info {
text-align: right !important;
margin-left: auto !important;
}
.most-booked-section .most-booked-card .viator-price-amount {
font-size: 1.18rem !important;
line-height: 1 !important;
font-weight: 1000 !important;
color: #111827 !important;
white-space: nowrap !important;
}
.most-booked-section .most-booked-card .viator-price-unit {
display: block !important;
font-size: 0.54rem !important;
color: #6b7280 !important;
margin-top: 2px !important;
}
.most-booked-section .most-booked-card .viator-btn {
padding: 9px 12px !important;
min-width: 88px !important;
border-radius: 10px !important;
font-size: 0.74rem !important;
font-weight: 1000 !important;
align-self: flex-end !important;
white-space: nowrap !important;
}
}
@media (max-width: 390px) {
.most-booked-section .most-booked-card .viator-card {
min-height: 190px !important;
grid-template-columns: 37% 63% !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper,
.most-booked-section .most-booked-card .viator-card-body {
min-height: 190px !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.9rem !important;
}
.most-booked-section .most-booked-card .viator-btn {
min-width: 82px !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
}
</style>
<script>
/* JBT_REGION_SLIDER_FINAL_FIX
Explore by Destination ok butonları ve swipe/scroll davranışını sağlamlaştırır. */
(function () {
window.jbtIndexScrollSlider = function (name, direction) {
var slider = document.querySelector('[data-jbt-slider-track="' + name + '"]');
if (!slider) return;
var firstItem = Array.prototype.find.call(slider.children, function (el) {
return el && el.nodeType === 1 && el.offsetWidth > 0;
});
var step = Math.round(slider.clientWidth * 0.82);
if (firstItem) {
var style = window.getComputedStyle(slider);
var gap = parseFloat(style.gap || style.columnGap || "0") || 0;
step = Math.max(180, Math.round(firstItem.getBoundingClientRect().width + gap));
}
slider.scrollBy({ left: direction * step * 2, behavior: "auto" });
};
document.addEventListener('wheel', function (event) {
var slider = event.target.closest && event.target.closest('.region-cards-wrapper, .most-booked-wrapper');
if (!slider) return;
if (Math.abs(event.deltaY) >= Math.abs(event.deltaX)) {
event.stopImmediatePropagation();
}
}, { capture: true, passive: true });
})();
</script>
<style>
/* =========================================================
JBT SLIDER STABLE + INFO BANNER TEXT SIZE FIX
Sadece ana sayfa slider titreme azaltma ve yeşil/mavi bilgi bandı
yazı boyutu düzeltmesi yapar. PHP/SQL/URL/slug/dil alanlarına dokunmaz.
========================================================= */
/* Slider titremesini yapan snap/drag sertliğini yumuşat */
.most-booked-wrapper,
.region-cards-wrapper {
scroll-snap-type: none !important;
scroll-behavior: auto !important;
-webkit-overflow-scrolling: touch !important;
overscroll-behavior-x: contain !important;
overscroll-behavior-y: auto !important;
touch-action: pan-x pan-y !important;
cursor: default !important;
}
.most-booked-wrapper.is-jbt-dragging,
.region-cards-wrapper.is-jbt-dragging {
cursor: default !important;
user-select: auto !important;
scroll-snap-type: none !important;
}
.most-booked-card,
.region-card {
scroll-snap-align: none !important;
}
/* Hover transform slider sırasında zıplama/titreme yapmasın */
.most-booked-card .viator-card:hover,
.region-card:hover {
transform: none !important;
}
/* Okla kaydırma konumu daha stabil olsun */
.most-booked-wrapper,
.region-cards-wrapper {
will-change: scroll-position !important;
transform: translateZ(0) !important;
}
/* Keep things flexible / info banner yazısı çok az büyütüldü */
.info-banner-blur h3 {
font-size: 1.30rem !important;
line-height: 1.18 !important;
font-weight: 800 !important;
}
.info-banner-blur p {
font-size: 0.90rem !important;
line-height: 1.46 !important;
font-weight: 400 !important;
}
@media (max-width: 768px) {
.info-banner-blur h3 {
font-size: 1.12rem !important;
line-height: 1.18 !important;
}
.info-banner-blur p {
font-size: 0.82rem !important;
line-height: 1.45 !important;
}
}
/* =========================================================
JBT MOST BOOKED = TOP EXCURSIONS MOBILE STYLE FINAL
Most Booked Experiences mobilde Top Excursions & Activities
kart ölçüsü ve CSS yapısı ile aynı görünür.
Sadece Most Booked alanını etkiler.
========================================================= */
@media (min-width: 769px) {
.most-booked-section .most-booked-wrapper {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 14px !important;
max-width: 1080px !important;
margin: 0 auto !important;
padding: 8px 14px 26px !important;
overflow: visible !important;
scroll-snap-type: none !important;
}
.most-booked-section .most-booked-card {
width: 100% !important;
max-width: 100% !important;
flex: none !important;
margin: 0 !important;
}
.most-booked-section .most-booked-card .viator-card {
min-height: 298px !important;
height: 100% !important;
display: flex !important;
flex-direction: column !important;
border-radius: 13px !important;
overflow: hidden !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper {
width: 100% !important;
height: 122px !important;
min-height: 122px !important;
flex: 0 0 122px !important;
}
.most-booked-section .most-booked-card .viator-card-body {
padding: 10px 11px 11px !important;
display: flex !important;
flex-direction: column !important;
flex: 1 1 auto !important;
grid-template-columns: none !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.9rem !important;
line-height: 1.18 !important;
min-height: 40px !important;
margin-bottom: 6px !important;
-webkit-line-clamp: 2 !important;
}
.most-booked-section .most-booked-card .viator-rating,
.most-booked-section .most-booked-card .viator-feature {
font-size: 0.72rem !important;
}
.most-booked-section .most-booked-card .viator-features-list {
gap: 4px !important;
margin-bottom: 8px !important;
}
.most-booked-section .most-booked-card .viator-price-action {
margin-top: auto !important;
padding-top: 8px !important;
border-top: 1px solid #eeeeee !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
}
.most-booked-section .most-booked-card .viator-price-amount {
font-size: 1.15rem !important;
}
.most-booked-section .most-booked-card .viator-btn {
padding: 8px 11px !important;
font-size: 0.78rem !important;
border-radius: 8px !important;
min-width: 118px !important;
}
}
@media (max-width: 768px) {
.most-booked-section {
padding-top: 26px !important;
padding-bottom: 42px !important;
overflow: visible !important;
}
.most-booked-section .most-booked-wrapper {
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
gap: 12px !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
padding: 0 14px !important;
overflow: visible !important;
overflow-x: visible !important;
overflow-y: visible !important;
scroll-snap-type: none !important;
cursor: default !important;
touch-action: auto !important;
}
.most-booked-section .most-booked-card {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
flex: none !important;
margin: 0 !important;
scroll-snap-align: unset !important;
}
.most-booked-section .most-booked-card .viator-card {
width: 100% !important;
max-width: 100% !important;
min-height: 198px !important;
height: auto !important;
flex: none !important;
display: grid !important;
grid-template-columns: 38% 62% !important;
align-items: stretch !important;
border-radius: 15px !important;
overflow: hidden !important;
background: #ffffff !important;
border: 1px solid #e5e7eb !important;
box-shadow: 0 8px 22px rgba(0,0,0,0.08) !important;
margin: 0 !important;
scroll-snap-align: unset !important;
}
.most-booked-section .most-booked-card .viator-card:hover {
transform: none !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper {
width: 100% !important;
height: 100% !important;
min-height: 198px !important;
flex: none !important;
border-radius: 0 !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.most-booked-section .most-booked-card .badge-popular {
display: inline-flex !important;
top: 8px !important;
left: 7px !important;
right: auto !important;
padding: 4px 7px !important;
font-size: 0.55rem !important;
border-radius: 999px !important;
white-space: nowrap !important;
}
.most-booked-section .most-booked-card .badge-favorite {
display: flex !important;
right: 7px !important;
bottom: 8px !important;
top: auto !important;
width: 28px !important;
height: 28px !important;
font-size: 0.78rem !important;
}
.most-booked-section .most-booked-card .viator-card-body {
width: 100% !important;
min-width: 0 !important;
min-height: 198px !important;
padding: 11px 10px !important;
display: flex !important;
flex-direction: column !important;
grid-template-columns: none !important;
}
.most-booked-section .most-booked-card .viator-main-content {
min-width: 0 !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.96rem !important;
line-height: 1.18 !important;
min-height: auto !important;
max-height: none !important;
margin: 0 0 5px !important;
color: #111827 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
.most-booked-section .most-booked-card .viator-rating {
display: flex !important;
font-size: 0.68rem !important;
gap: 4px !important;
margin: 0 0 4px !important;
color: #111827 !important;
}
.most-booked-section .most-booked-card .viator-rating i {
font-size: 0.72rem !important;
}
.most-booked-section .most-booked-card .viator-features-list {
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
margin: 0 0 6px !important;
}
.most-booked-section .most-booked-card .viator-feature {
display: flex !important;
font-size: 0.66rem !important;
line-height: 1.15 !important;
gap: 4px !important;
color: #111827 !important;
margin-bottom: 0 !important;
}
.most-booked-section .most-booked-card .viator-feature i {
font-size: 0.68rem !important;
}
.most-booked-section .most-booked-card .viator-feature.mb-1 {
display: flex !important;
}
.most-booked-section .most-booked-card .viator-instant-box {
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
width: fit-content !important;
max-width: 105px !important;
padding: 5px 6px !important;
border-radius: 7px !important;
background: #ecfdf3 !important;
color: #16a34a !important;
margin-top: auto !important;
}
.most-booked-section .most-booked-card .viator-instant-box i {
font-size: 0.62rem !important;
}
.most-booked-section .most-booked-card .viator-instant-text strong {
display: block !important;
font-size: 0.58rem !important;
line-height: 1.05 !important;
color: #15803d !important;
}
.most-booked-section .most-booked-card .viator-price-action {
margin-top: 6px !important;
padding-top: 0 !important;
border-top: 0 !important;
display: flex !important;
flex-direction: row !important;
align-items: flex-end !important;
justify-content: space-between !important;
gap: 7px !important;
}
.most-booked-section .most-booked-card .viator-price-info {
text-align: right !important;
margin-left: auto !important;
}
.most-booked-section .most-booked-card .viator-price-amount {
font-size: 1.18rem !important;
line-height: 1 !important;
font-weight: 1000 !important;
color: #111827 !important;
white-space: nowrap !important;
}
.most-booked-section .most-booked-card .viator-price-unit {
display: block !important;
font-size: 0.54rem !important;
color: #6b7280 !important;
margin-top: 2px !important;
}
.most-booked-section .most-booked-card .viator-btn {
padding: 9px 12px !important;
min-width: 88px !important;
border-radius: 10px !important;
font-size: 0.74rem !important;
font-weight: 1000 !important;
align-self: flex-end !important;
white-space: nowrap !important;
}
}
@media (max-width: 390px) {
.most-booked-section .most-booked-card .viator-card {
min-height: 190px !important;
grid-template-columns: 37% 63% !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper,
.most-booked-section .most-booked-card .viator-card-body {
min-height: 190px !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.9rem !important;
}
.most-booked-section .most-booked-card .viator-btn {
min-width: 82px !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
}
</style>
<script>
/* JBT_SLIDER_STABLE_FINAL
Önceki sürükleme scriptlerinin slider üzerinde titreme yapmasını engeller.
Native mobil swipe kalır, ok butonları stabil çalışır. */
(function () {
function initStableSliders() {
var sliders = document.querySelectorAll('.most-booked-wrapper, .region-cards-wrapper');
sliders.forEach(function (slider) {
if (slider.dataset.jbtStableFinal === '1') return;
slider.dataset.jbtStableFinal = '1';
/* Eski pointer-drag scriptleri bubble aşamasında çalışıyordu.
Capture aşamasında durdurup native touch scroll'u bozmuyoruz. */
['pointerdown', 'pointermove', 'pointerup', 'pointercancel', 'pointerleave'].forEach(function (evtName) {
slider.addEventListener(evtName, function (e) {
if (e.target && e.target.closest && e.target.closest('.jbt-inline-slider-btn')) return;
e.stopImmediatePropagation();
slider.classList.remove('is-jbt-dragging');
slider.dataset.blockClick = '';
}, true);
});
slider.addEventListener('scroll', function () {
slider.classList.remove('is-jbt-dragging');
slider.dataset.blockClick = '';
}, { passive: true });
});
window.jbtIndexScrollSlider = function (name, direction) {
var slider = document.querySelector('[data-jbt-slider-track="' + name + '"]');
if (!slider) return;
var firstItem = Array.prototype.find.call(slider.children, function (el) {
return el && el.nodeType === 1 && el.offsetWidth > 0;
});
var step = Math.round(slider.clientWidth * 0.82);
if (firstItem) {
var style = window.getComputedStyle(slider);
var gap = parseFloat(style.gap || style.columnGap || '0') || 0;
step = Math.max(160, Math.round(firstItem.getBoundingClientRect().width + gap));
}
slider.classList.remove('is-jbt-dragging');
slider.dataset.blockClick = '';
slider.scrollBy({ left: direction * step * 2, behavior: 'auto' });
};
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', initStableSliders);
} else {
initStableSliders();
}
})();
</script>
<style>
/* JBT INFO BANNER DESCRIPTION BOLD FIX
Sadece Keep things flexible alt açıklamasını kalın yapar. */
.info-banner-blur p {
font-weight: 700 !important;
}
@media (max-width: 768px) {
.info-banner-blur p {
font-weight: 700 !important;
}
}
/* =========================================================
JBT MOST BOOKED = TOP EXCURSIONS MOBILE STYLE FINAL
Most Booked Experiences mobilde Top Excursions & Activities
kart ölçüsü ve CSS yapısı ile aynı görünür.
Sadece Most Booked alanını etkiler.
========================================================= */
@media (min-width: 769px) {
.most-booked-section .most-booked-wrapper {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 14px !important;
max-width: 1080px !important;
margin: 0 auto !important;
padding: 8px 14px 26px !important;
overflow: visible !important;
scroll-snap-type: none !important;
}
.most-booked-section .most-booked-card {
width: 100% !important;
max-width: 100% !important;
flex: none !important;
margin: 0 !important;
}
.most-booked-section .most-booked-card .viator-card {
min-height: 298px !important;
height: 100% !important;
display: flex !important;
flex-direction: column !important;
border-radius: 13px !important;
overflow: hidden !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper {
width: 100% !important;
height: 122px !important;
min-height: 122px !important;
flex: 0 0 122px !important;
}
.most-booked-section .most-booked-card .viator-card-body {
padding: 10px 11px 11px !important;
display: flex !important;
flex-direction: column !important;
flex: 1 1 auto !important;
grid-template-columns: none !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.9rem !important;
line-height: 1.18 !important;
min-height: 40px !important;
margin-bottom: 6px !important;
-webkit-line-clamp: 2 !important;
}
.most-booked-section .most-booked-card .viator-rating,
.most-booked-section .most-booked-card .viator-feature {
font-size: 0.72rem !important;
}
.most-booked-section .most-booked-card .viator-features-list {
gap: 4px !important;
margin-bottom: 8px !important;
}
.most-booked-section .most-booked-card .viator-price-action {
margin-top: auto !important;
padding-top: 8px !important;
border-top: 1px solid #eeeeee !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
}
.most-booked-section .most-booked-card .viator-price-amount {
font-size: 1.15rem !important;
}
.most-booked-section .most-booked-card .viator-btn {
padding: 8px 11px !important;
font-size: 0.78rem !important;
border-radius: 8px !important;
min-width: 118px !important;
}
}
@media (max-width: 768px) {
.most-booked-section {
padding-top: 26px !important;
padding-bottom: 42px !important;
overflow: visible !important;
}
.most-booked-section .most-booked-wrapper {
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
gap: 12px !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
padding: 0 14px !important;
overflow: visible !important;
overflow-x: visible !important;
overflow-y: visible !important;
scroll-snap-type: none !important;
cursor: default !important;
touch-action: auto !important;
}
.most-booked-section .most-booked-card {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
flex: none !important;
margin: 0 !important;
scroll-snap-align: unset !important;
}
.most-booked-section .most-booked-card .viator-card {
width: 100% !important;
max-width: 100% !important;
min-height: 198px !important;
height: auto !important;
flex: none !important;
display: grid !important;
grid-template-columns: 38% 62% !important;
align-items: stretch !important;
border-radius: 15px !important;
overflow: hidden !important;
background: #ffffff !important;
border: 1px solid #e5e7eb !important;
box-shadow: 0 8px 22px rgba(0,0,0,0.08) !important;
margin: 0 !important;
scroll-snap-align: unset !important;
}
.most-booked-section .most-booked-card .viator-card:hover {
transform: none !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper {
width: 100% !important;
height: 100% !important;
min-height: 198px !important;
flex: none !important;
border-radius: 0 !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.most-booked-section .most-booked-card .badge-popular {
display: inline-flex !important;
top: 8px !important;
left: 7px !important;
right: auto !important;
padding: 4px 7px !important;
font-size: 0.55rem !important;
border-radius: 999px !important;
white-space: nowrap !important;
}
.most-booked-section .most-booked-card .badge-favorite {
display: flex !important;
right: 7px !important;
bottom: 8px !important;
top: auto !important;
width: 28px !important;
height: 28px !important;
font-size: 0.78rem !important;
}
.most-booked-section .most-booked-card .viator-card-body {
width: 100% !important;
min-width: 0 !important;
min-height: 198px !important;
padding: 11px 10px !important;
display: flex !important;
flex-direction: column !important;
grid-template-columns: none !important;
}
.most-booked-section .most-booked-card .viator-main-content {
min-width: 0 !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.96rem !important;
line-height: 1.18 !important;
min-height: auto !important;
max-height: none !important;
margin: 0 0 5px !important;
color: #111827 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
.most-booked-section .most-booked-card .viator-rating {
display: flex !important;
font-size: 0.68rem !important;
gap: 4px !important;
margin: 0 0 4px !important;
color: #111827 !important;
}
.most-booked-section .most-booked-card .viator-rating i {
font-size: 0.72rem !important;
}
.most-booked-section .most-booked-card .viator-features-list {
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
margin: 0 0 6px !important;
}
.most-booked-section .most-booked-card .viator-feature {
display: flex !important;
font-size: 0.66rem !important;
line-height: 1.15 !important;
gap: 4px !important;
color: #111827 !important;
margin-bottom: 0 !important;
}
.most-booked-section .most-booked-card .viator-feature i {
font-size: 0.68rem !important;
}
.most-booked-section .most-booked-card .viator-feature.mb-1 {
display: flex !important;
}
.most-booked-section .most-booked-card .viator-instant-box {
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
width: fit-content !important;
max-width: 105px !important;
padding: 5px 6px !important;
border-radius: 7px !important;
background: #ecfdf3 !important;
color: #16a34a !important;
margin-top: auto !important;
}
.most-booked-section .most-booked-card .viator-instant-box i {
font-size: 0.62rem !important;
}
.most-booked-section .most-booked-card .viator-instant-text strong {
display: block !important;
font-size: 0.58rem !important;
line-height: 1.05 !important;
color: #15803d !important;
}
.most-booked-section .most-booked-card .viator-price-action {
margin-top: 6px !important;
padding-top: 0 !important;
border-top: 0 !important;
display: flex !important;
flex-direction: row !important;
align-items: flex-end !important;
justify-content: space-between !important;
gap: 7px !important;
}
.most-booked-section .most-booked-card .viator-price-info {
text-align: right !important;
margin-left: auto !important;
}
.most-booked-section .most-booked-card .viator-price-amount {
font-size: 1.18rem !important;
line-height: 1 !important;
font-weight: 1000 !important;
color: #111827 !important;
white-space: nowrap !important;
}
.most-booked-section .most-booked-card .viator-price-unit {
display: block !important;
font-size: 0.54rem !important;
color: #6b7280 !important;
margin-top: 2px !important;
}
.most-booked-section .most-booked-card .viator-btn {
padding: 9px 12px !important;
min-width: 88px !important;
border-radius: 10px !important;
font-size: 0.74rem !important;
font-weight: 1000 !important;
align-self: flex-end !important;
white-space: nowrap !important;
}
}
@media (max-width: 390px) {
.most-booked-section .most-booked-card .viator-card {
min-height: 190px !important;
grid-template-columns: 37% 63% !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper,
.most-booked-section .most-booked-card .viator-card-body {
min-height: 190px !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.9rem !important;
}
.most-booked-section .most-booked-card .viator-btn {
min-width: 82px !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
}
</style>
<style>
/* JBT POPULAR LINKS READABLE FINAL FIX
Popular Regions / Popular Excursions alanındaki yazılar okunur olsun.
Sadece bu bölümün yazı genişliği, taşma ve font ayarlarını düzeltir. */
.popular-links-section .popular-link-heading {
grid-template-columns: 58px minmax(0, 1fr) !important;
}
.popular-links-section .popular-link-heading-text {
min-width: 0 !important;
}
.popular-links-section .popular-link-heading-text h2,
.popular-links-section .popular-link-heading-text p {
white-space: normal !important;
overflow: visible !important;
text-overflow: unset !important;
}
.popular-links-section .popular-link-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px 34px !important;
}
.popular-links-section .popular-link-item {
min-width: 0 !important;
overflow: visible !important;
}
.popular-links-section .popular-link-item-text {
white-space: normal !important;
overflow: visible !important;
text-overflow: unset !important;
word-break: normal !important;
overflow-wrap: anywhere !important;
line-height: 1.28 !important;
display: block !important;
}
@media (min-width: 769px) {
.popular-links-section {
max-width: 1120px !important;
padding-left: 18px !important;
padding-right: 18px !important;
}
.popular-links-section .popular-link-item {
min-height: 54px !important;
padding: 12px 8px !important;
font-size: 0.96rem !important;
grid-template-columns: 24px minmax(0, 1fr) 18px !important;
align-items: center !important;
}
.popular-links-section .popular-link-item-text {
font-size: 0.96rem !important;
font-weight: 900 !important;
}
}
@media (max-width: 768px) {
.popular-links-section .popular-link-grid {
grid-template-columns: 1fr !important;
gap: 10px !important;
}
.popular-links-section .popular-link-item {
min-height: 48px !important;
padding: 11px 12px !important;
grid-template-columns: 22px minmax(0, 1fr) 16px !important;
}
.popular-links-section .popular-link-item-text {
font-size: 0.84rem !important;
line-height: 1.25 !important;
font-weight: 900 !important;
}
}
/* =========================================================
JBT MOST BOOKED = TOP EXCURSIONS MOBILE STYLE FINAL
Most Booked Experiences mobilde Top Excursions & Activities
kart ölçüsü ve CSS yapısı ile aynı görünür.
Sadece Most Booked alanını etkiler.
========================================================= */
@media (min-width: 769px) {
.most-booked-section .most-booked-wrapper {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 14px !important;
max-width: 1080px !important;
margin: 0 auto !important;
padding: 8px 14px 26px !important;
overflow: visible !important;
scroll-snap-type: none !important;
}
.most-booked-section .most-booked-card {
width: 100% !important;
max-width: 100% !important;
flex: none !important;
margin: 0 !important;
}
.most-booked-section .most-booked-card .viator-card {
min-height: 298px !important;
height: 100% !important;
display: flex !important;
flex-direction: column !important;
border-radius: 13px !important;
overflow: hidden !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper {
width: 100% !important;
height: 122px !important;
min-height: 122px !important;
flex: 0 0 122px !important;
}
.most-booked-section .most-booked-card .viator-card-body {
padding: 10px 11px 11px !important;
display: flex !important;
flex-direction: column !important;
flex: 1 1 auto !important;
grid-template-columns: none !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.9rem !important;
line-height: 1.18 !important;
min-height: 40px !important;
margin-bottom: 6px !important;
-webkit-line-clamp: 2 !important;
}
.most-booked-section .most-booked-card .viator-rating,
.most-booked-section .most-booked-card .viator-feature {
font-size: 0.72rem !important;
}
.most-booked-section .most-booked-card .viator-features-list {
gap: 4px !important;
margin-bottom: 8px !important;
}
.most-booked-section .most-booked-card .viator-price-action {
margin-top: auto !important;
padding-top: 8px !important;
border-top: 1px solid #eeeeee !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
}
.most-booked-section .most-booked-card .viator-price-amount {
font-size: 1.15rem !important;
}
.most-booked-section .most-booked-card .viator-btn {
padding: 8px 11px !important;
font-size: 0.78rem !important;
border-radius: 8px !important;
min-width: 118px !important;
}
}
@media (max-width: 768px) {
.most-booked-section {
padding-top: 26px !important;
padding-bottom: 42px !important;
overflow: visible !important;
}
.most-booked-section .most-booked-wrapper {
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
gap: 12px !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
padding: 0 14px !important;
overflow: visible !important;
overflow-x: visible !important;
overflow-y: visible !important;
scroll-snap-type: none !important;
cursor: default !important;
touch-action: auto !important;
}
.most-booked-section .most-booked-card {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
flex: none !important;
margin: 0 !important;
scroll-snap-align: unset !important;
}
.most-booked-section .most-booked-card .viator-card {
width: 100% !important;
max-width: 100% !important;
min-height: 198px !important;
height: auto !important;
flex: none !important;
display: grid !important;
grid-template-columns: 38% 62% !important;
align-items: stretch !important;
border-radius: 15px !important;
overflow: hidden !important;
background: #ffffff !important;
border: 1px solid #e5e7eb !important;
box-shadow: 0 8px 22px rgba(0,0,0,0.08) !important;
margin: 0 !important;
scroll-snap-align: unset !important;
}
.most-booked-section .most-booked-card .viator-card:hover {
transform: none !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper {
width: 100% !important;
height: 100% !important;
min-height: 198px !important;
flex: none !important;
border-radius: 0 !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.most-booked-section .most-booked-card .badge-popular {
display: inline-flex !important;
top: 8px !important;
left: 7px !important;
right: auto !important;
padding: 4px 7px !important;
font-size: 0.55rem !important;
border-radius: 999px !important;
white-space: nowrap !important;
}
.most-booked-section .most-booked-card .badge-favorite {
display: flex !important;
right: 7px !important;
bottom: 8px !important;
top: auto !important;
width: 28px !important;
height: 28px !important;
font-size: 0.78rem !important;
}
.most-booked-section .most-booked-card .viator-card-body {
width: 100% !important;
min-width: 0 !important;
min-height: 198px !important;
padding: 11px 10px !important;
display: flex !important;
flex-direction: column !important;
grid-template-columns: none !important;
}
.most-booked-section .most-booked-card .viator-main-content {
min-width: 0 !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.96rem !important;
line-height: 1.18 !important;
min-height: auto !important;
max-height: none !important;
margin: 0 0 5px !important;
color: #111827 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
.most-booked-section .most-booked-card .viator-rating {
display: flex !important;
font-size: 0.68rem !important;
gap: 4px !important;
margin: 0 0 4px !important;
color: #111827 !important;
}
.most-booked-section .most-booked-card .viator-rating i {
font-size: 0.72rem !important;
}
.most-booked-section .most-booked-card .viator-features-list {
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
margin: 0 0 6px !important;
}
.most-booked-section .most-booked-card .viator-feature {
display: flex !important;
font-size: 0.66rem !important;
line-height: 1.15 !important;
gap: 4px !important;
color: #111827 !important;
margin-bottom: 0 !important;
}
.most-booked-section .most-booked-card .viator-feature i {
font-size: 0.68rem !important;
}
.most-booked-section .most-booked-card .viator-feature.mb-1 {
display: flex !important;
}
.most-booked-section .most-booked-card .viator-instant-box {
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
width: fit-content !important;
max-width: 105px !important;
padding: 5px 6px !important;
border-radius: 7px !important;
background: #ecfdf3 !important;
color: #16a34a !important;
margin-top: auto !important;
}
.most-booked-section .most-booked-card .viator-instant-box i {
font-size: 0.62rem !important;
}
.most-booked-section .most-booked-card .viator-instant-text strong {
display: block !important;
font-size: 0.58rem !important;
line-height: 1.05 !important;
color: #15803d !important;
}
.most-booked-section .most-booked-card .viator-price-action {
margin-top: 6px !important;
padding-top: 0 !important;
border-top: 0 !important;
display: flex !important;
flex-direction: row !important;
align-items: flex-end !important;
justify-content: space-between !important;
gap: 7px !important;
}
.most-booked-section .most-booked-card .viator-price-info {
text-align: right !important;
margin-left: auto !important;
}
.most-booked-section .most-booked-card .viator-price-amount {
font-size: 1.18rem !important;
line-height: 1 !important;
font-weight: 1000 !important;
color: #111827 !important;
white-space: nowrap !important;
}
.most-booked-section .most-booked-card .viator-price-unit {
display: block !important;
font-size: 0.54rem !important;
color: #6b7280 !important;
margin-top: 2px !important;
}
.most-booked-section .most-booked-card .viator-btn {
padding: 9px 12px !important;
min-width: 88px !important;
border-radius: 10px !important;
font-size: 0.74rem !important;
font-weight: 1000 !important;
align-self: flex-end !important;
white-space: nowrap !important;
}
}
@media (max-width: 390px) {
.most-booked-section .most-booked-card .viator-card {
min-height: 190px !important;
grid-template-columns: 37% 63% !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper,
.most-booked-section .most-booked-card .viator-card-body {
min-height: 190px !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.9rem !important;
}
.most-booked-section .most-booked-card .viator-btn {
min-width: 82px !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
}
</style>
<style>
/* JBT BLOG + POPULAR HEADINGS FINAL FIX
Blog altındaki "Tüm Bloglar/View All Posts" butonu kırmızı olur.
Popular Regions / Popular Excursions başlıkları 2 satırlı ve okunur olur. */
/* Blog altındaki tüm bloglar butonu kırmızı */
.blog-compact-section .btn,
.blog-compact-section .btn-outline-danger,
.blog-compact-section a[href*="blog"].btn {
color: #ffffff !important;
background: #e1251b !important;
border-color: #e1251b !important;
font-weight: 900 !important;
}
.blog-compact-section .btn:hover,
.blog-compact-section .btn-outline-danger:hover,
.blog-compact-section a[href*="blog"].btn:hover {
color: #ffffff !important;
background: #b52217 !important;
border-color: #b52217 !important;
}
/* Popular Regions / Popular Excursions başlıkları tek satıra sıkışmasın */
.popular-links-section .popular-link-heading-text h2 {
white-space: normal !important;
overflow: visible !important;
text-overflow: unset !important;
display: block !important;
max-width: 260px !important;
line-height: 1.08 !important;
}
/* Başlığı 2 satır görünümüne zorla: Popular / Regions ve Popular / Excursions */
.popular-links-section .popular-link-heading-text h2 {
word-spacing: 999px !important;
}
/* Başlık alanı başlangıçta ve düzgün hizalı kalsın */
.popular-links-section .popular-link-heading {
align-items: flex-start !important;
}
.popular-links-section .popular-link-heading-icon {
margin-top: 2px !important;
}
@media (min-width: 769px) {
.popular-links-section .popular-link-heading-text h2 {
font-size: 1.85rem !important;
max-width: 250px !important;
min-height: 82px !important;
}
}
@media (max-width: 768px) {
.popular-links-section .popular-link-heading-text h2 {
font-size: 1.5rem !important;
max-width: 210px !important;
min-height: 52px !important;
}
}
/* =========================================================
JBT MOST BOOKED = TOP EXCURSIONS MOBILE STYLE FINAL
Most Booked Experiences mobilde Top Excursions & Activities
kart ölçüsü ve CSS yapısı ile aynı görünür.
Sadece Most Booked alanını etkiler.
========================================================= */
@media (min-width: 769px) {
.most-booked-section .most-booked-wrapper {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 14px !important;
max-width: 1080px !important;
margin: 0 auto !important;
padding: 8px 14px 26px !important;
overflow: visible !important;
scroll-snap-type: none !important;
}
.most-booked-section .most-booked-card {
width: 100% !important;
max-width: 100% !important;
flex: none !important;
margin: 0 !important;
}
.most-booked-section .most-booked-card .viator-card {
min-height: 298px !important;
height: 100% !important;
display: flex !important;
flex-direction: column !important;
border-radius: 13px !important;
overflow: hidden !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper {
width: 100% !important;
height: 122px !important;
min-height: 122px !important;
flex: 0 0 122px !important;
}
.most-booked-section .most-booked-card .viator-card-body {
padding: 10px 11px 11px !important;
display: flex !important;
flex-direction: column !important;
flex: 1 1 auto !important;
grid-template-columns: none !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.9rem !important;
line-height: 1.18 !important;
min-height: 40px !important;
margin-bottom: 6px !important;
-webkit-line-clamp: 2 !important;
}
.most-booked-section .most-booked-card .viator-rating,
.most-booked-section .most-booked-card .viator-feature {
font-size: 0.72rem !important;
}
.most-booked-section .most-booked-card .viator-features-list {
gap: 4px !important;
margin-bottom: 8px !important;
}
.most-booked-section .most-booked-card .viator-price-action {
margin-top: auto !important;
padding-top: 8px !important;
border-top: 1px solid #eeeeee !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
}
.most-booked-section .most-booked-card .viator-price-amount {
font-size: 1.15rem !important;
}
.most-booked-section .most-booked-card .viator-btn {
padding: 8px 11px !important;
font-size: 0.78rem !important;
border-radius: 8px !important;
min-width: 118px !important;
}
}
@media (max-width: 768px) {
.most-booked-section {
padding-top: 26px !important;
padding-bottom: 42px !important;
overflow: visible !important;
}
.most-booked-section .most-booked-wrapper {
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
gap: 12px !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
padding: 0 14px !important;
overflow: visible !important;
overflow-x: visible !important;
overflow-y: visible !important;
scroll-snap-type: none !important;
cursor: default !important;
touch-action: auto !important;
}
.most-booked-section .most-booked-card {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
flex: none !important;
margin: 0 !important;
scroll-snap-align: unset !important;
}
.most-booked-section .most-booked-card .viator-card {
width: 100% !important;
max-width: 100% !important;
min-height: 198px !important;
height: auto !important;
flex: none !important;
display: grid !important;
grid-template-columns: 38% 62% !important;
align-items: stretch !important;
border-radius: 15px !important;
overflow: hidden !important;
background: #ffffff !important;
border: 1px solid #e5e7eb !important;
box-shadow: 0 8px 22px rgba(0,0,0,0.08) !important;
margin: 0 !important;
scroll-snap-align: unset !important;
}
.most-booked-section .most-booked-card .viator-card:hover {
transform: none !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper {
width: 100% !important;
height: 100% !important;
min-height: 198px !important;
flex: none !important;
border-radius: 0 !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.most-booked-section .most-booked-card .badge-popular {
display: inline-flex !important;
top: 8px !important;
left: 7px !important;
right: auto !important;
padding: 4px 7px !important;
font-size: 0.55rem !important;
border-radius: 999px !important;
white-space: nowrap !important;
}
.most-booked-section .most-booked-card .badge-favorite {
display: flex !important;
right: 7px !important;
bottom: 8px !important;
top: auto !important;
width: 28px !important;
height: 28px !important;
font-size: 0.78rem !important;
}
.most-booked-section .most-booked-card .viator-card-body {
width: 100% !important;
min-width: 0 !important;
min-height: 198px !important;
padding: 11px 10px !important;
display: flex !important;
flex-direction: column !important;
grid-template-columns: none !important;
}
.most-booked-section .most-booked-card .viator-main-content {
min-width: 0 !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.96rem !important;
line-height: 1.18 !important;
min-height: auto !important;
max-height: none !important;
margin: 0 0 5px !important;
color: #111827 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
.most-booked-section .most-booked-card .viator-rating {
display: flex !important;
font-size: 0.68rem !important;
gap: 4px !important;
margin: 0 0 4px !important;
color: #111827 !important;
}
.most-booked-section .most-booked-card .viator-rating i {
font-size: 0.72rem !important;
}
.most-booked-section .most-booked-card .viator-features-list {
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
margin: 0 0 6px !important;
}
.most-booked-section .most-booked-card .viator-feature {
display: flex !important;
font-size: 0.66rem !important;
line-height: 1.15 !important;
gap: 4px !important;
color: #111827 !important;
margin-bottom: 0 !important;
}
.most-booked-section .most-booked-card .viator-feature i {
font-size: 0.68rem !important;
}
.most-booked-section .most-booked-card .viator-feature.mb-1 {
display: flex !important;
}
.most-booked-section .most-booked-card .viator-instant-box {
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
width: fit-content !important;
max-width: 105px !important;
padding: 5px 6px !important;
border-radius: 7px !important;
background: #ecfdf3 !important;
color: #16a34a !important;
margin-top: auto !important;
}
.most-booked-section .most-booked-card .viator-instant-box i {
font-size: 0.62rem !important;
}
.most-booked-section .most-booked-card .viator-instant-text strong {
display: block !important;
font-size: 0.58rem !important;
line-height: 1.05 !important;
color: #15803d !important;
}
.most-booked-section .most-booked-card .viator-price-action {
margin-top: 6px !important;
padding-top: 0 !important;
border-top: 0 !important;
display: flex !important;
flex-direction: row !important;
align-items: flex-end !important;
justify-content: space-between !important;
gap: 7px !important;
}
.most-booked-section .most-booked-card .viator-price-info {
text-align: right !important;
margin-left: auto !important;
}
.most-booked-section .most-booked-card .viator-price-amount {
font-size: 1.18rem !important;
line-height: 1 !important;
font-weight: 1000 !important;
color: #111827 !important;
white-space: nowrap !important;
}
.most-booked-section .most-booked-card .viator-price-unit {
display: block !important;
font-size: 0.54rem !important;
color: #6b7280 !important;
margin-top: 2px !important;
}
.most-booked-section .most-booked-card .viator-btn {
padding: 9px 12px !important;
min-width: 88px !important;
border-radius: 10px !important;
font-size: 0.74rem !important;
font-weight: 1000 !important;
align-self: flex-end !important;
white-space: nowrap !important;
}
}
@media (max-width: 390px) {
.most-booked-section .most-booked-card .viator-card {
min-height: 190px !important;
grid-template-columns: 37% 63% !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper,
.most-booked-section .most-booked-card .viator-card-body {
min-height: 190px !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.9rem !important;
}
.most-booked-section .most-booked-card .viator-btn {
min-width: 82px !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
}
</style>
<style>
/* =========================================================
JBT MOBILE POPULAR HEADINGS + TRUSTED LOGO AUTOSLIDE FIX
Mobilde Popular Regions / Popular Excursions başlıklarını kesin 2 satır yapar.
Trusted by Leading Travel Brands altındaki boşluğu azaltır ve logoları otomatik kaydırır.
Sadece CSS/JS davranışı; PHP, SQL, URL, slug ve dil yapısına dokunmaz.
========================================================= */
/* Popular Regions / Popular Excursions başlıklarını sadece mobilde 2 satır zorla */
@media (max-width: 768px) {
.popular-links-section .popular-link-heading {
display: grid !important;
grid-template-columns: 52px 150px !important;
justify-content: flex-start !important;
align-items: flex-start !important;
gap: 12px !important;
}
.popular-links-section .popular-link-heading-text {
width: 150px !important;
max-width: 150px !important;
min-width: 0 !important;
}
.popular-links-section .popular-link-heading-text h2 {
display: block !important;
width: 128px !important;
max-width: 128px !important;
white-space: normal !important;
overflow: visible !important;
text-overflow: unset !important;
word-spacing: normal !important;
overflow-wrap: normal !important;
word-break: normal !important;
line-height: 1.08 !important;
font-size: 1.48rem !important;
min-height: 52px !important;
margin: 0 0 4px !important;
}
.popular-links-section .popular-link-heading-text p {
max-width: 250px !important;
white-space: normal !important;
overflow: visible !important;
text-overflow: unset !important;
}
/* Trusted logoların altındaki fazla boşluğu azalt */
.trusted-brands-section {
margin-bottom: 12px !important;
padding-bottom: 0 !important;
}
.trusted-logos-row {
margin-bottom: 0 !important;
padding-bottom: 2px !important;
}
.trusted-logo-card {
margin-bottom: 0 !important;
}
.tripadvisor-banner-section {
margin-top: 12px !important;
}
}
/* Desktop'ta da logolar sonrası boşluğu azıcık azalt */
@media (min-width: 769px) {
.trusted-brands-section {
margin-bottom: 28px !important;
padding-bottom: 0 !important;
}
.trusted-logos-row {
margin-bottom: 6px !important;
padding-bottom: 0 !important;
}
.tripadvisor-banner-section {
margin-top: 18px !important;
}
}
/* Trusted logolar yatay kaydırma için stabil olsun */
.trusted-logos-row {
scroll-behavior: smooth !important;
-webkit-overflow-scrolling: touch !important;
}
/* =========================================================
JBT MOST BOOKED = TOP EXCURSIONS MOBILE STYLE FINAL
Most Booked Experiences mobilde Top Excursions & Activities
kart ölçüsü ve CSS yapısı ile aynı görünür.
Sadece Most Booked alanını etkiler.
========================================================= */
@media (min-width: 769px) {
.most-booked-section .most-booked-wrapper {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 14px !important;
max-width: 1080px !important;
margin: 0 auto !important;
padding: 8px 14px 26px !important;
overflow: visible !important;
scroll-snap-type: none !important;
}
.most-booked-section .most-booked-card {
width: 100% !important;
max-width: 100% !important;
flex: none !important;
margin: 0 !important;
}
.most-booked-section .most-booked-card .viator-card {
min-height: 298px !important;
height: 100% !important;
display: flex !important;
flex-direction: column !important;
border-radius: 13px !important;
overflow: hidden !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper {
width: 100% !important;
height: 122px !important;
min-height: 122px !important;
flex: 0 0 122px !important;
}
.most-booked-section .most-booked-card .viator-card-body {
padding: 10px 11px 11px !important;
display: flex !important;
flex-direction: column !important;
flex: 1 1 auto !important;
grid-template-columns: none !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.9rem !important;
line-height: 1.18 !important;
min-height: 40px !important;
margin-bottom: 6px !important;
-webkit-line-clamp: 2 !important;
}
.most-booked-section .most-booked-card .viator-rating,
.most-booked-section .most-booked-card .viator-feature {
font-size: 0.72rem !important;
}
.most-booked-section .most-booked-card .viator-features-list {
gap: 4px !important;
margin-bottom: 8px !important;
}
.most-booked-section .most-booked-card .viator-price-action {
margin-top: auto !important;
padding-top: 8px !important;
border-top: 1px solid #eeeeee !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
}
.most-booked-section .most-booked-card .viator-price-amount {
font-size: 1.15rem !important;
}
.most-booked-section .most-booked-card .viator-btn {
padding: 8px 11px !important;
font-size: 0.78rem !important;
border-radius: 8px !important;
min-width: 118px !important;
}
}
@media (max-width: 768px) {
.most-booked-section {
padding-top: 26px !important;
padding-bottom: 42px !important;
overflow: visible !important;
}
.most-booked-section .most-booked-wrapper {
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
gap: 12px !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
padding: 0 14px !important;
overflow: visible !important;
overflow-x: visible !important;
overflow-y: visible !important;
scroll-snap-type: none !important;
cursor: default !important;
touch-action: auto !important;
}
.most-booked-section .most-booked-card {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
flex: none !important;
margin: 0 !important;
scroll-snap-align: unset !important;
}
.most-booked-section .most-booked-card .viator-card {
width: 100% !important;
max-width: 100% !important;
min-height: 198px !important;
height: auto !important;
flex: none !important;
display: grid !important;
grid-template-columns: 38% 62% !important;
align-items: stretch !important;
border-radius: 15px !important;
overflow: hidden !important;
background: #ffffff !important;
border: 1px solid #e5e7eb !important;
box-shadow: 0 8px 22px rgba(0,0,0,0.08) !important;
margin: 0 !important;
scroll-snap-align: unset !important;
}
.most-booked-section .most-booked-card .viator-card:hover {
transform: none !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper {
width: 100% !important;
height: 100% !important;
min-height: 198px !important;
flex: none !important;
border-radius: 0 !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.most-booked-section .most-booked-card .badge-popular {
display: inline-flex !important;
top: 8px !important;
left: 7px !important;
right: auto !important;
padding: 4px 7px !important;
font-size: 0.55rem !important;
border-radius: 999px !important;
white-space: nowrap !important;
}
.most-booked-section .most-booked-card .badge-favorite {
display: flex !important;
right: 7px !important;
bottom: 8px !important;
top: auto !important;
width: 28px !important;
height: 28px !important;
font-size: 0.78rem !important;
}
.most-booked-section .most-booked-card .viator-card-body {
width: 100% !important;
min-width: 0 !important;
min-height: 198px !important;
padding: 11px 10px !important;
display: flex !important;
flex-direction: column !important;
grid-template-columns: none !important;
}
.most-booked-section .most-booked-card .viator-main-content {
min-width: 0 !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.96rem !important;
line-height: 1.18 !important;
min-height: auto !important;
max-height: none !important;
margin: 0 0 5px !important;
color: #111827 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
.most-booked-section .most-booked-card .viator-rating {
display: flex !important;
font-size: 0.68rem !important;
gap: 4px !important;
margin: 0 0 4px !important;
color: #111827 !important;
}
.most-booked-section .most-booked-card .viator-rating i {
font-size: 0.72rem !important;
}
.most-booked-section .most-booked-card .viator-features-list {
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
margin: 0 0 6px !important;
}
.most-booked-section .most-booked-card .viator-feature {
display: flex !important;
font-size: 0.66rem !important;
line-height: 1.15 !important;
gap: 4px !important;
color: #111827 !important;
margin-bottom: 0 !important;
}
.most-booked-section .most-booked-card .viator-feature i {
font-size: 0.68rem !important;
}
.most-booked-section .most-booked-card .viator-feature.mb-1 {
display: flex !important;
}
.most-booked-section .most-booked-card .viator-instant-box {
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
width: fit-content !important;
max-width: 105px !important;
padding: 5px 6px !important;
border-radius: 7px !important;
background: #ecfdf3 !important;
color: #16a34a !important;
margin-top: auto !important;
}
.most-booked-section .most-booked-card .viator-instant-box i {
font-size: 0.62rem !important;
}
.most-booked-section .most-booked-card .viator-instant-text strong {
display: block !important;
font-size: 0.58rem !important;
line-height: 1.05 !important;
color: #15803d !important;
}
.most-booked-section .most-booked-card .viator-price-action {
margin-top: 6px !important;
padding-top: 0 !important;
border-top: 0 !important;
display: flex !important;
flex-direction: row !important;
align-items: flex-end !important;
justify-content: space-between !important;
gap: 7px !important;
}
.most-booked-section .most-booked-card .viator-price-info {
text-align: right !important;
margin-left: auto !important;
}
.most-booked-section .most-booked-card .viator-price-amount {
font-size: 1.18rem !important;
line-height: 1 !important;
font-weight: 1000 !important;
color: #111827 !important;
white-space: nowrap !important;
}
.most-booked-section .most-booked-card .viator-price-unit {
display: block !important;
font-size: 0.54rem !important;
color: #6b7280 !important;
margin-top: 2px !important;
}
.most-booked-section .most-booked-card .viator-btn {
padding: 9px 12px !important;
min-width: 88px !important;
border-radius: 10px !important;
font-size: 0.74rem !important;
font-weight: 1000 !important;
align-self: flex-end !important;
white-space: nowrap !important;
}
}
@media (max-width: 390px) {
.most-booked-section .most-booked-card .viator-card {
min-height: 190px !important;
grid-template-columns: 37% 63% !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper,
.most-booked-section .most-booked-card .viator-card-body {
min-height: 190px !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.9rem !important;
}
.most-booked-section .most-booked-card .viator-btn {
min-width: 82px !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
}
</style>
<script>
/* JBT TRUSTED LOGOS AUTO SLIDE
Mobilde Trusted by Leading Travel Brands altındaki logolar kendi kendine yavaşça kayar.
*/
(function () {
function initTrustedLogoAutoSlide() {
var row = document.querySelector('.trusted-logos-row');
if (!row || row.dataset.jbtTrustedAutoSlide === '1') return;
row.dataset.jbtTrustedAutoSlide = '1';
var paused = false;
var direction = 1;
row.addEventListener('touchstart', function () { paused = true; }, { passive: true });
row.addEventListener('touchend', function () {
setTimeout(function () { paused = false; }, 1800);
}, { passive: true });
row.addEventListener('mouseenter', function () { paused = true; });
row.addEventListener('mouseleave', function () { paused = false; });
setInterval(function () {
if (paused) return;
if (window.innerWidth > 768) return;
if (row.scrollWidth <= row.clientWidth + 5) return;
var maxScroll = row.scrollWidth - row.clientWidth;
if (row.scrollLeft >= maxScroll - 2) {
direction = -1;
} else if (row.scrollLeft <= 2) {
direction = 1;
}
row.scrollLeft += direction * 1.2;
}, 32);
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', initTrustedLogoAutoSlide);
} else {
initTrustedLogoAutoSlide();
}
})();
</script>
<style>
/* =========================================================
JBT FINAL OVERRIDE - POPULAR MOBILE + TRUSTED LOGO
Bu blok en sona eklendi. Eski çakışan CSS'leri bastırır.
Sadece Popular başlıkları ve Trusted logo alanına dokunur.
========================================================= */
/* Trusted logoların alt boşluğu azalt */
.trusted-brands-section {
padding-bottom: 0 !important;
}
.trusted-logos-row {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.trusted-logo-card {
margin-bottom: 0 !important;
}
.tripadvisor-banner-section {
margin-top: 12px !important;
}
/* Mobilde Popular Regions / Popular Excursions kesin iki satır */
@media (max-width: 768px) {
.popular-links-section .popular-link-heading {
display: grid !important;
grid-template-columns: 52px minmax(0, 1fr) !important;
align-items: flex-start !important;
justify-content: flex-start !important;
gap: 12px !important;
}
.popular-links-section .popular-link-heading-text {
width: auto !important;
max-width: 190px !important;
min-width: 0 !important;
text-align: left !important;
}
.popular-links-section .popular-link-heading-text h2 {
display: block !important;
width: 150px !important;
max-width: 150px !important;
min-height: auto !important;
margin: 0 0 5px !important;
white-space: normal !important;
overflow: visible !important;
text-overflow: unset !important;
word-spacing: normal !important;
word-break: normal !important;
overflow-wrap: normal !important;
line-height: 1.06 !important;
font-size: 1.5rem !important;
font-weight: 1000 !important;
}
.popular-links-section .popular-link-heading-text h2 .jbt-mobile-title-line {
display: block !important;
line-height: 1.06 !important;
}
.popular-links-section .popular-link-heading-text p {
max-width: 260px !important;
white-space: normal !important;
overflow: visible !important;
text-overflow: unset !important;
}
.trusted-brands-section {
margin-bottom: 10px !important;
padding-bottom: 0 !important;
overflow: hidden !important;
}
.trusted-logos-row {
display: flex !important;
flex-wrap: nowrap !important;
justify-content: flex-start !important;
overflow-x: auto !important;
overflow-y: hidden !important;
gap: 12px !important;
margin-bottom: 0 !important;
padding: 0 16px 2px 0 !important;
scroll-behavior: auto !important;
-webkit-overflow-scrolling: touch !important;
scrollbar-width: none !important;
}
.trusted-logos-row::-webkit-scrollbar {
display: none !important;
}
.trusted-logo-card {
flex: 0 0 136px !important;
width: 136px !important;
min-width: 136px !important;
max-width: 136px !important;
height: 74px !important;
margin-bottom: 0 !important;
}
.tripadvisor-banner-section {
margin-top: 10px !important;
}
}
@media (min-width: 769px) {
.trusted-brands-section {
margin-bottom: 24px !important;
}
.trusted-logos-row {
margin-bottom: 4px !important;
}
.tripadvisor-banner-section {
margin-top: 14px !important;
}
}
/* =========================================================
JBT MOST BOOKED = TOP EXCURSIONS MOBILE STYLE FINAL
Most Booked Experiences mobilde Top Excursions & Activities
kart ölçüsü ve CSS yapısı ile aynı görünür.
Sadece Most Booked alanını etkiler.
========================================================= */
@media (min-width: 769px) {
.most-booked-section .most-booked-wrapper {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 14px !important;
max-width: 1080px !important;
margin: 0 auto !important;
padding: 8px 14px 26px !important;
overflow: visible !important;
scroll-snap-type: none !important;
}
.most-booked-section .most-booked-card {
width: 100% !important;
max-width: 100% !important;
flex: none !important;
margin: 0 !important;
}
.most-booked-section .most-booked-card .viator-card {
min-height: 298px !important;
height: 100% !important;
display: flex !important;
flex-direction: column !important;
border-radius: 13px !important;
overflow: hidden !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper {
width: 100% !important;
height: 122px !important;
min-height: 122px !important;
flex: 0 0 122px !important;
}
.most-booked-section .most-booked-card .viator-card-body {
padding: 10px 11px 11px !important;
display: flex !important;
flex-direction: column !important;
flex: 1 1 auto !important;
grid-template-columns: none !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.9rem !important;
line-height: 1.18 !important;
min-height: 40px !important;
margin-bottom: 6px !important;
-webkit-line-clamp: 2 !important;
}
.most-booked-section .most-booked-card .viator-rating,
.most-booked-section .most-booked-card .viator-feature {
font-size: 0.72rem !important;
}
.most-booked-section .most-booked-card .viator-features-list {
gap: 4px !important;
margin-bottom: 8px !important;
}
.most-booked-section .most-booked-card .viator-price-action {
margin-top: auto !important;
padding-top: 8px !important;
border-top: 1px solid #eeeeee !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
}
.most-booked-section .most-booked-card .viator-price-amount {
font-size: 1.15rem !important;
}
.most-booked-section .most-booked-card .viator-btn {
padding: 8px 11px !important;
font-size: 0.78rem !important;
border-radius: 8px !important;
min-width: 118px !important;
}
}
@media (max-width: 768px) {
.most-booked-section {
padding-top: 26px !important;
padding-bottom: 42px !important;
overflow: visible !important;
}
.most-booked-section .most-booked-wrapper {
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
gap: 12px !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
padding: 0 14px !important;
overflow: visible !important;
overflow-x: visible !important;
overflow-y: visible !important;
scroll-snap-type: none !important;
cursor: default !important;
touch-action: auto !important;
}
.most-booked-section .most-booked-card {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
flex: none !important;
margin: 0 !important;
scroll-snap-align: unset !important;
}
.most-booked-section .most-booked-card .viator-card {
width: 100% !important;
max-width: 100% !important;
min-height: 198px !important;
height: auto !important;
flex: none !important;
display: grid !important;
grid-template-columns: 38% 62% !important;
align-items: stretch !important;
border-radius: 15px !important;
overflow: hidden !important;
background: #ffffff !important;
border: 1px solid #e5e7eb !important;
box-shadow: 0 8px 22px rgba(0,0,0,0.08) !important;
margin: 0 !important;
scroll-snap-align: unset !important;
}
.most-booked-section .most-booked-card .viator-card:hover {
transform: none !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper {
width: 100% !important;
height: 100% !important;
min-height: 198px !important;
flex: none !important;
border-radius: 0 !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.most-booked-section .most-booked-card .badge-popular {
display: inline-flex !important;
top: 8px !important;
left: 7px !important;
right: auto !important;
padding: 4px 7px !important;
font-size: 0.55rem !important;
border-radius: 999px !important;
white-space: nowrap !important;
}
.most-booked-section .most-booked-card .badge-favorite {
display: flex !important;
right: 7px !important;
bottom: 8px !important;
top: auto !important;
width: 28px !important;
height: 28px !important;
font-size: 0.78rem !important;
}
.most-booked-section .most-booked-card .viator-card-body {
width: 100% !important;
min-width: 0 !important;
min-height: 198px !important;
padding: 11px 10px !important;
display: flex !important;
flex-direction: column !important;
grid-template-columns: none !important;
}
.most-booked-section .most-booked-card .viator-main-content {
min-width: 0 !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.96rem !important;
line-height: 1.18 !important;
min-height: auto !important;
max-height: none !important;
margin: 0 0 5px !important;
color: #111827 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
.most-booked-section .most-booked-card .viator-rating {
display: flex !important;
font-size: 0.68rem !important;
gap: 4px !important;
margin: 0 0 4px !important;
color: #111827 !important;
}
.most-booked-section .most-booked-card .viator-rating i {
font-size: 0.72rem !important;
}
.most-booked-section .most-booked-card .viator-features-list {
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
margin: 0 0 6px !important;
}
.most-booked-section .most-booked-card .viator-feature {
display: flex !important;
font-size: 0.66rem !important;
line-height: 1.15 !important;
gap: 4px !important;
color: #111827 !important;
margin-bottom: 0 !important;
}
.most-booked-section .most-booked-card .viator-feature i {
font-size: 0.68rem !important;
}
.most-booked-section .most-booked-card .viator-feature.mb-1 {
display: flex !important;
}
.most-booked-section .most-booked-card .viator-instant-box {
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
width: fit-content !important;
max-width: 105px !important;
padding: 5px 6px !important;
border-radius: 7px !important;
background: #ecfdf3 !important;
color: #16a34a !important;
margin-top: auto !important;
}
.most-booked-section .most-booked-card .viator-instant-box i {
font-size: 0.62rem !important;
}
.most-booked-section .most-booked-card .viator-instant-text strong {
display: block !important;
font-size: 0.58rem !important;
line-height: 1.05 !important;
color: #15803d !important;
}
.most-booked-section .most-booked-card .viator-price-action {
margin-top: 6px !important;
padding-top: 0 !important;
border-top: 0 !important;
display: flex !important;
flex-direction: row !important;
align-items: flex-end !important;
justify-content: space-between !important;
gap: 7px !important;
}
.most-booked-section .most-booked-card .viator-price-info {
text-align: right !important;
margin-left: auto !important;
}
.most-booked-section .most-booked-card .viator-price-amount {
font-size: 1.18rem !important;
line-height: 1 !important;
font-weight: 1000 !important;
color: #111827 !important;
white-space: nowrap !important;
}
.most-booked-section .most-booked-card .viator-price-unit {
display: block !important;
font-size: 0.54rem !important;
color: #6b7280 !important;
margin-top: 2px !important;
}
.most-booked-section .most-booked-card .viator-btn {
padding: 9px 12px !important;
min-width: 88px !important;
border-radius: 10px !important;
font-size: 0.74rem !important;
font-weight: 1000 !important;
align-self: flex-end !important;
white-space: nowrap !important;
}
}
@media (max-width: 390px) {
.most-booked-section .most-booked-card .viator-card {
min-height: 190px !important;
grid-template-columns: 37% 63% !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper,
.most-booked-section .most-booked-card .viator-card-body {
min-height: 190px !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.9rem !important;
}
.most-booked-section .most-booked-card .viator-btn {
min-width: 82px !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
}
</style>
<script>
/* =========================================================
JBT FINAL JS - MOBILE TITLE BREAK + TRUSTED AUTOSLIDE
========================================================= */
(function () {
function escapeHtml(value) {
return String(value || '').replace(/[&<>"']/g, function (m) {
return ({'&':'&','<':'<','>':'>','"':'"',"'":'''})[m];
});
}
function forcePopularHeadingsTwoLines() {
var isMobile = window.innerWidth <= 768;
document.querySelectorAll('.popular-links-section .popular-link-heading-text h2').forEach(function (h2) {
if (!h2.dataset.jbtOriginalTitle) {
h2.dataset.jbtOriginalTitle = (h2.textContent || '').trim();
}
var title = h2.dataset.jbtOriginalTitle;
if (!title) return;
if (!isMobile) {
h2.textContent = title;
return;
}
var parts = title.split(/\s+/);
if (parts.length >= 2) {
var first = parts.shift();
var rest = parts.join(' ');
h2.innerHTML =
'<span class="jbt-mobile-title-line">' + escapeHtml(first) + '</span>' +
'<span class="jbt-mobile-title-line">' + escapeHtml(rest) + '</span>';
} else {
h2.textContent = title;
}
});
}
function initTrustedAutoSlide() {
var row = document.querySelector('.trusted-logos-row');
if (!row || row.dataset.jbtTrustedAutoFinal === '1') return;
row.dataset.jbtTrustedAutoFinal = '1';
var paused = false;
var dir = 1;
row.addEventListener('touchstart', function () { paused = true; }, { passive: true });
row.addEventListener('touchend', function () {
setTimeout(function () { paused = false; }, 1600);
}, { passive: true });
row.addEventListener('mouseenter', function () { paused = true; });
row.addEventListener('mouseleave', function () { paused = false; });
setInterval(function () {
if (window.innerWidth > 768) return;
if (paused) return;
if (row.scrollWidth <= row.clientWidth + 5) return;
var max = row.scrollWidth - row.clientWidth;
if (row.scrollLeft >= max - 2) dir = -1;
if (row.scrollLeft <= 2) dir = 1;
row.scrollLeft += dir * 1.15;
}, 30);
}
function init() {
forcePopularHeadingsTwoLines();
initTrustedAutoSlide();
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', init);
} else {
init();
}
window.addEventListener('resize', function () {
clearTimeout(window.jbtPopularResizeTimer);
window.jbtPopularResizeTimer = setTimeout(forcePopularHeadingsTwoLines, 120);
});
})();
</script>
<style>
/* JBT_SECTION_HEADINGS_FRONT_FINAL
Admin panel Bölüm Başlıkları alanlarının ön yüze yansıması için küçük görünüm düzeltmesi. */
.top-excursions-subtitle,
.blog-compact-header p {
display: block !important;
max-width: 620px !important;
margin-left: auto !important;
margin-right: auto !important;
color: #4b5563 !important;
line-height: 1.45 !important;
}
/* =========================================================
JBT MOST BOOKED = TOP EXCURSIONS MOBILE STYLE FINAL
Most Booked Experiences mobilde Top Excursions & Activities
kart ölçüsü ve CSS yapısı ile aynı görünür.
Sadece Most Booked alanını etkiler.
========================================================= */
@media (min-width: 769px) {
.most-booked-section .most-booked-wrapper {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 14px !important;
max-width: 1080px !important;
margin: 0 auto !important;
padding: 8px 14px 26px !important;
overflow: visible !important;
scroll-snap-type: none !important;
}
.most-booked-section .most-booked-card {
width: 100% !important;
max-width: 100% !important;
flex: none !important;
margin: 0 !important;
}
.most-booked-section .most-booked-card .viator-card {
min-height: 298px !important;
height: 100% !important;
display: flex !important;
flex-direction: column !important;
border-radius: 13px !important;
overflow: hidden !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper {
width: 100% !important;
height: 122px !important;
min-height: 122px !important;
flex: 0 0 122px !important;
}
.most-booked-section .most-booked-card .viator-card-body {
padding: 10px 11px 11px !important;
display: flex !important;
flex-direction: column !important;
flex: 1 1 auto !important;
grid-template-columns: none !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.9rem !important;
line-height: 1.18 !important;
min-height: 40px !important;
margin-bottom: 6px !important;
-webkit-line-clamp: 2 !important;
}
.most-booked-section .most-booked-card .viator-rating,
.most-booked-section .most-booked-card .viator-feature {
font-size: 0.72rem !important;
}
.most-booked-section .most-booked-card .viator-features-list {
gap: 4px !important;
margin-bottom: 8px !important;
}
.most-booked-section .most-booked-card .viator-price-action {
margin-top: auto !important;
padding-top: 8px !important;
border-top: 1px solid #eeeeee !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
}
.most-booked-section .most-booked-card .viator-price-amount {
font-size: 1.15rem !important;
}
.most-booked-section .most-booked-card .viator-btn {
padding: 8px 11px !important;
font-size: 0.78rem !important;
border-radius: 8px !important;
min-width: 118px !important;
}
}
@media (max-width: 768px) {
.most-booked-section {
padding-top: 26px !important;
padding-bottom: 42px !important;
overflow: visible !important;
}
.most-booked-section .most-booked-wrapper {
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
gap: 12px !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
padding: 0 14px !important;
overflow: visible !important;
overflow-x: visible !important;
overflow-y: visible !important;
scroll-snap-type: none !important;
cursor: default !important;
touch-action: auto !important;
}
.most-booked-section .most-booked-card {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
flex: none !important;
margin: 0 !important;
scroll-snap-align: unset !important;
}
.most-booked-section .most-booked-card .viator-card {
width: 100% !important;
max-width: 100% !important;
min-height: 198px !important;
height: auto !important;
flex: none !important;
display: grid !important;
grid-template-columns: 38% 62% !important;
align-items: stretch !important;
border-radius: 15px !important;
overflow: hidden !important;
background: #ffffff !important;
border: 1px solid #e5e7eb !important;
box-shadow: 0 8px 22px rgba(0,0,0,0.08) !important;
margin: 0 !important;
scroll-snap-align: unset !important;
}
.most-booked-section .most-booked-card .viator-card:hover {
transform: none !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper {
width: 100% !important;
height: 100% !important;
min-height: 198px !important;
flex: none !important;
border-radius: 0 !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.most-booked-section .most-booked-card .badge-popular {
display: inline-flex !important;
top: 8px !important;
left: 7px !important;
right: auto !important;
padding: 4px 7px !important;
font-size: 0.55rem !important;
border-radius: 999px !important;
white-space: nowrap !important;
}
.most-booked-section .most-booked-card .badge-favorite {
display: flex !important;
right: 7px !important;
bottom: 8px !important;
top: auto !important;
width: 28px !important;
height: 28px !important;
font-size: 0.78rem !important;
}
.most-booked-section .most-booked-card .viator-card-body {
width: 100% !important;
min-width: 0 !important;
min-height: 198px !important;
padding: 11px 10px !important;
display: flex !important;
flex-direction: column !important;
grid-template-columns: none !important;
}
.most-booked-section .most-booked-card .viator-main-content {
min-width: 0 !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.96rem !important;
line-height: 1.18 !important;
min-height: auto !important;
max-height: none !important;
margin: 0 0 5px !important;
color: #111827 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
.most-booked-section .most-booked-card .viator-rating {
display: flex !important;
font-size: 0.68rem !important;
gap: 4px !important;
margin: 0 0 4px !important;
color: #111827 !important;
}
.most-booked-section .most-booked-card .viator-rating i {
font-size: 0.72rem !important;
}
.most-booked-section .most-booked-card .viator-features-list {
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
margin: 0 0 6px !important;
}
.most-booked-section .most-booked-card .viator-feature {
display: flex !important;
font-size: 0.66rem !important;
line-height: 1.15 !important;
gap: 4px !important;
color: #111827 !important;
margin-bottom: 0 !important;
}
.most-booked-section .most-booked-card .viator-feature i {
font-size: 0.68rem !important;
}
.most-booked-section .most-booked-card .viator-feature.mb-1 {
display: flex !important;
}
.most-booked-section .most-booked-card .viator-instant-box {
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
width: fit-content !important;
max-width: 105px !important;
padding: 5px 6px !important;
border-radius: 7px !important;
background: #ecfdf3 !important;
color: #16a34a !important;
margin-top: auto !important;
}
.most-booked-section .most-booked-card .viator-instant-box i {
font-size: 0.62rem !important;
}
.most-booked-section .most-booked-card .viator-instant-text strong {
display: block !important;
font-size: 0.58rem !important;
line-height: 1.05 !important;
color: #15803d !important;
}
.most-booked-section .most-booked-card .viator-price-action {
margin-top: 6px !important;
padding-top: 0 !important;
border-top: 0 !important;
display: flex !important;
flex-direction: row !important;
align-items: flex-end !important;
justify-content: space-between !important;
gap: 7px !important;
}
.most-booked-section .most-booked-card .viator-price-info {
text-align: right !important;
margin-left: auto !important;
}
.most-booked-section .most-booked-card .viator-price-amount {
font-size: 1.18rem !important;
line-height: 1 !important;
font-weight: 1000 !important;
color: #111827 !important;
white-space: nowrap !important;
}
.most-booked-section .most-booked-card .viator-price-unit {
display: block !important;
font-size: 0.54rem !important;
color: #6b7280 !important;
margin-top: 2px !important;
}
.most-booked-section .most-booked-card .viator-btn {
padding: 9px 12px !important;
min-width: 88px !important;
border-radius: 10px !important;
font-size: 0.74rem !important;
font-weight: 1000 !important;
align-self: flex-end !important;
white-space: nowrap !important;
}
}
@media (max-width: 390px) {
.most-booked-section .most-booked-card .viator-card {
min-height: 190px !important;
grid-template-columns: 37% 63% !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper,
.most-booked-section .most-booked-card .viator-card-body {
min-height: 190px !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.9rem !important;
}
.most-booked-section .most-booked-card .viator-btn {
min-width: 82px !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
}
</style>
<style>
.site-footer {
background-color: #da291c;
color: white;
padding: 70px 0 40px;
margin-top: 80px;
}
.site-footer a {
text-decoration: none;
}
.footer-link {
color: rgba(255,255,255,0.9) !important;
display: block;
margin-bottom: 12px;
font-size: 0.95rem;
transition: 0.2s;
font-weight: 600;
}
.footer-link:hover {
color: white !important;
text-decoration: underline !important;
transform: translateX(5px);
}
.footer-contact-line {
display: flex;
align-items: flex-start;
margin-bottom: 15px;
opacity: 0.95;
}
.footer-contact-line i {
width: 24px;
margin-right: 12px;
font-size: 1.1rem;
color: #ffffff;
margin-top: 3px;
}
.footer-contact-line a,
.footer-contact-line span {
color: #ffffff;
font-size: 0.95rem;
line-height: 1.5;
}
.footer-direct-contact {
margin-top: 24px;
padding-top: 20px;
border-top: 1px solid rgba(255,255,255,0.25);
}
.footer-direct-contact h6 {
color: #ffffff;
font-weight: 900;
margin-bottom: 15px;
}
.footer-direct-link {
display: flex;
align-items: center;
gap: 10px;
color: #ffffff !important;
font-weight: 800;
margin-bottom: 12px;
font-size: 0.95rem;
transition: 0.2s;
}
.footer-direct-link:hover {
transform: translateX(5px);
color: #ffffff !important;
}
.footer-direct-link i {
width: 28px;
height: 28px;
border-radius: 50%;
background: rgba(255,255,255,0.16);
display: inline-flex;
align-items: center;
justify-content: center;
}
.floating-contact {
position: fixed;
right: 22px;
bottom: 24px;
z-index: 999999;
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
}
.floating-contact-menu {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
opacity: 0;
visibility: hidden;
transform: translateY(20px);
transition: all 0.25s ease;
pointer-events: none;
}
.floating-contact.active .floating-contact-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
pointer-events: auto;
}
.floating-contact-item {
width: 48px;
height: 48px;
border-radius: 50%;
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
box-shadow: 0 8px 22px rgba(0,0,0,0.22);
font-size: 1.25rem;
transition: 0.2s;
border: none;
}
.floating-contact-item:hover {
color: #ffffff;
transform: translateY(-3px);
}
.floating-contact-item.whatsapp {
background: #25D366;
}
.floating-contact-item.whatsapp:hover {
background: #1ebe5d;
}
.floating-contact-item.viber {
background: #7360f2;
}
.floating-contact-item.viber:hover {
background: #5f4ed8;
}
.floating-contact-item.telegram {
background: #229ED9;
}
.floating-contact-item.telegram:hover {
background: #1689c0;
}
.floating-contact-empty {
width: 190px;
background: #ffffff;
color: #111111;
border-radius: 14px;
padding: 12px 14px;
box-shadow: 0 8px 22px rgba(0,0,0,0.18);
font-size: 0.78rem;
font-weight: 800;
text-align: center;
line-height: 1.35;
}
.floating-contact-main {
display: flex;
align-items: center;
gap: 10px;
}
.floating-contact-label {
position: relative;
background: #35c84a;
color: #ffffff;
font-weight: 900;
font-size: 0.92rem;
padding: 9px 17px;
border-radius: 999px;
box-shadow: 0 8px 22px rgba(53, 200, 74, 0.35);
white-space: nowrap;
animation: floatingLabelBlink 1.8s infinite;
}
.floating-contact-label::after {
content: '';
position: absolute;
right: -8px;
top: 50%;
transform: translateY(-50%);
border-left: 9px solid #35c84a;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
}
.floating-contact-toggle {
width: 62px;
height: 62px;
border-radius: 50%;
border: none;
background: #35c84a;
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 0 0 0 rgba(53, 200, 74, 0.55), 0 10px 28px rgba(53, 200, 74, 0.35);
font-size: 2rem;
cursor: pointer;
transition: 0.2s;
animation: floatingContactPulse 1.6s infinite;
}
.floating-contact-toggle:hover {
background: #25d366;
transform: scale(1.05);
}
.floating-contact-toggle i {
transition: 0.2s;
}
.floating-contact.active .floating-contact-toggle i {
transform: scale(0.95);
}
@keyframes floatingContactPulse {
0% {
box-shadow: 0 0 0 0 rgba(53, 200, 74, 0.55), 0 10px 28px rgba(53, 200, 74, 0.35);
}
70% {
box-shadow: 0 0 0 18px rgba(53, 200, 74, 0), 0 10px 28px rgba(53, 200, 74, 0.35);
}
100% {
box-shadow: 0 0 0 0 rgba(53, 200, 74, 0), 0 10px 28px rgba(53, 200, 74, 0.35);
}
}
@keyframes floatingLabelBlink {
0%, 100% {
opacity: 1;
transform: translateX(0);
}
50% {
opacity: 0.72;
transform: translateX(-3px);
}
}
@media (max-width: 768px) {
.site-footer {
padding: 50px 0 32px;
margin-top: 50px;
}
.floating-contact {
right: 16px;
bottom: 18px;
}
.floating-contact-toggle {
width: 58px;
height: 58px;
font-size: 1.85rem;
}
.floating-contact-label {
font-size: 0.82rem;
padding: 8px 14px;
}
.floating-contact-item {
width: 46px;
height: 46px;
}
}
/* FOOTER - TURSAB CERTIFICATE */
.footer-tursab-box {
margin-top: 24px;
}
.footer-tursab-link {
display: inline-block;
background: #ffffff;
border-radius: 12px;
padding: 8px;
box-shadow: 0 8px 22px rgba(0,0,0,0.16);
transition: 0.25s ease;
}
.footer-tursab-link:hover {
transform: translateY(-3px);
box-shadow: 0 12px 28px rgba(0,0,0,0.22);
}
.footer-tursab-img {
display: block;
width: 100%;
max-width: 230px;
height: auto;
border-radius: 8px;
}
/* Mobile */
@media (max-width: 768px) {
.footer-tursab-box {
margin-top: 22px;
text-align: left;
}
.footer-tursab-img {
max-width: 210px;
}
}
/* FOOTER - LOGO TAGLINE */
.footer-brand-box {
margin-top: 0 !important;
padding-top: 6px !important;
}
.footer-brand-logo {
margin-bottom: 14px !important;
}
.footer-brand-tagline {
color: #ffffff;
font-size: 1rem;
line-height: 1.35;
font-weight: 900;
margin: 0 0 14px !important;
letter-spacing: -0.2px;
}
.footer-brand-text {
opacity: 0.9;
line-height: 1.8;
font-size: 0.95rem;
color: #ffffff;
margin: 0;
}
@media (max-width: 768px) {
.site-footer {
padding-top: 58px !important;
}
.footer-brand-box {
margin-top: 0 !important;
padding-top: 0 !important;
margin-bottom: 28px !important;
}
.footer-brand-logo {
margin-bottom: 13px !important;
}
.footer-brand-tagline {
font-size: 0.95rem;
line-height: 1.35;
margin-bottom: 14px !important;
}
}
/* FOOTER - BRAND ALT BOSLUK DUZELTME */
.footer-brand-box {
margin-top: 0 !important;
padding-top: 0 !important;
margin-bottom: 0 !important;
}
.footer-brand-logo {
margin-bottom: 12px !important;
}
.footer-brand-tagline {
margin: 0 !important;
padding: 0 !important;
line-height: 1.35 !important;
}
/* Logo altındaki uzun footer text boşluk yapıyorsa gizle */
.footer-brand-text {
display: none !important;
}
/* Bootstrap g-5 mobilde kolonlar arası çok boşluk bırakıyor, azalt */
.site-footer .row.g-5 {
--bs-gutter-y: 26px !important;
}
/* Mobilde daha sıkı */
@media (max-width: 768px) {
.site-footer {
padding-top: 42px !important;
padding-bottom: 30px !important;
}
.site-footer .row.g-5 {
--bs-gutter-y: 24px !important;
}
.footer-brand-box {
margin-bottom: -4px !important;
}
.footer-brand-logo {
margin-bottom: 10px !important;
}
.footer-brand-tagline {
font-size: 0.92rem !important;
margin-bottom: 0 !important;
}
}
/* FOOTER - PAYMENT ICONS CLEAR FIX */
.site-footer {
padding-bottom: 78px !important;
}
.footer-payment-icons {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
flex-wrap: wrap !important;
width: 100% !important;
margin-top: 12px !important;
padding-right: 88px !important; /* WhatsApp butonu ikonların üstünü kapatmasın */
}
.footer-payment-icons i,
.footer-payment-badge {
width: 44px !important;
height: 30px !important;
min-width: 44px !important;
background: #ffffff !important;
color: #da291c !important;
border-radius: 6px !important;
border: 1px solid rgba(255,255,255,0.95) !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
box-shadow: 0 4px 12px rgba(0,0,0,0.12) !important;
line-height: 1 !important;
}
.footer-payment-icons i {
font-size: 1.55rem !important;
}
.footer-payment-badge {
font-size: 0.68rem !important;
font-weight: 1000 !important;
letter-spacing: 0.4px !important;
padding: 0 6px !important;
}
/* Footer copyright ve kartlar daha düzgün dursun */
.site-footer .border-top .d-flex {
gap: 12px !important;
}
.site-footer .border-top {
padding-bottom: 8px !important;
}
/* WhatsApp floating alanı ödeme ikonlarını kapatmasın */
.floating-contact {
right: 14px !important;
bottom: 18px !important;
}
/* Mobilde yeşil yazı balonu ikonların üstünü kapatıyor, gizle */
@media (max-width: 768px) {
.site-footer {
padding-bottom: 92px !important;
}
.footer-payment-icons {
justify-content: flex-start !important;
padding-right: 86px !important;
gap: 7px !important;
margin-top: 10px !important;
}
.footer-payment-icons i,
.footer-payment-badge {
width: 42px !important;
height: 30px !important;
min-width: 42px !important;
}
.footer-payment-icons i {
font-size: 1.45rem !important;
}
.footer-payment-badge {
font-size: 0.62rem !important;
}
.floating-contact-label {
display: none !important;
}
.floating-contact-toggle {
width: 56px !important;
height: 56px !important;
font-size: 1.8rem !important;
}
.floating-contact {
right: 14px !important;
bottom: 18px !important;
}
}
@media (max-width: 390px) {
.footer-payment-icons {
gap: 6px !important;
padding-right: 78px !important;
}
.footer-payment-icons i,
.footer-payment-badge {
width: 39px !important;
height: 28px !important;
min-width: 39px !important;
}
.footer-payment-icons i {
font-size: 1.32rem !important;
}
.footer-payment-badge {
font-size: 0.58rem !important;
}
}
/* FOOTER - ALT BOSLUK AZALTMA FINAL FIX */
.site-footer {
padding-bottom: 34px !important;
}
.site-footer .container.mt-5 {
margin-top: 28px !important;
padding-top: 18px !important;
padding-bottom: 0 !important;
}
.footer-payment-icons {
margin-top: 10px !important;
padding-right: 72px !important;
padding-bottom: 0 !important;
}
.floating-contact {
right: 14px !important;
bottom: 14px !important;
}
/* Mobil */
@media (max-width: 768px) {
.site-footer {
padding-bottom: 36px !important;
}
.site-footer .container.mt-5 {
margin-top: 24px !important;
padding-top: 16px !important;
padding-bottom: 0 !important;
}
.footer-payment-icons {
margin-top: 10px !important;
padding-right: 68px !important;
padding-bottom: 0 !important;
}
.floating-contact {
right: 12px !important;
bottom: 12px !important;
}
.floating-contact-label {
display: none !important;
}
.floating-contact-toggle {
width: 52px !important;
height: 52px !important;
font-size: 1.65rem !important;
}
}
/* Çok küçük ekran */
@media (max-width: 390px) {
.site-footer {
padding-bottom: 32px !important;
}
.footer-payment-icons {
padding-right: 62px !important;
}
.floating-contact-toggle {
width: 50px !important;
height: 50px !important;
}
}
/* FOOTER - PAYMENT ICONS MAESTRO + CASH FIX */
.footer-payment-icons {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 7px !important;
flex-wrap: wrap !important;
width: 100% !important;
margin-top: 10px !important;
padding-right: 66px !important;
}
.footer-payment-icons > i,
.footer-payment-badge,
.footer-payment-cash {
height: 30px !important;
min-width: 44px !important;
background: #ffffff !important;
color: #da291c !important;
border-radius: 6px !important;
border: 1px solid rgba(255,255,255,0.95) !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
box-shadow: 0 4px 12px rgba(0,0,0,0.12) !important;
line-height: 1 !important;
}
.footer-payment-icons > i {
width: 44px !important;
font-size: 1.5rem !important;
}
.footer-payment-badge {
width: auto !important;
padding: 0 7px !important;
font-size: 0.58rem !important;
font-weight: 1000 !important;
letter-spacing: 0.3px !important;
}
.footer-payment-maestro {
min-width: 62px !important;
}
.footer-payment-troy {
min-width: 46px !important;
}
.footer-payment-cash {
min-width: 62px !important;
gap: 5px !important;
padding: 0 7px !important;
font-size: 0.62rem !important;
font-weight: 1000 !important;
}
.footer-payment-cash i {
font-size: 0.82rem !important;
color: #da291c !important;
}
/* Mobile */
@media (max-width: 768px) {
.footer-payment-icons {
justify-content: flex-start !important;
gap: 6px !important;
padding-right: 60px !important;
}
.footer-payment-icons > i {
width: 39px !important;
height: 28px !important;
min-width: 39px !important;
font-size: 1.28rem !important;
}
.footer-payment-badge,
.footer-payment-cash {
height: 28px !important;
font-size: 0.54rem !important;
}
.footer-payment-maestro {
min-width: 58px !important;
}
.footer-payment-troy {
min-width: 42px !important;
}
.footer-payment-cash {
min-width: 56px !important;
gap: 4px !important;
}
.footer-payment-cash i {
font-size: 0.76rem !important;
}
}
@media (max-width: 390px) {
.footer-payment-icons {
gap: 5px !important;
padding-right: 56px !important;
}
.footer-payment-icons > i {
width: 36px !important;
height: 27px !important;
min-width: 36px !important;
font-size: 1.18rem !important;
}
.footer-payment-badge,
.footer-payment-cash {
height: 27px !important;
font-size: 0.5rem !important;
padding: 0 5px !important;
}
.footer-payment-maestro {
min-width: 54px !important;
}
.footer-payment-cash {
min-width: 52px !important;
}
}
/* FOOTER - AMEX ICON FULL VIEW FIX */
.footer-payment-icons {
overflow: visible !important;
}
.footer-payment-icons > i {
overflow: visible !important;
flex-shrink: 0 !important;
}
/* Amex daha geniş ikon olduğu için özel genişlik */
.footer-payment-icons .fa-cc-amex {
width: 54px !important;
min-width: 54px !important;
font-size: 1.42rem !important;
}
/* Visa ve Mastercard da biraz daha rahat dursun */
.footer-payment-icons .fa-cc-visa,
.footer-payment-icons .fa-cc-mastercard {
width: 48px !important;
min-width: 48px !important;
}
/* Cash ikonunu yazısız kullanıyorsan kare kutu gibi kalsın */
.footer-payment-cash {
min-width: 44px !important;
width: 44px !important;
}
@media (max-width: 768px) {
.footer-payment-icons .fa-cc-amex {
width: 50px !important;
min-width: 50px !important;
font-size: 1.28rem !important;
}
.footer-payment-icons .fa-cc-visa,
.footer-payment-icons .fa-cc-mastercard {
width: 42px !important;
min-width: 42px !important;
}
}
@media (max-width: 390px) {
.footer-payment-icons .fa-cc-amex {
width: 48px !important;
min-width: 48px !important;
font-size: 1.18rem !important;
}
}
/* FOOTER - PAYMENT ICONS CENTER ALIGN FIX */
.footer-payment-icons {
justify-content: center !important;
padding-right: 62px !important;
padding-left: 62px !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* Mobilde de ortada dursun, sağdaki WhatsApp için dengeli boşluk bıraksın */
@media (max-width: 768px) {
.footer-payment-icons {
justify-content: center !important;
padding-left: 44px !important;
padding-right: 72px !important;
width: 100% !important;
}
}
@media (max-width: 390px) {
.footer-payment-icons {
padding-left: 34px !important;
padding-right: 66px !important;
gap: 5px !important;
}
}
@media (max-width: 768px) {
.floating-contact-main {
display: flex !important;
align-items: center !important;
gap: 8px !important;
}
.floating-contact-label {
display: block !important;
font-size: 0.76rem !important;
padding: 7px 11px !important;
animation: floatingLabelBlink 1.8s infinite !important;
max-width: 125px !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
.floating-contact-label::after {
display: block !important;
}
.floating-contact {
right: 10px !important;
bottom: 12px !important;
}
.floating-contact-toggle {
width: 50px !important;
height: 50px !important;
font-size: 1.55rem !important;
}
}
/* MOBILE LANG/CURRENCY SHEET OPEN - HIDE FLOATING WHATSAPP/VIBER/TELEGRAM */
@media (max-width: 991px) {
body.mobile-sheet-open .floating-contact,
.floating-contact.floating-contact-hidden {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
/* Modern browser fallback: hide when any mobile sheet is active */
body:has(.mobile-bottom-sheet-overlay.active) .floating-contact {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
}
/* FOOTER ADMIN SETTINGS FIX */
.footer-brand-text {
display: block !important;
opacity: 0.92 !important;
line-height: 1.65 !important;
font-size: 0.95rem !important;
color: #ffffff !important;
margin-top: 12px !important;
}
.footer-map-box {
margin-top: 18px !important;
border-radius: 12px !important;
overflow: hidden !important;
background: rgba(255,255,255,0.12) !important;
border: 1px solid rgba(255,255,255,0.22) !important;
}
.footer-map-box iframe {
display: block !important;
width: 100% !important;
height: 160px !important;
border: 0 !important;
}
@media (max-width: 768px) {
.footer-map-box iframe {
height: 145px !important;
}
}
/* FOOTER PANEL SETTINGS FINAL FIX
Admin panelden gelen Footer Yazısı, TÜRSAB görseli/linki ve Harita Iframe direkt ön yüze yansır.
*/
.footer-brand-tagline {
display: block !important;
color: #ffffff !important;
font-size: 0.98rem !important;
line-height: 1.55 !important;
font-weight: 700 !important;
margin: 0 0 14px !important;
white-space: normal !important;
}
.footer-map-box {
display: block !important;
margin-top: 18px !important;
border-radius: 12px !important;
overflow: hidden !important;
background: rgba(255,255,255,0.12) !important;
border: 1px solid rgba(255,255,255,0.22) !important;
}
.footer-map-box iframe {
display: block !important;
width: 100% !important;
height: 160px !important;
border: 0 !important;
}
@media (max-width: 768px) {
.footer-brand-tagline {
font-size: 0.92rem !important;
line-height: 1.5 !important;
}
.footer-map-box iframe {
height: 145px !important;
}
}
</style>
<footer class="site-footer">
<div class="container">
<div class="row g-5">
<div class="col-12 col-md-6 col-lg-3 footer-brand-box">
<a href="/en" class="d-inline-block shadow-sm footer-brand-logo" style="background: white; padding: 10px 20px; border-radius: 8px;">
<img src="/resimler/site_logo_20260517_110314_e3a240d50464bbac.png?v=1779004994" alt="Logo" style="max-height: 40px;">
</a>
<p class="footer-brand-tagline">
JustBookTours.com, operated by Flywolf Travel Agency, offers the best excursions, activities, and holiday experiences in Antalya with affordable prices, reliable service, and customer satisfaction as our top priority. </p>
</div>
<div class="col-12 col-md-6 col-lg-3">
<h5 class="fw-bold mb-4 text-white">Destinations</h5>
<a href="/en/tours/destination/belek/" class="footer-link">
<i class="fas fa-map-marker-alt me-2 small opacity-75"></i>Belek </a>
<a href="/en/tours/destination/kemer/" class="footer-link">
<i class="fas fa-map-marker-alt me-2 small opacity-75"></i>Kemer </a>
<a href="/en/tours/destination/side/" class="footer-link">
<i class="fas fa-map-marker-alt me-2 small opacity-75"></i>Side </a>
<a href="/en/tours/destination/antalya/" class="footer-link">
<i class="fas fa-map-marker-alt me-2 small opacity-75"></i>Antalya </a>
<a href="/en/tours/destination/alanya/" class="footer-link">
<i class="fas fa-map-marker-alt me-2 small opacity-75"></i>Alanya </a>
</div>
<div class="col-12 col-md-6 col-lg-3">
<h5 class="fw-bold mb-4 text-white">Quick Links</h5>
<a href="/en/find-booking/" class="footer-link fw-bold text-warning">
<i class="fas fa-ticket-alt me-2 small"></i>Find my booking </a>
<a href="/en/faq/" class="footer-link">
<i class="fas fa-question-circle me-2 small opacity-75"></i>Frequently Asked Questions </a>
<a href="/en/page/about-us/" class="footer-link">
<i class="fas fa-info-circle me-2 small opacity-75"></i>About Us </a>
<a href="/en/contact/" class="footer-link">
<i class="fas fa-envelope me-2 small opacity-75"></i>Contact </a>
<h5 class="fw-bold mb-3 mt-5 text-white">Policies & Agreements</h5>
<a href="/en/page/privacy-policy/" class="footer-link">
<i class="fas fa-angle-right me-2 small opacity-75"></i>Privacy Policy </a>
<a href="/en/page/distance-sales-contract/" class="footer-link">
<i class="fas fa-angle-right me-2 small opacity-75"></i>Distance Sales Contract </a>
<a href="/en/page/terms-of-use/" class="footer-link">
<i class="fas fa-angle-right me-2 small opacity-75"></i>Terms of Use </a>
<a href="/en/page/about-us/" class="footer-link">
<i class="fas fa-angle-right me-2 small opacity-75"></i>About Us </a>
</div>
<div class="col-12 col-md-6 col-lg-3">
<div class="footer-contact-line">
</div>
<div class="footer-contact-line">
<i class="fas fa-phone-alt"></i>
<a href="tel:+905323926763" class="fw-bold">+905323926763</a>
</div>
<div class="footer-contact-line">
<i class="fas fa-envelope"></i>
<a href="mailto:[email protected]">[email protected]</a>
</div>
<div class="footer-tursab-box">
<a
href="https://www.tursab.org.tr/acenta-arama"
target="_blank"
rel="nofollow noopener noreferrer"
class="footer-tursab-link"
aria-label="TÜRSAB agency search"
>
<img
src="https://buggysafarialanya.com/uploads/defaults/tursab.png"
alt="TÜRSAB Belge Numarası 11650"
class="footer-tursab-img"
loading="lazy"
>
</a>
</div>
<div class="footer-map-box">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3205.49670681665!2d31.997390600000003!3d36.5421348!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14dc99b2ebf8dc6f%3A0x2641a4de475e6405!2sAlanya%20Excursions%20%7C%20justbooktours.com!5e0!3m2!1str!2str!4v1778961168757!5m2!1str!2str" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> </div>
</div>
</div>
<div class="container mt-5 pt-4 border-top border-light border-opacity-25 text-center" style="font-size: 0.85rem; opacity: 0.8;">
<div class="d-flex flex-column flex-md-row justify-content-between align-items-center">
<div class="mb-2 mb-md-0 text-white fw-bold">
© 2026 JustBookTours. All rights reserved. </div>
<div class="footer-payment-icons">
<i class="fab fa-cc-visa" aria-label="Visa"></i>
<i class="fab fa-cc-mastercard" aria-label="Mastercard"></i>
<span class="footer-payment-badge footer-payment-amex">AMEX</span>
<span class="footer-payment-badge footer-payment-maestro">MAESTRO</span>
</div>
</div>
</div>
</footer>
<div class="floating-contact" id="floatingContact">
<div class="floating-contact-menu">
<a href="https://wa.me/905323926763" target="_blank" rel="nofollow noopener" class="floating-contact-item whatsapp" aria-label="WhatsApp">
<i class="fab fa-whatsapp"></i>
</a>
<a href="viber://chat?number=%2B905323926763" class="floating-contact-item viber" aria-label="Viber">
<i class="fab fa-viber"></i>
</a>
<a href="tg://resolve?phone=905323926763" class="floating-contact-item telegram" aria-label="Telegram">
<i class="fab fa-telegram-plane"></i>
</a>
</div>
<div class="floating-contact-main">
<div class="floating-contact-label" id="floatingContactLabel">
Fast Booking </div>
<button type="button" class="floating-contact-toggle" onclick="toggleFloatingContact()" aria-label="Open contact menu">
<i class="fab fa-whatsapp"></i>
</button>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<script>
function toggleFloatingContact() {
var box = document.getElementById('floatingContact');
if (box) {
box.classList.toggle('active');
}
}
document.addEventListener("DOMContentLoaded", function() {
var label = document.getElementById("floatingContactLabel");
if (!label) return;
var texts = [
"Fast Booking",
"Need Help?",
"Book Now",
"WhatsApp Us",
"Quick Reply" ];
var index = 0;
setInterval(function() {
index = Math.floor(Math.random() * texts.length);
label.textContent = texts[index];
}, 2200);
});
/* Hide floating WhatsApp/contact button while mobile language/currency sheet is open */
(function () {
function syncFloatingContactVisibility() {
var floating = document.getElementById('floatingContact');
if (!floating) return;
var sheetOpen = document.body.classList.contains('mobile-sheet-open') || !!document.querySelector('.mobile-bottom-sheet-overlay.active');
if (sheetOpen) {
floating.classList.remove('active');
floating.classList.add('floating-contact-hidden');
floating.setAttribute('aria-hidden', 'true');
} else {
floating.classList.remove('floating-contact-hidden');
floating.removeAttribute('aria-hidden');
}
}
document.addEventListener('DOMContentLoaded', function () {
syncFloatingContactVisibility();
document.addEventListener('click', function () {
setTimeout(syncFloatingContactVisibility, 20);
}, true);
document.addEventListener('touchend', function () {
setTimeout(syncFloatingContactVisibility, 20);
}, true);
if (window.MutationObserver) {
var observer = new MutationObserver(syncFloatingContactVisibility);
observer.observe(document.body, { attributes: true, attributeFilter: ['class'] });
document.querySelectorAll('.mobile-bottom-sheet-overlay').forEach(function (sheet) {
observer.observe(sheet, { attributes: true, attributeFilter: ['class', 'aria-hidden'] });
});
}
});
})();
</script>
</body>
</html>
<style>
/* =========================================================
JBT REAL FINAL FIX AFTER FOOTER
Footer/header sonradan CSS bastırsa bile bu blok en sonda kalır.
1) Popular Regions / Popular Excursions başlıkları gerçek HTML ile 2 satır.
2) Trusted logos alt boşluk azaltma.
3) Mobil logolar otomatik kayan marquee yapısı.
========================================================= */
.popular-links-section .jbt-popular-two-line-title {
white-space: normal !important;
overflow: visible !important;
text-overflow: unset !important;
word-spacing: normal !important;
line-height: 1.08 !important;
}
.popular-links-section .jbt-popular-title-line {
display: block !important;
line-height: 1.08 !important;
white-space: nowrap !important;
}
.trusted-brands-section {
padding-bottom: 0 !important;
}
.trusted-logos-row {
margin-bottom: 0 !important;
}
.trusted-logo-card {
margin-bottom: 0 !important;
}
.tripadvisor-banner-section {
margin-top: 12px !important;
}
@media (max-width: 768px) {
.popular-links-section .popular-link-heading {
display: grid !important;
grid-template-columns: 52px minmax(0, 1fr) !important;
gap: 12px !important;
align-items: flex-start !important;
justify-content: flex-start !important;
text-align: left !important;
}
.popular-links-section .popular-link-heading-text {
width: auto !important;
max-width: 260px !important;
min-width: 0 !important;
text-align: left !important;
}
.popular-links-section .jbt-popular-two-line-title {
display: block !important;
width: auto !important;
max-width: 260px !important;
min-height: auto !important;
margin: 0 0 5px !important;
font-size: 1.52rem !important;
line-height: 1.08 !important;
font-weight: 1000 !important;
color: #111827 !important;
letter-spacing: -0.3px !important;
}
.popular-links-section .jbt-popular-title-line {
display: block !important;
line-height: 1.08 !important;
}
.popular-links-section .popular-link-heading-text p {
max-width: 260px !important;
white-space: normal !important;
overflow: visible !important;
text-overflow: unset !important;
}
.trusted-brands-section {
margin-bottom: 8px !important;
padding-bottom: 0 !important;
overflow: hidden !important;
}
.trusted-logos-row {
display: flex !important;
flex-wrap: nowrap !important;
justify-content: flex-start !important;
align-items: center !important;
gap: 12px !important;
overflow-x: auto !important;
overflow-y: hidden !important;
margin-bottom: 0 !important;
padding: 0 16px 0 0 !important;
scrollbar-width: none !important;
scroll-behavior: auto !important;
-webkit-overflow-scrolling: touch !important;
}
.trusted-logos-row::-webkit-scrollbar {
display: none !important;
}
.trusted-logo-card {
flex: 0 0 136px !important;
width: 136px !important;
min-width: 136px !important;
max-width: 136px !important;
height: 74px !important;
margin-bottom: 0 !important;
}
.tripadvisor-banner-section {
margin-top: 8px !important;
}
}
@media (min-width: 769px) {
.popular-links-section .jbt-popular-two-line-title {
font-size: 1.85rem !important;
}
.trusted-brands-section {
margin-bottom: 22px !important;
}
.trusted-logos-row {
margin-bottom: 4px !important;
}
.tripadvisor-banner-section {
margin-top: 14px !important;
}
}
/* =========================================================
JBT MOST BOOKED = TOP EXCURSIONS MOBILE STYLE FINAL
Most Booked Experiences mobilde Top Excursions & Activities
kart ölçüsü ve CSS yapısı ile aynı görünür.
Sadece Most Booked alanını etkiler.
========================================================= */
@media (min-width: 769px) {
.most-booked-section .most-booked-wrapper {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 14px !important;
max-width: 1080px !important;
margin: 0 auto !important;
padding: 8px 14px 26px !important;
overflow: visible !important;
scroll-snap-type: none !important;
}
.most-booked-section .most-booked-card {
width: 100% !important;
max-width: 100% !important;
flex: none !important;
margin: 0 !important;
}
.most-booked-section .most-booked-card .viator-card {
min-height: 298px !important;
height: 100% !important;
display: flex !important;
flex-direction: column !important;
border-radius: 13px !important;
overflow: hidden !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper {
width: 100% !important;
height: 122px !important;
min-height: 122px !important;
flex: 0 0 122px !important;
}
.most-booked-section .most-booked-card .viator-card-body {
padding: 10px 11px 11px !important;
display: flex !important;
flex-direction: column !important;
flex: 1 1 auto !important;
grid-template-columns: none !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.9rem !important;
line-height: 1.18 !important;
min-height: 40px !important;
margin-bottom: 6px !important;
-webkit-line-clamp: 2 !important;
}
.most-booked-section .most-booked-card .viator-rating,
.most-booked-section .most-booked-card .viator-feature {
font-size: 0.72rem !important;
}
.most-booked-section .most-booked-card .viator-features-list {
gap: 4px !important;
margin-bottom: 8px !important;
}
.most-booked-section .most-booked-card .viator-price-action {
margin-top: auto !important;
padding-top: 8px !important;
border-top: 1px solid #eeeeee !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
}
.most-booked-section .most-booked-card .viator-price-amount {
font-size: 1.15rem !important;
}
.most-booked-section .most-booked-card .viator-btn {
padding: 8px 11px !important;
font-size: 0.78rem !important;
border-radius: 8px !important;
min-width: 118px !important;
}
}
@media (max-width: 768px) {
.most-booked-section {
padding-top: 26px !important;
padding-bottom: 42px !important;
overflow: visible !important;
}
.most-booked-section .most-booked-wrapper {
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
gap: 12px !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
padding: 0 14px !important;
overflow: visible !important;
overflow-x: visible !important;
overflow-y: visible !important;
scroll-snap-type: none !important;
cursor: default !important;
touch-action: auto !important;
}
.most-booked-section .most-booked-card {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
flex: none !important;
margin: 0 !important;
scroll-snap-align: unset !important;
}
.most-booked-section .most-booked-card .viator-card {
width: 100% !important;
max-width: 100% !important;
min-height: 198px !important;
height: auto !important;
flex: none !important;
display: grid !important;
grid-template-columns: 38% 62% !important;
align-items: stretch !important;
border-radius: 15px !important;
overflow: hidden !important;
background: #ffffff !important;
border: 1px solid #e5e7eb !important;
box-shadow: 0 8px 22px rgba(0,0,0,0.08) !important;
margin: 0 !important;
scroll-snap-align: unset !important;
}
.most-booked-section .most-booked-card .viator-card:hover {
transform: none !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper {
width: 100% !important;
height: 100% !important;
min-height: 198px !important;
flex: none !important;
border-radius: 0 !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.most-booked-section .most-booked-card .badge-popular {
display: inline-flex !important;
top: 8px !important;
left: 7px !important;
right: auto !important;
padding: 4px 7px !important;
font-size: 0.55rem !important;
border-radius: 999px !important;
white-space: nowrap !important;
}
.most-booked-section .most-booked-card .badge-favorite {
display: flex !important;
right: 7px !important;
bottom: 8px !important;
top: auto !important;
width: 28px !important;
height: 28px !important;
font-size: 0.78rem !important;
}
.most-booked-section .most-booked-card .viator-card-body {
width: 100% !important;
min-width: 0 !important;
min-height: 198px !important;
padding: 11px 10px !important;
display: flex !important;
flex-direction: column !important;
grid-template-columns: none !important;
}
.most-booked-section .most-booked-card .viator-main-content {
min-width: 0 !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.96rem !important;
line-height: 1.18 !important;
min-height: auto !important;
max-height: none !important;
margin: 0 0 5px !important;
color: #111827 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
.most-booked-section .most-booked-card .viator-rating {
display: flex !important;
font-size: 0.68rem !important;
gap: 4px !important;
margin: 0 0 4px !important;
color: #111827 !important;
}
.most-booked-section .most-booked-card .viator-rating i {
font-size: 0.72rem !important;
}
.most-booked-section .most-booked-card .viator-features-list {
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
margin: 0 0 6px !important;
}
.most-booked-section .most-booked-card .viator-feature {
display: flex !important;
font-size: 0.66rem !important;
line-height: 1.15 !important;
gap: 4px !important;
color: #111827 !important;
margin-bottom: 0 !important;
}
.most-booked-section .most-booked-card .viator-feature i {
font-size: 0.68rem !important;
}
.most-booked-section .most-booked-card .viator-feature.mb-1 {
display: flex !important;
}
.most-booked-section .most-booked-card .viator-instant-box {
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
width: fit-content !important;
max-width: 105px !important;
padding: 5px 6px !important;
border-radius: 7px !important;
background: #ecfdf3 !important;
color: #16a34a !important;
margin-top: auto !important;
}
.most-booked-section .most-booked-card .viator-instant-box i {
font-size: 0.62rem !important;
}
.most-booked-section .most-booked-card .viator-instant-text strong {
display: block !important;
font-size: 0.58rem !important;
line-height: 1.05 !important;
color: #15803d !important;
}
.most-booked-section .most-booked-card .viator-price-action {
margin-top: 6px !important;
padding-top: 0 !important;
border-top: 0 !important;
display: flex !important;
flex-direction: row !important;
align-items: flex-end !important;
justify-content: space-between !important;
gap: 7px !important;
}
.most-booked-section .most-booked-card .viator-price-info {
text-align: right !important;
margin-left: auto !important;
}
.most-booked-section .most-booked-card .viator-price-amount {
font-size: 1.18rem !important;
line-height: 1 !important;
font-weight: 1000 !important;
color: #111827 !important;
white-space: nowrap !important;
}
.most-booked-section .most-booked-card .viator-price-unit {
display: block !important;
font-size: 0.54rem !important;
color: #6b7280 !important;
margin-top: 2px !important;
}
.most-booked-section .most-booked-card .viator-btn {
padding: 9px 12px !important;
min-width: 88px !important;
border-radius: 10px !important;
font-size: 0.74rem !important;
font-weight: 1000 !important;
align-self: flex-end !important;
white-space: nowrap !important;
}
}
@media (max-width: 390px) {
.most-booked-section .most-booked-card .viator-card {
min-height: 190px !important;
grid-template-columns: 37% 63% !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper,
.most-booked-section .most-booked-card .viator-card-body {
min-height: 190px !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.9rem !important;
}
.most-booked-section .most-booked-card .viator-btn {
min-width: 82px !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
}
</style>
<script>
/* JBT REAL FINAL TRUSTED AUTOSCROLL
Footer'dan sonra çalışır. CSS çakışsa bile inline style ile kaydırır. */
(function () {
function initTrustedRealFinal() {
var row = document.querySelector('.trusted-logos-row');
if (!row || row.dataset.jbtRealFinalTrusted === '1') return;
row.dataset.jbtRealFinalTrusted = '1';
row.style.display = 'flex';
row.style.flexWrap = 'nowrap';
row.style.overflowX = 'auto';
row.style.overflowY = 'hidden';
row.style.scrollBehavior = 'auto';
Array.prototype.forEach.call(row.children, function (card) {
card.style.flex = '0 0 136px';
card.style.width = '136px';
card.style.minWidth = '136px';
card.style.maxWidth = '136px';
card.style.marginBottom = '0';
});
var paused = false;
var speed = 0.55;
var rafId = null;
row.addEventListener('touchstart', function () { paused = true; }, { passive: true });
row.addEventListener('touchend', function () {
setTimeout(function () { paused = false; }, 1800);
}, { passive: true });
row.addEventListener('mouseenter', function () { paused = true; });
row.addEventListener('mouseleave', function () { paused = false; });
function tick() {
if (window.innerWidth <= 768 && !paused && row.scrollWidth > row.clientWidth + 5) {
row.scrollLeft += speed;
if (row.scrollLeft >= row.scrollWidth - row.clientWidth - 2) {
row.scrollLeft = 0;
}
}
rafId = requestAnimationFrame(tick);
}
tick();
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', initTrustedRealFinal);
} else {
initTrustedRealFinal();
}
})();
</script>
<style>
/* JBT MOBILE POPULAR LINKS TWO COLUMN ONLY
Popular Regions / Popular Excursions mobilde PC gibi çift kolon görünür.
Diğer alanlara dokunmaz. */
@media (max-width: 768px) {
.popular-links-section .popular-link-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 8px 10px !important;
}
.popular-links-section .popular-link-item {
min-width: 0 !important;
width: 100% !important;
}
}
/* =========================================================
JBT MOST BOOKED = TOP EXCURSIONS MOBILE STYLE FINAL
Most Booked Experiences mobilde Top Excursions & Activities
kart ölçüsü ve CSS yapısı ile aynı görünür.
Sadece Most Booked alanını etkiler.
========================================================= */
@media (min-width: 769px) {
.most-booked-section .most-booked-wrapper {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 14px !important;
max-width: 1080px !important;
margin: 0 auto !important;
padding: 8px 14px 26px !important;
overflow: visible !important;
scroll-snap-type: none !important;
}
.most-booked-section .most-booked-card {
width: 100% !important;
max-width: 100% !important;
flex: none !important;
margin: 0 !important;
}
.most-booked-section .most-booked-card .viator-card {
min-height: 298px !important;
height: 100% !important;
display: flex !important;
flex-direction: column !important;
border-radius: 13px !important;
overflow: hidden !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper {
width: 100% !important;
height: 122px !important;
min-height: 122px !important;
flex: 0 0 122px !important;
}
.most-booked-section .most-booked-card .viator-card-body {
padding: 10px 11px 11px !important;
display: flex !important;
flex-direction: column !important;
flex: 1 1 auto !important;
grid-template-columns: none !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.9rem !important;
line-height: 1.18 !important;
min-height: 40px !important;
margin-bottom: 6px !important;
-webkit-line-clamp: 2 !important;
}
.most-booked-section .most-booked-card .viator-rating,
.most-booked-section .most-booked-card .viator-feature {
font-size: 0.72rem !important;
}
.most-booked-section .most-booked-card .viator-features-list {
gap: 4px !important;
margin-bottom: 8px !important;
}
.most-booked-section .most-booked-card .viator-price-action {
margin-top: auto !important;
padding-top: 8px !important;
border-top: 1px solid #eeeeee !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
}
.most-booked-section .most-booked-card .viator-price-amount {
font-size: 1.15rem !important;
}
.most-booked-section .most-booked-card .viator-btn {
padding: 8px 11px !important;
font-size: 0.78rem !important;
border-radius: 8px !important;
min-width: 118px !important;
}
}
@media (max-width: 768px) {
.most-booked-section {
padding-top: 26px !important;
padding-bottom: 42px !important;
overflow: visible !important;
}
.most-booked-section .most-booked-wrapper {
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
gap: 12px !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
padding: 0 14px !important;
overflow: visible !important;
overflow-x: visible !important;
overflow-y: visible !important;
scroll-snap-type: none !important;
cursor: default !important;
touch-action: auto !important;
}
.most-booked-section .most-booked-card {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
flex: none !important;
margin: 0 !important;
scroll-snap-align: unset !important;
}
.most-booked-section .most-booked-card .viator-card {
width: 100% !important;
max-width: 100% !important;
min-height: 198px !important;
height: auto !important;
flex: none !important;
display: grid !important;
grid-template-columns: 38% 62% !important;
align-items: stretch !important;
border-radius: 15px !important;
overflow: hidden !important;
background: #ffffff !important;
border: 1px solid #e5e7eb !important;
box-shadow: 0 8px 22px rgba(0,0,0,0.08) !important;
margin: 0 !important;
scroll-snap-align: unset !important;
}
.most-booked-section .most-booked-card .viator-card:hover {
transform: none !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper {
width: 100% !important;
height: 100% !important;
min-height: 198px !important;
flex: none !important;
border-radius: 0 !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.most-booked-section .most-booked-card .badge-popular {
display: inline-flex !important;
top: 8px !important;
left: 7px !important;
right: auto !important;
padding: 4px 7px !important;
font-size: 0.55rem !important;
border-radius: 999px !important;
white-space: nowrap !important;
}
.most-booked-section .most-booked-card .badge-favorite {
display: flex !important;
right: 7px !important;
bottom: 8px !important;
top: auto !important;
width: 28px !important;
height: 28px !important;
font-size: 0.78rem !important;
}
.most-booked-section .most-booked-card .viator-card-body {
width: 100% !important;
min-width: 0 !important;
min-height: 198px !important;
padding: 11px 10px !important;
display: flex !important;
flex-direction: column !important;
grid-template-columns: none !important;
}
.most-booked-section .most-booked-card .viator-main-content {
min-width: 0 !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.96rem !important;
line-height: 1.18 !important;
min-height: auto !important;
max-height: none !important;
margin: 0 0 5px !important;
color: #111827 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
.most-booked-section .most-booked-card .viator-rating {
display: flex !important;
font-size: 0.68rem !important;
gap: 4px !important;
margin: 0 0 4px !important;
color: #111827 !important;
}
.most-booked-section .most-booked-card .viator-rating i {
font-size: 0.72rem !important;
}
.most-booked-section .most-booked-card .viator-features-list {
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
margin: 0 0 6px !important;
}
.most-booked-section .most-booked-card .viator-feature {
display: flex !important;
font-size: 0.66rem !important;
line-height: 1.15 !important;
gap: 4px !important;
color: #111827 !important;
margin-bottom: 0 !important;
}
.most-booked-section .most-booked-card .viator-feature i {
font-size: 0.68rem !important;
}
.most-booked-section .most-booked-card .viator-feature.mb-1 {
display: flex !important;
}
.most-booked-section .most-booked-card .viator-instant-box {
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
width: fit-content !important;
max-width: 105px !important;
padding: 5px 6px !important;
border-radius: 7px !important;
background: #ecfdf3 !important;
color: #16a34a !important;
margin-top: auto !important;
}
.most-booked-section .most-booked-card .viator-instant-box i {
font-size: 0.62rem !important;
}
.most-booked-section .most-booked-card .viator-instant-text strong {
display: block !important;
font-size: 0.58rem !important;
line-height: 1.05 !important;
color: #15803d !important;
}
.most-booked-section .most-booked-card .viator-price-action {
margin-top: 6px !important;
padding-top: 0 !important;
border-top: 0 !important;
display: flex !important;
flex-direction: row !important;
align-items: flex-end !important;
justify-content: space-between !important;
gap: 7px !important;
}
.most-booked-section .most-booked-card .viator-price-info {
text-align: right !important;
margin-left: auto !important;
}
.most-booked-section .most-booked-card .viator-price-amount {
font-size: 1.18rem !important;
line-height: 1 !important;
font-weight: 1000 !important;
color: #111827 !important;
white-space: nowrap !important;
}
.most-booked-section .most-booked-card .viator-price-unit {
display: block !important;
font-size: 0.54rem !important;
color: #6b7280 !important;
margin-top: 2px !important;
}
.most-booked-section .most-booked-card .viator-btn {
padding: 9px 12px !important;
min-width: 88px !important;
border-radius: 10px !important;
font-size: 0.74rem !important;
font-weight: 1000 !important;
align-self: flex-end !important;
white-space: nowrap !important;
}
}
@media (max-width: 390px) {
.most-booked-section .most-booked-card .viator-card {
min-height: 190px !important;
grid-template-columns: 37% 63% !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper,
.most-booked-section .most-booked-card .viator-card-body {
min-height: 190px !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.9rem !important;
}
.most-booked-section .most-booked-card .viator-btn {
min-width: 82px !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
}
</style>
<style>
/* =========================================================
JBT FINAL MOBILE POPULAR LINKS GAP + RESPONSIVE FIX
Sadece Popular Regions / Popular Excursions mobil iki kolon alanını düzeltir.
PHP / SQL / URL / slug / diğer section ayarlarına dokunmaz.
========================================================= */
@media (max-width: 768px) {
.popular-links-section {
width: 100% !important;
max-width: 430px !important;
margin-left: auto !important;
margin-right: auto !important;
padding: 36px clamp(12px, 4vw, 18px) 34px !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
.popular-links-section .popular-links-container {
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
padding: 0 !important;
box-sizing: border-box !important;
}
.popular-links-section .popular-link-group {
width: 100% !important;
max-width: 100% !important;
margin: 0 0 42px !important;
padding: 0 !important;
box-sizing: border-box !important;
clear: both !important;
}
.popular-links-section .popular-link-group + .popular-link-group {
margin-top: 34px !important;
padding-top: 6px !important;
}
.popular-links-section .popular-link-group:last-child {
margin-bottom: 0 !important;
}
.popular-links-section .popular-link-heading {
display: grid !important;
grid-template-columns: 50px minmax(0, 1fr) !important;
gap: 12px !important;
align-items: center !important;
margin: 0 0 18px !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
.popular-links-section .popular-link-heading-icon {
width: 50px !important;
height: 50px !important;
min-width: 50px !important;
flex: 0 0 50px !important;
}
.popular-links-section .popular-link-heading-text {
min-width: 0 !important;
max-width: 100% !important;
width: 100% !important;
}
.popular-links-section .jbt-popular-two-line-title {
font-size: clamp(1.34rem, 6.1vw, 1.72rem) !important;
line-height: 1.03 !important;
margin: 0 0 6px !important;
max-width: 100% !important;
}
.popular-links-section .jbt-popular-title-line {
line-height: 1.03 !important;
white-space: nowrap !important;
}
.popular-links-section .popular-link-heading-text p {
font-size: clamp(0.74rem, 3.2vw, 0.9rem) !important;
line-height: 1.28 !important;
margin: 0 !important;
max-width: 100% !important;
}
.popular-links-section .popular-link-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
column-gap: clamp(10px, 3.4vw, 16px) !important;
row-gap: clamp(10px, 3.2vw, 14px) !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
overflow: visible !important;
}
.popular-links-section .popular-link-item {
min-width: 0 !important;
width: 100% !important;
max-width: 100% !important;
min-height: 48px !important;
display: grid !important;
grid-template-columns: 16px minmax(0, 1fr) 10px !important;
align-items: center !important;
gap: 6px !important;
padding: 10px 8px !important;
margin: 0 !important;
box-sizing: border-box !important;
border: 1px solid #eeeeee !important;
border-radius: 10px !important;
background: #ffffff !important;
box-shadow: 0 6px 14px rgba(0,0,0,0.035) !important;
overflow: hidden !important;
}
.popular-links-section .popular-link-item-icon,
.popular-links-section .popular-link-arrow {
width: auto !important;
min-width: 0 !important;
margin: 0 !important;
color: #e1251b !important;
font-size: clamp(0.66rem, 2.6vw, 0.78rem) !important;
line-height: 1 !important;
}
.popular-links-section .popular-link-item-text {
display: block !important;
min-width: 0 !important;
max-width: 100% !important;
color: #111827 !important;
font-size: clamp(0.64rem, 2.65vw, 0.78rem) !important;
line-height: 1.18 !important;
font-weight: 900 !important;
text-overflow: unset !important;
overflow: visible !important;
}
/* Regions kısa olduğu için mobilde tek satır kalsın. */
.popular-links-section .popular-link-group:first-child .popular-link-item-text {
white-space: nowrap !important;
overflow: visible !important;
}
/* Excursions uzun başlıklarda okunur şekilde 2 satıra aksın, üç nokta kullanmasın. */
.popular-links-section .popular-link-group:nth-child(2) .popular-link-item {
min-height: 58px !important;
align-items: center !important;
}
.popular-links-section .popular-link-group:nth-child(2) .popular-link-item-text {
white-space: normal !important;
overflow: hidden !important;
max-height: 2.36em !important;
word-break: normal !important;
overflow-wrap: anywhere !important;
}
}
@media (max-width: 390px) {
.popular-links-section {
padding-left: 10px !important;
padding-right: 10px !important;
max-width: 100% !important;
}
.popular-links-section .popular-link-group {
margin-bottom: 38px !important;
}
.popular-links-section .popular-link-group + .popular-link-group {
margin-top: 30px !important;
}
.popular-links-section .popular-link-grid {
column-gap: 8px !important;
row-gap: 9px !important;
}
.popular-links-section .popular-link-item {
grid-template-columns: 14px minmax(0, 1fr) 9px !important;
gap: 5px !important;
padding: 9px 6px !important;
min-height: 46px !important;
border-radius: 9px !important;
}
.popular-links-section .popular-link-item-text {
font-size: 0.61rem !important;
line-height: 1.15 !important;
}
.popular-links-section .popular-link-group:nth-child(2) .popular-link-item {
min-height: 56px !important;
}
.popular-links-section .popular-link-group:nth-child(2) .popular-link-item-text {
max-height: 2.3em !important;
}
}
@media (min-width: 391px) and (max-width: 480px) {
.popular-links-section .popular-link-item {
min-height: 50px !important;
}
.popular-links-section .popular-link-group:nth-child(2) .popular-link-item {
min-height: 60px !important;
}
}
/* =========================================================
JBT MOST BOOKED = TOP EXCURSIONS MOBILE STYLE FINAL
Most Booked Experiences mobilde Top Excursions & Activities
kart ölçüsü ve CSS yapısı ile aynı görünür.
Sadece Most Booked alanını etkiler.
========================================================= */
@media (min-width: 769px) {
.most-booked-section .most-booked-wrapper {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 14px !important;
max-width: 1080px !important;
margin: 0 auto !important;
padding: 8px 14px 26px !important;
overflow: visible !important;
scroll-snap-type: none !important;
}
.most-booked-section .most-booked-card {
width: 100% !important;
max-width: 100% !important;
flex: none !important;
margin: 0 !important;
}
.most-booked-section .most-booked-card .viator-card {
min-height: 298px !important;
height: 100% !important;
display: flex !important;
flex-direction: column !important;
border-radius: 13px !important;
overflow: hidden !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper {
width: 100% !important;
height: 122px !important;
min-height: 122px !important;
flex: 0 0 122px !important;
}
.most-booked-section .most-booked-card .viator-card-body {
padding: 10px 11px 11px !important;
display: flex !important;
flex-direction: column !important;
flex: 1 1 auto !important;
grid-template-columns: none !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.9rem !important;
line-height: 1.18 !important;
min-height: 40px !important;
margin-bottom: 6px !important;
-webkit-line-clamp: 2 !important;
}
.most-booked-section .most-booked-card .viator-rating,
.most-booked-section .most-booked-card .viator-feature {
font-size: 0.72rem !important;
}
.most-booked-section .most-booked-card .viator-features-list {
gap: 4px !important;
margin-bottom: 8px !important;
}
.most-booked-section .most-booked-card .viator-price-action {
margin-top: auto !important;
padding-top: 8px !important;
border-top: 1px solid #eeeeee !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
}
.most-booked-section .most-booked-card .viator-price-amount {
font-size: 1.15rem !important;
}
.most-booked-section .most-booked-card .viator-btn {
padding: 8px 11px !important;
font-size: 0.78rem !important;
border-radius: 8px !important;
min-width: 118px !important;
}
}
@media (max-width: 768px) {
.most-booked-section {
padding-top: 26px !important;
padding-bottom: 42px !important;
overflow: visible !important;
}
.most-booked-section .most-booked-wrapper {
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
gap: 12px !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
padding: 0 14px !important;
overflow: visible !important;
overflow-x: visible !important;
overflow-y: visible !important;
scroll-snap-type: none !important;
cursor: default !important;
touch-action: auto !important;
}
.most-booked-section .most-booked-card {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
flex: none !important;
margin: 0 !important;
scroll-snap-align: unset !important;
}
.most-booked-section .most-booked-card .viator-card {
width: 100% !important;
max-width: 100% !important;
min-height: 198px !important;
height: auto !important;
flex: none !important;
display: grid !important;
grid-template-columns: 38% 62% !important;
align-items: stretch !important;
border-radius: 15px !important;
overflow: hidden !important;
background: #ffffff !important;
border: 1px solid #e5e7eb !important;
box-shadow: 0 8px 22px rgba(0,0,0,0.08) !important;
margin: 0 !important;
scroll-snap-align: unset !important;
}
.most-booked-section .most-booked-card .viator-card:hover {
transform: none !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper {
width: 100% !important;
height: 100% !important;
min-height: 198px !important;
flex: none !important;
border-radius: 0 !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.most-booked-section .most-booked-card .badge-popular {
display: inline-flex !important;
top: 8px !important;
left: 7px !important;
right: auto !important;
padding: 4px 7px !important;
font-size: 0.55rem !important;
border-radius: 999px !important;
white-space: nowrap !important;
}
.most-booked-section .most-booked-card .badge-favorite {
display: flex !important;
right: 7px !important;
bottom: 8px !important;
top: auto !important;
width: 28px !important;
height: 28px !important;
font-size: 0.78rem !important;
}
.most-booked-section .most-booked-card .viator-card-body {
width: 100% !important;
min-width: 0 !important;
min-height: 198px !important;
padding: 11px 10px !important;
display: flex !important;
flex-direction: column !important;
grid-template-columns: none !important;
}
.most-booked-section .most-booked-card .viator-main-content {
min-width: 0 !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.96rem !important;
line-height: 1.18 !important;
min-height: auto !important;
max-height: none !important;
margin: 0 0 5px !important;
color: #111827 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
.most-booked-section .most-booked-card .viator-rating {
display: flex !important;
font-size: 0.68rem !important;
gap: 4px !important;
margin: 0 0 4px !important;
color: #111827 !important;
}
.most-booked-section .most-booked-card .viator-rating i {
font-size: 0.72rem !important;
}
.most-booked-section .most-booked-card .viator-features-list {
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
margin: 0 0 6px !important;
}
.most-booked-section .most-booked-card .viator-feature {
display: flex !important;
font-size: 0.66rem !important;
line-height: 1.15 !important;
gap: 4px !important;
color: #111827 !important;
margin-bottom: 0 !important;
}
.most-booked-section .most-booked-card .viator-feature i {
font-size: 0.68rem !important;
}
.most-booked-section .most-booked-card .viator-feature.mb-1 {
display: flex !important;
}
.most-booked-section .most-booked-card .viator-instant-box {
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
width: fit-content !important;
max-width: 105px !important;
padding: 5px 6px !important;
border-radius: 7px !important;
background: #ecfdf3 !important;
color: #16a34a !important;
margin-top: auto !important;
}
.most-booked-section .most-booked-card .viator-instant-box i {
font-size: 0.62rem !important;
}
.most-booked-section .most-booked-card .viator-instant-text strong {
display: block !important;
font-size: 0.58rem !important;
line-height: 1.05 !important;
color: #15803d !important;
}
.most-booked-section .most-booked-card .viator-price-action {
margin-top: 6px !important;
padding-top: 0 !important;
border-top: 0 !important;
display: flex !important;
flex-direction: row !important;
align-items: flex-end !important;
justify-content: space-between !important;
gap: 7px !important;
}
.most-booked-section .most-booked-card .viator-price-info {
text-align: right !important;
margin-left: auto !important;
}
.most-booked-section .most-booked-card .viator-price-amount {
font-size: 1.18rem !important;
line-height: 1 !important;
font-weight: 1000 !important;
color: #111827 !important;
white-space: nowrap !important;
}
.most-booked-section .most-booked-card .viator-price-unit {
display: block !important;
font-size: 0.54rem !important;
color: #6b7280 !important;
margin-top: 2px !important;
}
.most-booked-section .most-booked-card .viator-btn {
padding: 9px 12px !important;
min-width: 88px !important;
border-radius: 10px !important;
font-size: 0.74rem !important;
font-weight: 1000 !important;
align-self: flex-end !important;
white-space: nowrap !important;
}
}
@media (max-width: 390px) {
.most-booked-section .most-booked-card .viator-card {
min-height: 190px !important;
grid-template-columns: 37% 63% !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper,
.most-booked-section .most-booked-card .viator-card-body {
min-height: 190px !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.9rem !important;
}
.most-booked-section .most-booked-card .viator-btn {
min-width: 82px !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
}
</style>
<style>
/* =========================================================
JBT PC SLIDER FINAL FIX
Sadece desktop Most Booked ve Explore by Destination sliderlarını
mouse drag / wheel / ok butonları ile çalışır hale getirir.
Mobil mevcut swipe düzenine ve diğer alanlara dokunmaz.
========================================================= */
@media (min-width: 769px) {
.most-booked-section,
.features-section {
position: relative !important;
overflow: visible !important;
}
.most-booked-wrapper,
.region-cards-wrapper {
overflow-x: auto !important;
overflow-y: hidden !important;
cursor: grab !important;
user-select: none !important;
-webkit-user-select: none !important;
scroll-behavior: smooth !important;
scrollbar-width: none !important;
}
.most-booked-wrapper::-webkit-scrollbar,
.region-cards-wrapper::-webkit-scrollbar {
display: none !important;
}
.most-booked-wrapper.jbt-pc-dragging,
.region-cards-wrapper.jbt-pc-dragging {
cursor: grabbing !important;
scroll-behavior: auto !important;
}
.most-booked-wrapper.jbt-pc-dragging a,
.region-cards-wrapper.jbt-pc-dragging a {
pointer-events: none !important;
}
.jbt-pc-slider-btn {
position: absolute !important;
top: 55% !important;
transform: translateY(-50%) !important;
z-index: 120 !important;
width: 42px !important;
height: 42px !important;
border: 0 !important;
border-radius: 999px !important;
background: #ffffff !important;
color: #111111 !important;
box-shadow: 0 8px 24px rgba(0,0,0,0.20) !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
font-size: 26px !important;
line-height: 1 !important;
font-weight: 900 !important;
transition: 0.2s ease !important;
}
.jbt-pc-slider-btn:hover {
background: #e1251b !important;
color: #ffffff !important;
}
.jbt-pc-slider-prev {
left: max(6px, calc((100% - 1180px) / 2 - 48px)) !important;
}
.jbt-pc-slider-next {
right: max(6px, calc((100% - 1180px) / 2 - 48px)) !important;
}
.jbt-pc-slider-btn[hidden] {
display: none !important;
}
}
@media (max-width: 768px) {
.jbt-pc-slider-btn {
display: none !important;
}
}
/* =========================================================
JBT MOST BOOKED = TOP EXCURSIONS MOBILE STYLE FINAL
Most Booked Experiences mobilde Top Excursions & Activities
kart ölçüsü ve CSS yapısı ile aynı görünür.
Sadece Most Booked alanını etkiler.
========================================================= */
@media (min-width: 769px) {
.most-booked-section .most-booked-wrapper {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 14px !important;
max-width: 1080px !important;
margin: 0 auto !important;
padding: 8px 14px 26px !important;
overflow: visible !important;
scroll-snap-type: none !important;
}
.most-booked-section .most-booked-card {
width: 100% !important;
max-width: 100% !important;
flex: none !important;
margin: 0 !important;
}
.most-booked-section .most-booked-card .viator-card {
min-height: 298px !important;
height: 100% !important;
display: flex !important;
flex-direction: column !important;
border-radius: 13px !important;
overflow: hidden !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper {
width: 100% !important;
height: 122px !important;
min-height: 122px !important;
flex: 0 0 122px !important;
}
.most-booked-section .most-booked-card .viator-card-body {
padding: 10px 11px 11px !important;
display: flex !important;
flex-direction: column !important;
flex: 1 1 auto !important;
grid-template-columns: none !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.9rem !important;
line-height: 1.18 !important;
min-height: 40px !important;
margin-bottom: 6px !important;
-webkit-line-clamp: 2 !important;
}
.most-booked-section .most-booked-card .viator-rating,
.most-booked-section .most-booked-card .viator-feature {
font-size: 0.72rem !important;
}
.most-booked-section .most-booked-card .viator-features-list {
gap: 4px !important;
margin-bottom: 8px !important;
}
.most-booked-section .most-booked-card .viator-price-action {
margin-top: auto !important;
padding-top: 8px !important;
border-top: 1px solid #eeeeee !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
}
.most-booked-section .most-booked-card .viator-price-amount {
font-size: 1.15rem !important;
}
.most-booked-section .most-booked-card .viator-btn {
padding: 8px 11px !important;
font-size: 0.78rem !important;
border-radius: 8px !important;
min-width: 118px !important;
}
}
@media (max-width: 768px) {
.most-booked-section {
padding-top: 26px !important;
padding-bottom: 42px !important;
overflow: visible !important;
}
.most-booked-section .most-booked-wrapper {
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
gap: 12px !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
padding: 0 14px !important;
overflow: visible !important;
overflow-x: visible !important;
overflow-y: visible !important;
scroll-snap-type: none !important;
cursor: default !important;
touch-action: auto !important;
}
.most-booked-section .most-booked-card {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
flex: none !important;
margin: 0 !important;
scroll-snap-align: unset !important;
}
.most-booked-section .most-booked-card .viator-card {
width: 100% !important;
max-width: 100% !important;
min-height: 198px !important;
height: auto !important;
flex: none !important;
display: grid !important;
grid-template-columns: 38% 62% !important;
align-items: stretch !important;
border-radius: 15px !important;
overflow: hidden !important;
background: #ffffff !important;
border: 1px solid #e5e7eb !important;
box-shadow: 0 8px 22px rgba(0,0,0,0.08) !important;
margin: 0 !important;
scroll-snap-align: unset !important;
}
.most-booked-section .most-booked-card .viator-card:hover {
transform: none !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper {
width: 100% !important;
height: 100% !important;
min-height: 198px !important;
flex: none !important;
border-radius: 0 !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.most-booked-section .most-booked-card .badge-popular {
display: inline-flex !important;
top: 8px !important;
left: 7px !important;
right: auto !important;
padding: 4px 7px !important;
font-size: 0.55rem !important;
border-radius: 999px !important;
white-space: nowrap !important;
}
.most-booked-section .most-booked-card .badge-favorite {
display: flex !important;
right: 7px !important;
bottom: 8px !important;
top: auto !important;
width: 28px !important;
height: 28px !important;
font-size: 0.78rem !important;
}
.most-booked-section .most-booked-card .viator-card-body {
width: 100% !important;
min-width: 0 !important;
min-height: 198px !important;
padding: 11px 10px !important;
display: flex !important;
flex-direction: column !important;
grid-template-columns: none !important;
}
.most-booked-section .most-booked-card .viator-main-content {
min-width: 0 !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.96rem !important;
line-height: 1.18 !important;
min-height: auto !important;
max-height: none !important;
margin: 0 0 5px !important;
color: #111827 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
.most-booked-section .most-booked-card .viator-rating {
display: flex !important;
font-size: 0.68rem !important;
gap: 4px !important;
margin: 0 0 4px !important;
color: #111827 !important;
}
.most-booked-section .most-booked-card .viator-rating i {
font-size: 0.72rem !important;
}
.most-booked-section .most-booked-card .viator-features-list {
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
margin: 0 0 6px !important;
}
.most-booked-section .most-booked-card .viator-feature {
display: flex !important;
font-size: 0.66rem !important;
line-height: 1.15 !important;
gap: 4px !important;
color: #111827 !important;
margin-bottom: 0 !important;
}
.most-booked-section .most-booked-card .viator-feature i {
font-size: 0.68rem !important;
}
.most-booked-section .most-booked-card .viator-feature.mb-1 {
display: flex !important;
}
.most-booked-section .most-booked-card .viator-instant-box {
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
width: fit-content !important;
max-width: 105px !important;
padding: 5px 6px !important;
border-radius: 7px !important;
background: #ecfdf3 !important;
color: #16a34a !important;
margin-top: auto !important;
}
.most-booked-section .most-booked-card .viator-instant-box i {
font-size: 0.62rem !important;
}
.most-booked-section .most-booked-card .viator-instant-text strong {
display: block !important;
font-size: 0.58rem !important;
line-height: 1.05 !important;
color: #15803d !important;
}
.most-booked-section .most-booked-card .viator-price-action {
margin-top: 6px !important;
padding-top: 0 !important;
border-top: 0 !important;
display: flex !important;
flex-direction: row !important;
align-items: flex-end !important;
justify-content: space-between !important;
gap: 7px !important;
}
.most-booked-section .most-booked-card .viator-price-info {
text-align: right !important;
margin-left: auto !important;
}
.most-booked-section .most-booked-card .viator-price-amount {
font-size: 1.18rem !important;
line-height: 1 !important;
font-weight: 1000 !important;
color: #111827 !important;
white-space: nowrap !important;
}
.most-booked-section .most-booked-card .viator-price-unit {
display: block !important;
font-size: 0.54rem !important;
color: #6b7280 !important;
margin-top: 2px !important;
}
.most-booked-section .most-booked-card .viator-btn {
padding: 9px 12px !important;
min-width: 88px !important;
border-radius: 10px !important;
font-size: 0.74rem !important;
font-weight: 1000 !important;
align-self: flex-end !important;
white-space: nowrap !important;
}
}
@media (max-width: 390px) {
.most-booked-section .most-booked-card .viator-card {
min-height: 190px !important;
grid-template-columns: 37% 63% !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper,
.most-booked-section .most-booked-card .viator-card-body {
min-height: 190px !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.9rem !important;
}
.most-booked-section .most-booked-card .viator-btn {
min-width: 82px !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
}
</style>
<script>
/* JBT_PC_SLIDER_FINAL_FIX
Önceki mobile-safe scriptleri bozmadan desktop mouse drag, wheel ve okları aktif eder. */
(function () {
function getSliderFromEventTarget(target) {
if (!target || !target.closest) return null;
return target.closest('.most-booked-wrapper, .region-cards-wrapper');
}
function canSlide(slider) {
return slider && slider.scrollWidth > slider.clientWidth + 8;
}
function scrollSlider(slider, direction) {
if (!slider) return;
var firstItem = Array.prototype.find.call(slider.children, function (el) {
return el && el.nodeType === 1 && el.offsetWidth > 0;
});
var step = Math.round(slider.clientWidth * 0.82);
if (firstItem) {
var style = window.getComputedStyle(slider);
var gap = parseFloat(style.gap || style.columnGap || '0') || 0;
step = Math.max(180, Math.round(firstItem.getBoundingClientRect().width + gap));
}
slider.scrollBy({ left: direction * step * 2, behavior: 'auto' });
}
function ensureDesktopButtons() {
var configs = [
{ name: 'most-booked', selector: '.most-booked-wrapper', parentSelector: '.most-booked-section' },
{ name: 'regions', selector: '.region-cards-wrapper', parentSelector: '.features-section' }
];
configs.forEach(function (cfg) {
var slider = document.querySelector(cfg.selector + '[data-jbt-slider-track="' + cfg.name + '"]');
if (!slider) return;
var parent = slider.closest(cfg.parentSelector) || slider.parentElement;
if (!parent || parent.querySelector('.jbt-pc-slider-btn[data-jbt-for="' + cfg.name + '"]')) return;
var prev = document.createElement('button');
prev.type = 'button';
prev.className = 'jbt-pc-slider-btn jbt-pc-slider-prev';
prev.setAttribute('data-jbt-for', cfg.name);
prev.setAttribute('aria-label', 'Previous');
prev.innerHTML = '‹';
var next = document.createElement('button');
next.type = 'button';
next.className = 'jbt-pc-slider-btn jbt-pc-slider-next';
next.setAttribute('data-jbt-for', cfg.name);
next.setAttribute('aria-label', 'Next');
next.innerHTML = '›';
prev.addEventListener('click', function (e) {
e.preventDefault();
e.stopPropagation();
scrollSlider(slider, -1);
});
next.addEventListener('click', function (e) {
e.preventDefault();
e.stopPropagation();
scrollSlider(slider, 1);
});
parent.appendChild(prev);
parent.appendChild(next);
function updateButtons() {
var hide = window.innerWidth <= 768 || !canSlide(slider);
prev.hidden = hide;
next.hidden = hide;
}
updateButtons();
window.addEventListener('resize', updateButtons, { passive: true });
slider.addEventListener('scroll', updateButtons, { passive: true });
});
}
var active = null;
window.addEventListener('pointerdown', function (e) {
if (window.innerWidth <= 768) return;
if (e.button !== undefined && e.button !== 0) return;
if (e.target && e.target.closest && e.target.closest('.jbt-pc-slider-btn')) return;
var slider = getSliderFromEventTarget(e.target);
if (!canSlide(slider)) return;
active = {
slider: slider,
startX: e.clientX,
startY: e.clientY,
startLeft: slider.scrollLeft,
moved: false
};
}, true);
window.addEventListener('pointermove', function (e) {
if (!active) return;
var diffX = e.clientX - active.startX;
var diffY = e.clientY - active.startY;
if (Math.abs(diffX) > 5 && Math.abs(diffX) > Math.abs(diffY)) {
active.moved = true;
active.slider.classList.add('jbt-pc-dragging');
active.slider.scrollLeft = active.startLeft - (diffX * 1.7);
e.preventDefault();
e.stopPropagation();
}
}, { capture: true, passive: false });
function stopDrag() {
if (!active) return;
var slider = active.slider;
var moved = active.moved;
slider.classList.remove('jbt-pc-dragging');
if (moved) {
slider.dataset.blockClick = '1';
setTimeout(function () {
slider.dataset.blockClick = '';
}, 180);
}
active = null;
}
window.addEventListener('pointerup', stopDrag, true);
window.addEventListener('pointercancel', stopDrag, true);
window.addEventListener('click', function (e) {
var slider = getSliderFromEventTarget(e.target);
if (slider && slider.dataset.blockClick === '1') {
e.preventDefault();
e.stopPropagation();
slider.dataset.blockClick = '';
}
}, true);
window.addEventListener('wheel', function (e) {
/* Dikey wheel artık slider'a çevrilmez; sayfa normal aşağı/yukarı kayar.
Yatay touchpad hareketi browser tarafından doğal olarak çalışır. */
return;
}, { capture: true, passive: true });
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', ensureDesktopButtons);
} else {
ensureDesktopButtons();
}
})();
</script>
<style>
/* =========================================================
JBT PC FOOTER ABOVE TWO BLOCKS COMPACT FIX
Sadece desktop'ta footer üstündeki Popular Regions ve
Popular Excursions bloklarını küçültür.
Mobil düzen, slider JS, URL, PHP ve SQL yapısına dokunmaz.
========================================================= */
@media (min-width: 769px) {
.popular-links-section {
max-width: 960px !important;
padding-top: 26px !important;
padding-bottom: 12px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.popular-links-section .popular-links-container {
max-width: 960px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.popular-links-section .popular-link-group {
margin-bottom: 26px !important;
}
.popular-links-section .popular-link-group + .popular-link-group {
margin-top: 8px !important;
}
.popular-links-section .popular-link-group:last-child {
margin-bottom: 4px !important;
}
.popular-links-section .popular-link-heading {
grid-template-columns: 42px minmax(0, 1fr) !important;
gap: 10px !important;
margin-bottom: 12px !important;
align-items: center !important;
}
.popular-links-section .popular-link-heading-icon {
width: 40px !important;
height: 40px !important;
min-width: 40px !important;
font-size: 0.98rem !important;
}
.popular-links-section .popular-link-heading-text h2,
.popular-links-section .jbt-popular-two-line-title {
font-size: 1.42rem !important;
line-height: 1.08 !important;
margin-bottom: 3px !important;
letter-spacing: -0.25px !important;
}
.popular-links-section .jbt-popular-title-line {
line-height: 1.08 !important;
}
.popular-links-section .popular-link-heading-text p {
font-size: 0.82rem !important;
line-height: 1.25 !important;
margin: 0 !important;
}
.popular-links-section .popular-link-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
column-gap: 26px !important;
row-gap: 8px !important;
}
.popular-links-section .popular-link-item {
min-height: 34px !important;
padding: 7px 8px !important;
gap: 10px !important;
font-size: 0.82rem !important;
line-height: 1.15 !important;
border-radius: 8px !important;
}
.popular-links-section .popular-link-item-icon,
.popular-links-section .popular-link-arrow {
font-size: 0.72rem !important;
}
.popular-links-section .popular-link-item-text {
font-size: 0.82rem !important;
line-height: 1.15 !important;
font-weight: 850 !important;
}
.popular-links-section .popular-link-group:nth-child(2) .popular-link-item {
min-height: 38px !important;
padding-top: 7px !important;
padding-bottom: 7px !important;
}
footer,
.footer,
.site-footer,
#footer {
margin-top: 0 !important;
}
}
/* =========================================================
JBT MOST BOOKED = TOP EXCURSIONS MOBILE STYLE FINAL
Most Booked Experiences mobilde Top Excursions & Activities
kart ölçüsü ve CSS yapısı ile aynı görünür.
Sadece Most Booked alanını etkiler.
========================================================= */
@media (min-width: 769px) {
.most-booked-section .most-booked-wrapper {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 14px !important;
max-width: 1080px !important;
margin: 0 auto !important;
padding: 8px 14px 26px !important;
overflow: visible !important;
scroll-snap-type: none !important;
}
.most-booked-section .most-booked-card {
width: 100% !important;
max-width: 100% !important;
flex: none !important;
margin: 0 !important;
}
.most-booked-section .most-booked-card .viator-card {
min-height: 298px !important;
height: 100% !important;
display: flex !important;
flex-direction: column !important;
border-radius: 13px !important;
overflow: hidden !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper {
width: 100% !important;
height: 122px !important;
min-height: 122px !important;
flex: 0 0 122px !important;
}
.most-booked-section .most-booked-card .viator-card-body {
padding: 10px 11px 11px !important;
display: flex !important;
flex-direction: column !important;
flex: 1 1 auto !important;
grid-template-columns: none !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.9rem !important;
line-height: 1.18 !important;
min-height: 40px !important;
margin-bottom: 6px !important;
-webkit-line-clamp: 2 !important;
}
.most-booked-section .most-booked-card .viator-rating,
.most-booked-section .most-booked-card .viator-feature {
font-size: 0.72rem !important;
}
.most-booked-section .most-booked-card .viator-features-list {
gap: 4px !important;
margin-bottom: 8px !important;
}
.most-booked-section .most-booked-card .viator-price-action {
margin-top: auto !important;
padding-top: 8px !important;
border-top: 1px solid #eeeeee !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
}
.most-booked-section .most-booked-card .viator-price-amount {
font-size: 1.15rem !important;
}
.most-booked-section .most-booked-card .viator-btn {
padding: 8px 11px !important;
font-size: 0.78rem !important;
border-radius: 8px !important;
min-width: 118px !important;
}
}
@media (max-width: 768px) {
.most-booked-section {
padding-top: 26px !important;
padding-bottom: 42px !important;
overflow: visible !important;
}
.most-booked-section .most-booked-wrapper {
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
gap: 12px !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
padding: 0 14px !important;
overflow: visible !important;
overflow-x: visible !important;
overflow-y: visible !important;
scroll-snap-type: none !important;
cursor: default !important;
touch-action: auto !important;
}
.most-booked-section .most-booked-card {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
flex: none !important;
margin: 0 !important;
scroll-snap-align: unset !important;
}
.most-booked-section .most-booked-card .viator-card {
width: 100% !important;
max-width: 100% !important;
min-height: 198px !important;
height: auto !important;
flex: none !important;
display: grid !important;
grid-template-columns: 38% 62% !important;
align-items: stretch !important;
border-radius: 15px !important;
overflow: hidden !important;
background: #ffffff !important;
border: 1px solid #e5e7eb !important;
box-shadow: 0 8px 22px rgba(0,0,0,0.08) !important;
margin: 0 !important;
scroll-snap-align: unset !important;
}
.most-booked-section .most-booked-card .viator-card:hover {
transform: none !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper {
width: 100% !important;
height: 100% !important;
min-height: 198px !important;
flex: none !important;
border-radius: 0 !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.most-booked-section .most-booked-card .badge-popular {
display: inline-flex !important;
top: 8px !important;
left: 7px !important;
right: auto !important;
padding: 4px 7px !important;
font-size: 0.55rem !important;
border-radius: 999px !important;
white-space: nowrap !important;
}
.most-booked-section .most-booked-card .badge-favorite {
display: flex !important;
right: 7px !important;
bottom: 8px !important;
top: auto !important;
width: 28px !important;
height: 28px !important;
font-size: 0.78rem !important;
}
.most-booked-section .most-booked-card .viator-card-body {
width: 100% !important;
min-width: 0 !important;
min-height: 198px !important;
padding: 11px 10px !important;
display: flex !important;
flex-direction: column !important;
grid-template-columns: none !important;
}
.most-booked-section .most-booked-card .viator-main-content {
min-width: 0 !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.96rem !important;
line-height: 1.18 !important;
min-height: auto !important;
max-height: none !important;
margin: 0 0 5px !important;
color: #111827 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
.most-booked-section .most-booked-card .viator-rating {
display: flex !important;
font-size: 0.68rem !important;
gap: 4px !important;
margin: 0 0 4px !important;
color: #111827 !important;
}
.most-booked-section .most-booked-card .viator-rating i {
font-size: 0.72rem !important;
}
.most-booked-section .most-booked-card .viator-features-list {
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
margin: 0 0 6px !important;
}
.most-booked-section .most-booked-card .viator-feature {
display: flex !important;
font-size: 0.66rem !important;
line-height: 1.15 !important;
gap: 4px !important;
color: #111827 !important;
margin-bottom: 0 !important;
}
.most-booked-section .most-booked-card .viator-feature i {
font-size: 0.68rem !important;
}
.most-booked-section .most-booked-card .viator-feature.mb-1 {
display: flex !important;
}
.most-booked-section .most-booked-card .viator-instant-box {
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
width: fit-content !important;
max-width: 105px !important;
padding: 5px 6px !important;
border-radius: 7px !important;
background: #ecfdf3 !important;
color: #16a34a !important;
margin-top: auto !important;
}
.most-booked-section .most-booked-card .viator-instant-box i {
font-size: 0.62rem !important;
}
.most-booked-section .most-booked-card .viator-instant-text strong {
display: block !important;
font-size: 0.58rem !important;
line-height: 1.05 !important;
color: #15803d !important;
}
.most-booked-section .most-booked-card .viator-price-action {
margin-top: 6px !important;
padding-top: 0 !important;
border-top: 0 !important;
display: flex !important;
flex-direction: row !important;
align-items: flex-end !important;
justify-content: space-between !important;
gap: 7px !important;
}
.most-booked-section .most-booked-card .viator-price-info {
text-align: right !important;
margin-left: auto !important;
}
.most-booked-section .most-booked-card .viator-price-amount {
font-size: 1.18rem !important;
line-height: 1 !important;
font-weight: 1000 !important;
color: #111827 !important;
white-space: nowrap !important;
}
.most-booked-section .most-booked-card .viator-price-unit {
display: block !important;
font-size: 0.54rem !important;
color: #6b7280 !important;
margin-top: 2px !important;
}
.most-booked-section .most-booked-card .viator-btn {
padding: 9px 12px !important;
min-width: 88px !important;
border-radius: 10px !important;
font-size: 0.74rem !important;
font-weight: 1000 !important;
align-self: flex-end !important;
white-space: nowrap !important;
}
}
@media (max-width: 390px) {
.most-booked-section .most-booked-card .viator-card {
min-height: 190px !important;
grid-template-columns: 37% 63% !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper,
.most-booked-section .most-booked-card .viator-card-body {
min-height: 190px !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.9rem !important;
}
.most-booked-section .most-booked-card .viator-btn {
min-width: 82px !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
}
</style>
<style>
/* =========================================================
JBT MOBILE FINAL FIX - Explore by Destination + Most Booked
Sadece mobil görünümde hizalama ve okunurluk düzeltmesi yapar.
SQL / panel seçimi / masaüstü tasarımına dokunmaz.
========================================================= */
@media (max-width: 768px) {
.features-section.pt-3 {
padding-top: 18px !important;
overflow: hidden !important;
}
.destination-heading-row,
.destination-heading-row.popular-dest-title {
width: 100% !important;
max-width: 100% !important;
margin: 18px auto 14px !important;
padding: 0 14px !important;
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
justify-content: flex-start !important;
gap: 10px !important;
text-align: center !important;
}
.destination-heading-row .features-title {
font-size: 1.55rem !important;
line-height: 1.16 !important;
margin: 0 !important;
word-break: normal !important;
}
.destination-heading-row .top-excursions-subtitle {
font-size: .92rem !important;
line-height: 1.35 !important;
margin-top: 7px !important;
padding: 0 4px !important;
}
.destination-view-all {
align-self: center !important;
width: auto !important;
min-width: 138px !important;
justify-content: center !important;
padding: 9px 16px !important;
font-size: .82rem !important;
line-height: 1 !important;
margin: 0 auto !important;
white-space: nowrap !important;
}
.region-cards-wrapper {
width: 100% !important;
max-width: 100% !important;
margin: 10px auto 0 !important;
padding: 4px 12px 18px !important;
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
overflow: visible !important;
}
.region-card {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
flex: none !important;
height: 132px !important;
border-radius: 16px !important;
margin: 0 !important;
}
.region-card h3 {
font-size: 1.25rem !important;
line-height: 1.05 !important;
left: 12px !important;
right: 12px !important;
bottom: 45px !important;
}
.region-tour-badge {
left: 10px !important;
bottom: 10px !important;
padding: 6px 9px !important;
font-size: .72rem !important;
line-height: 1 !important;
max-width: calc(100% - 20px) !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.most-booked-section {
padding: 18px 0 34px !important;
overflow: hidden !important;
}
.most-booked-section .text-center {
padding: 0 12px !important;
}
.most-booked-region-tabs {
padding: 0 10px 8px !important;
gap: 8px !important;
justify-content: center !important;
}
.most-booked-region-tabs .nav-item {
flex: 0 0 auto !important;
}
.most-booked-region-tabs .top-region-btn {
padding: 8px 12px !important;
font-size: .78rem !important;
line-height: 1 !important;
min-height: 34px !important;
white-space: nowrap !important;
}
.most-booked-wrapper {
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
padding: 6px 8px 18px !important;
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 7px !important;
overflow: visible !important;
}
.most-booked-card {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
flex: none !important;
margin: 0 !important;
}
.most-booked-card .viator-card {
width: 100% !important;
min-height: 0 !important;
height: 100% !important;
border-radius: 10px !important;
overflow: hidden !important;
}
.most-booked-card .viator-card-img-wrapper {
height: 58px !important;
min-height: 58px !important;
flex: 0 0 58px !important;
}
.most-booked-card .badge-popular,
.most-booked-card .badge-favorite,
.most-booked-card .viator-rating,
.most-booked-card .viator-features-list,
.most-booked-card .viator-feature,
.most-booked-card .viator-price-unit {
display: none !important;
}
.most-booked-card .viator-card-body {
padding: 6px 5px 7px !important;
min-height: 86px !important;
}
.most-booked-card .viator-title {
font-size: .64rem !important;
line-height: 1.13 !important;
min-height: 30px !important;
max-height: 38px !important;
margin: 0 0 5px !important;
overflow: hidden !important;
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
}
.most-booked-card .viator-price-action {
margin-top: 0 !important;
gap: 4px !important;
}
.most-booked-card .viator-price-amount {
font-size: .68rem !important;
line-height: 1 !important;
white-space: nowrap !important;
}
.most-booked-card .viator-btn {
width: 100% !important;
min-height: 22px !important;
padding: 5px 3px !important;
border-radius: 7px !important;
font-size: .55rem !important;
line-height: 1 !important;
text-align: center !important;
white-space: nowrap !important;
}
}
@media (max-width: 390px) {
.most-booked-wrapper {
gap: 5px !important;
padding-left: 6px !important;
padding-right: 6px !important;
}
.most-booked-card .viator-card-img-wrapper {
height: 52px !important;
min-height: 52px !important;
flex-basis: 52px !important;
}
.most-booked-card .viator-title {
font-size: .59rem !important;
}
.most-booked-card .viator-price-amount {
font-size: .62rem !important;
}
}
/* =========================================================
JBT MOST BOOKED MOBILE CARD FIX
Most Booked: PC 4+4 grid, mobil Top Excursions tarzı yatay kart.
Sadece Most Booked alanını etkiler.
========================================================= */
.most-booked-section .most-booked-wrapper {
max-width: 1180px !important;
margin: 0 auto !important;
padding: 8px 14px 26px !important;
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 22px !important;
overflow: visible !important;
scroll-snap-type: none !important;
}
.most-booked-section .most-booked-card {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
flex: none !important;
margin: 0 !important;
}
@media (max-width: 768px) {
.most-booked-section {
padding: 28px 0 42px !important;
overflow: visible !important;
}
.most-booked-section .most-booked-region-tabs {
padding: 0 12px 14px !important;
gap: 10px !important;
justify-content: center !important;
flex-wrap: wrap !important;
}
.most-booked-section .most-booked-wrapper {
width: 100% !important;
max-width: 100% !important;
padding: 8px 14px 22px !important;
display: flex !important;
flex-direction: column !important;
gap: 14px !important;
overflow: visible !important;
}
.most-booked-section .most-booked-card {
width: 100% !important;
max-width: 100% !important;
flex: none !important;
}
.most-booked-section .most-booked-card .viator-card {
width: 100% !important;
min-height: 190px !important;
height: auto !important;
display: grid !important;
grid-template-columns: 38% 62% !important;
border-radius: 16px !important;
overflow: hidden !important;
background: #fff !important;
border: 1px solid rgba(0,0,0,.08) !important;
box-shadow: 0 10px 28px rgba(0,0,0,.08) !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper {
width: 100% !important;
height: 100% !important;
min-height: 190px !important;
flex: none !important;
border-radius: 0 !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.most-booked-section .most-booked-card .badge-popular {
display: inline-flex !important;
top: 9px !important;
left: 8px !important;
right: auto !important;
padding: 5px 8px !important;
font-size: .58rem !important;
line-height: 1 !important;
border-radius: 999px !important;
white-space: nowrap !important;
}
.most-booked-section .most-booked-card .badge-favorite {
display: flex !important;
width: 34px !important;
height: 34px !important;
right: 8px !important;
bottom: 8px !important;
top: auto !important;
font-size: .95rem !important;
border-radius: 50% !important;
}
.most-booked-section .most-booked-card .viator-card-body {
width: 100% !important;
min-height: 190px !important;
padding: 14px 12px 12px !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
}
.most-booked-section .most-booked-card .viator-main-content {
min-width: 0 !important;
}
.most-booked-section .most-booked-card .viator-rating {
display: flex !important;
align-items: center !important;
gap: 4px !important;
font-size: .75rem !important;
line-height: 1.1 !important;
margin: 0 0 6px !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 1rem !important;
line-height: 1.14 !important;
font-weight: 900 !important;
min-height: 0 !important;
max-height: 44px !important;
margin: 0 0 7px !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
.most-booked-section .most-booked-card .viator-features-list {
display: flex !important;
flex-direction: column !important;
gap: 4px !important;
margin: 0 !important;
}
.most-booked-section .most-booked-card .viator-feature {
display: flex !important;
align-items: flex-start !important;
gap: 5px !important;
font-size: .72rem !important;
line-height: 1.15 !important;
color: #333 !important;
margin-bottom: 0 !important;
}
.most-booked-section .most-booked-card .viator-feature.mb-1 {
display: none !important;
}
.most-booked-section .most-booked-card .viator-price-action {
margin-top: 10px !important;
padding-top: 0 !important;
border-top: 0 !important;
display: flex !important;
align-items: flex-end !important;
justify-content: space-between !important;
gap: 10px !important;
}
.most-booked-section .most-booked-card .viator-price-amount {
font-size: 1.55rem !important;
line-height: 1 !important;
font-weight: 900 !important;
white-space: nowrap !important;
}
.most-booked-section .most-booked-card .viator-price-unit {
display: block !important;
font-size: .62rem !important;
color: #777 !important;
line-height: 1.1 !important;
}
.most-booked-section .most-booked-card .viator-btn {
width: auto !important;
min-width: 104px !important;
min-height: 42px !important;
padding: 12px 16px !important;
border-radius: 10px !important;
font-size: .82rem !important;
line-height: 1 !important;
font-weight: 900 !important;
text-align: center !important;
white-space: nowrap !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
}
@media (max-width: 390px) {
.most-booked-section .most-booked-wrapper {
padding-left: 10px !important;
padding-right: 10px !important;
}
.most-booked-section .most-booked-card .viator-card {
grid-template-columns: 37% 63% !important;
min-height: 178px !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper,
.most-booked-section .most-booked-card .viator-card-body {
min-height: 178px !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: .9rem !important;
}
.most-booked-section .most-booked-card .viator-price-amount {
font-size: 1.35rem !important;
}
.most-booked-section .most-booked-card .viator-btn {
min-width: 118px !important;
padding-left: 12px !important;
padding-right: 12px !important;
font-size: .76rem !important;
}
}
/* =========================================================
JBT MOST BOOKED = TOP EXCURSIONS MOBILE STYLE FINAL
Most Booked Experiences mobilde Top Excursions & Activities
kart ölçüsü ve CSS yapısı ile aynı görünür.
Sadece Most Booked alanını etkiler.
========================================================= */
@media (min-width: 769px) {
.most-booked-section .most-booked-wrapper {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 14px !important;
max-width: 1080px !important;
margin: 0 auto !important;
padding: 8px 14px 26px !important;
overflow: visible !important;
scroll-snap-type: none !important;
}
.most-booked-section .most-booked-card {
width: 100% !important;
max-width: 100% !important;
flex: none !important;
margin: 0 !important;
}
.most-booked-section .most-booked-card .viator-card {
min-height: 298px !important;
height: 100% !important;
display: flex !important;
flex-direction: column !important;
border-radius: 13px !important;
overflow: hidden !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper {
width: 100% !important;
height: 122px !important;
min-height: 122px !important;
flex: 0 0 122px !important;
}
.most-booked-section .most-booked-card .viator-card-body {
padding: 10px 11px 11px !important;
display: flex !important;
flex-direction: column !important;
flex: 1 1 auto !important;
grid-template-columns: none !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.9rem !important;
line-height: 1.18 !important;
min-height: 40px !important;
margin-bottom: 6px !important;
-webkit-line-clamp: 2 !important;
}
.most-booked-section .most-booked-card .viator-rating,
.most-booked-section .most-booked-card .viator-feature {
font-size: 0.72rem !important;
}
.most-booked-section .most-booked-card .viator-features-list {
gap: 4px !important;
margin-bottom: 8px !important;
}
.most-booked-section .most-booked-card .viator-price-action {
margin-top: auto !important;
padding-top: 8px !important;
border-top: 1px solid #eeeeee !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
}
.most-booked-section .most-booked-card .viator-price-amount {
font-size: 1.15rem !important;
}
.most-booked-section .most-booked-card .viator-btn {
padding: 8px 11px !important;
font-size: 0.78rem !important;
border-radius: 8px !important;
min-width: 118px !important;
}
}
@media (max-width: 768px) {
.most-booked-section {
padding-top: 26px !important;
padding-bottom: 42px !important;
overflow: visible !important;
}
.most-booked-section .most-booked-wrapper {
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
gap: 12px !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
padding: 0 14px !important;
overflow: visible !important;
overflow-x: visible !important;
overflow-y: visible !important;
scroll-snap-type: none !important;
cursor: default !important;
touch-action: auto !important;
}
.most-booked-section .most-booked-card {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
flex: none !important;
margin: 0 !important;
scroll-snap-align: unset !important;
}
.most-booked-section .most-booked-card .viator-card {
width: 100% !important;
max-width: 100% !important;
min-height: 198px !important;
height: auto !important;
flex: none !important;
display: grid !important;
grid-template-columns: 38% 62% !important;
align-items: stretch !important;
border-radius: 15px !important;
overflow: hidden !important;
background: #ffffff !important;
border: 1px solid #e5e7eb !important;
box-shadow: 0 8px 22px rgba(0,0,0,0.08) !important;
margin: 0 !important;
scroll-snap-align: unset !important;
}
.most-booked-section .most-booked-card .viator-card:hover {
transform: none !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper {
width: 100% !important;
height: 100% !important;
min-height: 198px !important;
flex: none !important;
border-radius: 0 !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.most-booked-section .most-booked-card .badge-popular {
display: inline-flex !important;
top: 8px !important;
left: 7px !important;
right: auto !important;
padding: 4px 7px !important;
font-size: 0.55rem !important;
border-radius: 999px !important;
white-space: nowrap !important;
}
.most-booked-section .most-booked-card .badge-favorite {
display: flex !important;
right: 7px !important;
bottom: 8px !important;
top: auto !important;
width: 28px !important;
height: 28px !important;
font-size: 0.78rem !important;
}
.most-booked-section .most-booked-card .viator-card-body {
width: 100% !important;
min-width: 0 !important;
min-height: 198px !important;
padding: 11px 10px !important;
display: flex !important;
flex-direction: column !important;
grid-template-columns: none !important;
}
.most-booked-section .most-booked-card .viator-main-content {
min-width: 0 !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.96rem !important;
line-height: 1.18 !important;
min-height: auto !important;
max-height: none !important;
margin: 0 0 5px !important;
color: #111827 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
.most-booked-section .most-booked-card .viator-rating {
display: flex !important;
font-size: 0.68rem !important;
gap: 4px !important;
margin: 0 0 4px !important;
color: #111827 !important;
}
.most-booked-section .most-booked-card .viator-rating i {
font-size: 0.72rem !important;
}
.most-booked-section .most-booked-card .viator-features-list {
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
margin: 0 0 6px !important;
}
.most-booked-section .most-booked-card .viator-feature {
display: flex !important;
font-size: 0.66rem !important;
line-height: 1.15 !important;
gap: 4px !important;
color: #111827 !important;
margin-bottom: 0 !important;
}
.most-booked-section .most-booked-card .viator-feature i {
font-size: 0.68rem !important;
}
.most-booked-section .most-booked-card .viator-feature.mb-1 {
display: flex !important;
}
.most-booked-section .most-booked-card .viator-instant-box {
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
width: fit-content !important;
max-width: 105px !important;
padding: 5px 6px !important;
border-radius: 7px !important;
background: #ecfdf3 !important;
color: #16a34a !important;
margin-top: auto !important;
}
.most-booked-section .most-booked-card .viator-instant-box i {
font-size: 0.62rem !important;
}
.most-booked-section .most-booked-card .viator-instant-text strong {
display: block !important;
font-size: 0.58rem !important;
line-height: 1.05 !important;
color: #15803d !important;
}
.most-booked-section .most-booked-card .viator-price-action {
margin-top: 6px !important;
padding-top: 0 !important;
border-top: 0 !important;
display: flex !important;
flex-direction: row !important;
align-items: flex-end !important;
justify-content: space-between !important;
gap: 7px !important;
}
.most-booked-section .most-booked-card .viator-price-info {
text-align: right !important;
margin-left: auto !important;
}
.most-booked-section .most-booked-card .viator-price-amount {
font-size: 1.18rem !important;
line-height: 1 !important;
font-weight: 1000 !important;
color: #111827 !important;
white-space: nowrap !important;
}
.most-booked-section .most-booked-card .viator-price-unit {
display: block !important;
font-size: 0.54rem !important;
color: #6b7280 !important;
margin-top: 2px !important;
}
.most-booked-section .most-booked-card .viator-btn {
padding: 9px 12px !important;
min-width: 88px !important;
border-radius: 10px !important;
font-size: 0.74rem !important;
font-weight: 1000 !important;
align-self: flex-end !important;
white-space: nowrap !important;
}
}
@media (max-width: 390px) {
.most-booked-section .most-booked-card .viator-card {
min-height: 190px !important;
grid-template-columns: 37% 63% !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper,
.most-booked-section .most-booked-card .viator-card-body {
min-height: 190px !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.9rem !important;
}
.most-booked-section .most-booked-card .viator-btn {
min-width: 82px !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
}
</style>
<style>
/* =========================================================
JBT FINAL SLIDER FIX - Most Booked + Explore by Destination
Sadece iki bölümü yatay kaydırmalı yapar. SQL gerekmez.
========================================================= */
.jbt-inline-slider {
position: relative !important;
width: 100% !important;
max-width: 1180px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.jbt-inline-slider .region-cards-wrapper,
.jbt-inline-slider .most-booked-wrapper {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
gap: 16px !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
overflow-x: auto !important;
overflow-y: hidden !important;
scroll-snap-type: x mandatory !important;
scroll-behavior: smooth !important;
-webkit-overflow-scrolling: touch !important;
padding: 8px 48px 24px !important;
cursor: grab !important;
}
.jbt-inline-slider .region-cards-wrapper:active,
.jbt-inline-slider .most-booked-wrapper:active {
cursor: grabbing !important;
}
.jbt-inline-slider .region-cards-wrapper::-webkit-scrollbar,
.jbt-inline-slider .most-booked-wrapper::-webkit-scrollbar {
display: none !important;
}
.jbt-inline-slider .region-cards-wrapper,
.jbt-inline-slider .most-booked-wrapper {
scrollbar-width: none !important;
}
.jbt-inline-slider .region-card {
flex: 0 0 calc((100% - 48px) / 4) !important;
width: calc((100% - 48px) / 4) !important;
max-width: calc((100% - 48px) / 4) !important;
min-width: 0 !important;
scroll-snap-align: start !important;
}
.jbt-inline-slider .most-booked-card {
flex: 0 0 calc((100% - 48px) / 4) !important;
width: calc((100% - 48px) / 4) !important;
max-width: calc((100% - 48px) / 4) !important;
min-width: 0 !important;
scroll-snap-align: start !important;
margin: 0 !important;
}
.jbt-inline-slider .most-booked-card .viator-card {
width: 100% !important;
max-width: 100% !important;
height: 100% !important;
}
.jbt-slider-arrow {
position: absolute !important;
top: 50% !important;
transform: translateY(-50%) !important;
z-index: 30 !important;
width: 38px !important;
height: 38px !important;
border: 0 !important;
border-radius: 999px !important;
background: #ffffff !important;
color: #e1251b !important;
box-shadow: 0 10px 25px rgba(0,0,0,.18) !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 16px !important;
line-height: 1 !important;
cursor: pointer !important;
}
.jbt-slider-arrow:hover {
background: #e1251b !important;
color: #ffffff !important;
}
.jbt-slider-arrow.prev {
left: 4px !important;
}
.jbt-slider-arrow.next {
right: 4px !important;
}
.jbt-inline-slider .jbt-slider-dots {
display: none !important;
}
@media (max-width: 991px) {
.jbt-inline-slider .region-card,
.jbt-inline-slider .most-booked-card {
flex-basis: calc((100% - 16px) / 2) !important;
width: calc((100% - 16px) / 2) !important;
max-width: calc((100% - 16px) / 2) !important;
}
}
@media (max-width: 768px) {
.jbt-inline-slider {
max-width: 100% !important;
}
.jbt-inline-slider .region-cards-wrapper,
.jbt-inline-slider .most-booked-wrapper {
gap: 12px !important;
padding: 8px 16px 22px !important;
overflow-x: auto !important;
overflow-y: hidden !important;
scroll-snap-type: x mandatory !important;
touch-action: pan-x !important;
}
.jbt-inline-slider .region-card {
flex: 0 0 82% !important;
width: 82% !important;
max-width: 82% !important;
min-width: 82% !important;
scroll-snap-align: start !important;
}
.jbt-inline-slider .most-booked-card {
flex: 0 0 88% !important;
width: 88% !important;
max-width: 88% !important;
min-width: 88% !important;
scroll-snap-align: start !important;
}
.jbt-inline-slider .most-booked-card .viator-card {
display: block !important;
min-height: auto !important;
height: 100% !important;
border-radius: 16px !important;
}
.jbt-inline-slider .most-booked-card .viator-card-img-wrapper {
height: 170px !important;
min-height: 170px !important;
width: 100% !important;
}
.jbt-inline-slider .most-booked-card .viator-card-body {
min-height: 170px !important;
padding: 13px 14px !important;
}
.jbt-slider-arrow {
display: none !important;
}
}
@media (max-width: 420px) {
.jbt-inline-slider .region-card {
flex-basis: 86% !important;
width: 86% !important;
max-width: 86% !important;
min-width: 86% !important;
}
.jbt-inline-slider .most-booked-card {
flex-basis: 92% !important;
width: 92% !important;
max-width: 92% !important;
min-width: 92% !important;
}
}
</style>
<script>
document.addEventListener('DOMContentLoaded', function () {
function buildInlineSlider(track) {
if (!track || track.closest('.jbt-inline-slider')) return;
var wrapper = document.createElement('div');
wrapper.className = 'jbt-inline-slider';
track.parentNode.insertBefore(wrapper, track);
wrapper.appendChild(track);
if (track.scrollWidth <= track.clientWidth + 20) return;
var prev = document.createElement('button');
prev.type = 'button';
prev.className = 'jbt-slider-arrow prev';
prev.setAttribute('aria-label', 'Previous');
prev.innerHTML = '<i class="fas fa-chevron-left"></i>';
var next = document.createElement('button');
next.type = 'button';
next.className = 'jbt-slider-arrow next';
next.setAttribute('aria-label', 'Next');
next.innerHTML = '<i class="fas fa-chevron-right"></i>';
wrapper.appendChild(prev);
wrapper.appendChild(next);
function getStep() {
var firstCard = track.querySelector('.region-card, .most-booked-card');
if (!firstCard) return Math.round(track.clientWidth * 0.85);
var gap = parseInt(window.getComputedStyle(track).gap || '16', 10);
return firstCard.getBoundingClientRect().width + gap;
}
prev.addEventListener('click', function () {
track.scrollBy({ left: -(getStep() * 2), behavior: 'auto' });
});
next.addEventListener('click', function () {
track.scrollBy({ left: (getStep() * 2), behavior: 'auto' });
});
}
document.querySelectorAll('.region-cards-wrapper, .most-booked-wrapper').forEach(buildInlineSlider);
});
</script>
<style>
/* JBT SLIDER SCROLL FEEL FIX: wheel sayfa scroll'unu kilitlemez, kaydırma daha akıcıdır. */
.jbt-inline-slider .region-cards-wrapper,
.jbt-inline-slider .most-booked-wrapper,
.region-cards-wrapper,
.most-booked-wrapper {
overscroll-behavior-x: contain !important;
overscroll-behavior-y: auto !important;
touch-action: pan-x pan-y pinch-zoom !important;
scroll-behavior: auto !important;
}
.jbt-inline-slider .region-cards-wrapper.is-jbt-dragging,
.jbt-inline-slider .most-booked-wrapper.is-jbt-dragging,
.region-cards-wrapper.is-jbt-dragging,
.most-booked-wrapper.is-jbt-dragging {
scroll-snap-type: none !important;
}
</style>
<script>
/* JBT FINAL OVERRIDE: slider üstünde mouse wheel ile sayfa aşağı/yukarı inmeye devam eder.
Ok butonları daha hızlı kaydırır. */
(function () {
function isTargetSlider(target) {
return target && target.closest && target.closest('.jbt-inline-slider .region-cards-wrapper, .jbt-inline-slider .most-booked-wrapper, .region-cards-wrapper, .most-booked-wrapper');
}
window.addEventListener('wheel', function (e) {
var slider = isTargetSlider(e.target);
if (!slider) return;
if (Math.abs(e.deltaY) >= Math.abs(e.deltaX)) {
e.stopImmediatePropagation();
return;
}
}, { capture: true, passive: true });
function stepFor(track) {
var firstCard = track && track.querySelector && track.querySelector('.region-card, .most-booked-card');
if (!firstCard) return Math.round((track ? track.clientWidth : 320) * 0.9);
var gap = parseFloat(window.getComputedStyle(track).gap || '16') || 16;
var visible = window.innerWidth > 768 ? 2 : 1;
return Math.round((firstCard.getBoundingClientRect().width + gap) * visible);
}
document.addEventListener('click', function (e) {
var btn = e.target.closest && e.target.closest('.jbt-slider-arrow, .jbt-inline-slider-btn, .jbt-pc-slider-btn');
if (!btn) return;
var wrapper = btn.closest('.jbt-inline-slider, .most-booked-section, .features-section');
var track = wrapper && wrapper.querySelector('.region-cards-wrapper, .most-booked-wrapper');
if (!track) return;
e.preventDefault();
e.stopImmediatePropagation();
var dir = (btn.classList.contains('prev') || btn.classList.contains('jbt-inline-prev') || btn.classList.contains('jbt-pc-slider-prev')) ? -1 : 1;
track.scrollBy({ left: dir * stepFor(track), behavior: 'auto' });
}, true);
})();
</script>
<style>
/* JBT PRICE LEFT + MOBILE SIZE FIX
Most Booked mobilde Top Excursions ölçüsüne yaklaşır, fiyat her zaman solda kalır. */
@media (max-width: 768px) {
.most-booked-section {
padding-top: 30px !important;
padding-bottom: 46px !important;
}
.most-booked-section .jbt-inline-slider .most-booked-wrapper,
.jbt-inline-slider .most-booked-wrapper,
.most-booked-wrapper {
padding-left: 16px !important;
padding-right: 16px !important;
gap: 12px !important;
}
.most-booked-section .jbt-inline-slider .most-booked-card,
.jbt-inline-slider .most-booked-card,
.most-booked-card {
flex: 0 0 calc(100vw - 48px) !important;
width: calc(100vw - 48px) !important;
max-width: 360px !important;
min-width: calc(100vw - 48px) !important;
}
.most-booked-section .jbt-inline-slider .most-booked-card .viator-card,
.jbt-inline-slider .most-booked-card .viator-card,
.most-booked-section .most-booked-card .viator-card {
display: grid !important;
grid-template-columns: 38% 62% !important;
min-height: 198px !important;
height: auto !important;
border-radius: 15px !important;
overflow: hidden !important;
background: #fff !important;
border: 1px solid #e5e7eb !important;
box-shadow: 0 8px 22px rgba(0,0,0,0.08) !important;
}
.most-booked-section .jbt-inline-slider .most-booked-card .viator-card-img-wrapper,
.jbt-inline-slider .most-booked-card .viator-card-img-wrapper,
.most-booked-section .most-booked-card .viator-card-img-wrapper {
width: 100% !important;
height: 100% !important;
min-height: 198px !important;
flex: none !important;
}
.most-booked-section .jbt-inline-slider .most-booked-card .viator-card-body,
.jbt-inline-slider .most-booked-card .viator-card-body,
.most-booked-section .most-booked-card .viator-card-body {
min-height: 198px !important;
padding: 11px 10px !important;
display: flex !important;
flex-direction: column !important;
}
.most-booked-section .most-booked-card .viator-title {
font-size: 0.96rem !important;
line-height: 1.18 !important;
margin-bottom: 5px !important;
-webkit-line-clamp: 2 !important;
}
.most-booked-section .most-booked-card .viator-rating,
.most-booked-section .most-booked-card .viator-feature {
font-size: 0.68rem !important;
}
.most-booked-section .most-booked-card .viator-price-action {
margin-top: 6px !important;
padding-top: 0 !important;
border-top: 0 !important;
display: flex !important;
flex-direction: row !important;
align-items: flex-end !important;
justify-content: space-between !important;
gap: 7px !important;
}
.most-booked-section .most-booked-card .viator-price-info {
text-align: left !important;
margin-left: 0 !important;
margin-right: auto !important;
order: 1 !important;
}
.most-booked-section .most-booked-card .viator-btn {
order: 2 !important;
margin-left: auto !important;
align-self: flex-end !important;
min-width: 88px !important;
padding: 9px 12px !important;
font-size: 0.74rem !important;
border-radius: 10px !important;
}
.most-booked-section .most-booked-card .viator-price-amount {
font-size: 1.18rem !important;
line-height: 1 !important;
font-weight: 1000 !important;
white-space: nowrap !important;
}
.most-booked-section .most-booked-card .viator-price-unit {
display: block !important;
font-size: 0.54rem !important;
margin-top: 2px !important;
}
}
@media (max-width: 390px) {
.most-booked-section .jbt-inline-slider .most-booked-card,
.jbt-inline-slider .most-booked-card,
.most-booked-card {
flex-basis: calc(100vw - 40px) !important;
width: calc(100vw - 40px) !important;
min-width: calc(100vw - 40px) !important;
}
.most-booked-section .jbt-inline-slider .most-booked-card .viator-card,
.jbt-inline-slider .most-booked-card .viator-card,
.most-booked-section .most-booked-card .viator-card {
grid-template-columns: 37% 63% !important;
min-height: 190px !important;
}
.most-booked-section .jbt-inline-slider .most-booked-card .viator-card-img-wrapper,
.jbt-inline-slider .most-booked-card .viator-card-img-wrapper,
.most-booked-section .jbt-inline-slider .most-booked-card .viator-card-body,
.jbt-inline-slider .most-booked-card .viator-card-body {
min-height: 190px !important;
}
}
</style>
<style>
/* =========================================================
JBT MOBILE PC-LIKE TOUR CARD OVERRIDE
PC görünümüne dokunmaz. Mobilde Most Booked tur kartlarını
PC'deki dikey kart mantığına çeker ve mobil uyumlu yapar.
========================================================= */
@media (max-width: 768px) {
.most-booked-section {
overflow: visible !important;
padding-top: 24px !important;
padding-bottom: 46px !important;
}
.most-booked-region-tabs {
display: flex !important;
flex-wrap: nowrap !important;
justify-content: flex-start !important;
gap: 8px !important;
overflow-x: auto !important;
overflow-y: hidden !important;
padding: 0 16px 10px !important;
margin: 0 auto 14px !important;
scrollbar-width: none !important;
-webkit-overflow-scrolling: touch !important;
}
.most-booked-region-tabs::-webkit-scrollbar {
display: none !important;
}
.most-booked-region-tabs .top-region-btn {
flex: 0 0 auto !important;
white-space: nowrap !important;
min-height: 38px !important;
padding: 9px 16px !important;
font-size: .84rem !important;
border-radius: 999px !important;
}
.most-booked-tab-content .most-booked-wrapper,
.most-booked-section .most-booked-wrapper,
.most-booked-section .jbt-inline-slider,
.jbt-inline-slider .most-booked-wrapper {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
justify-content: flex-start !important;
align-items: stretch !important;
width: 100% !important;
max-width: 100% !important;
gap: 14px !important;
margin: 0 auto !important;
padding: 6px 16px 18px !important;
overflow-x: auto !important;
overflow-y: hidden !important;
scroll-snap-type: x mandatory !important;
-webkit-overflow-scrolling: touch !important;
scrollbar-width: none !important;
cursor: grab !important;
touch-action: pan-x pan-y !important;
box-sizing: border-box !important;
}
.most-booked-tab-content .most-booked-wrapper::-webkit-scrollbar,
.most-booked-section .most-booked-wrapper::-webkit-scrollbar,
.most-booked-section .jbt-inline-slider::-webkit-scrollbar,
.jbt-inline-slider .most-booked-wrapper::-webkit-scrollbar {
display: none !important;
}
.most-booked-tab-content .most-booked-card,
.most-booked-section .most-booked-card,
.most-booked-section .jbt-inline-slider .most-booked-card,
.jbt-inline-slider .most-booked-card {
flex: 0 0 calc(100vw - 64px) !important;
width: calc(100vw - 64px) !important;
min-width: calc(100vw - 64px) !important;
max-width: 360px !important;
margin: 0 !important;
scroll-snap-align: start !important;
}
.most-booked-section .most-booked-card .viator-card,
.most-booked-section .jbt-inline-slider .most-booked-card .viator-card,
.jbt-inline-slider .most-booked-card .viator-card {
width: 100% !important;
max-width: 100% !important;
min-height: 390px !important;
height: 100% !important;
display: flex !important;
flex-direction: column !important;
grid-template-columns: none !important;
border-radius: 16px !important;
overflow: hidden !important;
background: #ffffff !important;
border: 1px solid #e5e7eb !important;
box-shadow: 0 10px 26px rgba(0,0,0,0.09) !important;
margin: 0 !important;
transform: none !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper,
.most-booked-section .jbt-inline-slider .most-booked-card .viator-card-img-wrapper,
.jbt-inline-slider .most-booked-card .viator-card-img-wrapper {
width: 100% !important;
height: 170px !important;
min-height: 170px !important;
flex: 0 0 170px !important;
border-radius: 0 !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper img,
.most-booked-section .jbt-inline-slider .most-booked-card .viator-card-img-wrapper img,
.jbt-inline-slider .most-booked-card .viator-card-img-wrapper img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.most-booked-section .most-booked-card .viator-card-body,
.most-booked-section .jbt-inline-slider .most-booked-card .viator-card-body,
.jbt-inline-slider .most-booked-card .viator-card-body {
width: 100% !important;
min-height: 0 !important;
flex: 1 1 auto !important;
display: flex !important;
flex-direction: column !important;
grid-template-columns: none !important;
padding: 14px !important;
box-sizing: border-box !important;
}
.most-booked-section .most-booked-card .viator-title,
.most-booked-section .jbt-inline-slider .most-booked-card .viator-title,
.jbt-inline-slider .most-booked-card .viator-title {
font-size: 1rem !important;
line-height: 1.24 !important;
min-height: 48px !important;
max-height: 50px !important;
margin: 0 0 8px !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
color: #111827 !important;
}
.most-booked-section .most-booked-card .viator-rating,
.most-booked-section .jbt-inline-slider .most-booked-card .viator-rating,
.jbt-inline-slider .most-booked-card .viator-rating {
display: flex !important;
font-size: .78rem !important;
gap: 5px !important;
margin: 0 0 8px !important;
}
.most-booked-section .most-booked-card .viator-features-list,
.most-booked-section .jbt-inline-slider .most-booked-card .viator-features-list,
.jbt-inline-slider .most-booked-card .viator-features-list {
display: flex !important;
flex-direction: column !important;
gap: 5px !important;
margin: 0 0 10px !important;
}
.most-booked-section .most-booked-card .viator-feature,
.most-booked-section .jbt-inline-slider .most-booked-card .viator-feature,
.jbt-inline-slider .most-booked-card .viator-feature {
display: flex !important;
align-items: center !important;
gap: 6px !important;
font-size: .79rem !important;
line-height: 1.25 !important;
color: #111827 !important;
}
.most-booked-section .most-booked-card .viator-instant-box,
.most-booked-section .jbt-inline-slider .most-booked-card .viator-instant-box,
.jbt-inline-slider .most-booked-card .viator-instant-box {
display: none !important;
}
.most-booked-section .most-booked-card .viator-price-action,
.most-booked-section .jbt-inline-slider .most-booked-card .viator-price-action,
.jbt-inline-slider .most-booked-card .viator-price-action {
margin-top: auto !important;
padding-top: 12px !important;
border-top: 1px solid #eeeeee !important;
display: flex !important;
flex-direction: row !important;
justify-content: space-between !important;
align-items: center !important;
gap: 10px !important;
}
.most-booked-section .most-booked-card .viator-price-info,
.most-booked-section .jbt-inline-slider .most-booked-card .viator-price-info,
.jbt-inline-slider .most-booked-card .viator-price-info {
text-align: left !important;
margin: 0 !important;
min-width: 0 !important;
}
.most-booked-section .most-booked-card .viator-price-amount,
.most-booked-section .jbt-inline-slider .most-booked-card .viator-price-amount,
.jbt-inline-slider .most-booked-card .viator-price-amount {
font-size: 1.35rem !important;
line-height: 1 !important;
font-weight: 1000 !important;
white-space: nowrap !important;
color: #111827 !important;
}
.most-booked-section .most-booked-card .viator-price-unit,
.most-booked-section .jbt-inline-slider .most-booked-card .viator-price-unit,
.jbt-inline-slider .most-booked-card .viator-price-unit {
display: block !important;
font-size: .68rem !important;
margin-top: 3px !important;
color: #6b7280 !important;
}
.most-booked-section .most-booked-card .viator-btn,
.most-booked-section .jbt-inline-slider .most-booked-card .viator-btn,
.jbt-inline-slider .most-booked-card .viator-btn {
width: auto !important;
min-width: 104px !important;
min-height: 40px !important;
padding: 11px 15px !important;
border-radius: 10px !important;
font-size: .88rem !important;
line-height: 1 !important;
white-space: nowrap !important;
align-self: center !important;
}
.most-booked-section .jbt-inline-slider-btn {
display: none !important;
}
}
@media (max-width: 390px) {
.most-booked-tab-content .most-booked-card,
.most-booked-section .most-booked-card,
.most-booked-section .jbt-inline-slider .most-booked-card,
.jbt-inline-slider .most-booked-card {
flex-basis: calc(100vw - 46px) !important;
width: calc(100vw - 46px) !important;
min-width: calc(100vw - 46px) !important;
}
.most-booked-section .most-booked-card .viator-card,
.most-booked-section .jbt-inline-slider .most-booked-card .viator-card,
.jbt-inline-slider .most-booked-card .viator-card {
min-height: 382px !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper,
.most-booked-section .jbt-inline-slider .most-booked-card .viator-card-img-wrapper,
.jbt-inline-slider .most-booked-card .viator-card-img-wrapper {
height: 160px !important;
min-height: 160px !important;
flex-basis: 160px !important;
}
}
/* =========================================================
JBT SAFE FINAL REQUEST FIX
Sadece 2 alanı etkiler:
1) Most Booked bölge butonları Top Excursions buton ölçüsüyle aynı
2) Explore by Destination görselleri orantılı
========================================================= */
/* Most Booked Experiences altındaki bölge butonları Top Excursions ile aynı ölçü */
.most-booked-region-tabs {
display: flex !important;
justify-content: center !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 10px !important;
margin: 0 auto 30px !important;
padding: 0 !important;
list-style: none !important;
}
.most-booked-region-tabs .nav-item {
margin: 0 !important;
}
.most-booked-region-tabs .top-region-btn,
.most-booked-region-tabs .nav-link {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 34px !important;
height: 34px !important;
padding: 7px 16px !important;
border: 1px solid #e5e7eb !important;
border-radius: 999px !important;
background: #f3f3f3 !important;
color: #111827 !important;
font-size: 0.72rem !important;
line-height: 1 !important;
font-weight: 900 !important;
text-decoration: none !important;
white-space: nowrap !important;
box-shadow: none !important;
}
.most-booked-region-tabs .top-region-btn.active,
.most-booked-region-tabs .nav-link.active,
.most-booked-region-tabs .top-region-btn:hover,
.most-booked-region-tabs .nav-link:hover {
background: #e1251b !important;
border-color: #e1251b !important;
color: #ffffff !important;
}
/* Explore by Destination görselleri ilk dosyadaki gibi orantılı kalsın */
.region-cards-wrapper {
align-items: stretch !important;
}
.region-card {
aspect-ratio: 16 / 9 !important;
height: auto !important;
min-height: unset !important;
}
.region-card img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center center !important;
}
@media (min-width: 769px) {
.region-card {
flex: 0 0 320px !important;
width: 320px !important;
max-width: 320px !important;
aspect-ratio: 16 / 9 !important;
height: auto !important;
}
}
@media (max-width: 768px) {
.most-booked-region-tabs {
gap: 10px !important;
margin-bottom: 24px !important;
padding: 0 16px !important;
}
.most-booked-region-tabs .top-region-btn,
.most-booked-region-tabs .nav-link {
min-height: 34px !important;
height: 34px !important;
padding: 7px 16px !important;
font-size: 0.72rem !important;
}
.region-card {
flex: 0 0 calc(100vw - 64px) !important;
width: calc(100vw - 64px) !important;
max-width: 340px !important;
aspect-ratio: 16 / 9 !important;
height: auto !important;
}
}
/* JBT Most Booked bölge adı görsel üzerinde sol tarafta */
.most-booked-section .most-booked-card .viator-card-img-wrapper {
position: relative !important;
}
.most-booked-section .most-booked-card .jbt-mb-region-on-image {
position: absolute !important;
left: 12px !important;
bottom: 12px !important;
z-index: 5 !important;
margin: 0 !important;
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
width: auto !important;
max-width: calc(100% - 24px) !important;
padding: 7px 11px !important;
border-radius: 999px !important;
background: rgba(255,255,255,0.94) !important;
color: #111827 !important;
font-size: 0.78rem !important;
line-height: 1 !important;
font-weight: 900 !important;
box-shadow: 0 6px 16px rgba(0,0,0,0.18) !important;
}
.most-booked-section .most-booked-card .jbt-mb-region-on-image i {
color: #e1251b !important;
}
</style>
<!-- JBT_SAFE_MOSTBOOKED_BADGE_REGION_TWEAK -->
<style>
/* Sadece Most Booked kart içindeki Best Seller ve görsel üstü bölge etiketini etkiler */
.most-booked-section .most-booked-card .badge-popular {
padding: 7px 12px !important;
font-size: 0.80rem !important;
font-weight: 900 !important;
line-height: 1 !important;
}
.most-booked-section .most-booked-card .jbt-mb-region-on-image {
left: 8px !important;
bottom: 8px !important;
padding: 5px 9px !important;
font-size: 0.70rem !important;
gap: 5px !important;
max-width: calc(100% - 16px) !important;
}
.most-booked-section .most-booked-card .jbt-mb-region-on-image i {
font-size: 0.70rem !important;
}
</style>
<!-- JBT_SAFE_DESTINATION_TOUR_BADGE_SIZE_FIX -->
<style>
/* Sadece Explore by Destination kartlarındaki tur sayısı rozetini Best Seller ölçüsüne yaklaştırır. */
.region-card .region-tour-badge {
left: 12px !important;
bottom: 12px !important;
padding: 7px 12px !important;
font-size: 0.80rem !important;
line-height: 1 !important;
font-weight: 900 !important;
gap: 6px !important;
border-radius: 999px !important;
}
.region-card .region-tour-badge i {
font-size: 0.80rem !important;
}
@media (max-width: 768px) {
.region-card .region-tour-badge {
left: 10px !important;
bottom: 10px !important;
padding: 6px 10px !important;
font-size: 0.76rem !important;
gap: 5px !important;
}
.region-card .region-tour-badge i {
font-size: 0.76rem !important;
}
}
</style>
<!-- JBT_SAFE_EXPLORE_DESTINATION_VIEWALL_CENTER_FIX -->
<style>
/* Sadece Explore by Destination bölümünü etkiler; Best Seller / Most Booked ayarlarına dokunmaz. */
.destination-heading-row.popular-dest-title {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
gap: 12px !important;
margin-bottom: 24px !important;
}
.destination-heading-row.popular-dest-title > div {
width: 100% !important;
text-align: center !important;
}
.destination-heading-row.popular-dest-title .features-title {
width: 100% !important;
max-width: 100% !important;
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
}
.destination-heading-row.popular-dest-title .top-excursions-subtitle {
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
}
.destination-heading-row.popular-dest-title .destination-view-all {
margin-top: 8px !important;
align-self: center !important;
}
.region-card h3 {
inset: 0 !important;
width: 100% !important;
height: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
font-size: 2.22rem !important;
line-height: 1.05 !important;
padding: 0 18px !important;
transform: none !important;
}
@media (max-width: 768px) {
.destination-heading-row.popular-dest-title {
padding-left: 16px !important;
padding-right: 16px !important;
gap: 10px !important;
margin-bottom: 22px !important;
}
.destination-heading-row.popular-dest-title .features-title {
max-width: 100% !important;
text-align: center !important;
}
.destination-heading-row.popular-dest-title .destination-view-all {
margin-top: 10px !important;
}
.region-card h3 {
font-size: 2.18rem !important;
padding: 0 16px !important;
}
}
/* JBT_EXPLORE_DESTINATION_INNER_IMAGE_ZOOM_ONLY
Explore by Destination görsellerinde çerçeve sabit kalır, sadece içteki resim büyür. */
.region-cards-wrapper .region-card {
overflow: hidden !important;
}
.region-cards-wrapper .region-card img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
transform: scale(1.12) !important;
transform-origin: center center !important;
}
</style>
<!-- JBT_FINAL_VIEW_ALL_DESTINATIONS_AND_SMOOTH_SLIDER_FIX -->
<style>
/* Explore by Destination altındaki buton metni ve slider akıcılığı için final override */
.destination-view-all-wrap .destination-view-all {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
will-change: transform !important;
}
.most-booked-wrapper,
.region-cards-wrapper,
.top-excursions-section .tour-list-wrapper {
scroll-behavior: auto !important;
-webkit-overflow-scrolling: touch !important;
will-change: scroll-position !important;
transform: translateZ(0) !important;
backface-visibility: hidden !important;
contain: layout paint !important;
}
.most-booked-wrapper *,
.region-cards-wrapper *,
.top-excursions-section .tour-list-wrapper * {
backface-visibility: hidden !important;
}
</style>
<script>
(function () {
function getSliderStep(slider) {
if (!slider) return 260;
var firstItem = Array.prototype.find.call(slider.children, function (el) {
return el && el.nodeType === 1 && el.getBoundingClientRect().width > 0;
});
if (!firstItem) return Math.max(240, Math.round(slider.clientWidth * 0.85));
var style = window.getComputedStyle(slider);
var gap = parseFloat(style.gap || style.columnGap || "0") || 0;
return Math.max(220, Math.round(firstItem.getBoundingClientRect().width + gap));
}
function animateScrollX(slider, target, duration) {
if (!slider) return;
var start = slider.scrollLeft;
var max = Math.max(0, slider.scrollWidth - slider.clientWidth);
target = Math.max(0, Math.min(max, target));
var distance = target - start;
if (Math.abs(distance) < 2) return;
var startTime = performance.now();
duration = duration || 180;
function easeOutCubic(t) {
return 1 - Math.pow(1 - t, 3);
}
function frame(now) {
var progress = Math.min(1, (now - startTime) / duration);
slider.scrollLeft = start + distance * easeOutCubic(progress);
if (progress < 1) {
requestAnimationFrame(frame);
}
}
requestAnimationFrame(frame);
}
window.jbtIndexScrollSlider = function (name, direction) {
var slider = document.querySelector('[data-jbt-slider-track="' + name + '"]');
if (!slider) return;
var step = getSliderStep(slider);
animateScrollX(slider, slider.scrollLeft + (direction * step * 2), 170);
};
document.addEventListener('DOMContentLoaded', function () {
document.querySelectorAll('.most-booked-wrapper, .region-cards-wrapper, .top-excursions-section .tour-list-wrapper').forEach(function (slider) {
slider.style.scrollBehavior = 'auto';
slider.style.webkitOverflowScrolling = 'touch';
});
});
})();
</script>
<style>
/* =========================================================
JBT POPULAR LINKS SPACING FIX
Sadece footer üstündeki Popular Destinations / Popular Tours
başlık hizası ve kelime aralıklarını düzeltir.
========================================================= */
.popular-links-section .popular-link-group {
margin-bottom: 64px !important;
}
.popular-links-section .popular-link-heading {
align-items: flex-start !important;
gap: 18px !important;
margin-bottom: 22px !important;
}
.popular-links-section .popular-link-heading-text {
padding-top: 10px !important;
}
.popular-links-section .popular-link-heading-text h2,
.popular-links-section .jbt-popular-two-line-title {
margin-bottom: 14px !important;
line-height: 1.18 !important;
white-space: normal !important;
}
.popular-links-section .jbt-popular-title-line {
display: inline-block !important;
}
.popular-links-section .jbt-popular-title-line + .jbt-popular-title-line {
margin-left: 0.28em !important;
}
.popular-links-section .popular-link-heading-text p {
margin-top: 6px !important;
line-height: 1.5 !important;
}
.popular-links-section .popular-link-grid {
gap: 18px !important;
}
.popular-links-section .popular-link-item {
padding-top: 14px !important;
padding-bottom: 14px !important;
}
@media (max-width: 768px) {
.popular-links-section .popular-link-group {
margin-bottom: 46px !important;
}
.popular-links-section .popular-link-heading {
gap: 14px !important;
margin-bottom: 18px !important;
}
.popular-links-section .popular-link-heading-text {
padding-top: 8px !important;
}
.popular-links-section .popular-link-heading-text h2,
.popular-links-section .jbt-popular-two-line-title {
margin-bottom: 10px !important;
}
}
</style>
<style>
/* =========================================================
JBT POPULAR BAŞLIK + SLIDER İKON SON DÜZELTME
1) Popular Destinations / Popular Tours yan yana ve aralıklı görünür.
2) Web görünümünde çift görünen slider ok ikonları kaldırılır.
Diğer tasarım ayarlarına dokunmaz.
========================================================= */
.popular-links-section .jbt-popular-two-line-title,
.popular-links-section .popular-link-heading-text h2 {
display: block !important;
white-space: nowrap !important;
overflow: visible !important;
text-overflow: unset !important;
word-break: normal !important;
overflow-wrap: normal !important;
line-height: 1.08 !important;
}
.popular-links-section .jbt-popular-title-line,
.popular-links-section .jbt-mobile-title-line {
display: inline !important;
white-space: nowrap !important;
}
.popular-links-section .jbt-mobile-title-line + .jbt-mobile-title-line,
.popular-links-section .jbt-popular-title-line + .jbt-popular-title-line {
margin-left: 0.28em !important;
}
@media (max-width: 768px) {
.popular-links-section .popular-link-heading-text h2,
.popular-links-section .jbt-popular-two-line-title {
font-size: 1.42rem !important;
white-space: nowrap !important;
}
}
@media (min-width: 769px) {
.most-booked-section .jbt-inline-slider-btn,
.features-section .jbt-inline-slider-btn,
.jbt-inline-slider-btn,
.jbt-pc-slider-btn,
.jbt-slider-arrow {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
}
</style>
<script>
/* Popular başlıklarını JS ile iki satıra bölen eski kodu en sonda geri toplar. */
(function () {
function normalizePopularTitle(value) {
return String(value || '')
.replace(/Popular\s*Destinations/gi, 'Popular Destinations')
.replace(/Popular\s*Tours/gi, 'Popular Tours')
.replace(/Popular\s*Regions/gi, 'Popular Regions')
.replace(/Popular\s*Excursions/gi, 'Popular Excursions')
.replace(/([a-z])([A-Z])/g, '$1 $2')
.replace(/\s+/g, ' ')
.trim();
}
function fixPopularHeadingsInline() {
document.querySelectorAll('.popular-links-section .popular-link-heading-text h2').forEach(function (h2) {
var original = h2.getAttribute('data-jbt-original-title') || h2.dataset.jbtOriginalTitle || h2.textContent || '';
h2.textContent = normalizePopularTitle(original);
});
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', fixPopularHeadingsInline);
} else {
fixPopularHeadingsInline();
}
window.addEventListener('load', fixPopularHeadingsInline);
window.addEventListener('resize', function () {
clearTimeout(window.jbtPopularInlineFinalTimer);
window.jbtPopularInlineFinalTimer = setTimeout(fixPopularHeadingsInline, 160);
});
setTimeout(fixPopularHeadingsInline, 250);
setTimeout(fixPopularHeadingsInline, 900);
})();
</script>
<style>
/* =========================================================
JBT POPULAR TITLE + TOP EXCURSIONS 4 COLUMN FINAL FIX
Sadece Popular başlık boşluğu ve PC Top Excursions 4'lü görünümü düzeltir.
========================================================= */
.popular-links-section .popular-link-heading {
display: grid !important;
grid-template-columns: 52px auto !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 18px !important;
text-align: left !important;
}
.popular-links-section .popular-link-heading-text {
width: auto !important;
max-width: none !important;
min-width: 0 !important;
text-align: left !important;
}
.popular-links-section .jbt-popular-two-line-title,
.popular-links-section .popular-link-heading-text h2 {
display: block !important;
width: auto !important;
max-width: none !important;
white-space: nowrap !important;
overflow: visible !important;
text-overflow: unset !important;
word-spacing: normal !important;
letter-spacing: -0.3px !important;
line-height: 1.12 !important;
}
.popular-links-section .jbt-popular-title-line,
.popular-links-section .jbt-mobile-title-line {
display: inline !important;
white-space: nowrap !important;
line-height: inherit !important;
}
.popular-links-section .jbt-popular-title-line + .jbt-popular-title-line::before,
.popular-links-section .jbt-mobile-title-line + .jbt-mobile-title-line::before {
content: ' ' !important;
}
@media (min-width: 769px) {
.top-excursions-section .tour-list-wrapper {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 16px !important;
max-width: 1180px !important;
margin-left: auto !important;
margin-right: auto !important;
overflow: visible !important;
scroll-snap-type: none !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.top-excursions-section .tour-list-wrapper .viator-card,
.top-excursions-section .viator-card {
width: 100% !important;
max-width: 100% !important;
flex: none !important;
margin: 0 !important;
}
}
</style>
<script>
/* PopularDestinations / PopularTours yazılarını tek boşluklu hale getirir;
önceki mobil split scriptleri çalışsa bile sonradan düzeltir. */
(function () {
function normalizePopularTitleText(raw) {
return String(raw || '')
.replace(/Popular\s*Destinations/gi, 'Popular Destinations')
.replace(/Popular\s*Tours/gi, 'Popular Tours')
.replace(/Popular\s*Regions/gi, 'Popular Regions')
.replace(/Popular\s*Excursions/gi, 'Popular Excursions')
.replace(/\s+/g, ' ')
.trim();
}
function fixPopularTitlesOneLine() {
document.querySelectorAll('.popular-links-section .popular-link-heading-text h2').forEach(function (h2) {
var text = normalizePopularTitleText(h2.textContent || h2.dataset.jbtOriginalTitle || '');
if (!text) return;
h2.dataset.jbtOriginalTitle = text;
h2.textContent = text;
});
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', function () {
setTimeout(fixPopularTitlesOneLine, 0);
setTimeout(fixPopularTitlesOneLine, 180);
setTimeout(fixPopularTitlesOneLine, 600);
});
} else {
setTimeout(fixPopularTitlesOneLine, 0);
setTimeout(fixPopularTitlesOneLine, 180);
setTimeout(fixPopularTitlesOneLine, 600);
}
window.addEventListener('resize', function () {
clearTimeout(window.jbtPopularOneLineTimer);
window.jbtPopularOneLineTimer = setTimeout(fixPopularTitlesOneLine, 150);
});
})();
</script>
<style>
/* JBT MOST BOOKED DOTS FINAL
Sadece Most Booked Experiences slider altına kırmızı/gri nokta ekler.
Diğer slider ve tasarım ayarlarına dokunmaz. */
.most-booked-section .jbt-mb-slider-dots {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 7px !important;
width: 100% !important;
margin: -4px auto 20px !important;
padding: 0 !important;
line-height: 1 !important;
position: relative !important;
z-index: 90 !important;
pointer-events: auto !important;
}
.most-booked-section .jbt-mb-slider-dot {
width: 8px !important;
height: 8px !important;
min-width: 8px !important;
border: 0 !important;
border-radius: 999px !important;
background: #d9d9d9 !important;
padding: 0 !important;
margin: 0 !important;
cursor: pointer !important;
opacity: 1 !important;
display: block !important;
transition: width .2s ease, background-color .2s ease !important;
}
.most-booked-section .jbt-mb-slider-dot.active {
width: 22px !important;
background: #e1251b !important;
}
.most-booked-section .jbt-mb-slider-dots[hidden] {
display: none !important;
}
@media (max-width: 768px) {
.most-booked-section .jbt-mb-slider-dots {
margin-top: 10px !important;
margin-bottom: 18px !important;
}
}
</style>
<script>
/* JBT MOST BOOKED DOTS FINAL
Dinamik bölge sekmelerindeki her Most Booked slider için nokta oluşturur. */
(function () {
function ready(fn) {
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', fn);
} else {
fn();
}
}
function visibleCards(track) {
return Array.prototype.filter.call(track.children, function (el) {
return el && el.nodeType === 1 && el.classList.contains('most-booked-card') && el.offsetWidth > 0;
});
}
function getGap(track) {
var style = window.getComputedStyle(track);
return parseFloat(style.gap || style.columnGap || '0') || 0;
}
function getStep(track) {
var cards = visibleCards(track);
if (!cards.length) return Math.max(220, Math.round(track.clientWidth * 0.85));
return Math.max(120, Math.round(cards[0].getBoundingClientRect().width + getGap(track)));
}
function dotCount(track) {
var cards = visibleCards(track);
if (cards.length <= 1) return 0;
var maxScroll = Math.max(0, track.scrollWidth - track.clientWidth);
if (maxScroll <= 8) return 0;
var step = getStep(track);
var byScroll = Math.ceil(maxScroll / step) + 1;
var visibleCount = Math.max(1, Math.floor((track.clientWidth + getGap(track)) / step));
var byCards = Math.max(1, cards.length - visibleCount + 1);
return Math.max(2, Math.min(cards.length, Math.max(byScroll, byCards)));
}
function makeDots(track) {
if (!track || track.dataset.jbtMbDotsReady === '1') return;
track.dataset.jbtMbDotsReady = '1';
var dots = document.createElement('div');
dots.className = 'jbt-mb-slider-dots';
dots.setAttribute('aria-label', 'Most Booked slider dots');
track.insertAdjacentElement('afterend', dots);
var ticking = false;
function update() {
var count = dotCount(track);
if (count <= 1) {
dots.hidden = true;
dots.innerHTML = '';
return;
}
dots.hidden = false;
if (dots.children.length !== count) {
dots.innerHTML = '';
for (var i = 0; i < count; i++) {
var dot = document.createElement('button');
dot.type = 'button';
dot.className = 'jbt-mb-slider-dot';
dot.setAttribute('aria-label', 'Most Booked slide ' + (i + 1));
dot.setAttribute('data-index', String(i));
dot.addEventListener('click', function (e) {
e.preventDefault();
e.stopPropagation();
var idx = parseInt(this.getAttribute('data-index') || '0', 10);
var target = Math.min(track.scrollWidth - track.clientWidth, idx * getStep(track));
track.scrollTo({ left: target, behavior: 'smooth' });
});
dots.appendChild(dot);
}
}
var maxIndex = Math.max(0, dots.children.length - 1);
var active = Math.round(track.scrollLeft / getStep(track));
if (track.scrollLeft >= track.scrollWidth - track.clientWidth - 8) active = maxIndex;
active = Math.max(0, Math.min(maxIndex, active));
Array.prototype.forEach.call(dots.children, function (dot, index) {
dot.classList.toggle('active', index === active);
});
}
function requestUpdate() {
if (ticking) return;
ticking = true;
window.requestAnimationFrame(function () {
ticking = false;
update();
});
}
track.addEventListener('scroll', requestUpdate, { passive: true });
window.addEventListener('resize', requestUpdate, { passive: true });
// Bootstrap tab değişince gizli pane açıldığı için ölçüleri yeniden hesapla
document.addEventListener('shown.bs.tab', function () {
setTimeout(requestUpdate, 60);
setTimeout(requestUpdate, 220);
});
setTimeout(requestUpdate, 80);
setTimeout(requestUpdate, 350);
setTimeout(requestUpdate, 900);
}
ready(function () {
document.querySelectorAll('.most-booked-section .most-booked-wrapper').forEach(makeDots);
});
})();
</script>
<style>
/* =========================================================
JBT FINAL REQUEST FIX
1) Most Booked noktalari kartlarin ALTINDA ortali durur.
2) Popular Destinations / Popular Excursions liste araliklari daralir.
3) Explore by Destination kart cercevesi biraz buyur.
Sadece ilgili alanlari etkiler.
========================================================= */
/* Most Booked dots: yan tarafa dusmesini engelle */
.most-booked-tab-content,
.most-booked-tab-content .tab-pane {
width: 100% !important;
max-width: 100% !important;
}
.most-booked-tab-content .tab-pane.show.active {
display: block !important;
}
.most-booked-tab-content .most-booked-wrapper {
width: 100% !important;
display: flex !important;
flex-wrap: nowrap !important;
}
.most-booked-section .jbt-mb-slider-dots {
position: static !important;
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
transform: none !important;
clear: both !important;
float: none !important;
flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 7px !important;
margin: 16px auto 28px !important;
padding: 0 !important;
z-index: 2 !important;
text-align: center !important;
}
.most-booked-section .jbt-mb-slider-dot {
width: 8px !important;
height: 8px !important;
min-width: 8px !important;
min-height: 8px !important;
border-radius: 999px !important;
border: 0 !important;
background: #d9d9d9 !important;
padding: 0 !important;
margin: 0 !important;
display: inline-block !important;
opacity: 1 !important;
line-height: 1 !important;
}
.most-booked-section .jbt-mb-slider-dot.active {
width: 22px !important;
background: #e1251b !important;
}
/* Popular Destinations / Popular Excursions liste bosluklarini daralt */
.popular-links-section .popular-link-group {
margin-bottom: 36px !important;
}
.popular-links-section .popular-link-heading {
margin-bottom: 18px !important;
}
.popular-links-section .popular-link-heading-text p {
margin-top: 8px !important;
margin-bottom: 0 !important;
}
.popular-links-section .popular-link-grid {
gap: 10px 16px !important;
row-gap: 10px !important;
column-gap: 16px !important;
}
.popular-links-section .popular-link-item {
min-height: 48px !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
margin: 0 !important;
}
@media (max-width: 768px) {
.popular-links-section .popular-link-group {
margin-bottom: 30px !important;
}
.popular-links-section .popular-link-heading {
margin-bottom: 14px !important;
}
.popular-links-section .popular-link-grid {
gap: 8px 10px !important;
row-gap: 8px !important;
}
.popular-links-section .popular-link-item {
min-height: 44px !important;
padding-top: 9px !important;
padding-bottom: 9px !important;
}
}
/* Explore by Destination kart cercevesini biraz buyut */
.region-cards-wrapper .region-card,
.region-card {
flex-basis: 350px !important;
width: 350px !important;
max-width: 350px !important;
height: 230px !important;
}
.region-cards-wrapper .region-card img,
.region-card img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.region-card h3 {
font-size: 2.2rem !important;
line-height: 1.05 !important;
align-items: center !important;
justify-content: center !important;
}
@media (max-width: 768px) {
.region-cards-wrapper .region-card,
.region-card {
flex-basis: calc(100vw - 52px) !important;
width: calc(100vw - 52px) !important;
max-width: 380px !important;
height: 215px !important;
}
.region-card h3 {
font-size: 2.05rem !important;
}
}
</style>
<script>
/* JBT FINAL: Most Booked noktalari her zaman sliderin altina tasinir. */
(function () {
function moveMostBookedDotsBelow() {
document.querySelectorAll('.most-booked-section .most-booked-wrapper').forEach(function (track) {
var pane = track.closest('.tab-pane') || track.parentElement;
if (!pane) return;
var dots = pane.querySelector(':scope > .jbt-mb-slider-dots') || track.nextElementSibling;
if (!dots || !dots.classList || !dots.classList.contains('jbt-mb-slider-dots')) {
dots = pane.querySelector('.jbt-mb-slider-dots');
}
if (!dots) return;
if (dots.previousElementSibling !== track) {
track.insertAdjacentElement('afterend', dots);
}
dots.style.position = 'static';
dots.style.transform = 'none';
dots.style.width = '100%';
dots.style.display = 'flex';
dots.style.justifyContent = 'center';
dots.style.margin = '16px auto 28px';
});
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', function () {
setTimeout(moveMostBookedDotsBelow, 50);
setTimeout(moveMostBookedDotsBelow, 300);
setTimeout(moveMostBookedDotsBelow, 900);
});
} else {
setTimeout(moveMostBookedDotsBelow, 50);
setTimeout(moveMostBookedDotsBelow, 300);
setTimeout(moveMostBookedDotsBelow, 900);
}
document.addEventListener('shown.bs.tab', function () {
setTimeout(moveMostBookedDotsBelow, 80);
setTimeout(moveMostBookedDotsBelow, 300);
});
window.addEventListener('resize', function () {
clearTimeout(window.jbtMoveMbDotsTimer);
window.jbtMoveMbDotsTimer = setTimeout(moveMostBookedDotsBelow, 120);
});
})();
</script>
<script>
/* JBT FINAL: Search region direct open + no-tour fallback to region */
(function () {
var regions = [{"name":"Antalya","url":"/en/tours/destination/antalya/"},{"name":"Alanya","url":"/en/tours/destination/alanya/"},{"name":"Belek","url":"/en/tours/destination/belek/"},{"name":"Side","url":"/en/tours/destination/side/"},{"name":"Kemer","url":"/en/tours/destination/kemer/"}] || [];
function normalize(value) {
return String(value || '').toLowerCase()
.replace(/[ç]/g, 'c')
.replace(/[ğ]/g, 'g')
.replace(/[ı]/g, 'i')
.replace(/[ö]/g, 'o')
.replace(/[ş]/g, 's')
.replace(/[ü]/g, 'u')
.replace(/[^a-z0-9\s-]+/g, ' ')
.replace(/[-_]+/g, ' ')
.replace(/\s+/g, ' ')
.trim();
}
function esc(value) {
return String(value || '').replace(/[&<>"']/g, function (m) {
return ({'&':'&','<':'<','>':'>','"':'"',"'":'''})[m];
});
}
var regionMap = regions.map(function (r) {
return {
name: r.name || '',
url: r.url || '#',
norm: normalize(r.name || '')
};
}).filter(function (r) {
return r.name && r.url && r.norm;
});
function getTours() {
try {
if (typeof heroSearchDataMobileTopFix !== 'undefined' && Array.isArray(heroSearchDataMobileTopFix)) {
return heroSearchDataMobileTopFix;
}
} catch (e) {}
return [];
}
function tourMatches(query) {
var q = normalize(query);
if (!q) return [];
return getTours().filter(function (tour) {
var text = normalize([
tour.title || '',
tour.region || '',
tour.duration || ''
].join(' '));
return text.indexOf(q) !== -1;
});
}
function findRegion(query) {
var q = normalize(query);
if (!q) return null;
/* Sadece bölge adı yazılırsa direkt bölge kabul edilir. */
for (var i = 0; i < regionMap.length; i++) {
if (q === regionMap[i].norm) return regionMap[i];
}
/* Tur sonucu yoksa ve cümlede bölge adı geçiyorsa o bölge açılır. */
if (tourMatches(q).length === 0) {
for (var j = 0; j < regionMap.length; j++) {
var pattern = new RegExp('(^|\\s)' + regionMap[j].norm.replace(/[.*+?^${}()|[\]\\]/g, '\\$&') + '(\\s|$)');
if (pattern.test(q)) return regionMap[j];
}
}
return null;
}
function goRegionIfNeeded(value, event) {
var region = findRegion(value);
if (!region) return false;
if (event) {
event.preventDefault();
event.stopPropagation();
if (event.stopImmediatePropagation) event.stopImmediatePropagation();
}
window.location.href = region.url;
return true;
}
function showRegionSuggestion(input, resultsBox, mobile) {
if (!input || !resultsBox) return;
var value = input.value || '';
if (normalize(value).length < 2) return;
var region = findRegion(value);
if (!region) return;
var html = '' +
'<a href="' + esc(region.url) + '" class="' + (mobile ? 'tm-mobile-tour-result' : 'hero-search-item') + ' jbt-region-search-result">' +
'<div class="jbt-region-search-icon"><i class="fas fa-map-marker-alt"></i></div>' +
'<div>' +
'<div class="' + (mobile ? 'tm-mobile-tour-result-title' : 'hero-search-title') + '">' + esc(region.name) + '</div>' +
'<div class="' + (mobile ? 'tm-mobile-tour-result-meta' : 'hero-search-meta') + '"><span>Open destination</span></div>' +
'</div>' +
'</a>';
resultsBox.innerHTML = html;
if (!mobile) resultsBox.classList.add('active');
}
function init() {
var desktopForm = document.getElementById('desktopSearchForm');
var desktopInput = document.getElementById('search-query');
var desktopResults = document.getElementById('heroSearchResults');
var mobileInput = document.getElementById('tmMobileTourSearchInput');
var mobileResults = document.getElementById('tmMobileTourSearchResults');
if (desktopForm && desktopInput) {
desktopForm.addEventListener('submit', function (e) {
goRegionIfNeeded(desktopInput.value, e);
}, true);
}
if (mobileInput) {
var mobileForm = mobileInput.closest('form');
if (mobileForm) {
mobileForm.addEventListener('submit', function (e) {
goRegionIfNeeded(mobileInput.value, e);
}, true);
}
}
if (desktopInput && desktopResults) {
desktopInput.addEventListener('input', function () {
setTimeout(function () {
showRegionSuggestion(desktopInput, desktopResults, false);
}, 20);
}, true);
}
if (mobileInput && mobileResults) {
mobileInput.addEventListener('input', function () {
setTimeout(function () {
showRegionSuggestion(mobileInput, mobileResults, true);
}, 20);
}, true);
}
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', init);
} else {
init();
}
})();
</script>
<style>
.jbt-region-search-result {
align-items: center !important;
}
.jbt-region-search-icon {
width: 42px;
height: 42px;
border-radius: 999px;
background: #fff0ef;
color: #e1251b;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 1rem;
}
.hero-search-item.jbt-region-search-result {
grid-template-columns: 42px minmax(0, 1fr) !important;
}
.tm-mobile-tour-result.jbt-region-search-result {
grid-template-columns: 42px 1fr !important;
}
</style>
<style>
/* =========================================================
JBT FINAL MOBILE MOST BOOKED + BLOG LINK FIX
Mobilde Most Booked kartlarının ince/sola sıkışık görünmesini düzeltir.
Noktaları kartların altına alır. Blog görsel tıklamasını aktif eder.
========================================================= */
.blog-card .blog-image-link {
display: block !important;
width: 100% !important;
text-decoration: none !important;
color: inherit !important;
pointer-events: auto !important;
}
.blog-card .blog-image-link img,
.blog-card img {
display: block !important;
width: 100% !important;
pointer-events: auto !important;
}
.blog-card,
.blog-card *,
.blog-compact-section a {
pointer-events: auto !important;
}
@media (max-width: 768px) {
.most-booked-section {
overflow: visible !important;
max-width: 100% !important;
}
.most-booked-section .tab-content,
.most-booked-section .most-booked-tab-content,
.most-booked-section .tab-pane.show.active {
width: 100% !important;
max-width: 100% !important;
overflow: visible !important;
display: block !important;
}
.most-booked-section .jbt-inline-slider {
width: 100% !important;
max-width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
overflow: visible !important;
position: relative !important;
display: block !important;
}
.most-booked-section .jbt-inline-slider .most-booked-wrapper,
.most-booked-section .most-booked-wrapper {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: stretch !important;
justify-content: flex-start !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
gap: 16px !important;
padding: 8px 24px 14px !important;
margin: 0 auto !important;
overflow-x: auto !important;
overflow-y: visible !important;
scroll-snap-type: x mandatory !important;
scroll-padding-left: 24px !important;
-webkit-overflow-scrolling: touch !important;
transform: none !important;
scrollbar-width: none !important;
}
.most-booked-section .jbt-inline-slider .most-booked-wrapper::-webkit-scrollbar,
.most-booked-section .most-booked-wrapper::-webkit-scrollbar {
display: none !important;
}
.most-booked-section .jbt-inline-slider .most-booked-card,
.most-booked-section .most-booked-wrapper .most-booked-card,
.most-booked-section .most-booked-card {
flex: 0 0 calc(100vw - 78px) !important;
width: calc(100vw - 78px) !important;
min-width: calc(100vw - 78px) !important;
max-width: none !important;
height: auto !important;
min-height: 0 !important;
display: block !important;
position: relative !important;
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
transform: none !important;
opacity: 1 !important;
visibility: visible !important;
margin: 0 !important;
padding: 0 !important;
scroll-snap-align: start !important;
overflow: visible !important;
}
.most-booked-section .most-booked-card .viator-card {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 418px !important;
display: flex !important;
flex-direction: column !important;
grid-template-columns: none !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
overflow: hidden !important;
margin: 0 !important;
border-radius: 16px !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper {
width: 100% !important;
height: 178px !important;
min-height: 178px !important;
flex: 0 0 178px !important;
display: block !important;
position: relative !important;
overflow: hidden !important;
}
.most-booked-section .most-booked-card .viator-card-img-wrapper img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
}
.most-booked-section .most-booked-card .viator-card-body {
width: 100% !important;
min-height: 0 !important;
flex: 1 1 auto !important;
display: flex !important;
flex-direction: column !important;
grid-template-columns: none !important;
padding: 14px 14px 15px !important;
box-sizing: border-box !important;
}
.most-booked-section .most-booked-card .viator-price-action {
margin-top: auto !important;
}
.most-booked-section .jbt-mb-slider-dots {
position: static !important;
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
transform: none !important;
clear: both !important;
float: none !important;
display: flex !important;
width: 100% !important;
max-width: 100% !important;
align-items: center !important;
justify-content: center !important;
gap: 7px !important;
margin: 12px auto 26px !important;
padding: 0 !important;
text-align: center !important;
z-index: 2 !important;
}
}
@media (max-width: 390px) {
.most-booked-section .jbt-inline-slider .most-booked-card,
.most-booked-section .most-booked-wrapper .most-booked-card,
.most-booked-section .most-booked-card {
flex-basis: calc(100vw - 62px) !important;
width: calc(100vw - 62px) !important;
min-width: calc(100vw - 62px) !important;
}
}
</style>
<script>
/* Most Booked mobilde sekme değişiminde slider başa gelsin ve noktalar kartın altında kalsın. */
(function () {
function fixMostBookedMobile() {
if (window.innerWidth > 768) return;
document.querySelectorAll('.most-booked-section .most-booked-wrapper').forEach(function (track) {
track.style.transform = 'none';
if (!track.dataset.jbtUserScrolled) {
track.scrollLeft = 0;
}
var pane = track.closest('.tab-pane') || track.parentElement;
var dots = pane ? (pane.querySelector('.jbt-mb-slider-dots') || track.parentElement.querySelector('.jbt-mb-slider-dots')) : null;
if (dots && dots.previousElementSibling !== track) {
track.insertAdjacentElement('afterend', dots);
}
});
}
document.addEventListener('DOMContentLoaded', function () {
document.querySelectorAll('.most-booked-section .most-booked-wrapper').forEach(function (track) {
track.addEventListener('touchstart', function(){ track.dataset.jbtUserScrolled = '1'; }, {passive:true});
track.addEventListener('scroll', function(){ track.dataset.jbtUserScrolled = '1'; }, {passive:true});
});
setTimeout(fixMostBookedMobile, 50);
setTimeout(fixMostBookedMobile, 250);
setTimeout(fixMostBookedMobile, 800);
});
document.addEventListener('shown.bs.tab', function () {
document.querySelectorAll('.most-booked-section .most-booked-wrapper').forEach(function(track){ track.dataset.jbtUserScrolled = ''; });
setTimeout(fixMostBookedMobile, 60);
setTimeout(fixMostBookedMobile, 250);
});
window.addEventListener('resize', function () {
clearTimeout(window.jbtMbMobileFinalTimer);
window.jbtMbMobileFinalTimer = setTimeout(fixMostBookedMobile, 120);
});
})();
</script>
<style>
/* =========================================================
JBT FINAL SPACE CLEAN FIX
Eski bloklardaki !important boşlukları en sonda ezilir.
Most Booked -> Explore, Destination -> Free cancellation,
Free cancellation -> Top Excursions araları küçültülür.
========================================================= */
.most-booked-section {
padding-bottom: 18px !important;
margin-bottom: 0 !important;
}
.most-booked-section .most-booked-wrapper {
padding-bottom: 8px !important;
}
.most-booked-section .jbt-mb-slider-dots {
margin-top: 8px !important;
margin-bottom: 0 !important;
}
/* Explore by Destination üst/alt boşluğu */
section.features-section.pt-3,
.features-section.pt-3 {
padding-top: 8px !important;
padding-bottom: 10px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
section.features-section.pt-3 .destination-heading-row,
.features-section.pt-3 .destination-heading-row {
margin-top: 0 !important;
margin-bottom: 18px !important;
}
.features-section.pt-3 .region-cards-wrapper {
margin-top: 16px !important;
padding-bottom: 10px !important;
}
.features-section.pt-3 .destination-view-all-wrap {
margin-top: 8px !important;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
/* Free cancellation üstü ve altı */
.info-banner-section {
margin-top: 8px !important;
margin-bottom: 8px !important;
padding-top: 8px !important;
padding-bottom: 8px !important;
}
.info-banner-blur {
padding-top: 34px !important;
padding-bottom: 34px !important;
}
/* Top Excursions üst boşluğu */
.top-excursions-section {
padding-top: 18px !important;
margin-top: 0 !important;
}
.top-excursions-section .text-center {
margin-top: 0 !important;
margin-bottom: 16px !important;
}
@media (max-width: 768px) {
.most-booked-section {
padding-bottom: 12px !important;
}
.most-booked-section .jbt-mb-slider-dots {
margin-top: 8px !important;
margin-bottom: 4px !important;
}
section.features-section.pt-3,
.features-section.pt-3 {
padding-top: 0 !important;
padding-bottom: 8px !important;
}
.features-section.pt-3 .destination-heading-row {
margin-bottom: 12px !important;
}
.features-section.pt-3 .region-cards-wrapper {
margin-top: 12px !important;
padding-bottom: 8px !important;
}
.features-section.pt-3 .destination-view-all-wrap {
margin-top: 6px !important;
margin-bottom: 0 !important;
}
.info-banner-section {
margin-top: 4px !important;
margin-bottom: 6px !important;
padding-top: 4px !important;
padding-bottom: 4px !important;
}
.info-banner-blur {
padding-top: 28px !important;
padding-bottom: 28px !important;
}
.top-excursions-section {
padding-top: 12px !important;
}
}
</style>
<style>
/* =========================================================
JBT BALANCED SPACE FIX
Önceki final boşluk temizleme çok sıkıştırdığı için aralar dengeli açıldı.
Sadece ana sayfa bölüm aralıklarını etkiler.
========================================================= */
.most-booked-section {
padding-bottom: 34px !important;
margin-bottom: 0 !important;
}
.most-booked-section .jbt-mb-slider-dots {
margin-top: 12px !important;
margin-bottom: 18px !important;
}
section.features-section.pt-3,
.features-section.pt-3 {
padding-top: 28px !important;
padding-bottom: 24px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
section.features-section.pt-3 .destination-heading-row,
.features-section.pt-3 .destination-heading-row {
margin-top: 0 !important;
margin-bottom: 20px !important;
}
.features-section.pt-3 .region-cards-wrapper {
margin-top: 18px !important;
padding-bottom: 18px !important;
}
.features-section.pt-3 .destination-view-all-wrap {
margin-top: 16px !important;
margin-bottom: 8px !important;
padding-bottom: 0 !important;
}
.info-banner-section {
margin-top: 20px !important;
margin-bottom: 22px !important;
padding-top: 12px !important;
padding-bottom: 12px !important;
}
.info-banner-blur {
padding-top: 38px !important;
padding-bottom: 38px !important;
}
.top-excursions-section {
padding-top: 36px !important;
margin-top: 0 !important;
}
.top-excursions-section .text-center {
margin-top: 0 !important;
margin-bottom: 20px !important;
}
@media (max-width: 768px) {
.most-booked-section {
padding-bottom: 24px !important;
}
.most-booked-section .jbt-mb-slider-dots {
margin-top: 10px !important;
margin-bottom: 18px !important;
}
section.features-section.pt-3,
.features-section.pt-3 {
padding-top: 22px !important;
padding-bottom: 18px !important;
}
.features-section.pt-3 .destination-heading-row {
margin-bottom: 16px !important;
}
.features-section.pt-3 .region-cards-wrapper {
margin-top: 16px !important;
padding-bottom: 16px !important;
}
.features-section.pt-3 .destination-view-all-wrap {
margin-top: 14px !important;
margin-bottom: 8px !important;
}
.info-banner-section {
margin-top: 18px !important;
margin-bottom: 20px !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.info-banner-blur {
padding-top: 34px !important;
padding-bottom: 34px !important;
}
.top-excursions-section {
padding-top: 30px !important;
}
}
</style>
<style>
/* JBT_INDEX_SORT_AND_MB_LEFT_FINAL
Index tur sıralaması PHP sorgularında sort_order'a göre ayarlandı.
Bu CSS sadece mobilde Most Booked kart/nokta hizasını azıcık sola dengeler. */
@media (max-width: 768px) {
.most-booked-section .most-booked-wrapper,
.most-booked-tab-content .most-booked-wrapper,
.tab-pane .most-booked-wrapper {
padding-left: 8px !important;
padding-right: 16px !important;
margin-left: 0 !important;
transform: translateX(-6px) !important;
box-sizing: border-box !important;
}
.most-booked-section .most-booked-card,
.most-booked-tab-content .most-booked-card {
scroll-snap-align: start !important;
}
.most-booked-section .jbt-mb-slider-dots,
.most-booked-section .jbt-slider-dots,
.most-booked-tab-content .jbt-mb-slider-dots,
.most-booked-tab-content .jbt-slider-dots {
position: static !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 100% !important;
margin-left: -6px !important;
margin-right: auto !important;
transform: none !important;
}
}
</style>
<style>
/* JBT_MOSTBOOKED_MOBILE_LEFT_STRONG_FIX
Sadece mobilde Most Booked Experiences kart ve nokta hizasını biraz daha sola alır. */
@media (max-width: 768px) {
.most-booked-section .tab-content.most-booked-tab-content,
.most-booked-section .tab-pane {
overflow: visible !important;
padding-left: 0 !important;
margin-left: 0 !important;
}
.most-booked-section .most-booked-wrapper,
.most-booked-tab-content .most-booked-wrapper,
#mostBookedRegionTabsContent .most-booked-wrapper {
padding-left: 0 !important;
padding-right: 20px !important;
margin-left: 0 !important;
margin-right: 0 !important;
transform: translateX(-14px) !important;
scroll-padding-left: 0 !important;
scroll-padding-right: 20px !important;
justify-content: flex-start !important;
box-sizing: border-box !important;
}
.most-booked-section .most-booked-card,
.most-booked-tab-content .most-booked-card,
#mostBookedRegionTabsContent .most-booked-card {
flex: 0 0 calc(100vw - 76px) !important;
width: calc(100vw - 76px) !important;
max-width: 340px !important;
scroll-snap-align: start !important;
}
.most-booked-section .jbt-mb-slider-dots,
.most-booked-tab-content .jbt-mb-slider-dots,
#mostBookedRegionTabsContent .jbt-mb-slider-dots {
width: 100% !important;
justify-content: center !important;
margin-left: -14px !important;
margin-right: auto !important;
transform: none !important;
position: static !important;
}
}
</style>
<style>
/* JBT_MOSTBOOKED_MOBILE_LEFT_BALANCE_FIX
Önceki güçlü sola kaydırmayı çok az sağa dengeler. */
@media (max-width: 768px) {
.most-booked-section .most-booked-wrapper,
.most-booked-tab-content .most-booked-wrapper,
#mostBookedRegionTabsContent .most-booked-wrapper {
transform: translateX(-8px) !important;
padding-left: 2px !important;
padding-right: 20px !important;
scroll-padding-left: 2px !important;
}
.most-booked-section .jbt-mb-slider-dots,
.most-booked-tab-content .jbt-mb-slider-dots,
#mostBookedRegionTabsContent .jbt-mb-slider-dots {
margin-left: -8px !important;
transform: none !important;
}
}
</style>
<style>
/* Tripadvisor ödül ikonları - daha büyük, daha yakın ve doğal ton */
.awards-timeline {
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: 0 !important;
margin-top: 18px !important;
padding-bottom: 0 !important;
flex-wrap: nowrap !important;
overflow: visible !important;
}
.award-item {
min-width: 128px !important;
width: 128px !important;
flex: 0 0 128px !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
overflow: visible !important;
}
.award-badge {
width: 220px !important;
height: auto !important;
min-height: 0 !important;
border-radius: 0 !important;
position: relative !important;
display: block !important;
overflow: visible !important;
}
.award-badge img,
.award-icon-img {
display: block !important;
width: 220px !important;
max-width: none !important;
height: auto !important;
border-radius: 0 !important;
object-fit: contain !important;
filter: none !important;
image-rendering: auto !important;
}
.award-badge strong {
display: none !important;
}
.awards-timeline .award-item:not(:last-child):after {
display: none !important;
content: none !important;
}
@media (max-width: 768px) {
.awards-timeline {
gap: 0 !important;
margin-top: 15px !important;
}
.award-item {
min-width: 78px !important;
width: 78px !important;
flex: 0 0 78px !important;
}
.award-badge,
.award-badge img,
.award-icon-img {
width: 132px !important;
max-width: none !important;
height: auto !important;
}
}
</style>
<style>
/* JBT Tripadvisor ödül alanı - eşit boy, sabit hizalama, responsive */
.ta-timeline-box {
width: 100% !important;
box-sizing: border-box !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: flex-start !important;
padding: 0 6px 8px !important;
}
.ta-award-heading {
width: 100% !important;
text-align: center !important;
}
.awards-timeline {
width: 100% !important;
max-width: 560px !important;
margin: 14px auto 0 !important;
padding: 0 !important;
display: grid !important;
grid-template-columns: repeat(4, 132px) !important;
justify-content: center !important;
justify-items: center !important;
align-items: start !important;
column-gap: 4px !important;
row-gap: 0 !important;
overflow: visible !important;
}
.awards-timeline .award-item {
width: 132px !important;
min-width: 132px !important;
max-width: 132px !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: flex-start !important;
position: relative !important;
box-sizing: border-box !important;
}
.awards-timeline .award-badge {
width: 132px !important;
height: 132px !important;
min-width: 132px !important;
min-height: 132px !important;
max-width: 132px !important;
max-height: 132px !important;
margin: 0 !important;
padding: 0 !important;
border-radius: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
.awards-timeline .award-badge img,
.awards-timeline .award-icon-img {
display: block !important;
width: 132px !important;
height: 132px !important;
min-width: 132px !important;
min-height: 132px !important;
max-width: 132px !important;
max-height: 132px !important;
margin: 0 auto !important;
padding: 0 !important;
border-radius: 0 !important;
object-fit: contain !important;
object-position: center center !important;
transform: none !important;
filter: none !important;
image-rendering: auto !important;
box-sizing: border-box !important;
}
.awards-timeline .award-item > strong {
display: block !important;
width: 100% !important;
margin: 2px 0 0 !important;
padding: 0 !important;
text-align: center !important;
font-size: 16px !important;
line-height: 1.15 !important;
font-weight: 800 !important;
color: #111827 !important;
letter-spacing: 0 !important;
white-space: nowrap !important;
}
.awards-timeline .award-badge strong {
display: none !important;
}
.awards-timeline .award-item::before,
.awards-timeline .award-item::after {
display: none !important;
content: none !important;
}
/* Tablet / büyük telefon */
@media (max-width: 768px) {
.ta-timeline-box {
padding-left: 2px !important;
padding-right: 2px !important;
padding-bottom: 6px !important;
}
.awards-timeline {
max-width: 100% !important;
grid-template-columns: repeat(4, 96px) !important;
column-gap: 1px !important;
margin-top: 11px !important;
}
.awards-timeline .award-item,
.awards-timeline .award-badge,
.awards-timeline .award-badge img,
.awards-timeline .award-icon-img {
width: 96px !important;
min-width: 96px !important;
max-width: 96px !important;
}
.awards-timeline .award-badge,
.awards-timeline .award-badge img,
.awards-timeline .award-icon-img {
height: 96px !important;
min-height: 96px !important;
max-height: 96px !important;
}
.awards-timeline .award-item > strong {
margin-top: 2px !important;
font-size: 14px !important;
}
}
/* Standart telefonlar: dört rozet kesinlikle tek sıra ve eşit */
@media (max-width: 420px) {
.awards-timeline {
grid-template-columns: repeat(4, 86px) !important;
column-gap: 1px !important;
}
.awards-timeline .award-item,
.awards-timeline .award-badge,
.awards-timeline .award-badge img,
.awards-timeline .award-icon-img {
width: 86px !important;
min-width: 86px !important;
max-width: 86px !important;
}
.awards-timeline .award-badge,
.awards-timeline .award-badge img,
.awards-timeline .award-icon-img {
height: 86px !important;
min-height: 86px !important;
max-height: 86px !important;
}
.awards-timeline .award-item > strong {
font-size: 13px !important;
}
}
/* Çok dar ekranlar */
@media (max-width: 350px) {
.awards-timeline {
grid-template-columns: repeat(4, 78px) !important;
column-gap: 0 !important;
}
.awards-timeline .award-item,
.awards-timeline .award-badge,
.awards-timeline .award-badge img,
.awards-timeline .award-icon-img {
width: 78px !important;
min-width: 78px !important;
max-width: 78px !important;
}
.awards-timeline .award-badge,
.awards-timeline .award-badge img,
.awards-timeline .award-icon-img {
height: 78px !important;
min-height: 78px !important;
max-height: 78px !important;
}
.awards-timeline .award-item > strong {
font-size: 12px !important;
}
}
</style>
<style>
/* JBT Tripadvisor final: 222.png iç boşluklarını kırp, görsel/yıl aralığını sabitle */
.ta-timeline-box {
padding-bottom: 8px !important;
}
.ta-timeline-box .awards-timeline {
width: min(100%, 600px) !important;
max-width: 600px !important;
margin: 18px auto 0 !important;
padding: 0 4px !important;
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
align-items: start !important;
justify-items: center !important;
gap: 4px !important;
overflow: visible !important;
box-sizing: border-box !important;
}
.ta-timeline-box .awards-timeline .award-item {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: flex-start !important;
overflow: visible !important;
box-sizing: border-box !important;
}
.ta-timeline-box .awards-timeline .award-badge {
width: clamp(74px, 15vw, 122px) !important;
height: auto !important;
min-width: 0 !important;
min-height: 0 !important;
max-width: 122px !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
display: block !important;
overflow: visible !important;
border-radius: 0 !important;
box-sizing: border-box !important;
}
.ta-timeline-box .award-cropped-art {
display: block !important;
width: 100% !important;
height: auto !important;
aspect-ratio: 550 / 405 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
.ta-timeline-box .awards-timeline .award-item > strong {
display: block !important;
position: static !important;
width: 100% !important;
margin: 3px 0 0 !important;
padding: 0 !important;
transform: none !important;
text-align: center !important;
font-size: clamp(12px, 2vw, 17px) !important;
line-height: 1.05 !important;
font-weight: 900 !important;
color: #111827 !important;
white-space: nowrap !important;
}
.ta-timeline-box .awards-timeline .award-item::before,
.ta-timeline-box .awards-timeline .award-item::after {
display: none !important;
content: none !important;
}
@media (max-width: 480px) {
.ta-timeline-box .awards-timeline {
margin-top: 14px !important;
gap: 2px !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.ta-timeline-box .awards-timeline .award-badge {
width: clamp(68px, 21vw, 86px) !important;
}
.ta-timeline-box .awards-timeline .award-item > strong {
margin-top: 2px !important;
font-size: clamp(11px, 3.2vw, 14px) !important;
}
}
@media (max-width: 360px) {
.ta-timeline-box .awards-timeline .award-badge {
width: 68px !important;
}
.ta-timeline-box .awards-timeline .award-item > strong {
font-size: 11px !important;
}
}
</style>Se han encontrado las siguientes palabras clave. Comprueba si esta página está bien optimizada para cada palabra clave en concreto.
(Deseable)