@import url('../textfont/stylesheet.css');
@import url('line-awesome.css');
@import url('all.min.css');
@import url('swiper-bundle.min.css');
@import url('animate.css');
@import url('bootstrap.min.css');
@import url('fancybox.css');
@import url('lity.min.css');
@import url('intlTelInput.css');
@import url('aos.css');


a {
	text-decoration:none;
	transition:all 0.3s ease;
}
a:hover {
	text-decoration:none;
}

ol,ul {
	padding:0px;
	margin:0px;
}
#hakkimizda-detay .page-text ol,ul {
	font-size: 15px;
    color: #444;
    line-height: 20px;
    margin-bottom: 10px;
    padding-left:15px;
}
h1 {
	font-size:50px;
	font-weight:400;
	line-height:56px;
	margin-bottom:10px;
}
h2 {
	font-size:30px;
	font-weight:700;
	line-height:39px;
	margin-bottom:10px;
}
h3 {
	font-size:20px;
	font-weight:700;
	line-height:26px;
	margin-bottom:10px;
}
h4 {
	font-size:18px;
	font-weight:500;
	line-height:24px;
	margin-bottom:10px;
}
h5 {
	font-size:16px;
	font-weight:700;
	line-height:23px;
	margin-bottom:10px;
}
h6 {
	font-size:14px;
	font-weight:500;
	line-height:18px;
	margin-bottom:10px;
}
p {
	font-size:15px;
	font-weight:400;
	line-height:25px;
	margin-bottom:10px;
}
main {
	overflow:hidden;
	width:calc(100vw - 5px);
	min-height:100vh;
}

body {
	position:relative;
	font-family: 'Roboto', sans-serif;
}


:root {
  --anarenk: #1f1f1f;
  --kirmizi: #ea0005;
  --gri: #9D9E9D;
  --siyah: #1f1f1f;
  --krem: #fcfcf9;
}

/* width */
.scrollbar::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

/* Track */
.scrollbar::-webkit-scrollbar-track {
  background: #F6F5F0; 
}
 
/* Handle */
.scrollbar::-webkit-scrollbar-thumb {
  background: var(--anarenk); 
}

/* Handle on hover */
.scrollbar::-webkit-scrollbar-thumb:hover {
  background: #FEDD06; 
}
.container-fluid {
	max-width:calc(100vw - 30px);	
}

.swiper {
	position:relative;
	overflow:hidden;
}

.dikeyortala {
	display:flex;
	flex-direction:column;
	justify-content:center;
	height:100%;
}

/*------------------cerezpolitikasi----------------------*/
.cerezpolitikasi {
	position:fixed;
	bottom:20px;
	left:20px;
	width:400px;
	max-width:calc(100% - 40px);
	padding:20px;
	border-radius:20px;
	background:rgba(0,0,0,0.5);
	font-size:14px;
	line-height:20px;
	color:#fff;
	z-index:100000;
}
.btn {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:0px 30px;
	height:60px;
	border-radius:30px;
	font-weight: 400;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
}


/*------------------header----------------------*/

.aciklama {
	margin-bottom:24px;
}
.aciklama h1 {
	font-weight: 600;
	font-size: 24px;
	line-height: 34px;
	color: var(--yesil);
	margin-bottom:14px;
}
.aciklama ul,ol {
	list-style:none;
	margin-bottom:24px;
}
.aciklama ul li ,
.aciklama ol li 
{
	position:relative;
	padding-left:15px;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: var(--yesil);
	opacity: 1;
}
.aciklama ul li:before ,
.aciklama ol li:before 
{
	position:absolute;
	content:"";
	top:11px;
	left:0px;
	width:7px;
	height:7px;
	border-radius:4px;
	background:var(--yesil);
	opacity: 1 !important;
}
.aciklama img {
	width:100% !important;
	border-radius:20px;
	max-height:300px;
	object-fit:cover;
	margin-bottom:25px;
}
.aciklama h2 ,
.aciklama h3 ,
.aciklama h4 ,
.aciklama h5 
{
	font-weight: 700;
	font-size: 24px;
	line-height: 36px;
	color: var(--yesil);
	margin-bottom:20px;
}
.aciklama p 
{
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: var(--yesil);
	opacity: 1;
	margin-bottom:20px;
}
/*------------------header----------------------*/

/*------------------ HEADER TAVION STYLE ----------------------*/

#header {
	background: #F8F9FA; /* Görseldeki hafif grimsi/beyaz zemin */
	/* Arka planda hafif bir gradient var gibi duruyor, istersen: */
	background: linear-gradient(180deg, #ffffff 0%, #eff3f5 100%);
	padding: 15px 0;
	font-family: 'Inter', sans-serif; /* Modern sans-serif font */
	box-shadow: 0 2px 10px rgba(0,0,0,0.05);
	position: relative;
	z-index: 999;
}

#header .alan {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/* Logo */
#header .logo img {
	height: 40px; /* Logoyu ideal boyuta getir */
	width: auto;
}

/* Menü Alanı */
#header .menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
	gap: 25px; /* Linkler arası boşluk */
}

#header .link-li {
	position: relative;
	padding: 10px 0; /* Hover alanını genişletmek için */
}

#header .link-item {
	text-decoration: none;
	color: #333;
	font-weight: 600;
	font-size: 14px;
	display: flex;
	align-items: center;
	gap: 4px; /* Yazı ile ok ikonu arası */
	transition: color 0.3s;
}

#header .link-item i {
	font-size: 11px; /* Ok ikonu küçük olsun */
	color: #777;
}

#header .link-li:hover .link-item {
	color: #102650; /* Tavion mavisi */
}

/* Dropdown (Açılan Menü) */
#header .acilan {
	position: absolute;
	top: 100%; /* Linkin tam altına */
	left: 0;
	width: 200px;
	background: #fff;
	box-shadow: 0 10px 30px rgba(0,0,0,0.1);
	border-radius: 8px; /* Hafif yuvarlak köşe */
	padding: 15px 0;
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: all 0.3s ease;
	border-top: 3px solid #102650; /* Üstte mavi çizgi şıklık katar */
}

#header .link-li:hover .acilan {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

#header .acilan ul {
	display: block; /* Flex'i iptal et, alt alta diz */
}

#header .acilan li {
	display: block;
}

#header .acilan a {
	display: block;
	padding: 8px 20px;
	color: #555;
	font-size: 13px;
	text-decoration: none;
	transition: background 0.2s, color 0.2s;
	border-bottom: 1px solid #f9f9f9;
}

#header .acilan a:hover {
	background-color: #f4f4f4;
	color: #102650;
	padding-left: 25px; /* Hafif sağa kayma efekti */
}

/* Sağ Taraf Grubu */
#header .sag-grup {
	display: flex;
	align-items: center;
	gap: 20px;
}

/* Arama Butonu */
#header .aramabuton {
	font-size: 20px;
	color: #333;
}

#header .dil {
	display:flex;
	align-items:center;
	position:relative;
	z-index:101;
	padding:0px 5px;
	height:100%;
}
#header .dil .default {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	width:40px;
	height:40px;
	border-radius: 5px;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	border:1px solid rgba(0,0,0,0.4);
	text-transform:uppercase;
}
#header .dil .default img {
	height:18px;
}
#header .dil .default i {
	color:#fff;
	font-size:20px;
}

#header .dil .acilan2 {
	position:absolute;
	top:100%;
	right:calc(50% - 20px);
	width:40px;
	padding-top:10px;
	z-index:100;
	display:none;
	z-index:10000;
}
#header .dil .acilan2 .default {
	width:40px;
	height:40px;
	border-radius: 5px;
	margin-bottom:5px;
	background: #000;
	color:#fff;
	padding:10px;
	border:1px solid #fff;
}
#header .dil:hover .acilan2 {
	display:block;
}


#header .current-lang {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 35px;
	height: 35px;
	border: 1px solid #ddd;
	border-radius: 50%; /* Tam yuvarlak */
	color: #555;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
	background: #fff;
	transition: all 0.3s;
}

#header .current-lang:hover {
	border-color: #102650;
	color: #102650;
}

/* Teklif Al Butonu (Görseldeki Mavi Buton) */
#header .btn-teklif {
	background: linear-gradient(90deg, #102650 0%, #1e4585 100%); /* Koyu Mavi Gradyan */
	color: #fff;
	padding: 10px 25px;
	border-radius: 4px; /* Hafif köşe */
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	box-shadow: 0 4px 10px rgba(16, 38, 80, 0.3);
	transition: transform 0.3s;
}

#header .btn-teklif:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 15px rgba(16, 38, 80, 0.4);
}

/* Arama Alanı (Gizli Olan) */
#header .arama-container {
	display: none; /* Varsayılan gizli, JS ile açılabilir */
	position: absolute;
	top: 100%;
	right: 0;
	background: #fff;
	padding: 15px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}



/*------------------mobilheader----------------------*/

#mobilheader {
	display:none;
	align-items:center;
	flex-wrap:wrap;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:1000;
	height:65px;
	padding:0px 5px;
	background:#fff;
}
#mobilheader.sabit {
	position:relative;
	top:auto;
	left:auto;
	width:100%;
	background:var(--krem);
}
#mobilheader.heading {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	background:var(--krem);
}

#mobilheader .alansol {
	width:35%;
	display:flex;
	align-items:center;
	justify-content:flex-start;
}

#mobilheader .alanorta {
	width:30%;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
}

#mobilheader .alansag {
	width:35%;
	display:flex;
	align-items:center;
	justify-content:flex-end;
}
#mobilheader .btn {
    padding: 0px 0px 0px 0px;
}
#mobilheader .btn i {
	font-size:40px;
}
#mobilheader .logo {
	display:flex;
	align-items:center;
	justify-content:center;
	padding:5px;
}
#mobilheader .logo img {
	max-width:100%;
	max-height:100%;
}

#mobilheader .dil {
	display:flex;
	align-items:center;
	position:relative;
	z-index:101;
	padding:0px 5px;
	height:100%;
}
#mobilheader .dil .default {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	width:40px;
	height:40px;
	border-radius: 5px;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	border:1px solid rgba(0,0,0,0.4);
	text-transform:uppercase;
}
#mobilheader .dil .default img {
	height:18px;
}
#mobilheader .dil .default i {
	color:#fff;
	font-size:20px;
}

#mobilheader .dil .acilan {
	position:absolute;
	top:100%;
	right:calc(50% - 20px);
	width:40px;
	padding-top:10px;
	z-index:100;
	display:none;
	z-index:10000;
}
#mobilheader .dil .acilan .default {
	width:40px;
	height:40px;
	border-radius: 5px;
	margin-bottom:5px;
	background: #000;
	color:#fff;
	padding:10px;
	border:1px solid #fff;
}
#mobilheader .dil:hover .acilan {
	display:block;
}


/*------------------mobilmenu----------------------*/


#mobilmenu {
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	overflow-y:scroll;
	z-index:1000;
	background: #fff;
	transform: translateX(-100%);
	transition:all 0.3s ease;
}

