@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Satisfy');
html, body {min-height:100%; max-height:100%;}
body {font-family: 'Raleway', sans-serif; color:#000; margin:0; padding:0; background:url(images/bg.jpg) top center no-repeat fixed; background-size:cover;}
wrapper {width:1200px; margin:0 auto; clear:both; display:block;}
* {box-sizing: border-box;}
a {color:#000; text-decoration:none;}
a:hover{color:#ECD166;}
ul {list-style:none; margin:0; padding:0;}
figure {margin:0;}
t {width:100%; height:100%; display:table;}
tc {width:100%; height:100%; display:table-cell; vertical-align:middle;}
input, textarea {font-family: 'Raleway', sans-serif;}
.left {float:left;}
.right {float:right;}
.none {display:none;}

#whatsapp {position:fixed; bottom:20px; right:10px; z-index:901;}
#whatsapp img{height:48px;}

.lang {position: relative;float: right;margin-left: 15px;margin-top: 2px;}
header#header {width:100%;height: 190px;background:url(images/headerBg.jpg) center top no-repeat;background-size:cover;position:absolute;z-index:10000;}

header#header #top {width:100%;height: 30px;background: #222;}
header#header #top .left a{color: #999;line-height: 30px; margin-right:20px;}
header#header #top .left a:hover{color: #ccc;}
header#header #top .left a i{position: relative;top: 4px;font-size: 22px;margin-right: 5px;color: #ECD166;}
header#header #top .left a i.fa-envelope{position: relative;top: 2px;font-size: 18px;margin-right: 5px;color: #ECD166;}
header#header #top .left a span{font-size: 13px;}
header#header #top .left a.whatsapp{color:#8BC34A;}
header#header #top .left a.whatsapp:hover{color:#fff;}
header#header #top .left a.whatsapp i{color:#8BC34A;}

header#header #top .right a {color: #999;}
header#header #top .right a:hover{color: #ccc;}
header#header #top .right a i{font-size: 20px;position: relative;top: 4px;margin-left: 10px;}


header#header wrapper{overflow: hidden;}
header#header #logo{height:80px;margin: 20px 0 0 0; float:left;}
header#header #logo img{height:60px;}
header#header #slogan{float:right; font-family: 'Satisfy', cursive; color:#fff; font-size: 32px; padding-top: 28px;}


nav#menu{width:100%;height: 60px;background:#000;text-transform:uppercase;} 
nav#menu ul{text-align: center;}
nav#menu ul li{float:left;line-height: 60px;    margin-right: 105px;}
nav#menu ul li:last-child{margin-right: 0;}
nav#menu li a{color:#fff;font-weight: 400;padding: 0;font-size: 16px;display: block;}
nav#menu li a:hover{color:#ECD166;}
nav#menu li.selected a{color: #ECD166;}
nav#menu.fixed {}


section#slider {width:100%;height:500px;position: relative;top: 160px;}
section#slider #sliderFilter{position:absolute; width:100%; height:100%; top:0; left:0; background:url(images/sliderFilter.png); z-index:99;}
section#slider #sliderGradient{position:absolute; width:100%; height:100%; top:0; left:0; z-index:99;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}
section#slider .tp-caption{color:#fff; text-align:center;}
section#slider .tp-caption h1{margin:0; font-size:62px; text-transform:uppercase;}
section#slider .tp-caption h2{margin:0; font-size:20px; }

#phone {position: absolute;bottom: 20px;z-index: 9000;color: #000;padding: 5px 20px;left: 50%;text-align: center;background: rgb(252,234,187);background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);background: -webkit-linear-gradient(top, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);background: linear-gradient(to bottom, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 );margin-left: -140px;border-radius: 48px;}
#phone span{font-weight: 700;font-size: 22px;position: relative;top: 3px;}
#phone i{font-size: 36px;float: left;margin-right: 20px;margin-top: 0px;}
#phone a:hover{color:#000;}
#phone:hover {transform: scale(1.1);}


#homepage {position:relative; top:160px;; }

section#homeText {text-align:center;overflow:hidden; padding-bottom:30px;}
section#homeText h2{text-transform:uppercase; font-weight:900; font-style:italic; margin-top:40px;  font-size:52px;}
section#homeText h2:after{content:""; display: block; background:#ECD166; width:200px; height:6px; margin: 10px auto;}

section#boxs {width:100%; overflow:hidden;}
section#boxs ul{}
section#boxs ul li{float:left; width:33%; height:400px; text-align:center; margin:1px 0 0 1px; overflow: hidden;}
section#boxs ul li pic{width:100%; height:100%; display: block;}
section#boxs ul li:hover pic{transform:scale(1.2); }

section#boxs ul li div{width:100%; height:100%; background:rgba(0,0,0,.5);}
section#boxs ul li div h2{color:#ECD166; text-transform:uppercase; font-size:22px; font-style:italic;}
section#boxs ul li div h2:after{content:""; display: block; background:#ECD166; width:50px; height:6px; margin: 10px auto;}
section#boxs ul li div span{color:#fff;    padding: 20px;}

section#subSlider {width: 100%; position: relative;  padding: 0; top:0; height:400px;}
section#subPage {width:100%; overflow:hidden; position: relative; top: 220px;}
section#subPage h1{text-transform:uppercase; font-weight:900; font-style:italic; margin-top:40px;  font-size:52px; text-align:center;}
section#subPage h1:after{content:""; display: block; background:#ECD166; width:200px; height:6px; margin: 10px auto;}
section#subPage .content{text-align:justify;}
section#subPage .content a:hover{color:#666;}

section#subPage ul.submenuBoxs{}
section#subPage ul.submenuBoxs li{float:left; width:33%; height:400px; text-align:center; margin:1px 0 0 1px;}
section#subPage ul.submenuBoxs li:nth-child(3n-1){}
section#subPage ul.submenuBoxs li div{width:100%; height:100%; background:rgba(0,0,0,.5);}
section#subPage ul.submenuBoxs li div h2{color:#ECD166; text-transform:uppercase; font-size:22px; font-style:italic;}
section#subPage ul.submenuBoxs li div h2:after{content:""; display: block; background:#ECD166; width:50px; height:6px; margin: 10px auto;}
section#subPage ul.submenuBoxs li div span{color:#fff;    padding: 20px;}

article#subpageSlides {width:100%;}
article#subpageSlides .flex-control-nav{bottom:7px;}
article#subpageSlides .flex-control-paging li a{background:rgba(255,255,255,.5);}
article#subpageSlides .flex-control-paging li a.flex-active{background:rgba(255,255,255,1);}

body.services section#subPage ul.submenuBoxs{}
body.services section#subPage ul.submenuBoxs li{float:left; width:100%; height:400px; text-align:center; margin:1px 0 0 1px;}
body.services section#subPage ul.submenuBoxs li div{float:right;width:60%;height:100%;background: rgba(0,0,0,.5);padding: 0 20px;text-shadow: 1px 1px 3px #000;}
body.services section#subPage ul.submenuBoxs li:nth-child(2n) div{float:left;}
body.services section#subPage ul.submenuBoxs li div h2{color:#ECD166; text-transform:uppercase; font-size:22px; font-style:italic;}
body.services section#subPage ul.submenuBoxs li div h2:after{content:""; display: block; background:#ECD166; width:50px; height:6px; margin: 10px auto;}
body.services section#subPage ul.submenuBoxs li div span{color:#fff;    padding: 20px;}

body.transfers table{width:100%;}
body.transfers table tr{}
body.transfers table tr:nth-child(2n){background:rgba(0,0,0,.1);}
body.transfers table tr:hover{background:#ECD166;}
body.transfers table td{ padding:10px;}
body.transfers table td:nth-child(1){}
body.transfers table td:nth-child(2){}
body.transfers table td:nth-child(3){text-align:center;}
body.transfers table td:nth-child(4){text-align:center;}
body.transfers table td:nth-child(5){text-align:center;}


body.transfers a.all-prices {padding:10px 20px; margin-right:10x; margin-bottom:10px; font-weight: 700;font-size: 22px;border:0;color: #000;text-align: center;background: rgb(252,234,187);background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);background: -webkit-linear-gradient(top, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);background: linear-gradient(to bottom, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 );border-radius: 48px;box-shadow: 0 0 10px rgba(0,0,0,.5);text-align:right; float:right; cursor:pointer;}

section#reservation {width:100%;position: relative;top: -40px;}
section#reservation wrapper{background:url(/images/reservation.png) right top no-repeat; overflow:hidden;}
section#reservation form{width:50%;padding-top: 40px;}
section#reservation form h1{text-transform:uppercase; font-weight:900; font-style:italic; margin-top:40px;  font-size:52px; text-align:center;}
section#reservation form h1:after{content:""; display: block; background:#ECD166; width:200px; height:6px; margin: 10px auto;}
section#reservation form div{margin-bottom:10px; float:left; width:50%;}
section#reservation form div:last-child {width:100%;}
section#reservation form div.yuz {width:100%;}
section#reservation form div.yuz {width:100%;}
section#reservation form div label{display:block; font-size:10px;}
section#reservation form div input{padding:10px;width: 98%;}

#captcha_soru {text-align:right;}

section#reservation form div input.submit {font-weight: 700;font-size: 22px;border:0;width:250px;color: #000;text-align: center;background: rgb(252,234,187);background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);background: -webkit-linear-gradient(top, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);background: linear-gradient(to bottom, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 );border-radius: 48px;box-shadow: 0 0 10px rgba(0,0,0,.5);margin: auto;display: block; cursor:pointer;}
section#reservation form div input.submit:hover {}
section#reservation form div input.checkbox{width:initial;}
section#reservation form div select{padding:10px;height: 40px;width:98%;}
section#reservation form div select.time{width:60px;}
section#reservation form div textarea{padding:10px;width: 98%;height: 100px;}

footer {width:100%; height:250px; background:#111; overflow:hidden; border-top:4px solid #ECD166; position: relative;  top: 300px;}
footer #footer{width:100%; height:200px; overflow:hidden;}
footer #footer nav#footerMenu{float:left;}
footer #footer nav#footerMenu ul{width: 50%; margin-top: 50px;}
footer #footer nav#footerMenu li{float: left; width: 50%;}
footer #footer nav#footerMenu li a{color:#fff; line-height:24px;}
footer #footer nav#footerMenu li a:hover{color:#ECD166;}


footer #footer #footerLogos{float:right; text-align:right;}
footer #footer #footerLogos .footerSocial a{color:#fff;padding: 20px 10px;font-size:16px;display: inline-block;}
footer #footer #footerLogos img.footerLogo{ margin-top: 50px; height:50px;}
footer #copyright{width:100%; height:50px; background:#444; overflow:hidden; line-height:50px; color:#fff; text-align:center;}

.efect{
	-webkit-transition: all 600ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 
	   -moz-transition: all 600ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 
		 -o-transition: all 600ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 
			transition: all 600ms cubic-bezier(0.230, 1.000, 0.320, 1.000); /* easeOutQuint */
	
	-webkit-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); 
	   -moz-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); 
		 -o-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); 
			transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); /* easeOutQuint */		
}


/*MOBILE*/
header#mobileHeader {width:100%;height:60px;position: fixed;top: 0;z-index: 10000; display:none; background: #000;}
header#mobileHeader a#mobileLogo {display:block;float: left;padding: 10px;}
header#mobileHeader a#mobileLogo img{height: 40px;}
header#mobileHeader a#mobileMenuBtn {float:right;display:block;padding: 18px 12px;}
header#mobileHeader a#mobileMenuBtn img{height: 24px;}
header#mobileHeader a#mobileLang {float:right;display:block;padding: 14px 12px;}

footer#mobileFooter {width:100%; display:none;}

nav#mobileMenu {display:none; position: fixed;top: 61px;background: #000;z-index: 9999;width: 100%;text-align: center;}
nav#mobileMenu.open {display:block;}
nav#mobileMenu a{display: inline-block; padding: 10px 0; color:#fff;}
nav#mobileMenu ul {padding:10px 0;}
nav#mobileMenu ul li.mmsocial a{padding:5px; margin:0 5px;}
nav#mobileMenu ul.mobileChildMenu{display:none;}

@media screen and (max-width:1920px) { 
}

@media screen and (max-width:1600px) { 
}

@media screen and (max-width:1440px) { 
}

@media screen and (max-width:1366px) { 
}

@media screen and (max-width:1280px) { 
}

@media screen and (max-width:1024px) { 
wrapper {width:100%;}
header#header {display:none;}
header#mobileHeader {display:block;}
section {width: 100%;height: inherit; overflow: auto;}
section#slider {height:200px; top:60px;}
#homepage {top:60px;}
section#homeText h2 {font-size:24px;}
section#boxs ul li {width:100%;}
section#subPage ul.submenuBoxs li {width:100%;}
section#reservation {top:0;}
section#reservation wrapper {background:none;}
section#reservation form {width:90%; margin:0 5%; padding-top: 0;}
section#reservation form h1 {font-size:24px;}
section#reservation form div {width:100%;}
footer {display:none;}
section#homeText wrapper {padding:0 20px;}
body.services section#subPage ul.submenuBoxs li div {width:100%;}
body.services section#subPage ul.submenuBoxs li {height:inherit;}
section#subPage {top:60px;}
section#subPage h1{font-size:24px;}
section#reservation form h1{font-size:24px;}
section#subPage .content {padding: 0 20px;}
}

@media screen and (max-width:768px) {
}

@media screen and (max-width:640px) { 
body.contact .content img {width:100%; height:auto;}
}

@media screen and (max-width:480px) {

#phone {transform: scale(0.8); bottom: 5px;}
#phone:hover {transform: scale(1);}
}

@media screen and (max-width:320px) { 
}
/* =========================================================
   ISTANBUL TOURS - FINAL CLEAN (ONLY THIS PAGE)
   Requires: body.istanbul-tours-page
   ========================================================= */

.istanbul-tours-page #subpageContent { overflow: visible; }

/* --- HERO CARD --- */
.istanbul-tours-page #subpageContent .tour-hero-card{
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  margin: 24px auto 26px;
  max-width: 980px;
  height: 320px;
  box-shadow: 0 18px 45px rgba(0,0,0,.18);
  clear: both;
}
.istanbul-tours-page #subpageContent .tour-hero-bg{
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
}
.istanbul-tours-page #subpageContent .tour-hero-card::before{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.55);
}
.istanbul-tours-page #subpageContent .tour-hero-content{
  position: relative;
  z-index: 2;
  max-width: 560px;
  padding: 34px 34px;
  color: #fff;
}
.istanbul-tours-page #subpageContent .tour-hero-content h2{
  margin: 0 0 12px;
  font-size: 30px;
  line-height: 1.15;
}
.istanbul-tours-page #subpageContent .tour-hero-content p{
  margin: 0 0 10px;
  font-size: 15px;
  line-height: 1.6;
}
.istanbul-tours-page #subpageContent .tour-hero-cta{
  display: inline-block;
  margin-top: 8px;
  padding: 10px 18px;
  border-radius: 999px;
  background: #25d366;
  color: #0b0b0b;
  font-weight: 800;
  text-decoration: none;
}
/* CTA spacing fix */
.istanbul-tours-page #subpageContent .tour-cta-inner{
  padding: 34px 34px !important;
}