#mobilmenu .ust {
	display:flex;
	align-items:center;
	width:100%;
	height:65px;
	padding:10px;
}
#mobilmenu .ust .logo {
	max-height:100%;
	max-width:70%;
	margin-right:auto;
}
#mobilmenu .ust .kapat {
	font-size:40px;
	color:#000;
}
#mobilmenu .menu {
    border-top: 1px solid hsla(0,0%,60%,.2);
	padding:20px 0px;
}
#mobilmenu .menu ul {
	display: flex!important;
    flex-direction: column;
    align-items: center;
    list-style-type: none;
    -webkit-overflow-scrolling: touch;
    padding: 0 15px;
}
#mobilmenu .menu .link-li {
	position:relative;
    width: 100%;
    align-items: flex-start;
    justify-content: center;
    justify-content: center;
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex-direction: column;
	border-bottom:1px solid rgba(51, 51, 51, 0.1);
	padding:5px 40px 5px 5px;
}
#mobilmenu .menu .link-li:last-child {
	border-bottom:0px solid rgba(51, 51, 51, 0.1);
}
#mobilmenu .menu .link-li.hover:before {
    position:absolute;
	content:"\f105";
	top:5px;
	right:0px;
	width:30px;
	height:32px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:20px;
	color:#000;
    font-family: 'Line Awesome Free';
    font-weight: 900;
}
#mobilmenu .menu .link-item {
	font-size:14px;
	line-height:32px;
	font-weight:500;
	color:rgb(0, 0, 0);
	letter-spacing:1.8px;
}
#mobilmenu .menu .acilan {
	display:none;
	width: 100%;
}
#mobilmenu .menu .link-li:hover .acilan {
	display:block;
}
#mobilmenu .menu .acilan ul {
	width: 100%;
}

#mobilmenu .menu .acilan ul .link-li {
    min-height: 32px;
}
#mobilmenu .menu .acilan ul .link-item {
	font-size:14px;
	line-height:32px;
	color:rgb(51, 51, 51, 0.6);
}

#mobilmenu .arama {
	position:relative;
}
#mobilmenu .arama .form-control {
	border:1px solid var(--anarenk);
}
#mobilmenu .arama .btn {
	position:absolute;
	top:0px;
	right:0px;
	width:46px;
	height:46px;
	font-size:20px;
	color:#000;
	border-radius:9px;
	padding:0px;
	justify-content:center;
}

#mobilmenu .butonlar {
    border-top: 1px solid hsla(0,0%,60%,.2);
	padding:20px 15px;
}
#mobilmenu .butonlar a {
	display:block;
	font-size:12px;
	font-weight:400;
	line-height:32px;
	color:rgb(0, 0, 0);
	letter-spacing:1.2px;
}

#mobilmenu .sosyal {
	display:flex;
	align-items:center;
	justify-content:center;
    border-top: 1px solid hsla(0,0%,60%,.2);
	padding:20px 15px;
}
#mobilmenu .sosyal a {
	display:flex;
	align-items:center;
	justify-content:center;
	width: 40px;
	height: 40px;
	font-size:28px;
	color:rgb(0, 0, 0);
	margin-right:5px;
}
#mobilmenu .sosyal a:hover {
	color: var(--krem);
}



/*------------------ HERO SLIDER STİLLERİ ----------------------*/

#hero-slider {
	position: relative;
	width: 100%;
	height: 100vh; /* Tam ekran yükseklik */
	min-height: 600px; /* Çok küçük ekranlarda daralmasın */
	overflow: hidden;
}

#hero-slider .swiper {
	width: 100%;
	height: 100%;
}

/* Arka Plan Görseli */
#hero-slider .slide-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	z-index: -1;
}

/* Karartma Katmanı (Yazı okunurluğu için) */
#hero-slider .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3); /* %30 Siyahlık */
}

/* İçerik Alanı */
#hero-slider .content-area {
	position: relative;
	z-index: 10;
	padding-top: 60px; /* Header payı */
}

/* Başlık */
#hero-slider .hero-title {
	font-family: 'Playfair Display', serif; /* Görseldeki Serif font */
	font-size: 64px;
	font-weight: 400; /* Görselde çok kalın değil, zarif duruyor */
	color: #fff;
	margin-bottom: 20px;
	line-height: 1.2;
	text-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

/* Açıklama */
#hero-slider .hero-desc {
	font-family: 'Inter', sans-serif;
	font-size: 18px;
	color: rgba(255, 255, 255, 0.9);
	font-weight: 300;
	margin-bottom: 40px;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

/* Buton (Beyaz Dikdörtgen) */
#hero-slider .btn-hero {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background-color: #fff;
	color: #102650; /* Tavion Laciverti */
	padding: 15px 35px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	border-radius: 2px; /* Hafif keskin köşeler */
	transition: all 0.3s ease;
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

#hero-slider .btn-hero:hover {
	background-color: #f0f0f0;
	transform: translateY(-3px);
	box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

#hero-slider .btn-hero i {
	font-size: 16px;
	transition: transform 0.3s;
}

#hero-slider .btn-hero:hover i {
	transform: translateX(5px) rotate(-45deg); /* Sağa kayıp hafif yukarı bakma efekti */
}

/* Scroll Down İkonu */
#hero-slider .scroll-down-btn {
	position: absolute;
	bottom: 40px;
	left: 50%;
	transform: translateX(-50%);
	width: 45px;
	height: 45px;
	background: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #102650;
	font-size: 20px;
	z-index: 20;
	text-decoration: none;
	animation: bounce 2s infinite;
	box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateX(-50%) translateY(0);}
	40% {transform: translateX(-50%) translateY(-10px);}
	60% {transform: translateX(-50%) translateY(-5px);}
}
/*------------------ ANASAYFA HAKKIMIZDA STİLLERİ ----------------------*/

#anasayfa-hakkimizda {
	padding: 120px 0;
	background-color: #fff; /* Temiz beyaz zemin */
	font-family: 'Inter', sans-serif;
}

/* Gri Etiket (Badge) */
#anasayfa-hakkimizda .section-badge {
	display: inline-block;
	background-color: #EEF0F2; /* Görseldeki açık gri */
	color: #000;
	font-size: 13px;
	font-weight: 700;
	padding: 8px 20px;
	letter-spacing: 0.5px;
	margin-bottom: 25px;
	border-radius: 2px; /* Hafif keskin hatlar */
}

/* Başlık (Serif Font) */
#anasayfa-hakkimizda .hakkimizda-baslik {
	font-family: 'Playfair Display', serif; /* Hero'daki ile aynı */
	font-size: 40px;
	font-weight: 700;
	color: #000;
	margin-bottom: 20px;
	line-height: 1.2;
}

/* Metin İçeriği */
#anasayfa-hakkimizda .hakkimizda-icerik p {
	font-size: 15px;
	color: #333; /* Tam siyah değil, okunabilir koyu gri */
	line-height: 22px; /* Satır araları geniş, ferah */
	margin-bottom: 20px;
	text-align: justify; /* Blok düzen */
}

/* Son paragrafın alt boşluğunu al */
#anasayfa-hakkimizda .hakkimizda-icerik p:last-child {
	margin-bottom: 0;
}

/* Video Alanı */
#anasayfa-hakkimizda .video-wrapper {
	position: relative;
    width: 90%;
    margin-left: auto;
    padding-bottom: 80%;
	background-color: #000; /* Görseldeki siyah zemin */
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(0,0,0,0.15); /* Hafif gölge */
}

#anasayfa-hakkimizda .video-poster {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	/* İstersen buraya bir resim de koyabilirsin: */
	/* background-image: url('assets/img/video-bg.jpg'); background-size: cover; opacity: 0.7; */
}

#anasayfa-hakkimizda .video-poster img {
	width:100%;
	height:100%;
	object-fit:cover;
}

/* Play Butonu */
#anasayfa-hakkimizda .play-btn {
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 70px;
	height: 70px;
	background-color: rgb(3 30 69); /* Yarı saydam gri çember */
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	transition: all 0.3s ease;
	backdrop-filter: blur(5px); /* Hafif buzlu cam efekti */
}

#anasayfa-hakkimizda .play-btn i {
	font-size: 30px;
	color: #fff;
	margin-left: 4px; /* Oku görsel olarak ortalamak için */
}

#anasayfa-hakkimizda .play-btn:hover {
	background-color: #fff; /* Hoverda beyaz olsun */
	transform: translate(-50%, -50%) scale(1.1); /* Biraz büyüsün */
}

#anasayfa-hakkimizda .play-btn:hover i {
	color: #000; /* İkon siyah olsun */
}
/*------------------ KÜRESEL TİCARET STİLLERİ ----------------------*/

#anasayfa-kuresel {
	padding: 110px 0;
	background-color: #fff;
	font-family: 'Inter', sans-serif;
}

/* Başlık (Serif) */
#anasayfa-kuresel .kuresel-baslik {
	font-family: 'Playfair Display', serif;
	font-size: 42px;
	font-weight: 700;
	color: #000;
	margin-bottom: 10px;
}

/* Alt Başlık */
#anasayfa-kuresel .kuresel-sub {
	font-size: 16px;
	color: #555;
	margin-bottom: 25px;
	font-weight: 400;
}

/* Dekoratif Ayırıcı (Çizgi ve İkon) */
#anasayfa-kuresel .custom-divider {
	position: relative;
	width: 100%;
	max-width: 300px;
	margin: 0 auto 30px auto;
	text-align: center;
}

#anasayfa-kuresel .custom-divider::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #ddd; /* İnce gri çizgi */
	z-index: 1;
}

#anasayfa-kuresel .custom-divider span {
	position: relative;
	background-color: #fff;
	padding: 0 15px;
	z-index: 2;
	color: #102650; /* İkon rengi */
	font-size: 18px;
}

/* Açıklama Metni */
#anasayfa-kuresel .kuresel-desc {
	font-size: 15px;
	color: #444;
	line-height: 1.8;
	max-width: 800px;
	margin: 0 auto;
}

/* Özellik Kutusu */
#anasayfa-kuresel .feature-box {
	background-color: #F0F4F8; /* Görseldeki açık mavi/gri zemin */
	padding: 40px 20px;
	text-align: center;
	border-radius: 4px; /* Hafif köşe */
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#anasayfa-kuresel .feature-box:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 20px rgba(0,0,0,0.05);
	background-color: #fff; /* Hoverda beyazlaşabilir veya aynı kalabilir */
	border: 1px solid #eee; /* Hoverda hafif çerçeve */
}

/* İkon Alanı */
#anasayfa-kuresel .icon-area {
	font-size: 42px; /* Büyük ikon */
	color: #000;
	margin-bottom: 20px;
}

/* Kutu Başlığı */
#anasayfa-kuresel .f-title {
	font-family: 'Playfair Display', serif; /* Kutu başlıkları da serif */
	font-size: 20px;
	font-weight: 700;
	color: #000;
	margin-bottom: 10px;
}

/* Kutu Alt Metni */
#anasayfa-kuresel .f-sub {
	font-size: 14px;
	color: #555;
	font-weight: 400;
}
/*------------------ ANASAYFA ÜRÜNLER STİLLERİ ----------------------*/

#anasayfa-urunler {
	padding: 70px 0;
	background-color: #fff;
	font-family: 'Inter', sans-serif;
}

/* Etiket (Badge) */
#anasayfa-urunler .section-badge {
	display: inline-block;
	background-color: #EEF0F2; /* Açık gri */
	color: #000;
	font-size: 12px;
	font-weight: 700;
	padding: 6px 18px;
	letter-spacing: 0.5px;
	margin-bottom: 10px;
	border-radius: 2px;
	text-transform: uppercase;
}

/* Başlık (Serif) */
#anasayfa-urunler .urunler-baslik {
	font-family: 'Playfair Display', serif;
	font-size: 42px;
	font-weight: 700;
	color: #000;
	margin-bottom: 15px;
}

/* Açıklama */
#anasayfa-urunler .urunler-desc {
	font-size: 16px;
	color: #666;
	font-weight: 400;
}

/* Ürün Kartı */
#anasayfa-urunler .urun-kart {
	background-color: #F8F9FA; /* Alt kısımdaki çok açık gri zemin */
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	height: 100%;
}

#anasayfa-urunler .urun-kart:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 30px rgba(0,0,0,0.08);
}

/* Kart Görseli */
#anasayfa-urunler .kart-gorsel {
	width: 100%;
	height: 220px; /* Görseldeki dikey oran */
	overflow: hidden;
}

#anasayfa-urunler .kart-gorsel img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

#anasayfa-urunler .urun-kart:hover .kart-gorsel img {
	transform: scale(1.05); /* Hafif yakınlaşma efekti */
}

/* Kart İçeriği */
#anasayfa-urunler .kart-icerik {
	padding: 25px;
	text-align: left; /* Görselde sol hizalı */
}

/* Kart Başlığı (Serif) */
#anasayfa-urunler .k-baslik {
	font-family: 'Playfair Display', serif;
	font-size: 22px;
	font-weight: 700;
	color: #000;
	margin-bottom: 8px;
	padding: 10px;
}

/* Kart Açıklaması */
#anasayfa-urunler .k-desc {
	font-size: 14px;
	color: #555;
	margin-bottom: 15px;
}

/* Kart Linki */
#anasayfa-urunler .k-link {
	font-size: 13px;
	font-weight: 600;
	color: #102650; /* Lacivert */
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	transition: gap 0.3s;
}

#anasayfa-urunler .k-link i {
	font-size: 12px; /* Ok biraz küçük, sağ üst çapraz değil düz sağ ok kullandım, görseldeki gibi */
	/* Eğer sağ üst ok istenirse 'la-arrow-up' ve rotate kullanılabilir */
	transform: rotate(-45deg); /* Hafif yukarı bakması için */
}

#anasayfa-urunler .urun-kart:hover .k-link {
	gap: 8px; /* Hoverda ok biraz uzaklaşsın */
}

/* Alt Buton (Mavi Dikdörtgen) */
#anasayfa-urunler .btn-urunler-kesfet {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: linear-gradient(90deg, #102650 0%, #1e4585 100%); /* Koyu Mavi */
	color: #fff;
	padding: 12px 30px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	box-shadow: 0 5px 15px rgba(16, 38, 80, 0.3);
	transition: transform 0.3s;
	border-radius: 2px; /* Keskin hatlar */
}

#anasayfa-urunler .btn-urunler-kesfet:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 20px rgba(16, 38, 80, 0.4);
}

#anasayfa-urunler .btn-urunler-kesfet i {
	transform: rotate(-45deg); /* Sağ üst ok */
}
/*------------------ ANASAYFA KAYNAKLAR (HARİTA) STİLLERİ ----------------------*/

#anasayfa-kaynaklar {
	position: relative;
	padding: 100px 0;
	background: url('../img/anasayfa-kaynaklar-back.jpg') #002A55; /* Görseldeki koyu lacivert ton */
	overflow: hidden;
}

/* Arka Plan Deseni (Topografik Çizgiler) */
#anasayfa-kaynaklar .bg-pattern {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* Hafif çizgi deseni efekti için SVG veya görsel kullanabilirsin. 
	   Burada CSS gradient ile benzer bir dalga etkisi veriyoruz */
	background-image: repeating-radial-gradient( circle at 0 0, transparent 0, #05152E 40px ), repeating-linear-gradient( #081b3855, #081b3855 );
	opacity: 0.2;
	pointer-events: none;
}

/* Sol İçerik Alanı */
#anasayfa-kaynaklar .content-col {
	position: relative;
	z-index: 2;
}

/* Etiket */
#anasayfa-kaynaklar .source-badge {
	display: inline-block;
	background-color: rgba(255, 255, 255, 0.15); /* Yarı saydam beyaz */
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	padding: 8px 15px;
	margin-bottom: 25px;
	border-radius: 2px;
	letter-spacing: 1px;
	backdrop-filter: blur(5px);
}

/* Başlık */
#anasayfa-kaynaklar .source-title {
	font-family: 'Playfair Display', serif;
	font-size: 48px;
	font-weight: 700;
	margin-bottom: 20px;
	line-height: 1.1;
}

/* Açıklama */
#anasayfa-kaynaklar .source-desc {
	font-size: 16px;
	color: rgba(255, 255, 255, 0.8);
	line-height: 1.7;
	margin-bottom: 35px;
	max-width: 450px;
}

/* Buton (Beyaz) */
#anasayfa-kaynaklar .btn-source-view {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background-color: #fff;
	color: #05152E; /* Lacivert yazı */
	padding: 15px 30px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	border-radius: 2px;
	transition: all 0.3s;
}

#anasayfa-kaynaklar .btn-source-view:hover {
	background-color: #f0f0f0;
	transform: translateX(5px);
}

/* Harita Alanı */
#anasayfa-kaynaklar .map-wrapper {
	position: relative;
	z-index: 2;
}

#anasayfa-kaynaklar .map-img {
	width: 100%;
	height: auto;
	filter: drop-shadow(0 10px 30px rgba(0,0,0,0.3));
}

/* Harita Bilgi Kutusu (Kütahya yazan yer) */
#anasayfa-kaynaklar .map-info-box {
	position: absolute;
	bottom: -20px;
	right: 0;
	background-color: #DDE2E9; /* Açık gri zemin */
	padding: 0;
	display: flex;
	align-items: center;
	box-shadow: 0 10px 30px rgba(0,0,0,0.2);
	max-width: 350px;
	border-radius: 2px;
}

#anasayfa-kaynaklar .info-text {
	font-size: 12px;
	color: #555;
	padding: 15px;
	font-style: italic;
	flex-grow: 1;
}

#anasayfa-kaynaklar .city-name {
	background-color: #DDE2E9; /* Aynı ton */
	color: #000;
	font-weight: 800; /* Serif ve Kalın */
	font-family: 'Playfair Display', serif;
	font-size: 18px;
	padding: 15px 25px;
	border-left: 1px solid rgba(0,0,0,0.1);
}

/* Pulse Efekti (Konum İğnesi) */
#anasayfa-kaynaklar .map-pin {
	position: absolute;
	width: 20px;
	height: 20px;
	background-color: #102650; /* Koyu nokta */
	border-radius: 50%;
	transform: translate(-50%, -50%);
	box-shadow: 0 0 0 4px rgba(255,255,255,0.5);
	cursor: pointer;
}

#anasayfa-kaynaklar .map-pin .pulse {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 40px;
	height: 40px;
	background-color: rgba(255,255,255,0.4);
	border-radius: 50%;
	animation: pulse-animation 2s infinite;
}

@keyframes pulse-animation {
	0% { transform: translate(-50%, -50%) scale(0.5); opacity: 1; }
	100% { transform: translate(-50%, -50%) scale(2); opacity: 0; }
}

/*------------------ ANASAYFA KÜRESEL VARLIK STİLLERİ ----------------------*/

#anasayfa-kuresel-varlik {
	padding: 70px 0;
	background-color: #EEF2F6; /* Görseldeki açık mavi-gri zemin */
	font-family: 'Inter', sans-serif;
	overflow: hidden; /* Harita taşmalarını önlemek için */
}

/* Etiket */
#anasayfa-kuresel-varlik .global-badge {
	display: inline-block;
	background-color: #DDE3EA; /* Daha koyu bir gri ton */
	color: #102650;
	font-size: 12px;
	font-weight: 700;
	padding: 8px 15px;
	margin-bottom: 25px;
	border-radius: 2px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

/* Başlık */
#anasayfa-kuresel-varlik .global-title {
	font-family: 'Playfair Display', serif;
	font-size: 48px;
	font-weight: 700;
	color: #000;
	margin-bottom: 20px;
	line-height: 1.1;
}

/* Açıklama */
#anasayfa-kuresel-varlik .global-desc {
	font-size: 16px;
	color: #555;
	margin-bottom: 40px;
	line-height: 1.6;
	max-width: 450px;
}

/* İstatistikler Satırı */
#anasayfa-kuresel-varlik .stats-row {
	display: flex;
	gap: 40px;
	margin-bottom: 40px;
	border-bottom: 1px solid rgba(0,0,0,0.05);
	padding-bottom: 30px;
}

#anasayfa-kuresel-varlik .stat-item {
	display: flex;
	flex-direction: column;
}

#anasayfa-kuresel-varlik .stat-num {
	font-family: 'Playfair Display', serif;
	font-size: 36px;
	font-weight: 700;
	color: #000;
	line-height: 1;
	margin-bottom: 5px;
}

#anasayfa-kuresel-varlik .stat-label {
	font-size: 13px;
	color: #666;
	font-weight: 500;
}

/* Buton (Koyu Mavi - Sol Alt Köşe Keskin) */
#anasayfa-kuresel-varlik .btn-global-export {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: linear-gradient(90deg, #102650 0%, #2c5282 100%);
	color: #fff;
	padding: 15px 30px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	box-shadow: 0 5px 20px rgba(16, 38, 80, 0.2);
	border-radius: 2px;
	transition: transform 0.3s;
}

#anasayfa-kuresel-varlik .btn-global-export:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 25px rgba(16, 38, 80, 0.3);
}

#anasayfa-kuresel-varlik .btn-global-export i {
	transform: rotate(45deg); /* Sağ üst ok efekti */
}

/* Harita Alanı */
#anasayfa-kuresel-varlik .distribution-map {
	position: relative;
	width: 100%;
}

#anasayfa-kuresel-varlik .map-bg {
	width: 100%;
	height: auto;
	opacity: 0.9;
	/* Eğer resim yoksa, geçici bir alan kaplasın diye: */
	min-height: 300px; 
}

/* Harita Etiketleri (Konumlar) */
#anasayfa-kuresel-varlik .map-label {
	position: absolute;
	display: flex;
	flex-direction: column;
	align-items: center;
	transform: translate(-50%, -50%); /* Tam ortalamak için */
	z-index: 10;
}

#anasayfa-kuresel-varlik .label-text {
	background-color: #fff;
	color: #000;
	font-size: 11px;
	font-weight: 700;
	padding: 4px 10px;
	border-radius: 20px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
	margin-bottom: 5px; /* Noktanın üzerinde dursun */
	white-space: nowrap;
}

#anasayfa-kuresel-varlik .label-dot {
	width: 12px;
	height: 12px;
	background-color: #102650;
	border: 2px solid #fff;
	border-radius: 50%;
	box-shadow: 0 0 0 2px rgba(16, 38, 80, 0.1);
}
/*------------------ ANASAYFA MÜKEMMELLİK STİLLERİ ----------------------*/

#anasayfa-mukemmellik {
	padding: 70px 0;
	background-color: #fff;
	font-family: 'Inter', sans-serif;
}

/* Etiket */
#anasayfa-mukemmellik .section-badge {
	display: inline-block;
	background-color: #EEF0F2;
	color: #000;
	font-size: 12px;
	font-weight: 700;
	padding: 8px 20px;
	margin-bottom: 25px;
	border-radius: 2px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

/* Başlık */
#anasayfa-mukemmellik .mukemmellik-title {
	font-family: 'Playfair Display', serif;
	font-size: 42px;
	font-weight: 700;
	color: #000;
	margin-bottom: 35px;
	line-height: 1.2;
}

/* Liste Yapısı */
#anasayfa-mukemmellik .check-list {
	list-style: none;
	padding: 0;
	margin: 0 0 40px 0;
}

#anasayfa-mukemmellik .check-list li {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 15px;
	font-size: 15px;
	color: #333;
	font-weight: 500;
}