.istanbul-tours-page #subpageContent .tour-cta h3{
  margin-bottom: 14px !important;
}

.istanbul-tours-page #subpageContent .tour-cta p{
  margin-bottom: 14px !important;
  line-height: 1.6 !important;
}

/* küçük güven metni (No obligation...) */
.istanbul-tours-page #subpageContent .tour-cta small{
  display: block;
  margin-bottom: 18px;
  opacity: .9;
}

/* Butonlar yazıdan ayrı nefes alsın */
.istanbul-tours-page #subpageContent .tour-cta-buttons{
  margin-top: 8px;
}

/* --- WHAT'S INCLUDED CARD (NO OVERLAP) --- */
.istanbul-tours-page #subpageContent .tour-included-card{
  display: flex;
  border-radius: 18px;
  overflow: hidden;
  margin: 16px auto 26px;
  max-width: 980px;
  height: 360px;
  box-shadow: 0 18px 40px rgba(0,0,0,.20);
  clear: both;
}
.istanbul-tours-page #subpageContent .tour-included-content{
  width: 58%;
  padding: 30px 32px;
  color: #fff;
  background: linear-gradient(90deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,.50) 60%, rgba(0,0,0,0) 100%);
}
.istanbul-tours-page #subpageContent .tour-included-content h3{
  margin: 0 0 14px;
  font-size: 22px;
}
.istanbul-tours-page #subpageContent .tour-included-content ul{
  list-style: none;
  padding: 0;
  margin: 0;
}
.istanbul-tours-page #subpageContent .tour-included-content li{
  margin: 10px 0;
  font-size: 15px;
  line-height: 1.6;
}
.istanbul-tours-page #subpageContent .tour-included-content li::before{
  content:"✓";
  margin-right: 10px;
  font-weight: 900;
}
.istanbul-tours-page #subpageContent .tour-included-bg{
  flex: 1;
  background-size: cover;
  background-position: center 35%;
  min-height: 360px;
}

/* --- WHO CARDS WRAP (if exists) --- */
.istanbul-tours-page #subpageContent .tour-cards-wrap,
.istanbul-tours-page #subpageContent .who-cards-wrap{
  background: rgba(255,255,255,.55);
  border-radius: 22px;
  padding: 26px 18px;
  box-shadow: 0 18px 45px rgba(0,0,0,.10);
  max-width: 980px;
  margin: 0 auto 26px;
}

/* --- CTA --- */
.istanbul-tours-page #subpageContent .tour-cta{
  margin: 26px auto 0;
  max-width: 980px;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 18px 45px rgba(0,0,0,.15);
  background: linear-gradient(90deg, rgba(0,0,0,.78), rgba(0,0,0,.35));
  color: #fff;
}
.istanbul-tours-page #subpageContent .tour-cta-inner{ padding: 26px; }
.istanbul-tours-page #subpageContent .tour-cta h3{ margin: 0 0 8px; font-size: 26px; }
.istanbul-tours-page #subpageContent .tour-cta p{ margin: 0 0 16px; font-size: 15px; line-height: 1.5; opacity: .95; }
.istanbul-tours-page #subpageContent .tour-cta-buttons{ display:flex; gap:12px; flex-wrap:wrap; }
.istanbul-tours-page #subpageContent .tour-cta-buttons a{
  display:inline-block; padding:11px 18px; border-radius:999px; font-weight:800; text-decoration:none;
}
.istanbul-tours-page #subpageContent .tour-cta-whatsapp{ background:#25d366; color:#0b0b0b; }
.istanbul-tours-page #subpageContent .tour-cta-call{ background:#ECD166; color:#0b0b0b; }