#anasayfa-mukemmellik .check-list li i {
	font-size: 20px;
	color: #333; /* Görselde ikonlar siyah çember içinde tik şeklinde */
	/* Eğer görseldeki gibi ince bir ikon ise: */
	font-weight: 400;
}

/* İstatistik Grid */
#anasayfa-mukemmellik .stats-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr); /* 4 Yan yana */
	gap: 10px;
	margin-bottom: 30px;
	border-top: 1px solid #eee; /* İsteğe bağlı ayırıcı */
	padding-top: 30px;
}

#anasayfa-mukemmellik .stat-box {
	text-align: left; /* Görselde ortalı değil, rakamın altında yazı var */
}

#anasayfa-mukemmellik .s-val {
	font-family: 'Playfair Display', serif;
	font-size: 28px;
	font-weight: 700;
	color: #000;
	margin-bottom: 5px;
}

#anasayfa-mukemmellik .s-label {
	font-size: 11px;
	color: #666;
	font-weight: 500;
	text-transform: capitalize;
	line-height: 1.4;
}

/* Buton */
#anasayfa-mukemmellik .btn-teklif-al {
	display: inline-block;
	background: linear-gradient(90deg, #102650 0%, #224a8b 100%);
	color: #fff;
	padding: 12px 35px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	border-radius: 2px;
	box-shadow: 0 4px 15px rgba(16, 38, 80, 0.3);
	transition: transform 0.3s;
}

#anasayfa-mukemmellik .btn-teklif-al:hover {
	transform: translateY(-3px);
	box-shadow: 0 6px 20px rgba(16, 38, 80, 0.4);
}

/* Sağ Taraf Görsel (Opsiyonel) */
#anasayfa-mukemmellik .img-wrapper-right img {
	width: 100%;
	height: auto;
	/* object-fit: cover; height: 500px; gibi değerler verebilirsin */
}
/*------------------ FOOTER STİLLERİ ----------------------*/

#footer {
	background-color: #05152E; /* Koyu Lacivert Zemin */
	padding: 80px 0 30px 0;
	color: #fff;
	font-family: 'Inter', sans-serif;
	font-size: 14px;
}

/* Logo */
#footer .footer-logo img {
	height: 35px; /* Logo boyutu */
	width: auto;
	margin-bottom: 20px;
	filter: brightness(0) invert(1); /* Logoyu beyaza çevirir (eğer svg renkli ise) */
}

/* Açıklama Metni */
#footer .footer-desc {
	color: rgba(255, 255, 255, 0.8);
	line-height: 1.6;
	margin-bottom: 25px;
	max-width: 350px;
	/* Mobilde ortala, desktopta sola */
}

/* İletişim Bilgileri */
#footer .footer-contact .contact-row {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-bottom: 12px;
	color: rgba(255, 255, 255, 0.9);
}

#footer .footer-contact i {
	font-size: 18px;
	margin-top: 2px;
}

#footer .footer-contact a {
	color: rgba(255, 255, 255, 0.9);
	text-decoration: none;
	transition: color 0.3s;
}
#footer .footer-contact a:hover { color: #fff; text-decoration: underline; }

/* Başlıklar (Serif ve Sağa Yaslı Görünüm için) */
#footer .footer-title {
	font-family: 'Playfair Display', serif;
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 20px;
}

/* Link Listeleri */
#footer .footer-links {
	list-style: none;
	padding: 0;
	margin: 0;
}

#footer .footer-links li {
	margin-bottom: 12px;
}

#footer .footer-links a {
	color: rgba(255, 255, 255, 0.7);
	text-decoration: none;
	transition: all 0.3s;
}

#footer .footer-links a:hover {
	color: #fff;
	padding-right: 5px; /* Hoverda hafif kayma efekti */
}

/* Ayırıcı Çizgi */
#footer .footer-divider {
	border-color: rgba(255, 255, 255, 0.1);
	margin: 50px 0 30px 0;
}

/* Alt Kısım */
#footer .copyright {
	color: rgba(255, 255, 255, 0.6);
	margin: 0;
}

#footer .policy-links a {
	color: rgba(255, 255, 255, 0.6);
	text-decoration: none;
	margin-left: 20px;
	transition: color 0.3s;
}

#footer .policy-links a:hover {
	color: #fff;
}

/*------------------ HAKKIMIZDA DETAY STİLLERİ ----------------------*/

#hakkimizda-detay {
	padding: 50px 0;
	background-color: #F8F9FB; /* Çok hafif grimsi mavi arka plan */
	font-family: 'Inter', sans-serif;
}

/* --- ÜST KISIM --- */

/* Etiket */
#hakkimizda-detay .page-badge {
	display: inline-block;
	background-color: #E2E6EA;
	color: #000;
	font-size: 13px;
	font-weight: 700;
	padding: 8px 20px;
	margin-bottom: 25px;
	border-radius: 2px;
	letter-spacing: 0.5px;
}

/* Başlık */
#hakkimizda-detay .page-title {
	font-family: 'Playfair Display', serif;
	font-size: 42px;
	font-weight: 700;
	color: #000;
	margin-bottom: 30px;
}

/* Metin */
#hakkimizda-detay .page-text p {
	font-size: 15px;
	color: #444;
	line-height: 1.8;
	margin-bottom: 20px;
	text-align: justify;
}

/* Video Alanı */
#hakkimizda-detay .video-container {
	position: relative;
	width: 100%;
	background-color: #000;
	box-shadow: 0 15px 40px rgba(0,0,0,0.2);
}
#hakkimizda-detay .video-overlay img {
	width:100%;
	height:100%;
	object-fit:cover;
}
#hakkimizda-detay .btn-play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 70px;
	height: 70px;
	background-color: rgb(3 30 68);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 30px;
	backdrop-filter: blur(5px);
	transition: all 0.3s;
}

#hakkimizda-detay .btn-play:hover {
	background-color: #fff;
	color: #000;
	transform: translate(-50%, -50%) scale(1.1);
}

/* --- ALT KISIM (KARTLAR) --- */

#hakkimizda-detay .info-card {
	background-color: #fff; /* Kartlar beyaz */
	padding: 40px 30px;
	text-align: center;
	height: 100%;
	box-shadow: 0 10px 30px rgba(0,0,0,0.05); /* Hafif gölge */
	transition: transform 0.3s ease;
	border-radius: 4px; /* Hafif köşe yumuşatma */
}

#hakkimizda-detay .info-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 40px rgba(0,0,0,0.08);
}

/* İkonlar */
#hakkimizda-detay .card-icon {
	font-size: 48px;
	color: #102650; /* Tavion Laciverti */
	margin-bottom: 20px;
}

/* Kart Başlıkları */
#hakkimizda-detay .card-title {
	font-family: 'Playfair Display', serif;
	font-size: 22px;
	font-weight: 700;
	color: #000;
	margin-bottom: 15px;
}

/* Kart Açıklamaları */
#hakkimizda-detay .card-desc {
	font-size: 14px;
	color: #555;
	line-height: 1.6;
}
/*------------------ KİLOMETRE TAŞLARI STİLLERİ ----------------------*/

#hakkimizda-kilometre {
	padding: 100px 0;
	background-color: #fff; /* Temiz beyaz zemin */
	font-family: 'Inter', sans-serif;
}

/* Bölüm Başlığı */
#hakkimizda-kilometre .section-title {
	font-family: 'Playfair Display', serif;
	font-size: 42px;
	font-weight: 700;
	color: #000;
	margin-bottom: 10px;
}

#hakkimizda-kilometre .section-sub {
	font-size: 16px;
	color: #555;
	font-weight: 400;
	margin-bottom: 50px;
}

/* Timeline Öğesi */
#hakkimizda-kilometre .milestone-item {
	position: relative;
	padding-left: 30px; /* Çizgi ile metin arası boşluk */
	border-left: 2px solid #102650; /* Dikey lacivert çizgi */
	height: 100%; /* İçeriği eşitlemek için */
}

/* Nokta (Dot) Efekti */
#hakkimizda-kilometre .milestone-item::before {
	content: '';
	position: absolute;
	top: 0;
	left: -7px; /* Çizgiyi ortalamak için (çizgi 2px, nokta 12px -> 12/2 - 2/2 + offset) */
	width: 12px;
	height: 12px;
	background-color: #102650; /* Tavion Laciverti */
	border-radius: 50%;
}

/* Yıl */
#hakkimizda-kilometre .m-year {
	display: block;
	font-size: 13px;
	font-weight: 600;
	color: #102650;
	margin-bottom: 5px;
	line-height: 1;
}

/* Başlık (Serif) */
#hakkimizda-kilometre .m-title {
	font-family: 'Playfair Display', serif;
	font-size: 22px;
	font-weight: 700;
	color: #000;
	margin-bottom: 10px;
}

/* Açıklama */
#hakkimizda-kilometre .m-desc {
	font-size: 14px;
	color: #444;
	line-height: 1.6;
	margin: 0;
}

/* Hover Efekti (Opsiyonel - Hareket katar) */
#hakkimizda-kilometre .milestone-item {
	transition: all 0.3s ease;
}

#hakkimizda-kilometre .milestone-item:hover {
	padding-left: 35px; /* Hoverda hafif sağa kayma */
}
/*------------------ YÖNETİM EKİBİ STİLLERİ ----------------------*/

#hakkimizda-ekip {
	padding: 100px 0;
	background-color: #fff;
	font-family: 'Inter', sans-serif;
}

/* Başlık */
#hakkimizda-ekip .section-title {
	font-family: 'Playfair Display', serif;
	font-size: 42px;
	font-weight: 700;
	color: #000;
	margin-bottom: 10px;
}

#hakkimizda-ekip .section-sub {
	font-size: 16px;
	color: #666;
	margin-bottom: 50px;
}

/* Ekip Kartı */
#hakkimizda-ekip .team-member {
	text-align: left;
	margin-bottom: 30px;
}

#hakkimizda-ekip .member-img {
	margin-bottom: 20px;
	overflow: hidden;
	background-color: #f0f0f0; /* Resim yüklenene kadar gri alan */
}

#hakkimizda-ekip .member-img img {
	width: 100%;
	object-fit: cover; /* Resmi kutuya sığdır */
	object-position: top; /* Yüz kısmına odaklan */
	filter: grayscale(20%); /* Hafif siyah beyaz tonu görseldeki gibi */
	transition: all 0.4s ease;
}

#hakkimizda-ekip .team-member:hover .member-img img {
	filter: grayscale(0%);
	transform: scale(1.03);
}

/* Üye Bilgileri */
#hakkimizda-ekip .member-info .name {
	font-family: 'Playfair Display', serif;
	font-size: 20px;
	font-weight: 700;
	color: #000;
	margin-bottom: 5px;
	text-transform: uppercase;
}

#hakkimizda-ekip .member-info .role {
	display: block;
	font-size: 13px;
	color: #555;
	font-style: italic;
	margin-bottom: 15px;
}

#hakkimizda-ekip .member-info .bio {
	font-size: 13px;
	color: #444;
	line-height: 1.5;
	margin-bottom: 15px;
}

/* Sosyal İkonlar (Kare Gri) */
#hakkimizda-ekip .social-links {
	display: flex;
	gap: 10px;
}

#hakkimizda-ekip .social-links a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 35px;
	height: 35px;
	background-color: #E6E6E6; /* Görseldeki gri kutu */
	color: #777;
	text-decoration: none;
	font-size: 18px;
	transition: all 0.3s;
}

#hakkimizda-ekip .social-links a:hover {
	background-color: #102650; /* Tavion mavisi */
	color: #fff;
}

/* Alt İstatistik Kutuları (Açık Mavi/Gri) */
#hakkimizda-ekip .stat-card-light {
	background-color: #F4F6F8; /* Görseldeki çok açık zemin */
	padding: 40px 20px;
	text-align: center;
	height: 100%;
	transition: transform 0.3s;
}

#hakkimizda-ekip .stat-card-light:hover {
	transform: translateY(-5px);
}

#hakkimizda-ekip .sc-val {
	font-family: 'Playfair Display', serif;
	font-size: 36px;
	font-weight: 700;
	color: #000;
	margin-bottom: 5px;
}

#hakkimizda-ekip .sc-label {
	font-size: 13px;
	color: #555;
	font-weight: 500;
}
/*------------------ ÜRÜNLER SAYFASI LİSTE STİLLERİ ----------------------*/

#urunler-sayfasi-liste {
	padding: 30px 0;
	background: linear-gradient(180deg, #F0F4F8 0%, #fff 100%); /* Hafif geçişli zemin */
	font-family: 'Inter', sans-serif;
}

/* Sayfa Başlığı */
#urunler-sayfasi-liste .page-section-title {
	font-family: 'Playfair Display', serif;
	font-size: 40px;
	font-weight: 700;
	color: #000;
	margin-bottom: 10px;
}

#urunler-sayfasi-liste .page-section-sub {
	font-size: 15px;
	color: #666;
	max-width: 800px;
	margin: 0 auto;
}

/* Slider Görselleri */
#urunler-sayfasi-liste .p-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border: 1px solid #eee;
	aspect-ratio: 600 / 350;
}

#urunler-sayfasi-liste .th-img {
	width: 100%;
	height: 130px;
	object-fit: cover;
	border: 1px solid #ddd;
	display: block;
	cursor: pointer;
}

/* Slider Okları */
#urunler-sayfasi-liste .arrow-white {
	color: #000;
	background: #fff;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
#urunler-sayfasi-liste .arrow-white::after { font-size: 16px; font-weight: bold; }

/* Slider Badge (1/3) */
#urunler-sayfasi-liste .slide-badge {
	position: absolute;
	bottom: 15px;
	right: 15px;
	background: #000;
	color: #fff;
	font-size: 12px;
	padding: 3px 8px;
	z-index: 10;
}

/* Thumbs Opacity */
#urunler-sayfasi-liste .thumbSwiper1 .swiper-slide,
#urunler-sayfasi-liste .thumbSwiper2 .swiper-slide {
	opacity: 0.4;
	transition: opacity 0.3s;
}
#urunler-sayfasi-liste .thumbSwiper1 .swiper-slide-thumb-active,
#urunler-sayfasi-liste .thumbSwiper2 .swiper-slide-thumb-active {
	opacity: 1;
}

/* Sağ Taraf Bilgi */
#urunler-sayfasi-liste .p-title {
	font-family: 'Playfair Display', serif;
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 20px;
}

#urunler-sayfasi-liste .p-desc {
	font-size: 15px;
	color: #555;
	line-height: 1.6;
	margin-bottom: 30px;
}

/* Özellikler Listesi */
#urunler-sayfasi-liste .feat-item {
	display: flex;
	gap: 15px;
	margin-bottom: 20px;
}

#urunler-sayfasi-liste .feat-icon {
	width: 45px;
	height: 45px;
	background-color: #102650; /* Tavion Laciverti */
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	flex-shrink: 0;
}

#urunler-sayfasi-liste .feat-name {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 3px;
}

#urunler-sayfasi-liste .feat-text {
	font-size: 14px;
	color: #666;
	margin: 0;
}

/* Ayırıcı Çizgi */
#urunler-sayfasi-liste .section-divider {
	border-color: #ddd;
	opacity: 0.5;
	margin: 60px 0;
}
/*------------------ OCAK LOKASYONLARI STİLLERİ ----------------------*/

#ocak-lokasyonlari {
	padding: 50px 0;
	background-color: #fff;
	font-family: 'Inter', sans-serif;
}

/* Bölüm Başlığı */
#ocak-lokasyonlari .ocak-title {
	font-family: 'Playfair Display', serif;
	font-size: 42px;
	font-weight: 700;
	color: #000;
	margin-bottom: 15px;
}

#ocak-lokasyonlari .ocak-sub {
	font-size: 15px;
	color: #666;
	max-width: 800px;
	margin: 0 auto;
}

/* Lokasyon Kartı */
#ocak-lokasyonlari .loc-card {
	background-color: #F2F6FA; /* Görseldeki açık mavimsi gri zemin */
	padding: 12px 12px;
	display: flex;
	align-items: flex-start;
	gap: 20px;
	transition: transform 0.3s ease;
	border-radius: 2px;
}

#ocak-lokasyonlari .loc-card:hover {
	transform: translateY(-5px);
	background-color: #E8EEF5; /* Hoverda hafif koyulaşsın */
}

/* Siyah İkon Kutusu */
#ocak-lokasyonlari .loc-icon-box {
	background-color: #000;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 20px;
	flex-shrink: 0;
}

/* Kart Bilgileri */
#ocak-lokasyonlari .city {
	font-family: 'Playfair Display', serif;
	font-size: 20px;
	font-weight: 700;
	color: #000;
	margin-bottom: 5px;
}

#ocak-lokasyonlari .stone-type {
	font-size: 14px;
	color: #333;
	font-weight: 500;
	margin-bottom: 5px;
}

#ocak-lokasyonlari .region {
	font-size: 13px;
	color: #666;
	font-style: italic; /* Görseldeki italik stil */
}

/* Alt CTA Banner (Koyu Lacivert) */
#ocak-lokasyonlari .cta-banner {
	background-color: #05152E; /* Tavion Koyu Laciverti */
	padding: 60px 40px;
	color: #fff;
	margin-top: 20px;
	/* border-radius: 4px; İsteğe bağlı, görselde tam köşe görünüyor */
}

#ocak-lokasyonlari .cta-title {
	font-family: 'Playfair Display', serif;
	font-size: 36px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 15px;
}

#ocak-lokasyonlari .cta-desc {
	font-size: 15px;
	color: rgba(255, 255, 255, 0.8);
	margin-bottom: 35px;
}

/* Buton Grubu */
#ocak-lokasyonlari .cta-buttons {
	display: flex;
	justify-content: center;
	gap: 20px;
	flex-wrap: wrap;
}

/* Beyaz Buton */
#ocak-lokasyonlari .btn-contact-white {
	background-color: #fff;
	color: #05152E;
	padding: 12px 30px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	border: 1px solid #fff;
	transition: all 0.3s;
}

#ocak-lokasyonlari .btn-contact-white:hover {
	background-color: transparent;
	color: #fff;
}

/* Şeffaf/Outline Buton */
#ocak-lokasyonlari .btn-process-outline {
	background-color: transparent;
	color: #fff;
	padding: 12px 30px;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	border: 1px solid rgba(255, 255, 255, 0.3);
	transition: all 0.3s;
}

#ocak-lokasyonlari .btn-process-outline:hover {
	border-color: #fff;
	background-color: rgba(255, 255, 255, 0.05);
}
/*------------------ HİZMET PORTFÖYÜ STİLLERİ ----------------------*/

#hizmetler-portfoy {
	padding: 50px 0;
	background: linear-gradient(180deg, #F8F9FB 0%, #fff 100%); /* Hafif geçişli zemin */
	font-family: 'Inter', sans-serif;
}

/* Bölüm Başlığı */
#hizmetler-portfoy .section-title {
	font-family: 'Playfair Display', serif;
	font-size: 42px;
	font-weight: 700;
	color: #000;
	margin-bottom: 15px;
}

#hizmetler-portfoy .section-sub {
	font-size: 15px;
	color: #666;
	max-width: 800px;
	margin: 0 auto;
}

/* Hizmet Kartı */
#hizmetler-portfoy .service-card {
	background-color: transparent; /* Zemin şeffaf, görseldeki gibi */
	padding: 10px;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

/* Siyah İkon Kutusu */
#hizmetler-portfoy .sc-icon-box {
	background-color: #000;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 20px;
	border-radius: 2px;
	margin-bottom: 25px;
}

/* Kart Başlığı */
#hizmetler-portfoy .sc-title {
	font-family: 'Playfair Display', serif;
	font-size: 20px;
	font-weight: 700;
	color: #000;
	margin-bottom: 15px;
	line-height: 1.3;
}

/* Açıklama Metni */
#hizmetler-portfoy .sc-desc {
	font-size: 14px;
	color: #444;
	line-height: 1.6;
	margin-bottom: 20px;
}

/* Liste (Bullet Points) */
#hizmetler-portfoy .sc-list {
	list-style: none;
	padding: 0;
	margin: 0 0 25px 0;
	flex-grow: 1; /* Butonu en alta itmek için */
}

#hizmetler-portfoy .sc-list li {
	position: relative;
	padding-left: 15px;
	font-size: 13px;
	color: #555;
	margin-bottom: 8px;
	line-height: 1.5;
}

#hizmetler-portfoy .sc-list li::before {
	content: '•';
	position: absolute;
	left: 0;
	color: #000;
	font-weight: bold;
}

/* Detaylı Bilgi Butonu */
#hizmetler-portfoy .btn-service-detail {
	background-color: #102650; /* Koyu Lacivert */
	color: #fff;
	padding: 10px 25px;
	font-size: 13px;
	font-weight: 500;
	text-decoration: none;
	border-radius: 2px;
	transition: background 0.3s;
}

#hizmetler-portfoy .btn-service-detail:hover {
	background-color: #1e4585; /* Daha açık lacivert */
}
/*------------------ ÇALIŞMA SÜRECİ STİLLERİ ----------------------*/

#hizmetler-surec {
	padding: 100px 0;
	background-color: #fff;
	font-family: 'Inter', sans-serif;
	overflow: hidden; /* Taşmaları önlemek için */
}

/* Başlıklar */
#hizmetler-surec .section-title {
	font-family: 'Playfair Display', serif;
	font-size: 42px;
	font-weight: 700;
	color: #000;
	margin-bottom: 10px;
}

#hizmetler-surec .section-sub {
	font-size: 15px;
	color: #666;
}

/* --- Timeline Yapısı --- */
#hizmetler-surec .process-wrapper {
	position: relative;
	margin-top: 60px;
	margin-bottom: 60px;
}

/* Arkadaki Yatay Çizgi */
#hizmetler-surec .process-line {
	position: absolute;
	top: 40px; /* İkonun tam ortasından geçmesi için */
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #000; /* Siyah ince çizgi */
	z-index: 1; /* İkonların arkasında kalmalı */
}

/* Süreç Adımı */
#hizmetler-surec .process-step {
	position: relative;
	text-align: center;
	padding: 0 10px;
	background-color: #fff; /* Çizginin ikon arkasında görünmemesi için */
	z-index: 2;
	margin-bottom: 30px;
}

/* İkon Kutusu (Yuvarlak) */
#hizmetler-surec .step-icon {
	width: 80px;
	height: 80px;
	margin: 0 auto 20px auto;
	background-color: #fff; /* Arka planı beyaz yapıp çizgiyi gizle */
	border: 1px solid #000; /* İnce siyah çerçeve */
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 32px;
	color: #333;
	position: relative;
	z-index: 2;
}

/* Adım Numarası (01, 02..) */
#hizmetler-surec .step-num {
	display: block;
	font-size: 18px;
	font-weight: 700;
	color: #000;
	margin-bottom: 10px;
	font-family: 'Inter', sans-serif;
}