/* --- MOBILE --- */
@media (max-width: 900px){
  body.istanbul-tours-page #subpageContent .tour-hero-card{ height: auto; }
  body.istanbul-tours-page #subpageContent .tour-hero-content{ padding: 20px; }
  body.istanbul-tours-page #subpageContent .tour-included-card{ display:block; height:auto; }
  body.istanbul-tours-page #subpageContent .tour-included-bg{ height:220px; min-height:220px; }
  body.istanbul-tours-page #subpageContent .tour-included-content{ width:auto; background: rgba(0,0,0,.78); }
  body.istanbul-tours-page #subpageContent .tour-cta-inner{ padding: 18px; }
  body.istanbul-tours-page #subpageContent .tour-cta h3{ font-size: 22px; }
}
/* Istanbul Tours sayfası dışına taşmasın */
.istanbul-tours-page .tour-hero-card,
.istanbul-tours-page .tour-included-card,
.istanbul-tours-page .tour-cta{
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

/* Who görseli düzgün dursun */
.istanbul-tours-page .who-image{
  display:block;
  width:100%;
  max-width:980px;
  margin: 18px auto 0;
  border-radius: 18px;
  box-shadow: 0 18px 40px rgba(0,0,0,.12);
}
/* ============================
   ISTANBUL TOURS (only /EN/istanbul-tours)
   ============================ */

/* Sayfayı sadece bu URL'de hedefle */
body:has(a[href*="/EN/istanbul-tours"]),
body:has(a[href*="/en/istanbul-tours"]) {}

/* Fallback: :has desteklenmezse diye, #subpageContent içindeki sınıflarla hedefle */
#subpageContent .tour-hero-card,
#subpageContent .tour-included-card,
#subpageContent .tour-cta{
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

/* HERO */
#subpageContent .tour-hero-card{
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  margin: 24px auto 26px;
  height: 320px;
  box-shadow: 0 18px 45px rgba(0,0,0,.18);
  clear: both;
}
#subpageContent .tour-hero-bg{
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
}
#subpageContent .tour-hero-card::before{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.55);
}
#subpageContent .tour-hero-content{
  position: relative;
  z-index: 2;
  max-width: 560px;
  padding: 34px;
  color: #fff;
}
#subpageContent .tour-hero-content h2{
  margin: 0 0 12px;
  font-size: 30px;
  line-height: 1.15;
}
#subpageContent .tour-hero-content p{
  margin: 0 0 10px;
  font-size: 15px;
  line-height: 1.6;
}
#subpageContent .tour-hero-cta{
  display: inline-block;
  margin-top: 8px;
  padding: 10px 18px;
  border-radius: 999px;
  background: #25d366;
  color: #0b0b0b;
  font-weight: 800;
  text-decoration: none;
}