/* Adım Başlığı */
#hizmetler-surec .step-title {
	font-family: 'Playfair Display', serif;
	font-size: 18px;
	font-weight: 700;
	color: #000;
	margin-bottom: 10px;
}

/* Açıklama */
#hizmetler-surec .step-desc {
	font-size: 13px;
	color: #555;
	line-height: 1.5;
}

/* --- Alt CTA Alanı --- */
#hizmetler-surec .process-cta {
	margin-top: 80px;
}

#hizmetler-surec .cta-heading {
	font-family: 'Playfair Display', serif;
	font-size: 36px;
	font-weight: 700;
	color: #000;
	margin-bottom: 15px;
}

#hizmetler-surec .cta-text {
	font-size: 15px;
	color: #555;
	max-width: 700px;
	margin: 0 auto 30px auto;
}

#hizmetler-surec .cta-buttons {
	display: flex;
	justify-content: center;
	gap: 15px;
	flex-wrap: wrap;
}

/* Koyu Mavi Gradient Butonlar */
#hizmetler-surec .btn-primary-gradient {
	background: linear-gradient(90deg, #102650 0%, #2c5282 100%);
	color: #fff;
	padding: 12px 35px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	border-radius: 2px;
	box-shadow: 0 5px 15px rgba(16, 38, 80, 0.2);
	transition: transform 0.3s;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

#hizmetler-surec .btn-primary-gradient:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 20px rgba(16, 38, 80, 0.3);
}
/*------------------ HEDEF PAZARLAR STİLLERİ ----------------------*/

#hedef-pazarlar {
	padding: 30px 0;
	background: linear-gradient(180deg, #F0F4F8 0%, #fff 100%); /* Hafif geçişli açık mavi zemin */
	font-family: 'Inter', sans-serif;
}

/* Genel Başlıklar */
#hedef-pazarlar .section-title {
	font-family: 'Playfair Display', serif;
	font-size: 42px;
	font-weight: 700;
	color: #000;
	margin-bottom: 10px;
}

#hedef-pazarlar .section-sub {
	font-size: 15px;
	color: #666;
	margin-bottom: 30px;
}

/* --- ÜST KISIM: İSTATİSTİKLER --- */

#hedef-pazarlar .market-stat {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 20px;
}

/* Siyah İkon Kutusu */
#hedef-pazarlar .ms-icon {
	width: 50px;
	height: 50px;
	background-color: #000; /* Görseldeki siyah kutu */
	color: #fff;
	font-size: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 15px;
	border-radius: 2px;
}

#hedef-pazarlar .ms-val {
	font-family: 'Playfair Display', serif;
	font-size: 28px;
	font-weight: 700;
	color: #000;
	margin-bottom: 5px;
}

#hedef-pazarlar .ms-label {
	font-size: 13px;
	color: #555;
	font-weight: 500;
}

/* --- ALT KISIM: BÖLGESEL DAĞILIM KARTLARI --- */

#hedef-pazarlar .region-card {
	background-color: transparent; /* Kartın kendisi şeffaf olabilir veya beyaz */
	padding: 10px 0 10px 25px; /* Sol tarafta çizgi için boşluk */
	border-left: 4px solid #102650; /* Görseldeki kalın lacivert çizgi */
	height: 100%;
}

#hedef-pazarlar .rc-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}

#hedef-pazarlar .rc-name {
	font-family: 'Playfair Display', serif;
	font-size: 22px;
	font-weight: 700;
	color: #000;
	margin: 0;
}

#hedef-pazarlar .rc-percent {
	font-size: 18px;
	font-weight: 400;
	color: #555;
}

#hedef-pazarlar .rc-desc {
	font-size: 14px;
	color: #444;
	line-height: 1.6;
	margin-bottom: 15px;
}

/* Etiketler (Tags) */
#hedef-pazarlar .rc-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

#hedef-pazarlar .rc-tags span {
	background-color: #E9ECEF; /* Görseldeki açık gri hap şekli */
	color: #333;
	font-size: 12px;
	padding: 5px 15px;
	border-radius: 50px; /* Tam yuvarlak köşeler */
	font-weight: 500;
}
/*------------------ UYGULAMA ALANLARI STİLLERİ ----------------------*/

#hedef-uygulama {
	padding: 100px 0;
	background-color: #F8F9FA; /* Çok hafif gri zemin, kartlar beyaz */
	font-family: 'Inter', sans-serif;
}

/* Başlık */
#hedef-uygulama .section-title {
	font-family: 'Playfair Display', serif;
	font-size: 42px;
	font-weight: 700;
	color: #000;
	margin-bottom: 10px;
}

#hedef-uygulama .section-sub {
	font-size: 15px;
	color: #666;
	margin-bottom: 40px;
}

/* Uygulama Kartı */
#hedef-uygulama .app-card {
	background-color: #fff;
	border-radius: 4px; /* Hafif yumuşak köşe */
	overflow: hidden;
	box-shadow: 0 5px 20px rgba(0,0,0,0.05);
	height: 100%;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#hedef-uygulama .app-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}

/* Kart Görseli */
#hedef-uygulama .app-img {
	width: 100%;
	height: 300px; /* Görseldeki dikdörtgen oran */
	overflow: hidden;
}

#hedef-uygulama .app-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

#hedef-uygulama .app-card:hover .app-img img {
	transform: scale(1.05); /* Hoverda hafif zoom */
}

/* Kart İçeriği */
#hedef-uygulama .app-content {
	padding: 30px;
}

/* Başlık */
#hedef-uygulama .app-title {
	font-family: 'Playfair Display', serif;
	font-size: 24px;
	font-weight: 700;
	color: #000;
	margin-bottom: 15px;
}

/* Açıklama */
#hedef-uygulama .app-desc {
	font-size: 14px;
	color: #444;
	line-height: 1.6;
	margin-bottom: 25px;
	min-height: 45px; /* Hizalama için */
}

/* Örnek Projeler Alanı */
#hedef-uygulama .app-examples {
	border-top: 1px solid #eee;
	padding-top: 20px;
}

#hedef-uygulama .ex-label {
	display: block;
	font-size: 12px;
	color: #888;
	font-style: italic; /* Görseldeki italik stil */
	margin-bottom: 10px;
}

/* Etiketler (Tags) */
#hedef-uygulama .ex-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

#hedef-uygulama .ex-tags span {
	background-color: #F0F2F5; /* Açık gri hap zemin */
	color: #333;
	font-size: 12px;
	padding: 6px 14px;
	border-radius: 50px;
	font-weight: 500;
	transition: background 0.2s;
}

#hedef-uygulama .ex-tags span:hover {
	background-color: #E2E6EA;
	color: #000;
}
/*------------------ İŞ ORTAKLIĞI CTA STİLLERİ ----------------------*/

#hedef-cta {
	background-color: #05152E; /* Footer ile aynı koyu lacivert */
	padding: 80px 0 40px 0; /* Alttan az boşluk, footer ile birleşsin diye */
	color: #fff;
	font-family: 'Inter', sans-serif;
	border-bottom: 1px solid rgba(255,255,255,0.05); /* Hafif bir ayırıcı çizgi opsiyonel */
}

/* Başlık */
#hedef-cta .cta-title {
	font-family: 'Playfair Display', serif;
	font-size: 42px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 15px;
}

/* Açıklama */
#hedef-cta .cta-desc {
	font-size: 16px;
	color: rgba(255, 255, 255, 0.8);
	max-width: 700px;
	margin: 0 auto 40px auto;
}

/* Buton Grubu */
#hedef-cta .cta-buttons {
	display: flex;
	justify-content: center;
	gap: 20px;
	flex-wrap: wrap;
}

/* Beyaz Buton */
#hedef-cta .btn-partner-white {
	background-color: #fff;
	color: #05152E;
	padding: 14px 35px;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	border: 1px solid #fff;
	border-radius: 2px;
	transition: all 0.3s;
}

#hedef-cta .btn-partner-white:hover {
	background-color: transparent;
	color: #fff;
}

/* Outline (Şeffaf) Buton */
#hedef-cta .btn-export-outline {
	background-color: transparent;
	color: #fff;
	padding: 14px 35px;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 2px;
	transition: all 0.3s;
}

#hedef-cta .btn-export-outline:hover {
	border-color: #fff;
	background-color: rgba(255, 255, 255, 0.1);
}
/*------------------ İHRACAT VE LOJİSTİK STİLLERİ ----------------------*/

#ihracat-lojistik {
	padding: 30px 0;
	background: linear-gradient(180deg, #F0F4F8 0%, #fff 100%); /* Hafif mavi geçişli zemin */
	font-family: 'Inter', sans-serif;
}

/* Başlıklar */
#ihracat-lojistik .section-title {
	font-family: 'Playfair Display', serif;
	font-size: 42px;
	font-weight: 700;
	color: #000;
	margin-bottom: 15px;
}

#ihracat-lojistik .section-sub {
	font-size: 15px;
	color: #666;
	max-width: 800px;
	margin: 0 auto;
}

/* Lojistik Kartı */
#ihracat-lojistik .logistics-card {
	padding: 10px;
	height: 100%;
}

/* Siyah İkon Kutusu */
#ihracat-lojistik .lc-icon-box {
	background-color: #000;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 20px;
	border-radius: 2px; /* Hafif yumuşak köşe */
	margin-bottom: 10px;
}

/* Kart Başlığı */
#ihracat-lojistik .lc-title {
	font-family: 'Playfair Display', serif;
	font-size: 22px;
	font-weight: 700;
	color: #000;
	margin-bottom: 10px;
}

/* Açıklama */
#ihracat-lojistik .lc-desc {
	font-size: 14px;
	color: #444;
	line-height: 1.6;
	margin-bottom: 10px;
	min-height: 45px; /* Hizalamayı düzgün tutmak için */
}

/* Liste Yapısı */
#ihracat-lojistik .lc-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

#ihracat-lojistik .lc-list li {
	position: relative;
	padding-left: 18px; /* Nokta için yer aç */
	font-size: 13px;
	color: #555;
	margin-bottom: 8px;
	line-height: 1.5;
}

/* Özel Liste İşareti (Siyah Nokta) */
#ihracat-lojistik .lc-list li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 7px; /* Ortalamak için */
	width: 6px;
	height: 6px;
	background-color: #000;
	border-radius: 50%;
}
/*------------------ İHRACAT SÜRECİ STİLLERİ ----------------------*/

#ihracat-surec {
	padding: 100px 0;
	background-color: #F8F9FA; /* Hafif gri zemin */
	font-family: 'Inter', sans-serif;
}

/* Başlıklar */
#ihracat-surec .section-title {
	font-family: 'Playfair Display', serif;
	font-size: 42px;
	font-weight: 700;
	color: #000;
	margin-bottom: 15px;
}

#ihracat-surec .section-sub {
	font-size: 15px;
	color: #666;
	margin-bottom: 50px;
}

/* --- Süreç Adımı Kartı --- */
#ihracat-surec .export-step {
	position: relative;
	padding-left: 60px; /* Numara kutusu için soldan boşluk */
	height: 100%;
}

/* Dikey Çizgi */
#ihracat-surec .export-step::before {
	content: '';
	position: absolute;
	left: 15px; /* Numara kutusunun ortasına denk gelecek şekilde */
	top: 0;
	bottom: 0; /* Boydan boya çizgi */
	width: 4px;
	background-color: #102650; /* Tavion Laciverti */
}

/* Numara Kutusu (Kare) */
#ihracat-surec .step-num-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 35px;
	height: 35px;
	background-color: #102650;
	color: #fff;
	font-weight: 700;
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2; /* Çizginin üstünde dursun */
}

/* İçerik */
#ihracat-surec .es-title {
	font-family: 'Playfair Display', serif; /* Görselde başlıklar serif görünüyor */
	font-size: 20px;
	font-weight: 700;
	color: #000;
	margin-bottom: 15px;
	margin-top: -5px; /* Numara ile hizalamak için hafif yukarı */
}

#ihracat-surec .es-desc {
	font-size: 14px;
	color: #555;
	line-height: 1.6;
}

/* Alt Çizgi */
#ihracat-surec .process-divider {
	border-color: #ccc;
	opacity: 0.5;
	margin-top: 50px;
}

/* --- Alt İstatistikler --- */
#ihracat-surec .ps-val {
	font-family: 'Playfair Display', serif;
	font-size: 36px;
	font-weight: 700;
	color: #000;
	margin-bottom: 5px;
}

#ihracat-surec .ps-label {
	font-size: 14px;
	color: #555;
}
/*------------------ KÜRESEL İHRACAT AĞI STİLLERİ ----------------------*/

#ihracat-ag {
	padding: 100px 0;
	background-color: #fff;
	font-family: 'Inter', sans-serif;
}

/* Başlıklar */
#ihracat-ag .section-title {
	font-family: 'Playfair Display', serif;
	font-size: 42px;
	font-weight: 700;
	color: #000;
	margin-bottom: 15px;
}

#ihracat-ag .section-sub {
	font-size: 15px;
	color: #666;
	margin-bottom: 50px;
}

/* Kart Yapısı */
#ihracat-ag .network-card {
	background-color: #F8F9FA; /* Çok hafif gri zemin */
	border-radius: 4px;
	overflow: hidden;
	height: 100%;
	transition: transform 0.3s;
}

#ihracat-ag .network-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

/* Görsel Alanı */
#ihracat-ag .net-img-box {
	position: relative;
	height: 250px;
	width: 100%;
}

#ihracat-ag .net-img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Resim Üzerindeki Bölge Başlığı */
#ihracat-ag .net-region-title {
	position: absolute;
	bottom: 20px;
	left: 20px;
	color: #fff;
	font-family: 'Playfair Display', serif;
	font-size: 24px;
	font-weight: 700;
	text-shadow: 0 2px 4px rgba(0,0,0,0.5);
	margin: 0;
}

/* Kart İçeriği */
#ihracat-ag .net-content {
	padding: 30px;
}

#ihracat-ag .net-label {
	font-size: 16px;
	font-weight: 700;
	color: #000;
	margin-bottom: 12px;
}

/* Etiketler (Tags) */
#ihracat-ag .net-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

#ihracat-ag .net-tags span {
	font-size: 12px;
	padding: 6px 14px;
	border-radius: 50px;
	font-weight: 500;
}

/* Açık Gri Etiketler (Ülkeler) */
#ihracat-ag .net-tags.light span {
	background-color: #E9ECEF;
	color: #333;
}

/* Koyu Lacivert Etiketler (Limanlar) */
#ihracat-ag .net-tags.dark span {
	background-color: #102650; /* Tavion Laciverti */
	color: #fff;
}

/* --- Alt CTA Banner --- */
#ihracat-ag .logistics-cta {
	background-color: #102650; /* Koyu Lacivert Zemin */
	padding: 50px 40px;
	color: #fff;
	margin-top: 40px;
	border-radius: 0; /* Görselde keskin köşeli duruyor */
}

#ihracat-ag .l-cta-title {
	font-family: 'Playfair Display', serif;
	font-size: 28px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 10px;
}

#ihracat-ag .l-cta-desc {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.8);
	margin: 0;
	max-width: 600px;
}

#ihracat-ag .btn-cta-white {
	background-color: #fff;
	color: #102650;
	padding: 14px 30px;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	display: inline-block;
	transition: background 0.3s;
}

#ihracat-ag .btn-cta-white:hover {
	background-color: #f0f0f0;
	color: #000;
}
/*------------------ KÜRESEL TEDARİK ZİNCİRİ STİLLERİ ----------------------*/

#ihracat-zincir {
	padding: 100px 0;
	background: linear-gradient(180deg, #F4F8FB 0%, #fff 100%); /* Hafif mavi-beyaz geçiş */
	font-family: 'Inter', sans-serif;
}

/* --- Sol Kısım --- */
#ihracat-zincir .zincir-title {
	font-family: 'Playfair Display', serif;
	font-size: 42px;
	font-weight: 700;
	color: #000;
	margin-bottom: 20px;
	line-height: 1.2;
}

#ihracat-zincir .zincir-desc {
	font-size: 15px;
	color: #555;
	line-height: 1.6;
	margin-bottom: 35px;
	max-width: 550px;
}

/* Buton Grubu */
#ihracat-zincir .zincir-buttons {
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
}

/* Mavi Dolu Buton */
#ihracat-zincir .btn-blue-solid {
	background-color: #102650; /* Koyu Lacivert */
	color: #fff;
	padding: 12px 30px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	border-radius: 2px;
	transition: background 0.3s;
}

#ihracat-zincir .btn-blue-solid:hover {
	background-color: #1e4585;
}

/* Çerçeveli İkonlu Buton */
#ihracat-zincir .btn-outline-icon {
	background-color: transparent;
	color: #333;
	border: 1px solid #333;
	padding: 12px 25px;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	border-radius: 2px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	transition: all 0.3s;
}

#ihracat-zincir .btn-outline-icon:hover {
	background-color: #333;
	color: #fff;
}

/* --- Sağ Kısım: İstatistikler --- */
#ihracat-zincir .chain-stat {
	padding-left: 20px;
	border-left: 4px solid #102650; /* Görseldeki kalın dikey çizgi */
}

#ihracat-zincir .cs-val {
	font-family: 'Playfair Display', serif;
	font-size: 32px;
	font-weight: 700;
	color: #000;
	margin-bottom: 5px;
}

#ihracat-zincir .cs-label {
	font-size: 13px;
	color: #555;
}

/* --- Ayırıcı Çizgi --- */
#ihracat-zincir .zincir-divider {
	border-color: #ddd;
	opacity: 0.6;
	margin: 60px 0;
}

/* --- Alt Kısım: Sertifikalar --- */
#ihracat-zincir .cert-title {
	font-family: 'Playfair Display', serif;
	font-size: 32px;
	font-weight: 700;
	color: #000;
	margin-bottom: 10px;
}

#ihracat-zincir .cert-sub {
	font-size: 14px;
	color: #666;
	margin-bottom: 30px;
}

/* Sertifika Grid */
#ihracat-zincir .cert-grid {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 20px;
}

#ihracat-zincir .cert-box {
	background-color: #fff;
	padding: 15px 30px;
	font-size: 13px;
	font-weight: 500;
	color: #444;
	box-shadow: 0 2px 10px rgba(0,0,0,0.03); /* Hafif gölge */
	border-radius: 2px;
	min-width: 150px;
	text-align: center;
	border: 1px solid #eee;
}
/*------------------ GALERİ BÖLÜMÜ STİLLERİ ----------------------*/

#galeri-bolumu {
	padding: 30px 0;
	background: linear-gradient(180deg, #F0F4F8 0%, #fff 100%);
	font-family: 'Inter', sans-serif;
}

/* Başlıklar */
#galeri-bolumu .galeri-title {
	font-family: 'Playfair Display', serif;
	font-size: 42px;
	font-weight: 700;
	color: #000;
	margin-bottom: 10px;
}

#galeri-bolumu .galeri-sub {
	font-size: 15px;
	color: #666;
	margin-bottom: 40px;
}

/* --- Filtre Menüsü --- */
#galeri-bolumu .filter-menu {
	display: flex;
	justify-content: center;
	gap: 15px;
	flex-wrap: wrap;
}

#galeri-bolumu .filter-btn {
	background-color: #fff;
	border: 1px solid #ddd;
	color: #555;
	padding: 10px 25px;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	border-radius: 2px;
	transition: all 0.3s;
}

#galeri-bolumu .filter-btn:hover,
#galeri-bolumu .filter-btn.active {
	background-color: #102650; /* Tavion Laciverti */
	color: #fff;
	border-color: #102650;
	box-shadow: 0 4px 10px rgba(16, 38, 80, 0.2);
}

/* --- Masonry Grid Yapısı --- */
#galeri-bolumu .masonry-grid {
	column-count: 3; /* 3 Sütunlu Yapı */
	column-gap: 30px;
}

#galeri-bolumu .grid-item {
	Display:none;
	break-inside: avoid; /* Bölünmeyi engelle */
	margin-bottom: 20px; /* Alt boşluk */
	position: relative;
}

#galeri-bolumu .grid-item.active {
	display:block;
}

/* Galeri Kartı */
#galeri-bolumu .gallery-card {
	position: relative;
	overflow: hidden;
	border-radius: 2px;
	cursor: pointer;
}

#galeri-bolumu .g-img {
	width: 100%;
	height: auto;
	display: block;
	transition: transform 0.5s ease;
	aspect-ratio: 600 / 400;
    object-fit: cover;
}

#galeri-bolumu .gallery-card:hover .g-img {
	transform: scale(1.05);
}

/* Etiket (Sol Üst) */
#galeri-bolumu .g-tag {
	position: absolute;
	background-color: #102650; /* Koyu Lacivert Etiket */
	color: #fff;
	font-size: 12px;
	padding: 6px 12px;
	border-radius: 2px;
	z-index: 10;
	font-weight: 600;
}

/* Hover Overlay (Koyu Katman) */
#galeri-bolumu .g-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 50%);
	opacity: 0;
	transition: opacity 0.3s ease;
	display: flex;
	flex-direction: column;
	justify-content: flex-end; /* Yazıları alta it */
	padding: 20px;
}

#galeri-bolumu .gallery-card:hover .g-overlay {
	opacity: 1;
}

/* Büyüteç İkonu (Sağ Üst) */
#galeri-bolumu .zoom-icon {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 40px;
	height: 40px;
	background-color: #fff;
	color: #000;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 2px;
	text-decoration: none;
	font-size: 18px;
	transform: translateY(-10px);
	opacity: 0;
	transition: all 0.3s ease 0.1s; /* Hafif gecikmeli */
}

#galeri-bolumu .gallery-card:hover .zoom-icon {
	transform: translateY(0);
	opacity: 1;
}

/* Metinler (Alt Kısım) */
#galeri-bolumu .g-text {
	transform: translateY(20px);
	transition: transform 0.3s ease;
}

#galeri-bolumu .gallery-card:hover .g-text {
	transform: translateY(0);
}

#galeri-bolumu .g-title {
    font-family: 'Playfair Display', serif;
    font-size: 18px;
    font-weight: 700;
    color: #05152e;
    margin: 10px 0px;
}

#galeri-bolumu .g-desc {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.8);
	margin: 0;
}

/* Daha Fazla Gör Butonu */
#galeri-bolumu .btn-load-more {
	display: inline-block;
	color: #333;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	border-bottom: 2px solid #333;
	padding-bottom: 5px;
	transition: all 0.3s;
}

#galeri-bolumu .btn-load-more:hover {
	color: #102650;
	border-color: #102650;
}
/*------------------ GALERİ ALT CTA STİLLERİ ----------------------*/

#galeri-alt-cta {
	background-color: #05152E; /* Koyu Lacivert Zemin */
	padding: 80px 0;
	color: #fff;
	font-family: 'Inter', sans-serif;
}