/* WHAT'S INCLUDED */
#subpageContent .tour-included-card{
  display: flex;
  border-radius: 18px;
  overflow: hidden;
  margin: 16px auto 26px;
  height: 360px;
  box-shadow: 0 18px 40px rgba(0,0,0,.20);
  clear: both;
}
#subpageContent .tour-included-content{
  width: 58%;
  padding: 30px 32px;
  color: #fff;
  background: linear-gradient(90deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,.50) 60%, rgba(0,0,0,0) 100%);
}
#subpageContent .tour-included-content h3{
  margin: 0 0 14px;
  font-size: 22px;
}
#subpageContent .tour-included-content ul{
  list-style: none;
  padding: 0;
  margin: 0;
}
#subpageContent .tour-included-content li{
  margin: 10px 0;
  font-size: 15px;
  line-height: 1.6;
}
#subpageContent .tour-included-content li::before{
  content:"✓";
  margin-right: 10px;
  font-weight: 900;
}
#subpageContent .tour-included-bg{
  flex: 1;
  background-size: cover;
  background-position: center 35%;
  min-height: 360px;
}

/* WHO IMAGE */
#subpageContent img.who-image{
  display:block;
  width:100%;
  max-width:980px;
  margin: 18px auto 0;
  border-radius: 18px;
  box-shadow: 0 18px 40px rgba(0,0,0,.12);
}

/* WHO CARDS WRAP */
#subpageContent .tour-cards-wrap,
#subpageContent .who-cards-wrap{
  background: rgba(255,255,255,.55);
  border-radius: 22px;
  padding: 26px 18px;
  box-shadow: 0 18px 45px rgba(0,0,0,.10);
  max-width: 980px;
  margin: 0 auto 26px;
}

/* CTA */
#subpageContent .tour-cta{
  margin: 26px auto 0;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 18px 45px rgba(0,0,0,.15);
  background: linear-gradient(90deg, rgba(0,0,0,.78), rgba(0,0,0,.35));
  color: #fff;
}
#subpageContent .tour-cta-inner{ padding: 26px; }
#subpageContent .tour-cta h3{ margin: 0 0 8px; font-size: 26px; }
#subpageContent .tour-cta p{ margin: 0 0 16px; font-size: 15px; line-height: 1.5; opacity: .95; }
#subpageContent .tour-cta-buttons{ display:flex; gap:12px; flex-wrap:wrap; }
#subpageContent .tour-cta-buttons a{
  display:inline-block; padding:11px 18px; border-radius:999px; font-weight:800; text-decoration:none;
}
#subpageContent .tour-cta-whatsapp{ background:#25d366; color:#0b0b0b; }
#subpageContent .tour-cta-call{ background:#ECD166; color:#0b0b0b; }