/* Başlık */
#galeri-alt-cta .cta-heading {
	font-family: 'Playfair Display', serif;
	font-size: 38px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 20px;
}

/* Alt Açıklama */
#galeri-alt-cta .cta-subtext {
	font-size: 15px;
	color: rgba(255, 255, 255, 0.8); /* Hafif şeffaf beyaz */
	max-width: 750px;
	margin: 0 auto 50px auto;
	line-height: 1.6;
}

/* Özellikler Listesi */
#galeri-alt-cta .cta-features {
	margin-bottom: 50px;
}

#galeri-alt-cta .feature-item {
	margin-bottom: 25px;
}

#galeri-alt-cta .feature-item:last-child {
	margin-bottom: 0;
}

#galeri-alt-cta .f-title {
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 5px;
}

#galeri-alt-cta .f-desc {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.6); /* Daha soluk beyaz */
	margin: 0;
}

/* Buton Grubu */
#galeri-alt-cta .cta-action-btns {
	display: flex;
	justify-content: center;
	gap: 20px;
	flex-wrap: wrap;
}

/* Beyaz Dolu Buton */
#galeri-alt-cta .btn-cta-solid {
	background-color: #fff;
	color: #05152E;
	padding: 12px 35px;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	border: 1px solid #fff;
	border-radius: 2px;
	transition: all 0.3s ease;
}

#galeri-alt-cta .btn-cta-solid:hover {
	background-color: transparent;
	color: #fff;
}

/* Şeffaf Çerçeveli Buton */
#galeri-alt-cta .btn-cta-outline {
	background-color: transparent;
	color: #fff;
	padding: 12px 35px;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 2px;
	transition: all 0.3s ease;
}

#galeri-alt-cta .btn-cta-outline:hover {
	border-color: #fff;
	background-color: rgba(255, 255, 255, 0.1);
}
/*------------------ FOOTER STİLLERİ ----------------------*/

#footer {
	background-color: #05152E; /* Koyu Lacivert Zemin */
	padding: 80px 0 30px 0;
	color: #fff;
	font-family: 'Inter', sans-serif;
	font-size: 14px;
	border-top: 1px solid rgba(255, 255, 255, 0.05); /* Üst bölümle hafif ayrım */
}

/* Logo */
#footer .footer-logo img {
	height: 35px;
	width: auto;
	margin-bottom: 20px;
	filter: brightness(0) invert(1); /* Beyaz logo */
}

/* Açıklama Metni */
#footer .footer-desc {
	color: rgba(255, 255, 255, 0.8);
	line-height: 1.6;
	margin-bottom: 25px;
	max-width: 350px;
}

/* İletişim Bilgileri */
#footer .footer-contact .contact-row {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-bottom: 12px;
	color: rgba(255, 255, 255, 0.9);
}

#footer .footer-contact i {
	font-size: 18px;
	margin-top: 2px;
	color: #fff;
}

#footer .footer-contact a {
	color: rgba(255, 255, 255, 0.9);
	text-decoration: none;
	transition: color 0.3s;
}
#footer .footer-contact a:hover { color: #fff; text-decoration: underline; }

/* Başlıklar (Serif ve Sağa Yaslı Görünüm) */
#footer .footer-title {
	font-family: 'Playfair Display', serif;
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 20px;
}

/* Link Listeleri */
#footer .footer-links {
	list-style: none;
	padding: 0;
	margin: 0;
}

#footer .footer-links li {
	margin-bottom: 12px;
}

#footer .footer-links a {
	color: rgba(255, 255, 255, 0.7);
	text-decoration: none;
	transition: all 0.3s;
}

#footer .footer-links a:hover {
	color: #fff;
	padding-right: 5px; /* Hoverda hafif kayma */
}

/* Ayırıcı Çizgi */
#footer .footer-divider {
	border-color: rgba(255, 255, 255, 0.1);
	margin: 50px 0 30px 0;
}

/* Alt Kısım */
#footer .copyright {
	color: rgba(255, 255, 255, 0.6);
	margin: 0;
}

#footer .policy-links a {
	color: rgba(255, 255, 255, 0.6);
	text-decoration: none;
	margin-left: 20px;
	transition: color 0.3s;
}

#footer .policy-links a:hover {
	color: #fff;
}
/*------------------ İLETİŞİM BÖLÜMÜ STİLLERİ ----------------------*/

#iletisim-bolumu {
	padding: 30px 0;
	background: linear-gradient(180deg, #F0F4F8 0%, #fff 100%); /* Hafif gökyüzü mavisi geçiş */
	font-family: 'Inter', sans-serif;
}

/* Genel Başlıklar */
#iletisim-bolumu .section-title {
	font-family: 'Playfair Display', serif;
	font-size: 42px;
	font-weight: 700;
	color: #000;
	margin-bottom: 10px;
}

#iletisim-bolumu .section-sub {
	font-size: 15px;
	color: #666;
	margin-bottom: 40px;
}

/* --- Bilgi Çubuğu (Info Bar) --- */
#iletisim-bolumu .ci-item {
	text-align: center;
	padding: 0 15px;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

/* Dikey Çizgi (Border Left) - Sadece Desktop'ta güzel durur */
@media (min-width: 992px) {
	#iletisim-bolumu .ci-item.border-left {
		border-left: 1px solid #ddd;
	}
}

/* Siyah Kare İkon */
#iletisim-bolumu .ci-icon {
	width: 35px;
	height: 35px;
	background-color: #000; /* Siyah zemin */
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	margin-bottom: 15px;
	border-radius: 2px;
}

#iletisim-bolumu .ci-title {
	font-size: 16px;
	font-weight: 700;
	color: #000;
	margin-bottom: 8px;
}

#iletisim-bolumu .ci-text {
	font-size: 13px;
	color: #555;
	line-height: 1.5;
}

/* --- İletişim Formu --- */
#iletisim-bolumu .form-title {
	font-family: 'Playfair Display', serif;
	font-size: 36px;
	font-weight: 700;
	color: #000;
	margin-bottom: 10px;
}

#iletisim-bolumu .form-sub {
	font-size: 14px;
	color: #666;
}

/* Input Alanları (Pill Shape) */
#iletisim-bolumu .form-control-custom {
	width: 100%;
	background-color: #F8F9FA; /* Çok açık gri zemin */
	border: 1px solid transparent;
	padding: 15px 25px;
	font-size: 14px;
	color: #333;
	border-radius: 50px; /* Hap şeklinde kenarlar */
	transition: all 0.3s;
	outline: none;
}

#iletisim-bolumu .form-control-custom:focus {
	background-color: #fff;
	border-color: #ddd;
	box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

/* Textarea (Daha az kavisli) */
#iletisim-bolumu .textarea-custom {
	border-radius: 20px;
	resize: none;
}

/* Select Oku Ayarı */
#iletisim-bolumu .form-select-custom {
	appearance: none;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right 1.5rem center;
	background-size: 16px 12px;
}

/* Mesaj Gönder Butonu */
#iletisim-bolumu .btn-send-message {
	background: linear-gradient(90deg, #102650 0%, #2c5282 100%); /* Tavion Lacivert Gradient */
	color: #fff;
	border: none;
	padding: 14px 50px;
	font-size: 15px;
	font-weight: 600;
	border-radius: 4px; /* Hafif köşeli, görseldeki gibi */
	box-shadow: 0 5px 20px rgba(16, 38, 80, 0.3);
	transition: transform 0.3s, box-shadow 0.3s;
	cursor: pointer;
}

#iletisim-bolumu .btn-send-message:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 25px rgba(16, 38, 80, 0.4);
}
/*------------------ KONUM BÖLÜMÜ STİLLERİ ----------------------*/

#iletisim-konum {
	padding: 100px 0;
	background-color: #fff;
	font-family: 'Inter', sans-serif;
}

/* Başlıklar */
#iletisim-konum .section-title {
	font-family: 'Playfair Display', serif;
	font-size: 42px;
	font-weight: 700;
	color: #000;
	margin-bottom: 10px;
}

#iletisim-konum .section-sub {
	font-size: 15px;
	color: #666;
	margin-bottom: 40px;
}

/* Harita Konteyneri */
#iletisim-konum .map-container {
	width: 100%;
	height: 450px; /* Görseldeki yükseklik */
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 5px 20px rgba(0,0,0,0.05);
	background-color: #eee;
}

#iletisim-konum .map-container iframe {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Alt Bilgi Çubuğu */
#iletisim-konum .company-name {
	font-size: 18px;
	font-weight: 700;
	color: #000;
	margin-bottom: 5px;
}

#iletisim-konum .company-address {
	font-size: 14px;
	color: #555;
	margin: 0;
}

/* Yol Tarifi Butonu */
#iletisim-konum .btn-directions {
	display: inline-block;
	background: linear-gradient(90deg, #102650 0%, #2c5282 100%); /* Tavion Laciverti */
	color: #fff;
	padding: 12px 35px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	border-radius: 4px;
	box-shadow: 0 4px 15px rgba(16, 38, 80, 0.3);
	transition: transform 0.3s, box-shadow 0.3s;
}

#iletisim-konum .btn-directions:hover {
	transform: translateY(-3px);
	box-shadow: 0 6px 20px rgba(16, 38, 80, 0.4);
	color: #fff;
}
/*------------------ FOOTER STİLLERİ ----------------------*/

#footer {
	background-color: #05152E; /* Koyu Lacivert Zemin */
	padding: 50px 0 30px 0;
	color: #fff;
	font-family: 'Inter', sans-serif;
	font-size: 14px;
	border-top: 1px solid rgba(255, 255, 255, 0.05); /* Üst bölümle ayrım */
}

/* Logo */
#footer .footer-logo img {
	height: 35px;
	width: auto;
	margin-bottom: 20px;
	filter: brightness(0) invert(1); /* Beyaz logo */
}

/* Açıklama Metni */
#footer .footer-desc {
	color: rgba(255, 255, 255, 0.8);
	line-height: 1.6;
	margin-bottom: 25px;
	max-width: 350px;
}

/* İletişim Bilgileri */
#footer .footer-contact .contact-row {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-bottom: 12px;
	color: rgba(255, 255, 255, 0.9);
}

#footer .footer-contact i {
	font-size: 18px;
	margin-top: 2px;
	color: #fff;
}

#footer .footer-contact a {
	color: rgba(255, 255, 255, 0.9);
	text-decoration: none;
	transition: color 0.3s;
}
#footer .footer-contact a:hover { color: #fff; text-decoration: underline; }

/* Başlıklar */
#footer .footer-title {
	font-family: 'Playfair Display', serif;
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 20px;
}

/* Linkler */
#footer .footer-links {
	list-style: none;
	padding: 0;
	margin: 0;
}

#footer .footer-links li {
	margin-bottom: 12px;
}

#footer .footer-links a {
	color: rgba(255, 255, 255, 0.7);
	text-decoration: none;
	transition: all 0.3s;
}

#footer .footer-links a:hover {
	color: #fff;
	padding-right: 5px;
}

/* Ayırıcı Çizgi */
#footer .footer-divider {
	border-color: rgba(255, 255, 255, 0.1);
	margin: 50px 0 30px 0;
}

/* Alt Kısım */
#footer .copyright {
	color: rgba(255, 255, 255, 0.6);
	margin: 0;
}

#footer .policy-links a {
	color: rgba(255, 255, 255, 0.6);
	text-decoration: none;
	margin-left: 20px;
	transition: color 0.3s;
}

#footer .policy-links a:hover {
	color: #fff;
}