/* MOBILE */
@media (max-width: 900px){
  #subpageContent .tour-hero-card{ height: auto; }
  #subpageContent .tour-hero-content{ padding: 20px; }
  #subpageContent .tour-included-card{ display:block; height:auto; }
  #subpageContent .tour-included-bg{ height:220px; min-height:220px; }
  #subpageContent .tour-included-content{ width:auto; background: rgba(0,0,0,.78); }
  #subpageContent .tour-cta-inner{ padding: 18px; }
  #subpageContent .tour-cta h3{ font-size: 22px; }
}
#subpageContent .tour-hero-card::before{ background: rgba(0,0,0,.60) !important; }
#subpageContent .tour-included-content li{ line-height: 1.7 !important; }
#subpageContent .tour-cta-buttons a:hover{ transform: translateY(-1px); }
.seo-only{
  position:absolute;
  left:-9999px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}
.seo-only{
  position:absolute;
  left:-9999px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}
/* SEO metnini gizle ama Google görsün */
.istanbul-tours-page .seo-only{
  position: absolute !important;
  left: -99999px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}
/* Istanbul Tours – Gallery (2 images) */
.istanbul-tours-page .tour-gallery{
  max-width: 980px;
  margin: 28px auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.istanbul-tours-page .tour-gallery-item{
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 18px 40px rgba(0,0,0,.18);
}

.istanbul-tours-page .tour-gallery-item img{
  width: 100%;
  height: 280px;
  object-fit: cover;
  display: block;
}

@media (max-width: 900px){
  .istanbul-tours-page .tour-gallery{ grid-template-columns: 1fr; }
  .istanbul-tours-page .tour-gallery-item img{ height: 220px; }
}
.hero-proof{
  font-size:13px;
  opacity:.9;
  margin-top:8px;
}
.who-summary{
  max-width:800px;
  margin:12px auto 0;
  text-align:center;
  font-size:14px;
  opacity:.85;
}
/* Istanbul Tours - FAQ (Premium) */
.istanbul-tours-page #subpageContent .tour-faq{
  max-width: 980px;
  margin: 18px auto 26px;
  background: rgba(255,255,255,.55);
  border-radius: 22px;
  padding: 24px 18px;
  box-shadow: 0 18px 45px rgba(0,0,0,.10);
}

.istanbul-tours-page #subpageContent .tour-faq h2{
  margin: 0 0 14px;
  font-size: 26px;
}

.istanbul-tours-page #subpageContent .tour-faq-item{
  border-radius: 16px;
  overflow: hidden;
  background: rgba(255,255,255,.55);
  margin: 10px 0;
}

.istanbul-tours-page #subpageContent .tour-faq-q{
  width: 100%;
  text-align: left;
  border: 0;
  cursor: pointer;
  padding: 16px 16px;
  font-weight: 800;
  font-size: 16px;
  background: transparent;
  position: relative;
}

.istanbul-tours-page #subpageContent .tour-faq-q::after{
  content: "+";
  position: absolute;
  right: 16px;
  top: 14px;
  font-size: 22px;
  font-weight: 900;
  opacity: .7;
}

.istanbul-tours-page #subpageContent .tour-faq-q.open::after{
  content: "–";
}

.istanbul-tours-page #subpageContent .tour-faq-a{
  display: none;
  padding: 0 16px 16px;
  line-height: 1.65;
  font-size: 15px;
  opacity: .95;
}

@media (max-width: 600px){
  .istanbul-tours-page #subpageContent .tour-faq h2{ font-size: 22px; }
  .istanbul-tours-page #subpageContent .tour-faq-q{ font-size: 15px; }
}
/* ===== FAQ FIX (works without body class) ===== */
#subpageContent .tour-faq{
  max-width: 980px;
  margin: 18px auto 26px;
  background: rgba(255,255,255,.55);
  border-radius: 22px;
  padding: 22px 18px;
  box-shadow: 0 18px 45px rgba(0,0,0,.10);
}

#subpageContent .tour-faq h2{
  margin: 0 0 14px;
  font-size: 26px;
  font-weight: 900;
}

#subpageContent .tour-faq-item{
  margin: 10px 0;
  border-radius: 16px;
  overflow: hidden;
  background: rgba(255,255,255,.65);
  box-shadow: 0 10px 25px rgba(0,0,0,.06);
}

/* button default görünümü kaldır */
#subpageContent .tour-faq-q{
  width: 100%;
  text-align: left;
  border: 0 !important;
  outline: none !important;
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  cursor: pointer;
  padding: 16px 46px 16px 16px;
  font-weight: 800;
  font-size: 16px;
  line-height: 1.3;
  position: relative;
}

/* focus olunca çerçeve olmasın, hafif glow olsun */
#subpageContent .tour-faq-q:focus{
  box-shadow: inset 0 0 0 2px rgba(236,209,102,.55);
  border-radius: 12px;
}

#subpageContent .tour-faq-q::after{
  content: "+";
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 22px;
  font-weight: 900;
  opacity: .75;
}

#subpageContent .tour-faq-q.open::after{ content: "–"; }

/* cevaplar kapalı başlasın */
#subpageContent .tour-faq-a{
  display: none;
  padding: 0 16px 16px 16px;
  line-height: 1.7;
  font-size: 15px;
  opacity: .95;
}

/* açılınca görünsün */
#subpageContent .tour-faq-a.show{ display: block; }

@media (max-width: 600px){
  #subpageContent .tour-faq h2{ font-size: 22px; }
  #subpageContent .tour-faq-q{ font-size: 15px; }
}
/* ===== FAQ (no-script) ===== */
#subpageContent .tour-faq{
  max-width: 980px;
  margin: 26px auto 0;
}

#subpageContent .tour-faq h2{
  margin: 0 0 14px;
  font-size: 28px;
}

#subpageContent details.tour-faq-item{
  border-radius: 14px;
  background: rgba(255,255,255,.65);
  box-shadow: 0 12px 30px rgba(0,0,0,.08);
  margin: 10px 0;
  overflow: hidden;
}

#subpageContent summary.tour-faq-q{
  cursor: pointer;
  list-style: none;
  padding: 14px 16px;
  font-weight: 800;
  outline: none;
}

/* Chrome/Edge marker gizle */
#subpageContent summary.tour-faq-q::-webkit-details-marker{ display:none; }

/* Sağda + / - işareti */
#subpageContent summary.tour-faq-q::after{
  content:"+";
  float:right;
  font-weight:900;
  opacity:.7;
}
#subpageContent details[open] > summary.tour-faq-q::after{
  content:"–";
}

#subpageContent .tour-faq-a{
  padding: 0 16px 14px;
  line-height: 1.6;
  font-size: 15px;
}
/* ===== FAQ FIX (force details to show answers) ===== */
#subpageContent .tour-faq details{
  display:block !important;
  height:auto !important;
  overflow:visible !important;
}

#subpageContent .tour-faq .tour-faq-a{
  display:block !important;
  height:auto !important;
  max-height:none !important;
  visibility:visible !important;
  opacity:1 !important;
}