@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;
}
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: "Poppins", sans-serif;
}


:root {
  --anarenk: #1f1f1f;
  --kirmizi: #ea0005;
  --gri: #9D9E9D;
  --siyah: #1f1f1f;
  --krem: #fcfcf9;
  --font2: "Playfair", serif;
}

/* 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 - 200px);	
}

.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 BÖLÜMÜ (#header) STYLES
   ========================================================================== */

#header {
    width: 100%;
    position: relative;
    z-index: 999;
    background-color: #ffffff;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03); /* Alta hafif derinlik katar */
}

/* --- Ortak Container Alanı --- */
#header .alan {
    display: flex;
    align-items: center;
    margin: 0 auto;
    padding: 0 20px;
}

/* ================= ÜST BÖLÜM (.ust) ================= */
#header .ust {
    /* Görseldeki hafif grimsi-mavi arka plan gradyanı */
    background: linear-gradient(90deg, #e8edf2, #f4f7f9, #e8edf2);
    padding: 15px 0;
}

#header .ust .alan {
    justify-content: space-between;
    gap: 15px;
}

/* Logo */
#header .logo {
    margin-right: auto; /* Logoyu sola, diğerlerini sağa iter */
    display: flex;
    align-items: center;
}

#header .logo img {
    max-height: 50px;
}

/* Arama Çubuğu */
#header .arama {
    position: relative;
    display: flex;
    align-items: center;
    width: 380px;
    margin-right: 15px;
}

#header .arama input {
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 50px; /* Tam oval */
    padding: 12px 45px 12px 20px;
    font-size: 14px;
    color: #333333;
    outline: none;
    transition: border-color 0.3s ease;
}

#header .arama input::placeholder {
    color: #94a3b8;
}

#header .arama input:focus {
    border-color: #004488; /* Odaklanınca çerçeve belirginleşir */
}

#header .arama button {
    position: absolute;
    right: 15px;
    background: transparent;
    border: none;
    color: #000000;
    font-size: 18px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Aksiyon Butonları */
#header .buton {
    background: linear-gradient(90deg, #003b7a, #0056b3); /* Koyu lacivert/mavi gradyan */
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    padding: 12px 25px;
    border-radius: 50px; /* Hap formu */
    text-decoration: none;
    transition: all 0.3s ease;
    white-space: nowrap;
}

#header .buton:hover {
    box-shadow: 0 5px 15px rgba(0, 86, 179, 0.4);
    transform: translateY(-2px);
    color: #ffffff;
}

/* Dil Seçeneği */
#header .dil {
    position: relative;
    margin-left: 10px;
}

#header .dil .default {
    display: flex;
    align-items: center;
    gap: 8px;
    background-color: #e2e8f0; /* Gri oval zemin */
    border: 1px solid #cbd5e1;
    color: #111111;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 16px;
    border-radius: 50px;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

#header .dil .default img {
    height: 16px;
    border-radius: 2px;
}

#header .dil:hover .default {
    background-color: #cbd5e1;
}

/* Açılır Dil Menüsü (Hover ile çalışır) */
#header .dil .acilan {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
	z-index: 999;
}

#header .dil:hover .acilan {
    display: flex;
}

#header .dil .acilan a {
    padding: 10px 15px;
    text-decoration: none;
    color: #333333;
    font-weight: 500;
    font-size: 13px;
    text-align: center;
    transition: background-color 0.3s;
}

#header .dil .acilan a:hover {
    background-color: #f1f5f9;
}


/* ================= ALT BÖLÜM (.alt) ================= */
#header .alt {
    background-color: #ffffff;
    padding: 15px 0;
}

#header .alt .alan {
    justify-content: flex-end; /* Menüyü ve sosyal ikonları sağa yaslar */
    gap: 40px; /* Menü ile sosyal ikonlar arası boşluk */
}

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

#header .menu .link-li {
	position:relative;
}
#header .menu .link-item {
	position:relative;
    text-decoration: none;
    color: #111111;
    font-size: 16px;
    font-weight: 600;
    transition: color 0.3s ease;
	line-height:40px;
}

#header .menu .link-item:hover {
    color: #0056b3; /* Hoverda mavi renk */
}

#header .menu .acilan {
	position:absolute;
	display:none;
	top:calc(100% - 5px);
	left:0px;
	width:250px;
	padding:5px 10px;
	border-radius: 0px;
	background: #ffffff;
	box-shadow: 0px 2px 30px rgba(0,0,0,0.26);
	border-top:5px solid var(--anarenk);
}
#header .menu .link-li:hover .acilan {
	display:block;
}
#header .menu .acilan ul {
	display:flex;
	align-items:flex-start;
	flex-direction:column;
	grid-column-gap:0px;
	grid-row-gap:10px;
	padding:0px;
}
#header .menu .acilan .link-item {
	    line-height: 22px;
    color: #000;
    padding: 0px 0px;
    font-weight: 400;
}
/* Sosyal Medya İkonları */
#header .sosyal {
    display: flex;
    align-items: center;
    gap: 20px;
}

#header .sosyal a {
    color: #111111;
    font-size: 18px;
    text-decoration: none;
    transition: transform 0.3s ease, color 0.3s ease;
}

#header .sosyal a:hover {
    color: #0056b3;
    transform: translateY(-2px);
}




/*------------------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:15px;
}
#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);
}


/*------------------slider----------------------*/

#slider {
	position:relative;
}
#slider .item {
	position:relative;
}
#slider .item .anaresim {
	width:100%;
	max-height:100vh;
	object-fit:cover;
}
#slider .item .bilgi {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	z-index:5;
}

#slider .item .bilgi .yazi1 {
  font-size: 90px;
  line-height: normal;
  font-weight: 600;
  letter-spacing: -2px;
  margin: 0;
  display: block;
  background: linear-gradient(90deg, #003b7b 0%, #1f4f96 45%, #0d3263 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
 	font-family:var(--font2); 
}
#slider .item .bilgi .yazi2 {
  font-size: 90px;
  line-height: normal;
  font-weight: 800;
  font-style: italic;
  letter-spacing: -2px;
  margin: 0;
  display: block;
  background: linear-gradient(90deg, #003b7b 0%, #2f66b3 48%, #0a2d5c 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
 	font-family:var(--font2); 
}
#slider .slider-button-prev ,
#slider .slider-button-next 
{
	position:absolute;
	display:flex;
	align-items:center;
	justify-content:center;
	width:60px;
	height:60px;
	border-radius:30px;
	font-size:30px;
	color:#fff;
	border:1px solid #fff;
	z-index:10;
}
#slider .slider-button-prev:hover ,
#slider .slider-button-next:hover 
{
	color:#fff;
	border:1px solid #fff;
	background:var(--anarenk);
}
#slider .slider-button-next 
{
	left:100px;
	bottom:160px;
}
#slider .slider-button-prev 
{
	left:100px;
	bottom:80px;
}

/* ==========================================================================
   HAKKIMIZDA BÖLÜMÜ (#hakkimizda) STYLES (ORION SURGERY CENTER)
   ========================================================================== */

#hakkimizda {
    /* Görseldeki ferah hissi vermek için temiz, beyaz veya çok açık gri bir zemin */
    background-color: #fafbfd; 
    padding: 40px 0;
    color: #333333;
}

/* --- Başlık ve El Yazısı Görseli --- */
#hakkimizda .hk-img-wrapper {
    margin-bottom: 20px;
	font-size:60px;
	color:#000;
	text-align:center;
	font-family:"Caveat", cursive;
}

#hakkimizda .hk-img-title {
    max-height: 70px; /* Görselin boyutunu tasarımdaki gibi dengede tutar */
    width: auto;
}

/* Çizgili "Kuruldu" Başlığı */
#hakkimizda .hk-title-row {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 600px;
    margin: 0 auto 20px auto;
}

#hakkimizda .hk-line {
    flex-grow: 1;
    height: 1px;
    background-color: #555555;
}

#hakkimizda .hk-title {
    font-size: 26px;
    font-weight: 400;
    color: #222222;
    margin: 0 25px;
}

/* --- Metin Açıklamaları --- */
#hakkimizda .hk-desc p {
    font-size: 14px;
    color: #555555;
    line-height: 1.8;
    margin: 0;
}

#hakkimizda .hk-desc strong {
    font-weight: 700;
    color: #111111;
}

/* --- İstatistikler --- */
#hakkimizda .hk-stats-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#hakkimizda .hk-stat-box {
    text-align: center;
    flex: 1;
}

#hakkimizda .hk-stat-num {
    font-size: 42px;
    font-weight: 700;
    color: #111111;
    margin-bottom: 5px;
    line-height: 1;
	font-family:var(--font2);
}

#hakkimizda .hk-stat-label {
    font-size: 13px;
    color: #444444;
    margin: 0;
}

/* Aralardaki Dikey Çizgiler */
#hakkimizda .hk-stat-divider {
    width: 1px;
    height: 60px;
    background-color: #cccccc;
}

/* --- Güven Etiketleri (Badges) --- */
#hakkimizda .hk-badges-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
}

#hakkimizda .hk-badge {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: #444444;
    font-weight: 500;
}

#hakkimizda .hk-badge i {
    font-size: 18px;
    color: #3b82f6; /* Görseldeki açık mavi ikon rengi */
}

/* ==========================================================================
   TEDAVİLER BÖLÜMÜ (#tedaviler) STYLES (ORION SURGERY CENTER)
   ========================================================================== */

#tedaviler {
    background-color: #fafbfd; /* Temiz beyaz arka plan */
    padding: 20px 0;
    color: #333333;
}

#tedaviler .td-item {
    text-align: center;
    padding: 0 15px;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* --- Altın / Bronz İkon Kutusu --- */
#tedaviler .td-icon-box {
    width: 75px;
    height: 75px;
    border-radius: 50%; /* Tam yuvarlak */
    /* Görseldeki altın/bronz ışık yansıması (gradyan) efekti */
    background: linear-gradient(135deg, #e3ba6c 0%, #b28330 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    box-shadow: 0 10px 20px rgba(178, 131, 48, 0.2); /* Hafif altın rengi gölge */
    transition: transform 0.3s ease;
}

#tedaviler .td-icon-box i {
    font-size: 38px;
    color: #ffffff; /* İkon rengi beyaz */
}

#tedaviler .td-item:hover .td-icon-box {
    transform: translateY(-5px) scale(1.05); /* Üzerine gelince çok hafif büyüyüp kalkar */
}

/* --- Başlık ve Metin --- */
#tedaviler .td-title {
    font-size: 18px;
    font-weight: 600;
    font-style: italic; /* Görseldeki gibi italik */
    color: #111111;
    margin-bottom: 15px;
    line-height: 1.3;
	font-family:var(--font2);
}

#tedaviler .td-desc {
    font-size: 13px;
    color: #555555;
    line-height: 1.6;
    margin: 0;
}
/* ==========================================================================
   EKİBİMİZ BÖLÜMÜ (#ekibimiz) STYLES (ORION SURGERY CENTER)
   ========================================================================== */

#ekibimiz {
    background-color: #ffffff;
    padding: 100px 0;
    color: #111111;
}

/* --- ÜST BÖLÜM (BAŞLIK VE METİN) --- */
#ekibimiz .ek-more-link {
    font-size: 13px;
    color: #333333;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
    display: inline-block;
    padding-bottom: 20px; /* Diğer metinlerle hizalamak için */
}

#ekibimiz .ek-more-link:hover {
    color: #0056b3;
}

#ekibimiz .ek-main-title {
    font-size: 46px;
    color: #000000;
    margin-bottom: 15px;
    line-height: 1.1;
	font-family:var(--font2);
	font-weight:500;
}

#ekibimiz .ek-italic {
    font-style: italic;
    font-weight: 800;
}

#ekibimiz .ek-desc {
    font-size: 13px;
    color: #555555;
    line-height: 1.6;
    max-width: 500px;
    margin-bottom: 0;
}

/* --- KART TASARIMI --- */
#ekibimiz .ek-card {
    display: flex;
    align-items: flex-end; /* İçeriği görseldeki gibi alta hizalar */
    gap: 25px;
    text-decoration: none;
    color: inherit;
}

/* Görsel Alanı */
#ekibimiz .ek-img-wrapper {
    flex: 0 0 55%; /* Kartın %55'ini görsel kaplar */
    max-width: 55%;
    background-color: #f0f0f0; /* Stüdyo çekimi hissi veren açık gri zemin */
    overflow: hidden;
}

#ekibimiz .ek-img-wrapper img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

#ekibimiz .ek-card:hover .ek-img-wrapper img {
    transform: scale(1.03); /* Hoverda resim çok hafif büyür */
}

/* Bilgi Alanı (Unvan, İsim, Ok) */
#ekibimiz .ek-info {
    flex: 1;
    padding-bottom: 15px; /* Alt hizadan hafif yukarıda durması için */
}

#ekibimiz .ek-title {
    display: block;
    font-size: 13px;
    color: #333333;
    margin-bottom: 5px;
}

#ekibimiz .ek-name {
    font-size: 22px;
    font-weight: 800;
    font-style: italic;
    color: #000000;
    margin-bottom: 15px;
	font-family:var(--font2);
}

/* Uzun Ok Tasarımı */
#ekibimiz .ek-arrow {
    display: flex;
    align-items: center;
}

#ekibimiz .ek-line {
    display: inline-block;
    height: 1px;
    width: 80px;
    background-color: #999999;
    transition: all 0.3s ease;
}

#ekibimiz .ek-arrow i {
    font-size: 14px;
    color: #999999;
    margin-left: -4px; /* Ok başını çizgiyle birleştirir */
    transition: color 0.3s ease;
}

/* Hover Efekti: Ok uzar ve kararır */
#ekibimiz .ek-card:hover .ek-line {
    width: 100px;
    background-color: #000000;
}

#ekibimiz .ek-card:hover .ek-arrow i {
    color: #000000;
}

/* ==========================================================================
   KLİNİK GÖRSELİ BÖLÜMÜ (#klinikresim) STYLES (ORION SURGERY CENTER)
   ========================================================================== */

#klinikresim {
    background-color: #ffffff; /* Temiz beyaz arka plan */
    padding: 80px 0; /* Üstten ve alttan nefes alma boşluğu */
}

#klinikresim .kr-image-wrapper {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    /* Eğer tasarımında kolajın köşeleri yumuşaksa buradaki slash'ları kaldırabilirsin */
    /* border-radius: 12px; */ 
}

#klinikresim .kr-image-wrapper img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}

#klinikresim .hk-line {
    flex-grow: 1;
    height: 1px;
    background-color: #555555;
}

#klinikresim .hk-title {
    font-size: 26px;
    font-weight: 400;
    color: #222222;
    margin: 0 25px;
}
#klinikresim .hk-title-row {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 600px;
    margin: 0 auto 20px auto;
}

/* ==========================================================================
   İŞLEMLER BÖLÜMÜ (#islemler) STYLES (ORION SURGERY CENTER)
   ========================================================================== */

#islemler {
    background-color: #ffffff;
    padding: 70px 0;
    color: #111111;
}

/* --- ÜST BÖLÜM (HEADER) --- */
#islemler .is-header {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 50px;
}

#islemler .is-title {
    font-size: 38px;
    color: #111111;
    margin: 0;
    line-height: 1.1;
    font-weight: 400; /* Sunduğumuz kısmı */
    white-space: nowrap; /* Başlığın kırılmasını önler */
	font-family:var(--font2);
}

#islemler .is-italic {
    font-style: italic;
    font-weight: 800; /* İşlemler kısmı kalın ve italik */
}

#islemler .is-line {
    flex-grow: 1; /* Aradaki boşluğu çizgi ile doldurur */
    height: 1px;
    background-color: #dddddd;
}

#islemler .is-desc {
    font-size: 12px;
    color: #555555;
    margin: 0;
    text-align: right;
    max-width: 250px;
    line-height: 1.6;
}

/* --- KART TASARIMI --- */
#islemler .is-card {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 40px;
}

/* Görsel Alanı */
#islemler .is-img-wrapper {
    width: 100%;
    position: relative;
}

/* Resmi afiş (banner) oranında yayar */
#islemler .is-img-wrapper img {
    width: 100%;
    aspect-ratio: 21 / 9; /* Geniş sinematik oran */
    object-fit: cover;
    display: block;
    transition: transform 0.7s ease;
}

#islemler .is-card:hover .is-img-wrapper img {
    transform: scale(1.03); /* Üzerine gelince resmi hafif yakınlaştırır */
}

/* Kart Üzerindeki Büyük Başlık */
#islemler .is-card-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ffffff;
    font-size: 64px;
    font-weight: 700;
    font-style: italic;
    text-align: center;
    width: 90%;
    margin: 0;
    z-index: 2;
    /* Metnin resim üzerinde okunabilmesi için hafif gölge */
    text-shadow: 2px 4px 15px rgba(0, 0, 0, 0.3);
    pointer-events: none; /* Metin tıklamayı engellemesin */
	font-family:var(--font2);
}

/* Alt Yüzen Menü Çubuğu (Beyaz Kutu) */
#islemler .is-card-nav-ust {
    position: absolute;
    bottom: 30px; /* Alttan boşluk */
    left: 0px;
	width:100%;
    display: flex;
    justify-content: center;
	align-items:center;
    padding: 0px 40px;
}
/* Alt Yüzen Menü Çubuğu (Beyaz Kutu) */
#islemler .is-card-nav {
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
    padding: 15px 40px;
    z-index: 2;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

#islemler .is-nav-link {
    color: #333333;
    text-decoration: none;
    font-size: 13px;
    font-style: italic;
    font-weight: 600;
    transition: color 0.3s ease;
	font-family:var(--font2);
}

#islemler .is-nav-link:hover {
    color: #0056b3; /* Orion marka mavisi tonu */
}

/* ==========================================================================
   ADIMLAR BÖLÜMÜ (#adimlar) STYLES (ORION SURGERY CENTER)
   ========================================================================== */

#adimlar {
    background-color: #ffffff; /* Temiz beyaz zemin */
    padding: 70px 0;
    color: #111111;
}

#adimlar .yazi1 {
    font-size: 40px;
	line-height: 46px;
    color: #000000;
    line-height: 1.1;
    font-family: var(--font2);
    font-weight: 500;
	text-align:center;
}
#adimlar .yazi2 {
    font-style: italic;
    font-weight: 800;
	font-size: 20px;
    color: #000000;
    line-height: 26px;
    font-family: var(--font2);
	text-align:center;
}

#adimlar .ad-item {
    text-align: center;
    padding: 0 10px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* --- İkon Alanı --- */
#adimlar .ad-icon {
    font-size: 55px; /* Görseldeki gibi büyük ve belirgin */
    color: #111111; /* Koyu siyah renk */
    margin-bottom: 20px;
    line-height: 1;
    transition: transform 0.3s ease;
}

#adimlar .ad-item:hover .ad-icon {
    transform: translateY(-5px) scale(1.05); /* Hover'da hafif hareket efekti */
}

/* --- Metin Alanı --- */
#adimlar .ad-text {
    font-size: 13px;
    color: #333333;
    line-height: 1.6;
    margin: 0;
    font-weight: 500;
}

#adimlar .adim-kart{
	position: relative;
	height: 100%;
	padding: 20px 10px 20px;
	background:
		radial-gradient(circle at bottom right, rgba(0, 89, 255, 0.35), transparent 35%),
		linear-gradient(194deg, #0c5aa7 0%, #003f86 35%, #001f48 68%, #000000 100%);
	color: #fff;
	box-shadow: 0 12px 30px rgba(0,0,0,0.15);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 100%;
}

#adimlar .adim-kart-ust{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
}

#adimlar .adim-kart .step{
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 1px;
	color: rgba(255,255,255,0.95);
}

#adimlar .adim-kart .badge-pill{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 5px 14px;
	border-radius: 999px;
	background: #f1efe9;
	color: #111;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
	white-space: nowrap;
}

#adimlar .adim-kart-icerik h3{
	margin: 0 0 8px;
	font-size: 24px;
	line-height: 1.1;
	font-weight: 700;
	color: #fff;
}

#adimlar .adim-kart-icerik .subtitle{
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	color: rgba(255,255,255,0.96);
}

#adimlar .adim-kart-icerik ul{
	margin: 0;
	padding-left: 15px;
	list-style: disc;
}

#adimlar .adim-kart-icerik ul li{
	margin-bottom: 10px;
	font-size: 11px;
	line-height: 14px;
	color: rgba(255,255,255,0.97);
}

#adimlar .whatsapp-btn{
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-top: 10px;
	padding: 10px 20px;
	border-radius: 999px;
	background: #2ddc59;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	transition: all .3s ease;
	width: fit-content;
}

#adimlar .whatsapp-btn:hover{
	background: #23c94b;
	color: #fff;
	text-decoration: none;
}

#adimlar .wa-icon{
	width: 28px;
	height: 28px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #fff;
	border-radius: 50%;
	font-size: 16px;
	line-height: 1;
}

@media (max-width: 1199.98px){
	#adimlar .adim-kart-icerik h3{
		font-size: 28px;
	}

	#adimlar .adim-kart-icerik .subtitle{
		font-size: 17px;
	}

	#adimlar .adim-kart-icerik ul li{
		font-size: 15px;
	}
}

@media (max-width: 991.98px){
	#adimlar{
		padding: 60px 0;
	}

	#adimlar .yazi1{
		font-size: 34px;
	}

	#adimlar .yazi2{
		font-size: 16px;
		margin-bottom: 20px;
	}

	#adimlar .adim-kart{
		padding: 24px 20px 20px;
	}

	#adimlar .adim-kart-ust{
		margin-bottom: 24px;
	}

	#adimlar .adim-kart-icerik h3{
		font-size: 26px;
	}

	#adimlar .adim-kart-icerik .subtitle{
		font-size: 16px;
		margin-bottom: 20px;
	}

	#adimlar .whatsapp-btn{
		font-size: 15px;
		padding: 10px 18px;
	}
}

@media (max-width: 767.98px){
	#adimlar .yazi1{
		font-size: 28px;
	}

	#adimlar .yazi2{
		font-size: 15px;
	}

	#adimlar .adim-kart-ust{
		flex-direction: column;
		align-items: flex-start;
	}

	#adimlar .adim-kart-icerik h3{
		font-size: 24px;
	}

	#adimlar .adim-kart-icerik .subtitle{
		font-size: 15px;
	}

	#adimlar .adim-kart-icerik ul li{
		font-size: 14px;
		line-height: 1.45;
	}

	#adimlar .whatsapp-btn{
		font-size: 14px;
		padding: 10px 16px;
	}
}

#widget1 {
	position:relative;
}
#widget1 img {
	width:100%;
}


#whatsapp .sohbet .ust .avatar img {
    filter: drop-shadow(2px 4px 6px black);
}

/* ==========================================================================
   GÜNDEM & HABERLER BÖLÜMÜ (#blog) STYLES (ORION SURGERY CENTER)
   ========================================================================== */

#blog {
    background-color: #fafbfd;
    padding: 70px 0;
    color: #111111;
}

/* --- ÜST BÖLÜM (HEADER) --- */
#blog .blog-more-link {
    font-size: 13px;
    color: #333333;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
    display: inline-block;
    padding-bottom: 5px; /* Hizalamayı düzeltmek için */
}

#blog .blog-more-link:hover {
    color: #004488;
}

#blog .blog-main-title {
    font-size: 46px;
    color: #000000;
    margin-bottom: 15px;
    line-height: 1.1;
    font-weight: 400; /* "Gündem" ince/normal */
	font-family:var(--font2);
}

#blog .blog-italic {
    font-weight: 800;
    font-style: italic; /* "& Haberler" kalın ve italik */
}

#blog .blog-desc {
    font-size: 13px;
    color: #555555;
    line-height: 1.6;
    max-width: 450px; /* Metnin erken kırılması için */
    margin-bottom: 0;
}

/* --- HABER KARTLARI (IMAGE OVERLAY TASARIMI) --- */
#blog .blog-card {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3; /* Görseldeki yatay/kare arası form */
    overflow: hidden;
    text-decoration: none;
    /* Görselde border-radius yok, tamamen keskin köşeler var */
}

/* Arka Plan Görseli */
#blog .blog-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s ease;
}

#blog .blog-card:hover .blog-img {
    transform: scale(1.05); /* Hover'da resim hafif yakınlaşır */
}

/* Alt Karartma (Gradient Overlay) */
#blog .blog-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    /* Aşağıdan yukarıya doğru kararma efekti */
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0) 100%);
    padding: 40px 20px 20px 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

/* Kart İçi Metinler */
#blog .blog-date {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 5px;
}

#blog .blog-title {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 8px;
    line-height: 1.3;
}

#blog .blog-excerpt {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.5;
    margin: 0;
}

/* --- SWIPER PAGINATION --- */
#blog .blog-pagination {
    position: relative;
    display: flex;
    justify-content: center;
    gap: 6px;
}

#blog .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background-color: #cccccc;
    opacity: 1;
    transition: all 0.3s ease;
}

#blog .swiper-pagination-bullet-active {
    background-color: #000000;
    transform: scale(1.2);
}

/* ==========================================================================
   WIDGET 2 / CTA BÖLÜMÜ (#widget2) STYLES (ORION SURGERY CENTER)
   ========================================================================== */

#widget2 {
    background-color: #ffffff; /* Dış zemin rengi (tasarımına göre değiştirebilirsin) */
    padding: 80px 0;
}

/* Lacivert CTA Kutusu */
#widget2 .w2-box {
    /* Görseldeki merkeze doğru hafif açılan koyu mavi/lacivert gradyan */
    background: linear-gradient(to right, #003770, #005a9c, #003770);
    padding: 60px 30px;
    text-align: center;
    /* Eğer görselde çok hafif bir köşe yuvarlatma yoksa 0 kalabilir, varsa burayı açabilirsin */
    /* border-radius: 12px; */ 
}

#widget2 .w2-title {
    font-size: 32px;
    font-weight: 700;
    font-style: italic; /* Görseldeki italik başlık */
    color: #ffffff;
    margin-bottom: 15px;
}

#widget2 .w2-subtitle {
    font-size: 15px;
    color: #ffffff;
    font-weight: 300;
    margin-bottom: 35px;
}

/* Buton Alanı */
#widget2 .w2-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

#widget2 .w2-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 35px;
    border-radius: 50px; /* Hap formu */
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

/* Beyaz Buton */
#widget2 .w2-btn-white {
    background-color: #ffffff;
    color: #003770; /* Koyu lacivert yazı */
}

#widget2 .w2-btn-white:hover {
    background-color: #f0f0f0;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

/* Altın / Sarı Gradyan Buton */
#widget2 .w2-btn-gold {
    /* Görseldeki altın/sarı geçişi */
    background: linear-gradient(to right, #f8cc6b, #dfa233);
    color: #111111; /* Siyah/Koyu yazı */
}

#widget2 .w2-btn-gold:hover {
    background: linear-gradient(to right, #fcd379, #c78d26);
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}


/* ==========================================================================
   ESTETİK REHBERİ BÖLÜMÜ (#rehber) STYLES (ORION SURGERY CENTER)
   ========================================================================== */

#rehber {
    background-color: #ffffff;
    padding: 70px 0;
    color: #111111;
}

/* --- ÜST BÖLÜM (HEADER) --- */
#rehber .rh-more-link {
    font-size: 13px;
    color: #333333;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
    display: inline-block;
    padding-bottom: 5px;
}

#rehber .rh-more-link:hover {
    color: #0056b3; /* Orion Laciverti */
}

#rehber .rh-main-title {
    font-size: 46px;
    color: #000000;
    margin-bottom: 15px;
    line-height: 1.1;
    font-weight: 400; 
	font-family:var(--font2);
}

#rehber .rh-italic {
    font-weight: 800;
    font-style: italic; 
}

#rehber .rh-desc {
    font-size: 13px;
    color: #555555;
    line-height: 1.6;
    max-width: 500px; 
    margin-bottom: 0;
}

/* Ortak Kategori (Meta) Rengi */
#rehber .rh-meta {
    font-size: 10px;
    color: #888888;
    margin-bottom: 6px;
    font-weight: 500;
}

/* --- SOL: BÜYÜK KART TASARIMI --- */
#rehber .rh-card-big {
    position: relative;
    display: block;
    width: 100%;
    height: 100%; /* Sütunu tam kaplasın */
    min-height: 350px; /* Mobilde veya içerik kısayken çökmesini önler */
    overflow: hidden;
    text-decoration: none;
    border-radius: 4px; /* Çok hafif bir yumuşatma */
}

#rehber .rh-big-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s ease;
}

#rehber .rh-card-big:hover .rh-big-img {
    transform: scale(1.03);
}

/* Alt Karartma (Gradient) */
#rehber .rh-big-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 0) 100%);
    padding: 40px 30px 25px 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

#rehber .rh-big-overlay .rh-meta {
    color: rgba(255, 255, 255, 0.8);
}

#rehber .rh-big-title {
    font-size: 22px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 10px;
    line-height: 1.3;
}

#rehber .rh-big-excerpt {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.5;
    margin: 0;
}


/* --- SAĞ: KÜÇÜK KART TASARIMI --- */
#rehber .rh-card-small {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

#rehber .rh-small-img-wrapper {
    width: 100%;
    overflow: hidden;
    margin-bottom: 15px;
    border-radius: 4px;
}

#rehber .rh-small-img-wrapper img {
    width: 100%;
    aspect-ratio: 4 / 3; /* Dikey (portrait) oran */
    object-fit: cover;
    transition: transform 0.5s ease;
}

#rehber .rh-card-small:hover .rh-small-img-wrapper img {
    transform: scale(1.05);
}

#rehber .rh-small-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

#rehber .rh-small-title {
    font-size: 15px;
    font-weight: 700;
    color: #111111;
    margin-bottom: 10px;
    line-height: 1.4;
    transition: color 0.3s ease;
}

#rehber .rh-card-small:hover .rh-small-title {
    color: #0056b3;
}

#rehber .rh-small-excerpt {
    font-size: 11px;
    color: #666666;
    line-height: 1.6;
    margin: 0;
}

/* ==========================================================================
   İLETİŞİM BÖLÜMÜ (#iletisim) STYLES (ORION SURGERY CENTER)
   ========================================================================== */

#iletisim {
    background-color: #ffffff;
    padding-top: 70px; /* Harita alta sıfır yapışacağı için sadece üstten padding veriyoruz */
    color: #111111;
}

/* --- SOL KOLON (BAŞLIK) --- */
#iletisim .il-main-title {
    font-size: 52px;
    color: #000000;
    margin-bottom: 20px;
    line-height: 1.1;
	font-family:var(--font2);
}

#iletisim .il-light {
    font-weight: 300; /* "Bize" ince */
}

#iletisim .il-italic {
    font-weight: 800;
    font-style: italic; /* "Danışın" kalın ve italik */
}

#iletisim .il-desc {
    font-size: 13px;
    color: #555555;
    line-height: 1.6;
    margin: 0 0 0 auto; /* Masaüstünde sağa yaslandığında genişliği sınırlamak için */
    max-width: 250px;
}

/* --- ORTA KOLON (FORM) --- */
#iletisim .il-form {
    width: 100%;
}

#iletisim .il-input-group {
    margin-bottom: 15px;
    position: relative;
}

#iletisim .il-input {
    width: 100%;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #999999; /* Sadece alt çizgi */
    padding: 12px 0 8px 0;
    font-size: 13px;
    color: #333333;
    outline: none;
    transition: border-color 0.3s ease;
}

#iletisim .il-input::placeholder {
    color: #aaaaaa;
}

#iletisim .il-input:focus {
    border-bottom-color: #0056b3; /* Focus olunca lacivert */
}

/* Select Dropdown Oku */
#iletisim .il-select {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23555555' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 14px;
    cursor: pointer;
    color: #aaaaaa;
}

#iletisim .il-select:focus,
#iletisim .il-select option {
    color: #333333;
}

/* Textarea - Görseldeki Çizgili Yapı */
#iletisim .il-textarea {
    resize: none;
    line-height: 35px; /* Çizgi aralığı */
    background-image: linear-gradient(transparent, transparent 34px, #999999 34px, #999999 35px);
    background-size: 100% 35px;
    border-bottom: none; /* Arka plan zaten çizgileri çiziyor */
}

#iletisim .il-textarea:focus {
    background-image: linear-gradient(transparent, transparent 34px, #0056b3 34px, #0056b3 35px);
}

/* Gönder Butonu */
#iletisim .il-submit-btn {
    width: 100%;
    background-color: #0056b3; /* Orion Laciverti/Mavisi */
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    padding: 12px 0;
    border: none;
    border-radius: 50px; /* Hap formu */
    cursor: pointer;
    transition: all 0.3s ease;
}

#iletisim .il-submit-btn:hover {
    background-color: #004488;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 86, 179, 0.3);
}

/* --- SAĞ KOLON (GÖRSEL) --- */
#iletisim .il-img-wrapper {
    width: 100%;
    overflow: hidden;
    /* İsteğe bağlı olarak köşeleri çok hafif yuvarlatabilirsiniz */
    /* border-radius: 8px; */
}

#iletisim .il-img-wrapper img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}

/* --- ALT KISIM (HARİTA) --- */
#iletisim .il-map-wrapper {
    width: 100%;
    display: block;
    line-height: 0; /* İframe altındaki boşluğu sıfırlar */
}

#iletisim .il-map-wrapper iframe {
    width: 100%;
    /* Mobilde daha iyi görünmesi için yüksekliği aşağıda min-height ile destekliyoruz */
}

/* ==========================================================================
   FOOTER BÖLÜMÜ (#footer) STYLES (ORION SURGERY CENTER)
   ========================================================================== */

#footer {
    /* Görseldeki soldan sağa doğru değişen, ortası daha koyu lacivert gradyan */
    background: linear-gradient(to right, #003770 0%, #001f42 50%, #003770 100%);
    color: #ffffff;
    padding: 50px 0 20px 0 0;
    font-size: 13px; /* Genel küçük font boyutu */
}

/* --- SOL KOLON (İletişim) --- */
#footer .ft-logo-wrapper {
    margin-bottom: 30px;
}

#footer .ft-logo {
    max-height: 45px;
}

#footer .ft-contact-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

#footer .ft-contact-list li {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 15px;
    color: rgba(255, 255, 255, 0.85); /* Hafif soluk beyaz */
}

#footer .ft-contact-list i {
    font-size: 18px;
    margin-top: 3px;
    color: #ffffff;
}

#footer .ft-contact-list a,
#footer .ft-contact-list span {
    color: inherit;
    text-decoration: none;
    line-height: 1.5;
    transition: color 0.3s ease;
}

#footer .ft-contact-list a:hover {
    color: #ffffff;
}

/* --- ORTA KOLON (Health Türkiye) --- */
#footer .ft-middle-logo img {
    max-height: 100px;
    opacity: 0.95;
    transition: transform 0.3s ease;
}

#footer .ft-middle-logo img:hover {
    transform: scale(1.05);
}

/* --- SAĞ KOLONLAR (Menüler ve Sosyal Medya) --- */
#footer .ft-widget-title {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 20px;
}

#footer .ft-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

#footer .ft-menu-list li {
    margin-bottom: 12px;
}

#footer .ft-menu-list a {
    color: rgba(255, 255, 255, 0.85);
    text-decoration: none;
    transition: color 0.3s ease;
    display: inline-block;
}

#footer .ft-menu-list a:hover {
    color: #ffffff;
}

/* Sosyal İkonlar */
#footer .ft-social-icons {
    display: flex;
    gap: 15px;
}

#footer .ft-social-icons a {
    color: #ffffff;
    font-size: 18px;
    text-decoration: none;
    transition: transform 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

#footer .ft-social-icons a:hover {
    transform: translateY(-3px);
}

/* --- ALT BÖLÜM (COPYRIGHT) --- */
#footer .ft-bottom {
    margin-top: 50px;
    padding-top: 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* Görseldeki ince yatay çizgi */
}

#footer .ft-copy-text {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.7);
}

#footer .ft-bottom-links {
    display: flex;
    gap: 20px;
    justify-content: flex-end;
}

#footer .ft-bottom-links a {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    transition: color 0.3s ease;
}

#footer .ft-bottom-links a:hover {
    color: #ffffff;
}


/* ==========================================================================
   HAKKIMIZDA KATMAN 1 (#hakkimizda-katman1) STYLES (ORION)
   ========================================================================== */

#hakkimizda-katman1 {
    background-color: #ffffff; /* Temiz beyaz arka plan */
    padding: 100px 0;
    color: #111111;
}

/* --- 1. Bölüm: Üst Başlık ve Açıklama --- */
#hakkimizda-katman1 .hk1-main-title {
    font-size: 52px;
    font-weight: 400;
    font-style: italic; /* Görseldeki italik başlık */
    color: #000000;
    margin-bottom: 20px;
	font-family:var(--font2);
}

#hakkimizda-katman1 p {
    font-size: 13px;
    color: #333333;
    line-height: 1.6;
    max-width: 850px;
    margin: 0 auto;
}

#hakkimizda-katman1 .hk1-subtitle strong {
    font-weight: 800; /* Vurgulanan metin */
}

/* --- 2. Bölüm: Geniş Görsel --- */
#hakkimizda-katman1 .hk1-img-wrapper {
    width: 100%;
    overflow: hidden;
}

#hakkimizda-katman1 .hk1-img-wrapper img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}

/* --- 3. Bölüm: İki Sütunlu Alan --- */

/* Sol Sütun: Biz Kimiz Başlığı */
#hakkimizda-katman1 .hk1-side-title {
    font-size: 48px;
    color: #000000;
    margin: 0;
    line-height: 1.1;
	font-family:var(--font2);
}

#hakkimizda-katman1 .hk1-light {
    font-weight: 300; /* "Biz" kısmı ince */
}

#hakkimizda-katman1 .hk1-italic {
    font-weight: 800;
    font-style: italic; /* "Kimiz?" kısmı kalın ve italik */
}

/* Sağ Sütun: Metinler */
#hakkimizda-katman1 .hk1-text-content p {
    font-size: 13px;
    color: #444444;
    line-height: 1.8;
    margin-bottom: 25px;
    text-align: justify; /* Editoryal dergi görünümü için iki yana yaslı durması iyi olabilir */
}

#hakkimizda-katman1 .hk1-text-content p:last-child {
    margin-bottom: 0;
}


/* ================= RESPONSIVE (MOBİL VE TABLET UYUM) ================= */

@media (max-width: 991px) {
    #hakkimizda-katman1 { padding: 80px 0; }
    #hakkimizda-katman1 .hk1-main-title { font-size: 42px; }
    #hakkimizda-katman1 .hk1-side-title { font-size: 38px; }
}

@media (max-width: 767px) {
    #hakkimizda-katman1 { padding: 60px 0; }
    
    #hakkimizda-katman1 .hk1-main-title { 
        font-size: 34px; 
    }
    
    #hakkimizda-katman1 .hk1-side-title { 
        font-size: 36px; 
        margin-bottom: 20px;
    }
    
    #hakkimizda-katman1 .hk1-text-content p {
        font-size: 13px;
        text-align: left; /* Mobilde sola yaslı daha okunaklı olur */
    }
}

/* ==========================================================================
   HAKKIMIZDA KATMAN 2 (#hakkimizda-katman2) STYLES (ORION SURGERY CENTER)
   ========================================================================== */

#hakkimizda-katman2 {
    /* Görseldeki gibi merkezden dışa doğru yayılan veya dikey çok hafif mavi/gri beyaz gradyanı */
    background: radial-gradient(circle, #ffffff 0%, #f4f6f9 100%);
    padding: 100px 0;
    color: #111111;
}

/* --- SOL KOLON (Başlık ve Metin) --- */
#hakkimizda-katman2 .hk2-title {
    font-size: 46px;
    color: #111111;
    margin-bottom: 25px;
    line-height: 1.1;
	font-family:var(--font2);
}

#hakkimizda-katman2 .hk2-light {
    font-weight: 400; /* "Kurucu" ince/normal */
}

#hakkimizda-katman2 .hk2-italic {
    font-weight: 800;
    font-style: italic; /* "Ortaklarımız" kalın ve italik */
}

#hakkimizda-katman2 p {
    font-size: 13px;
    color: #555555;
    line-height: 1.6;
    margin-bottom: 0;
}

/* --- SAĞ KOLON (Logo) --- */
#hakkimizda-katman2 .hk2-img-wrapper {
    display: inline-block;
}

#hakkimizda-katman2 .hk2-img-wrapper img {
    max-width: 320px; /* Logonun çok devasa olmasını engeller */
    width: 100%;
    height: auto;
    transition: transform 0.5s ease;
}

#hakkimizda-katman2 .hk2-img-wrapper:hover img {
    transform: scale(1.05); /* Üzerine gelince logonun hafif büyümesi */
}


/* ================= RESPONSIVE (MOBİL VE TABLET UYUM) ================= */

@media (max-width: 991px) {
    #hakkimizda-katman2 { padding: 80px 0; }
    
    #hakkimizda-katman2 .hk2-title { font-size: 40px; }
    
    /* Tablette metni merkeze alıyoruz */
    #hakkimizda-katman2 .hk2-desc {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
}

@media (max-width: 767px) {
    #hakkimizda-katman2 { padding: 60px 0; }
    
    #hakkimizda-katman2 .hk2-title { 
        font-size: 34px; 
    }
    
    #hakkimizda-katman2 .hk2-img-wrapper img {
        max-width: 250px; /* Mobilde logoyu biraz daha küçültüyoruz */
        margin-top: 10px;
    }
}

/* ==========================================================================
   HAKKIMIZDA KATMAN 3 (#hakkimizda-katman3) STYLES (ORION)
   ========================================================================== */

#hakkimizda-katman3 {
    background-color: #ffffff; /* Temiz beyaz arka plan */
    padding: 100px 0;
    color: #111111;
}

#hakkimizda-katman3 .hk3-item {
    text-align: center;
    padding: 0 20px;
    position: relative;
    height: 100%;
}

/* --- İkon Tasarımı --- */
#hakkimizda-katman3 .hk3-icon {
    font-size: 55px;
    color: #111111;
    margin-bottom: 25px;
    line-height: 1;
    transition: transform 0.3s ease;
}

#hakkimizda-katman3 .hk3-item:hover .hk3-icon {
    transform: translateY(-5px) scale(1.05); /* Üzerine gelince ikon hafif büyür */
}

/* --- Başlık ve Metin --- */
#hakkimizda-katman3 .hk3-title {
    font-size: 26px;
    font-weight: 600;
    font-style: italic; /* Görseldeki italik başlık */
    color: #000000;
    margin-bottom: 20px;
	font-family:var(--font2);
}

#hakkimizda-katman3 p {
    font-size: 13px;
    color: #444444;
    line-height: 1.8;
    margin-bottom: 20px;
}

#hakkimizda-katman3 .hk3-text:last-child {
    margin-bottom: 0;
}

/* --- Masaüstü İçin Dikey Ayırıcı Çizgiler (Dividers) --- */
@media (min-width: 992px) {
    /* Son sütun HARİÇ diğer tüm sütunların sağına çizgi ekler */
    #hakkimizda-katman3 .col-lg-4:not(:last-child) .hk3-item::after {
        content: "";
        position: absolute;
        right: 0;
        top: 25%; /* Çizgiyi yukarıdan biraz aşağı çeker, sadece metin hizasında durması için */
        height: 65%; /* Çizginin boyu */
        width: 1px;
        background-color: #d8d8d8; /* İnce gri çizgi */
    }
}


/* ================= RESPONSIVE (MOBİL VE TABLET UYUM) ================= */

@media (max-width: 991px) {
    #hakkimizda-katman3 { padding: 80px 0; }
    
    /* Tablet ve mobilde dikey çizgileri gizliyoruz ki karmaşa olmasın */
    #hakkimizda-katman3 .hk3-item::after {
        display: none;
    }
    
    #hakkimizda-katman3 .hk3-item {
        margin-bottom: 40px; /* Tablette alt alta bindiklerinde boşluk bırakır */
        padding: 0;
    }
}

@media (max-width: 767px) {
    #hakkimizda-katman3 { padding: 60px 0; }
    
    #hakkimizda-katman3 .hk3-icon {
        font-size: 45px;
        margin-bottom: 15px;
    }
    
    #hakkimizda-katman3 .hk3-title {
        font-size: 22px;
    }
    
    #hakkimizda-katman3 .hk3-text {
        font-size: 12px;
    }
    
    #hakkimizda-katman3 .hk3-item {
        margin-bottom: 30px;
    }
}

/* ==========================================================================
   HAKKIMIZDA KATMAN 4 (#hakkimizda-katman4) STYLES (ORION)
   ========================================================================== */

#hakkimizda-katman4 {
    background-color: #ffffff; /* Temiz beyaz arka plan */
    padding: 100px 0;
    color: #111111;
}

/* --- Başlık --- */
#hakkimizda-katman4 .hk4-main-title {
    font-size: 46px;
    font-weight: 400;
    font-style: italic;
    color: #000000;
    margin: 0;
	font-family:var(--font2);
}

/* --- Grid ve Kutular --- */
#hakkimizda-katman4 .hk4-grid-wrapper {
    position: relative;
}

#hakkimizda-katman4 .hk4-box {
    background-color: #eef2f5; /* Görseldeki çok açık gri-mavi tonu */
    padding: 40px 20px;
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#hakkimizda-katman4 .hk4-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.05);
}

#hakkimizda-katman4 .hk4-box-title {
    font-size: 16px;
    font-weight: 700;
    font-style: italic;
    color: #111111;
    margin-bottom: 12px;
	font-family:var(--font2);
}

#hakkimizda-katman4 .hk4-box-text {
    font-size: 13px;
    color: #444444;
    line-height: 1.6;
    margin: 0;
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
}

/* --- Kesişim Noktasındaki Yıldızlar --- */
#hakkimizda-katman4 .hk4-star {
    position: absolute;
    top: 50%; /* Dikeyde tam orta */
    width: 44px;
    height: 44px;
    background-color: #ffffff;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    color: #111111;
    z-index: 2;
    transform: translate(-50%, -50%); /* Kendi merkezinden hizalar */
}

/* 1. Sütun ile 2. Sütun Arası (Genişliğin tam 1/3'ü) */
#hakkimizda-katman4 .hk4-star-left {
    left: 33.3333%;
}

/* 2. Sütun ile 3. Sütun Arası (Genişliğin tam 2/3'ü) */
#hakkimizda-katman4 .hk4-star-right {
    left: 66.6666%;
}

/* --- Alt İstatistikler --- */
#hakkimizda-katman4 .hk4-stats-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#hakkimizda-katman4 .hk4-stat-box {
    text-align: center;
    flex: 1;
}

#hakkimizda-katman4 .hk4-stat-num {
    font-size: 52px;
    font-weight: 700;
    color: #111111;
    margin-bottom: 5px;
    line-height: 1;
	font-family:var(--font2);
}

#hakkimizda-katman4 .hk4-stat-label {
    font-size: 14px;
    color: #555555;
    margin: 0;
}

#hakkimizda-katman4 .hk4-stat-divider {
    width: 1px;
    height: 70px;
    background-color: #000000; /* Görseldeki belirgin siyah çizgi */
}


/* ================= RESPONSIVE (MOBİL VE TABLET UYUM) ================= */

@media (max-width: 991px) {
    #hakkimizda-katman4 { padding: 80px 0; }
    #hakkimizda-katman4 .hk4-main-title { font-size: 38px; }
    #hakkimizda-katman4 .hk4-stat-num { font-size: 42px; }
    
    /* Not: Yıldızlar (.hk4-star) tablet ve mobilde 2'li veya 1'li grid'e dönüştüğü için HTML'de d-lg-flex ile sadece desktop'ta gösteriliyor, bu yüzden buraya gizleme kodu yazmaya gerek yok. */
}

@media (max-width: 767px) {
    #hakkimizda-katman4 { padding: 60px 0; }
    #hakkimizda-katman4 .hk4-main-title { font-size: 32px; }
    
    /* Mobilde istatistikleri alt alta diziyoruz */
    #hakkimizda-katman4 .hk4-stats-wrapper {
        flex-direction: column;
        gap: 30px;
    }
    
    #hakkimizda-katman4 .hk4-stat-divider {
        width: 80px;
        height: 1px;
    }
}

/* ==========================================================================
   DOKTORLARIMIZ DETAY BÖLÜMÜ (#doktorlarpage) STYLES (ORION)
   ========================================================================== */

#doktorlarpage {
    /* Çok hafif, ferah bir gri/beyaz zemin */
    background-color: #fafbfd; 
    padding: 100px 0;
    color: #111111;
}

/* --- ÜST BAŞLIK ALANI --- */
#doktorlarpage .dp-main-title {
    font-size: 46px;
    font-weight: 400;
    font-style: italic; /* Görseldeki italik başlık stili */
    color: #000000;
    margin-bottom: 15px;
	font-family:var(--font2);
}

#doktorlarpage .dp-subtitle {
    font-size: 14px;
    color: #555555;
    margin: 0 auto;
    max-width: 600px;
}

/* --- SOL KOLON (GÖRSEL) --- */
#doktorlarpage .dp-img-wrapper {
    width: 100%;
    /* Tasarımda köşeler keskin olduğu için border-radius kullanmadık */
    overflow: hidden;
    background-color: #f0f0f0; /* Fotoğraf yüklenene kadar gri zemin */
}

#doktorlarpage .dp-img-wrapper img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}

/* --- SAĞ KOLON (BİLGİLER / CV) --- */
#doktorlarpage .dp-header {
    margin-bottom: 35px;
}

#doktorlarpage .dp-dr-title {
    display: block;
    font-size: 16px;
    color: #333333;
    margin-bottom: 5px;
	font-family:var(--font2);
}

#doktorlarpage .dp-dr-name {
    font-size: 36px;
    font-weight: 800;
    font-style: italic;
    color: #000000;
    margin: 0;
	font-family:var(--font2);
}

/* Alt Bölümler (Hakkında, Eğitim vb.) */
#doktorlarpage .dp-cv-section {
    margin-bottom: 30px;
}

/* Başlık ve Alt Çizgi */
#doktorlarpage .dp-cv-title {
    font-size: 16px;
    font-weight: 700;
    color: #111111;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #cccccc; /* Görseldeki ince yatay çizgi */
}

/* Metin İçeriği */
#doktorlarpage .dp-cv-text {
    font-size: 13px;
    color: #444444;
    line-height: 1.8;
    margin: 0;
}


/* ================= RESPONSIVE (MOBİL VE TABLET UYUM) ================= */

@media (max-width: 991px) {
    #doktorlarpage { padding: 80px 0; }
    
    #doktorlarpage .dp-main-title { font-size: 38px; }
    #doktorlarpage .dp-dr-name { font-size: 32px; }
}

@media (max-width: 767px) {
    #doktorlarpage { padding: 60px 0; }
    
    #doktorlarpage .dp-main-title { 
        font-size: 32px; 
    }
    
    #doktorlarpage .dp-header {
        margin-top: 10px;
        margin-bottom: 25px;
    }
    
    #doktorlarpage .dp-cv-section {
        margin-bottom: 25px;
    }
    
    #doktorlarpage .dp-cv-text {
        font-size: 12px; /* Mobilde yazıları bir tık küçültüyoruz */
    }
}

/* ==========================================================================
   TEDAVİLER DETAY BÖLÜMÜ (#tedavilerpage) STYLES (ORION)
   ========================================================================== */

#tedavilerpage {
    /* Görseldeki gibi ferah, çok açık renkli veya beyaz zemin */
    background-color: #fafbfd; 
    padding: 100px 0 130px 0; /* Alttan taşan kutular için alt padding'i biraz fazla tuttuk */
    color: #111111;
}

#tedavilerpage ul,ol {
        padding-left: 16px;
    }

/* --- BAŞLIK ALANI --- */
#tedavilerpage .tp-main-title {
    font-size: 42px;
    font-weight: 700;
    font-style: italic; /* Görseldeki italik form */
    color: #000000;
    margin-bottom: 15px;
	font-family:var(--font2);
}

#tedavilerpage .tp-subtitle {
    font-size: 14px;
    color: #555555;
    margin: 0;
}

/* --- KART TASARIMI --- */
#tedavilerpage .tp-card {
    position: relative;
    display: block;
    text-decoration: none;
    color: inherit;
    /* Kutunun hover animasyonu için */
    transition: transform 0.3s ease;
    margin-bottom: 25px; /* Alttan taşan oval kutu için ekstra boşluk */
}

#tedavilerpage .tp-card:hover {
    transform: translateY(-5px);
}

/* Görsel Kutusu */
#tedavilerpage .tp-img-wrapper {
    width: 100%;
    overflow: hidden;
    background-color: #e0e0e0;
}

#tedavilerpage .tp-img-wrapper img {
    width: 100%;
    aspect-ratio: 1 / 1; /* Görseller kare (1:1) formatta duruyor */
    object-fit: cover;
    display: block;
    transition: transform 0.6s ease;
}

#tedavilerpage .tp-card:hover .tp-img-wrapper img {
    transform: scale(1.05); /* Üzerine gelince resim hafif yakınlaşır */
}

/* Resmin Altına Taşan Oval Başlık Kutusu */
#tedavilerpage .tp-card-title-box {
    position: absolute;
    bottom: -22px; /* Resmin alt sınırından dışarı taşır */
    left: 50%;
    transform: translateX(-50%); /* Tam merkeze hizalar */
    background-color: #ffffff;
    border: 1px solid #c0d1e2; /* Görseldeki hafif mavimsi/gri ince çerçeve */
    padding: 12px 30px;
    border-radius: 50px; /* Hap (pill) formu */
    font-size: 16px;
    font-weight: 700;
    font-style: italic;
    color: #111111;
    white-space: nowrap; /* Yazının alt satıra geçmesini engeller */
    box-shadow: 0 5px 15px rgba(0,0,0,0.03); /* Hafif derinlik */
    transition: all 0.3s ease;
    z-index: 2;
	font-family:var(--font2);
}

#tedavilerpage .tp-card:hover .tp-card-title-box {
    color: #0056b3; /* Orion markasının mavi tonu (hover) */
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    border-color: #0056b3;
}


/* ================= RESPONSIVE (MOBİL VE TABLET UYUM) ================= */

@media (max-width: 991px) {
    #tedavilerpage { padding: 80px 0 100px 0; }
    #tedavilerpage .tp-main-title { font-size: 36px; }
}

@media (max-width: 767px) {
    #tedavilerpage { padding: 60px 0 80px 0; }
    
    #tedavilerpage .tp-main-title { 
        font-size: 28px; 
    }
    
    #tedavilerpage .tp-subtitle {
        font-size: 13px;
    }
    
    /* Mobilde kart aralıklarını biraz açalım ki oval kutular birbirine girmesin */
    #tedavilerpage .tp-card {
        margin-bottom: 40px;
    }
    
    #tedavilerpage .tp-card-title-box {
        font-size: 14px;
        padding: 10px 25px;
        bottom: -20px;
    }
}


/* ==========================================================================
   TEDAVİ DETAY BÖLÜMÜ (#tedavidetay) STYLES (ORION)
   ========================================================================== */

#tedavidetay {
    /* Görseldeki gibi temiz, çok açık bir arka plan */
    background-color: #fdfdfd;
    padding: 100px 0;
    color: #111111;
}

/* --- SOL KOLON (İçerik) --- */
#tedavidetay .tdd-main-title {
    font-size: 46px;
    font-weight: 700;
    font-style: italic;
    color: #111111;
    margin-bottom: 20px;
	font-family:var(--font2);
}

#tedavidetay .tdd-intro {
    font-size: 14px;
    color: #333333;
    line-height: 1.6;
    margin-bottom: 30px;
    font-weight: 500;
}

#tedavidetay .tdd-hero-img {
    margin-bottom: 40px;
    overflow: hidden;
}

#tedavidetay .tdd-hero-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}

#tedavidetay .tdd-content p {
    font-size: 14px;
    color: #444444;
    line-height: 1.8;
    margin-bottom: 25px;
    text-align: justify;
}

#tedavidetay .tdd-content li {
    font-size: 14px;
    color: #444444;
    line-height: 1.8;
    text-align: justify;
}

#tedavidetay .tdd-content ul,ol {
    padding-left:20px;
	margin-bottom: 25px;
}

#tedavidetay .tdd-content h3 {
    font-size: 22px;
    font-weight: 700;
    color: #111111;
    margin: 40px 0 20px 0;
}


/* --- SAĞ KOLON (Sidebar) --- */
#tedavidetay .tdd-sidebar {
    position: sticky;
    top: 100px; /* Sayfa aşağı kayarken menünün ekranda sabit kalmasını sağlar */
}

/* Widget 1: Menü */
#tedavidetay .tdd-widget-title {
    font-size: 15px;
    font-weight: 800;
    color: #111111;
    margin-bottom: 10px;
    text-align: right; /* Tasarımdaki gibi sağa yaslı */
    border-bottom: 1px solid #111111;
    padding-bottom: 10px;
}

#tedavidetay .tdd-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

#tedavidetay .tdd-menu-list li {
    border-bottom: 1px solid #dddddd;
}

#tedavidetay .tdd-menu-list a {
    display: block;
    padding: 8px 0;
    font-size: 13px;
    color: #888888;
    text-decoration: none;
    text-align: right; /* Menü linkleri tasarımdaki gibi sağa yaslı */
    transition: color 0.3s ease;
}

#tedavidetay .tdd-menu-list a:hover,
#tedavidetay .tdd-menu-list a.active {
    color: #111111;
    font-weight: 600;
}

/* Widget 2: Form ("Bize Danışın") */
#tedavidetay .tdd-form-title {
    font-size: 42px;
    color: #000000;
    margin-bottom: 25px;
    line-height: 1.1;
    text-align: right;
	font-family:var(--font2);
}

#tedavidetay .tdd-light {
    font-weight: 300;
}

#tedavidetay .tdd-italic {
    font-weight: 800;
    font-style: italic;
}

#tedavidetay .tdd-input-group {
    margin-bottom: 10px;
    position: relative;
}

#tedavidetay .tdd-input {
    width: 100%;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #999999;
    padding: 10px 0;
    font-size: 12px;
    color: #333333;
    outline: none;
    transition: border-color 0.3s ease;
}

#tedavidetay .tdd-input::placeholder {
    color: #bbbbbb;
}

#tedavidetay .tdd-input:focus {
    border-bottom-color: #0056b3;
}

/* Select Dropdown Oku */
#tedavidetay .tdd-select {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bbbbbb' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 14px;
    cursor: pointer;
    color: #bbbbbb;
}

#tedavidetay .tdd-select:focus,
#tedavidetay .tdd-select option {
    color: #333333;
}

/* Textarea - Çizgili Yapı */
#tedavidetay .tdd-textarea {
    resize: none;
    line-height: 35px;
    background-image: linear-gradient(transparent, transparent 34px, #999999 34px, #999999 35px);
    background-size: 100% 35px;
    border-bottom: none;
}

#tedavidetay .tdd-textarea:focus {
    background-image: linear-gradient(transparent, transparent 34px, #0056b3 34px, #0056b3 35px);
}

/* Form Butonu */
#tedavidetay .tdd-submit-btn {
    width: 100%; /* Tasarımda kapsayıcının ortasında uzun bir buton formunda */
    background-color: #004d99; /* Orion Laciverti */
    color: #ffffff;
    font-size: 13px;
    font-weight: 500;
    padding: 12px 0;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s ease;
}

#tedavidetay .tdd-submit-btn:hover {
    background-color: #003366;
    transform: translateY(-2px);
}


/* ================= RESPONSIVE (MOBİL VE TABLET UYUM) ================= */

@media (max-width: 991px) {
    #tedavidetay { padding: 80px 0; }
    #tedavidetay .tdd-main-title { font-size: 38px; }
    
    /* Tablette sidebar'ı normal akışa döndür (sticky iptal) */
    #tedavidetay .tdd-sidebar {
        position: static;
        margin-top: 50px;
    }
}

@media (max-width: 767px) {
    #tedavidetay { padding: 60px 0; }
    
    #tedavidetay .tdd-main-title { 
        font-size: 32px; 
    }
    
    #tedavidetay .tdd-content p {
        text-align: left;
    }
    
    #tedavidetay .tdd-form-title {
        font-size: 36px;
    }
}

/* ==========================================================================
   SERVİSLER KATMAN 1 (#servisler-katman1) STYLES (ORION)
   ========================================================================== */

#servisler-katman1 {
    /* Görseldeki gibi ferah, merkezden dışa çok hafif gri-beyaz geçişi (veya düz beyaz) */
    background: radial-gradient(circle, #ffffff 0%, #f9fafc 100%);
    padding: 100px 0;
    color: #111111;
}

/* --- ÜST BÖLÜM (Welcome) --- */
#servisler-katman1 .srv-welcome-title {
    font-size: 46px;
    font-weight: 400;
    font-style: italic;
    color: #000000;
    margin-bottom: 15px;
	font-family:var(--font2);
}

#servisler-katman1 .srv-welcome-desc {
    font-size: 14px;
    color: #555555;
    line-height: 1.6;
    max-width: 650px;
    margin: 0 auto;
}

/* Butonlar */
#servisler-katman1 .srv-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

#servisler-katman1 .srv-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 30px;
    border-radius: 50px; /* Hap formunda butonlar */
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

#servisler-katman1 .srv-btn-blue {
    background-color: #004d99; /* Lacivert/Mavi tonu */
    color: #ffffff;
}

#servisler-katman1 .srv-btn-blue:hover {
    background-color: #003366;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 77, 153, 0.3);
}

#servisler-katman1 .srv-btn-gold {
    /* Görseldeki gibi altın/sarı geçişli */
    background: linear-gradient(to right, #f8cc6b, #dfa233);
    color: #111111;
}

#servisler-katman1 .srv-btn-gold:hover {
    background: linear-gradient(to right, #fcd379, #c78d26);
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(223, 162, 51, 0.3);
}


/* --- ALT BÖLÜM (All-Inclusive) --- */
#servisler-katman1 .srv-main-title {
    font-size: 40px;
    font-weight: 400;
    font-style: italic;
    color: #000000;
    margin: 0;
	font-family:var(--font2);
}

/* Hizmet Kutuları */
#servisler-katman1 .srv-item {
    text-align: center;
    padding: 0 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#servisler-katman1 .srv-icon {
    font-size: 50px;
    color: #111111;
    margin-bottom: 20px;
    line-height: 1;
    transition: transform 0.3s ease;
}

#servisler-katman1 .srv-item:hover .srv-icon {
    transform: scale(1.1); /* Hover durumunda ikon hafif büyür */
}

#servisler-katman1 .srv-item-title {
    font-size: 18px;
    font-weight: 700;
    font-style: italic;
    color: #111111;
    margin-bottom: 12px;
}

#servisler-katman1 .srv-item-desc {
    font-size: 13px;
    color: #555555;
    line-height: 1.6;
    margin: 0;
    max-width: 280px;
}


/* ================= RESPONSIVE (MOBİL VE TABLET UYUM) ================= */

@media (max-width: 991px) {
    #servisler-katman1 { padding: 80px 0; }
    #servisler-katman1 .srv-welcome-title { font-size: 38px; }
    #servisler-katman1 .srv-main-title { font-size: 34px; }
}

@media (max-width: 767px) {
    #servisler-katman1 { padding: 60px 0; }
    
    #servisler-katman1 .srv-welcome-title { 
        font-size: 32px; 
    }
    
    #servisler-katman1 .srv-main-title { 
        font-size: 28px; 
    }
    
    /* Mobilde butonlar alt alta daha rahat tıklanır */
    #servisler-katman1 .srv-buttons {
        flex-direction: column;
        gap: 15px;
    }
    
    #servisler-katman1 .srv-btn {
        width: 100%;
    }
    
    #servisler-katman1 .srv-icon {
        font-size: 40px;
        margin-bottom: 15px;
    }
    
    #servisler-katman1 .srv-item-title {
        font-size: 16px;
    }
}


/* ==========================================================================
   SERVİSLER KATMAN 2 (#servisler-katman2) STYLES (ORION)
   ========================================================================== */

#servisler-katman2 {
    background-color: #ffffff; /* Temiz beyaz arka plan */
    padding: 100px 0;
    color: #111111;
}

/* --- Başlık --- */
#servisler-katman2 .srv2-main-title {
    font-size: 46px;
    font-weight: 400;
    font-style: italic;
    color: #000000;
    margin: 0;
	font-family:var(--font2);
}

/* --- Grid ve Kutular --- */
#servisler-katman2 .srv2-grid-wrapper {
    position: relative;
}

#servisler-katman2 .srv2-box {
    background-color: #eef2f5; /* Görseldeki çok açık gri-mavi tonu */
    padding: 40px 20px;
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#servisler-katman2 .srv2-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.05);
}

#servisler-katman2 .srv2-box-title {
    font-size: 16px;
    font-weight: 700;
    font-style: italic;
    color: #111111;
    margin-bottom: 15px;
}

#servisler-katman2 .srv2-box-text {
    font-size: 13px;
    color: #444444;
    line-height: 1.6;
    margin: 0;
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
}

/* --- Kesişim Noktasındaki Yıldızlar --- */
#servisler-katman2 .srv2-star {
    position: absolute;
    top: 50%; /* Dikeyde tam orta */
    width: 44px;
    height: 44px;
    background-color: #ffffff;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    color: #111111;
    z-index: 2;
    transform: translate(-50%, -50%); /* Kendi merkezinden hizalar */
}

/* 1. Sütun ile 2. Sütun Arası (Genişliğin tam 1/3'ü) */
#servisler-katman2 .srv2-star-left {
    left: 33.3333%;
}

/* 2. Sütun ile 3. Sütun Arası (Genişliğin tam 2/3'ü) */
#servisler-katman2 .srv2-star-right {
    left: 66.6666%;
}


/* ================= RESPONSIVE (MOBİL VE TABLET UYUM) ================= */

@media (max-width: 991px) {
    #servisler-katman2 { padding: 80px 0; }
    #servisler-katman2 .srv2-main-title { font-size: 38px; }
    
    /* Not: Yıldızlar (.srv2-star) tablet ve mobilde 2'li veya 1'li grid'e dönüştüğü için HTML'de d-lg-flex ile sadece desktop'ta gösteriliyor, bu yüzden buraya gizleme kodu yazmaya gerek yok. */
}

@media (max-width: 767px) {
    #servisler-katman2 { padding: 60px 0; }
    #servisler-katman2 .srv2-main-title { font-size: 32px; }
}

/* ==========================================================================
   SERVİSLER KATMAN 3 (#servisler-katman3) STYLES (ORION)
   ========================================================================== */

#servisler-katman3 {
    background-color: #ffffff; /* Temiz beyaz zemin */
    padding: 100px 0;
    color: #111111;
}

/* --- Başlık --- */
#servisler-katman3 .srv3-main-title {
    font-size: 46px;
    font-weight: 400;
    font-style: italic;
    color: #000000;
    margin: 0;
	font-family:var(--font2);
}

/* --- Liste Yapısı --- */
#servisler-katman3 .srv3-list-wrapper {
    display: flex;
    flex-direction: column;
}

/* Her Bir Satır (Adım) */
#servisler-katman3 .srv3-item {
    display: flex;
    align-items: flex-start;
    padding: 25px 0;
    border-bottom: 1px solid #d8d8d8; /* Görseldeki alt gri çizgi */
    transition: background-color 0.3s ease;
}


/* Hover Efekti (İsteğe Bağlı) */
#servisler-katman3 .srv3-item:hover {
    background-color: #fcfcfc;
}

/* Büyük Sayı */
#servisler-katman3 .srv3-number {
    font-size: 42px;
    font-weight: 700;
    font-style: italic; /* Görseldeki italik sayı stili */
    color: #000000;
    line-height: 1;
    min-width: 65px; /* Sayıların aynı hizada durması için genişlik */
    text-align: right;
	font-family:var(--font2);
}

/* Dikey Ayırıcı Çizgi */
#servisler-katman3 .srv3-divider {
    width: 2px;
    height: 45px; /* Başlık ve sayı boyutu kadar uzunluk */
    background-color: #cccccc;
    margin: 0 25px;
    align-self: flex-start;
}

/* Metin İçeriği */
#servisler-katman3 .srv3-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#servisler-katman3 .srv3-title {
    font-size: 16px;
    font-weight: 700;
    color: #111111;
    margin-bottom: 8px;
}

#servisler-katman3 .srv3-text {
    font-size: 13px;
    color: #444444;
    line-height: 1.6;
    margin: 0;
}


/* ================= RESPONSIVE (MOBİL VE TABLET UYUM) ================= */

@media (max-width: 991px) {
    #servisler-katman3 { padding: 80px 0; }
    #servisler-katman3 .srv3-main-title { font-size: 38px; }
}

@media (max-width: 767px) {
    #servisler-katman3 { padding: 60px 0; }
    #servisler-katman3 .srv3-main-title { font-size: 32px; }
    
    /* Mobilde sayıyı biraz küçültüp, aradaki boşlukları daraltıyoruz */
    #servisler-katman3 .srv3-item {
        padding: 20px 0;
    }
    
    #servisler-katman3 .srv3-number {
        font-size: 32px;
        min-width: 45px;
    }
    
    #servisler-katman3 .srv3-divider {
        margin: 0 15px;
        height: 35px;
    }
    
    #servisler-katman3 .srv3-title {
        font-size: 15px;
        margin-bottom: 5px;
    }
    
    #servisler-katman3 .srv3-text {
        font-size: 12px;
    }
}

/* ==========================================================================
   SERVİSLER KATMAN 4 (#servisler-katman4) STYLES (ORION)
   ========================================================================== */

#servisler-katman4 {
    /* Diğer alanlardaki gibi ferah, merkezden dışa çok hafif gri-beyaz geçişi */
    background: radial-gradient(circle, #ffffff 0%, #f4f6f9 100%);
    padding: 100px 0;
    color: #111111;
}

/* --- Başlık --- */
#servisler-katman4 .srv4-main-title {
    font-size: 46px;
    font-weight: 400;
    font-style: italic;
    color: #000000;
    margin: 0;
	font-family:var(--font2);
}

/* --- Dil Kutuları --- */
#servisler-katman4 .srv4-lang-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 15px; /* Bayrak ile yazı arasındaki boşluk */
    transition: transform 0.3s ease;
    cursor: default;
}

#servisler-katman4 .srv4-lang-item:hover {
    transform: translateY(-5px); /* Üzerine gelince hafif yukarı kalkma efekti */
}

/* --- Bayrak İkonu --- */
#servisler-katman4 .srv4-flag {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Tasarımdaki derinlik için hafif gölge */
    border: 1px solid rgba(0,0,0,0.05); /* Çok hafif bir dış çerçeve */
}

#servisler-katman4 .srv4-flag img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* --- Dil İsmi --- */
#servisler-katman4 .srv4-lang-name {
    font-size: 14px;
    font-weight: 500;
    color: #333333;
    margin: 0;
}


/* ================= RESPONSIVE (MOBİL VE TABLET UYUM) ================= */

@media (max-width: 991px) {
    #servisler-katman4 { padding: 80px 0; }
    #servisler-katman4 .srv4-main-title { font-size: 38px; }
}

@media (max-width: 767px) {
    #servisler-katman4 { padding: 60px 0; }
    #servisler-katman4 .srv4-main-title { font-size: 32px; }
    
    /* Mobilde bayrakları biraz küçültüyoruz */
    #servisler-katman4 .srv4-flag {
        width: 50px;
        height: 50px;
    }
    
    #servisler-katman4 .srv4-lang-item {
        gap: 10px;
    }
    
    #servisler-katman4 .srv4-lang-name {
        font-size: 13px;
    }
}

/* ==========================================================================
   ADIMLAR KATMAN 1 / NEDEN ORION (#adimlar-katman1) STYLES
   ========================================================================== */

#adimlar-katman1 {
    /* Görseldeki gibi merkeze doğru çok tatlı bir aydınlık hissi */
    background: radial-gradient(circle, #ffffff 0%, #f4f6f9 100%);
    padding: 100px 0;
    color: #111111;
}

/* --- ÜST BÖLÜM (Tipografi) --- */
#adimlar-katman1 .ak1-main-title {
    font-size: 42px;
    font-weight: 400;
    font-style: italic;
    color: #000000;
    margin-bottom: 15px;
	font-family:var(--font2);
}

#adimlar-katman1 .ak1-subtitle {
    font-size: 14px;
    font-weight: 700;
    color: #333333;
    margin-bottom: 25px;
    letter-spacing: 0.5px;
}

#adimlar-katman1 .ak1-desc {
    font-size: 13px;
    color: #555555;
    line-height: 1.6;
    margin: 0 auto;
    max-width: 650px;
}

/* --- ALT BÖLÜM (Neden Orion) --- */
#adimlar-katman1 .ak1-secondary-title {
    font-size: 38px;
    font-weight: 400;
    font-style: italic;
    color: #000000;
    margin-top: 40px;
    margin-bottom: 30px;
	font-family:var(--font2);
}

/* İkon ve Metin Kutusu */
#adimlar-katman1 .ak1-feature-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    height: 100%;
    position: relative;
    padding: 10px;
}

#adimlar-katman1 .ak1-icon {
    font-size: 42px;
    color: #111111;
    margin-bottom: 15px;
    line-height: 1;
    transition: transform 0.3s ease;
}

#adimlar-katman1 .ak1-feature-item:hover .ak1-icon {
    transform: translateY(-5px) scale(1.05); /* Hover'da hafif hareket */
}

#adimlar-katman1 .ak1-text {
    font-size: 12px;
    color: #333333;
    font-weight: 500;
    line-height: 1.4;
    margin: 0;
}

/* --- Masaüstü İçin Dikey Ayırıcı Çizgiler (Dividers) --- */
@media (min-width: 992px) {
    /* Son eleman (.ak1-col:last-child) HARİÇ hepsinin sağına dikey çizgi atar */
    #adimlar-katman1 .ak1-col:not(:last-child) .ak1-feature-item::after {
        content: "";
        position: absolute;
        right: -10px; /* Sütun boşluğunun yarısı kadar sağa iter */
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
        height: 45px; /* Çizginin boyu */
        background-color: #cccccc; /* Görseldeki ince gri çizgi */
    }
}


/* ================= RESPONSIVE (MOBİL VE TABLET UYUM) ================= */

@media (max-width: 991px) {
    #adimlar-katman1 { padding: 80px 0; }
    #adimlar-katman1 .ak1-main-title { font-size: 36px; }
    #adimlar-katman1 .ak1-secondary-title { font-size: 32px; margin-top: 20px; }
    
    /* Tablet ve mobilde aradaki ince çizgileri gizliyoruz ki tasarımsal olarak üst üste binmesinler */
    #adimlar-katman1 .ak1-feature-item::after {
        display: none;
    }
}

@media (max-width: 767px) {
    #adimlar-katman1 { padding: 60px 0; }
    #adimlar-katman1 .ak1-main-title { font-size: 28px; }
    #adimlar-katman1 .ak1-secondary-title { font-size: 28px; }
    
    #adimlar-katman1 .ak1-desc {
        font-size: 12px;
        padding: 0 10px;
    }
    
    #adimlar-katman1 .ak1-icon {
        font-size: 36px;
    }
    
    #adimlar-katman1 .ak1-text {
        font-size: 11px;
    }
}

/* ==========================================================================
   ADIMLAR KATMAN 2 / YOLCULUĞUNUZ 3 AŞAMADA (#adimlar-katman2) STYLES
   ========================================================================== */

#adimlar-katman2 {
    background-color: #ffffff; /* Temiz beyaz zemin */
    padding: 100px 0;
    color: #111111;
}

/* --- ÜST BÖLÜM (Başlıklar) --- */
#adimlar-katman2 .ak2-main-title {
    font-size: 46px;
    font-weight: 400;
    font-style: italic;
    color: #000000;
    margin-bottom: 15px;
	font-family:var(--font2);
}

#adimlar-katman2 .ak2-subtitle {
    font-size: 14px;
    color: #555555;
    font-weight: 500;
    margin: 0;
}

/* --- ADIM BLOKLARI --- */
#adimlar-katman2 .ak2-step-block {
    margin-bottom: 60px;
}

#adimlar-katman2 .ak2-step-block:last-child {
    margin-bottom: 0;
}

/* Başlık Satırı (Sayı + Çizgi + Başlık + Yatay Çizgi) */
#adimlar-katman2 .ak2-step-header {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 25px;
}

#adimlar-katman2 .ak2-num {
    font-size: 48px;
    font-weight: 700;
    font-style: italic;
    color: #000000;
    line-height: 1;
	font-family:var(--font2);
}

/* Dikey İnce Ayırıcı */
#adimlar-katman2 .ak2-v-divider {
    width: 1px;
    height: 35px;
    background-color: #999999;
}

#adimlar-katman2 .ak2-step-title {
    font-size: 20px;
    font-weight: 600;
    color: #111111;
    margin: 0;
    white-space: nowrap; /* Başlığın alt satıra inmesini önler */
}

/* Yatay Uzayan Çizgi */
#adimlar-katman2 .ak2-h-divider {
    flex-grow: 1; /* Arta kalan tüm boşluğu kaplar */
    height: 1px;
    background-color: #cccccc;
}

/* --- LİSTE TASARIMI --- */
#adimlar-katman2 .ak2-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

#adimlar-katman2 .ak2-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 15px;
    font-size: 14px;
    color: #444444;
    line-height: 1.6;
}

#adimlar-katman2 .ak2-list li:last-child {
    margin-bottom: 0;
}

#adimlar-katman2 .ak2-list i {
    font-size: 22px;
    color: #d9a05b; /* Görseldeki altın/turuncu onay ikonu rengi */
    margin-top: -2px; /* İkonu metinle hizalamak için ufak dokunuş */
}


/* ================= RESPONSIVE (MOBİL VE TABLET UYUM) ================= */

@media (max-width: 991px) {
    #adimlar-katman2 { padding: 80px 0; }
    #adimlar-katman2 .ak2-main-title { font-size: 38px; }
}

@media (max-width: 767px) {
    #adimlar-katman2 { padding: 60px 0; }
    
    #adimlar-katman2 .ak2-main-title { 
        font-size: 32px; 
    }
    
    #adimlar-katman2 .ak2-subtitle {
        font-size: 13px;
    }
    
    /* Mobilde başlık satırı sıkışmasın diye boyutları biraz ufaltıyoruz */
    #adimlar-katman2 .ak2-step-header {
        gap: 12px;
        margin-bottom: 20px;
    }
    
    #adimlar-katman2 .ak2-num {
        font-size: 36px;
    }
    
    #adimlar-katman2 .ak2-v-divider {
        height: 25px;
    }
    
    #adimlar-katman2 .ak2-step-title {
        font-size: 16px;
    }
    
    /* Çok küçük ekranlarda yatay çizgiyi gizleyebiliriz veya ufaltabiliriz */
    @media (max-width: 400px) {
        #adimlar-katman2 .ak2-h-divider {
            display: none;
        }
    }
    
    #adimlar-katman2 .ak2-list li {
        font-size: 13px;
    }
    
    #adimlar-katman2 .ak2-step-block {
        margin-bottom: 40px;
    }
}

/* ==========================================================================
   ADIMLAR KATMAN 3 / KONUM & ULAŞIM (#adimlar-katman3) STYLES
   ========================================================================== */

#adimlar-katman3 {
    background-color: #ffffff; /* Temiz beyaz zemin */
    padding: 100px 0;
    color: #111111;
}

/* --- Başlık Alanı --- */
#adimlar-katman3 .ak3-main-title {
    font-size: 46px;
    font-weight: 400;
    font-style: italic;
    color: #000000;
    margin-bottom: 15px;
	font-family:var(--font2);
}

#adimlar-katman3 .ak3-subtitle {
    font-size: 16px;
    font-weight: 700;
    color: #333333;
    margin-bottom: 20px;
}

#adimlar-katman3 .ak3-desc {
    font-size: 14px;
    color: #555555;
    line-height: 1.6;
    margin: 0 auto;
    max-width: 650px;
}

/* --- Kart Tasarımı --- */
#adimlar-katman3 .ak3-card {
    background-color: #eef2f5; /* Görseldeki açık gri/mavi ferah zemin */
    padding: 40px 30px;
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#adimlar-katman3 .ak3-card:hover {
    transform: translateY(-5px); /* Hoverda hafifçe yukarı kalkar */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
}

#adimlar-katman3 .ak3-card-title {
    font-size: 18px;
    font-weight: 700;
    font-style: italic; /* Görseldeki italik alt başlık */
    color: #111111;
    margin-bottom: 15px;
}

#adimlar-katman3 .ak3-card-text {
    font-size: 13px;
    color: #444444;
    line-height: 1.6;
    margin: 0;
}


/* ================= RESPONSIVE (MOBİL VE TABLET UYUM) ================= */

@media (max-width: 991px) {
    #adimlar-katman3 { padding: 80px 0; }
    #adimlar-katman3 .ak3-main-title { font-size: 38px; }
}

@media (max-width: 767px) {
    #adimlar-katman3 { padding: 60px 0; }
    
    #adimlar-katman3 .ak3-main-title { 
        font-size: 32px; 
    }
    
    #adimlar-katman3 .ak3-subtitle { 
        font-size: 14px; 
    }
    
    #adimlar-katman3 .ak3-desc {
        font-size: 13px;
    }
    
    /* Mobilde kart iç boşluklarını bir tık azaltıyoruz */
    #adimlar-katman3 .ak3-card { 
        padding: 30px 20px; 
    }
}

/* ==========================================================================
   ADIMLAR KATMAN 4 / SİZE ÖZEL DANIŞMAN (#adimlar-katman4) STYLES
   ========================================================================== */

#adimlar-katman4 {
    /* Merkeze doğru aydınlanan çok hafif beyaz-gri radyal gradyan */
    background: radial-gradient(circle, #ffffff 0%, #f4f6f9 100%);
    padding: 100px 0;
    color: #111111;
}

/* --- Başlık Alanı --- */
#adimlar-katman4 .ak4-main-title {
    font-size: 46px;
    font-weight: 400;
    font-style: italic; /* Görseldeki italik başlık */
    color: #000000;
    margin-bottom: 15px;
	font-family:var(--font2);
}

#adimlar-katman4 .ak4-subtitle {
    font-size: 15px;
    font-weight: 700;
    color: #333333;
    margin-bottom: 25px;
}

#adimlar-katman4 .ak4-desc {
    font-size: 13px;
    color: #555555;
    line-height: 1.6;
    margin: 0 auto;
    max-width: 650px;
}

/* --- Dil ve Bayrak Kartları --- */
#adimlar-katman4 .ak4-lang-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 12px; /* Bayrak ile metin arasındaki boşluk */
    transition: transform 0.3s ease;
    cursor: default;
}

#adimlar-katman4 .ak4-lang-item:hover {
    transform: translateY(-5px); /* Hoverda hafif yukarı kalkma */
}

/* Bayrak Daireleri */
#adimlar-katman4 .ak4-flag {
    width: 65px;
    height: 65px;
    border-radius: 50%; /* Tam yuvarlak */
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); /* Hafif derinlik hissi */
    border: 1px solid rgba(0,0,0,0.05);
}

#adimlar-katman4 .ak4-flag img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

#adimlar-katman4 .ak4-lang-name {
    font-size: 14px;
    font-weight: 500;
    color: #333333;
    margin: 0;
}

/* --- Alt Bilgi Notu --- */
#adimlar-katman4 .ak4-note {
    font-size: 12px;
    color: #444444;
    line-height: 1.6;
    margin: 0 auto;
    max-width: 650px;
}

#adimlar-katman4 .ak4-note strong {
    font-weight: 700;
    color: #111111;
}


/* ================= RESPONSIVE (MOBİL VE TABLET UYUM) ================= */

@media (max-width: 991px) {
    #adimlar-katman4 { padding: 80px 0; }
    #adimlar-katman4 .ak4-main-title { font-size: 38px; }
}

@media (max-width: 767px) {
    #adimlar-katman4 { padding: 60px 0; }
    
    #adimlar-katman4 .ak4-main-title { 
        font-size: 32px; 
    }
    
    #adimlar-katman4 .ak4-subtitle {
        font-size: 14px;
    }
    
    #adimlar-katman4 .ak4-desc {
        font-size: 12px;
        padding: 0 10px;
    }
    
    /* Mobilde bayrakları biraz küçültüyoruz */
    #adimlar-katman4 .ak4-flag {
        width: 50px;
        height: 50px;
    }
    
    #adimlar-katman4 .ak4-lang-name {
        font-size: 13px;
    }
    
    #adimlar-katman4 .ak4-note {
        font-size: 11px;
        padding: 0 15px;
    }
}

/* ==========================================================================
   ADIMLAR KATMAN 5 / NE GETİRMEMİZ GEREKİYOR (#adimlar-katman5) STYLES
   ========================================================================== */

#adimlar-katman5 {
    background-color: #ffffff; /* Görseldeki temiz, ferah zemin */
    padding: 100px 0;
    color: #111111;
}

/* --- Başlık Alanı --- */
#adimlar-katman5 .ak5-main-title {
    font-size: 46px;
    font-weight: 400;
    font-style: italic; /* Görseldeki italik şık başlık */
    color: #000000;
    margin-bottom: 15px;
	font-family:var(--font2);
}

#adimlar-katman5 .ak5-subtitle {
    font-size: 14px;
    font-weight: 600;
    color: #555555;
    margin: 0;
}

/* --- İçerik Blokları --- */
#adimlar-katman5 .ak5-block-title {
    font-size: 18px;
    font-weight: 700;
    font-style: italic; /* "Belgeler", "Pratik" gibi başlıklar italik */
    color: #000000;
    margin-bottom: 20px;
}

/* --- Liste Tasarımı --- */
#adimlar-katman5 .ak5-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

#adimlar-katman5 .ak5-list li {
    display: flex;
    align-items: flex-start; /* Çok satırlı metinlerde ikonu üstte tutar */
    gap: 12px;
    margin-bottom: 15px;
    font-size: 14px;
    color: #333333;
    line-height: 1.6;
}

#adimlar-katman5 .ak5-list li:last-child {
    margin-bottom: 0;
}

/* Onay İkonu */
#adimlar-katman5 .ak5-list i {
    font-size: 20px;
    color: #d9a05b; /* Önceki adımlardaki altın/turuncu check rengi */
    margin-top: 1px; /* Metinle kusursuz hizalama için */
    flex-shrink: 0; /* İkonun daralıp bozulmasını engeller */
}


/* ================= RESPONSIVE (MOBİL VE TABLET UYUM) ================= */

@media (max-width: 991px) {
    #adimlar-katman5 { padding: 80px 0; }
    #adimlar-katman5 .ak5-main-title { font-size: 38px; }
}

@media (max-width: 767px) {
    #adimlar-katman5 { padding: 60px 0; }
    
    #adimlar-katman5 .ak5-main-title { 
        font-size: 32px; 
    }
    
    #adimlar-katman5 .ak5-block {
        margin-top: 40px; /* Mobilde bloklar arası mesafeyi dengeler */
    }
    
    #adimlar-katman5 .ak5-list li {
        font-size: 13px;
    }
}

/* ==========================================================================
   ADIMLAR KATMAN 6 / SIKÇA SORULAN SORULAR (#adimlar-katman6) STYLES
   ========================================================================== */

#adimlar-katman6 {
    background-color: #ffffff; /* Temiz, ferah beyaz arka plan */
    padding: 100px 0;
    color: #111111;
}

/* --- Başlık Alanı --- */
#adimlar-katman6 .ak6-main-title {
    font-size: 46px;
    font-weight: 400;
    font-style: italic; /* Görseldeki italik, zarif başlık */
    color: #000000;
    margin: 0;
	font-family:var(--font2);
}

/* --- SSS Liste Kapsayıcısı --- */
#adimlar-katman6 .ak6-faq-wrapper {
    display: flex;
    flex-direction: column;
}

/* Her Bir Soru-Cevap Bloğu */
#adimlar-katman6 .ak6-faq-item {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #cccccc; /* Soruları ayıran ince gri çizgi */
}

/* Son elemanın altındaki çizgiyi kaldırmak için */
#adimlar-katman6 .ak6-faq-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

#adimlar-katman6 .ak6-faq-question {
    font-size: 16px;
    font-weight: 700;
    color: #111111;
    margin-bottom: 12px;
    line-height: 1.4;
}

#adimlar-katman6 .ak6-faq-answer {
    font-size: 14px;
    color: #444444;
    line-height: 1.7;
    margin: 0;
}


/* ================= RESPONSIVE (MOBİL VE TABLET UYUM) ================= */

@media (max-width: 991px) {
    #adimlar-katman6 { padding: 80px 0; }
    #adimlar-katman6 .ak6-main-title { font-size: 38px; }
}

@media (max-width: 767px) {
    #adimlar-katman6 { padding: 60px 0; }
    
    #adimlar-katman6 .ak6-main-title { 
        font-size: 32px; 
    }
    
    /* Mobilde soru aralıklarını çok az daraltıyoruz */
    #adimlar-katman6 .ak6-faq-item {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    
    #adimlar-katman6 .ak6-faq-question {
        font-size: 15px;
    }
    
    #adimlar-katman6 .ak6-faq-answer {
        font-size: 13px;
    }
}

/* ==========================================================================
   ADIMLAR KATMAN 7 / İLETİŞİM & PLANLAMA (#adimlar-katman7) STYLES
   ========================================================================== */

#adimlar-katman7 {
    background-color: #ffffff; /* Temiz ve ferah beyaz arka plan */
    padding: 100px 0;
    color: #111111;
}

/* --- Başlık Alanı --- */
#adimlar-katman7 .ak7-main-title {
    font-size: 46px;
    font-weight: 400;
    font-style: italic; /* Görseldeki italik şık başlık */
    color: #000000;
    margin-bottom: 20px;
	font-family:var(--font2);
}

#adimlar-katman7 .ak7-subtitle {
    font-size: 15px;
    font-weight: 700;
    color: #111111;
    margin-bottom: 15px;
}

#adimlar-katman7 .ak7-desc {
    font-size: 13px;
    color: #444444;
    line-height: 1.6;
    margin: 0 auto;
}

/* --- İletişim Listesi Alanı --- */
#adimlar-katman7 .ak7-contact-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center; /* Tüm bloğu merkeze hizalar */
}

#adimlar-katman7 .ak7-contact-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 25px;
    width: 100%;
    max-width: 450px; /* Metinlerin dikeyde aynı hizada durması için sınır */
}

#adimlar-katman7 .ak7-contact-item:last-child {
    margin-bottom: 0;
}

/* İkonlar */
#adimlar-katman7 .ak7-icon {
    font-size: 28px;
    color: #111111;
    width: 40px; /* İkonların hepsinin aynı alanı kaplaması için */
    text-align: right;
    transition: transform 0.3s ease;
}

#adimlar-katman7 .ak7-contact-item:hover .ak7-icon {
    transform: scale(1.1); /* Üzerine gelince çok hafif büyüme efekti */
}

/* Dikey Ayırıcı Çizgi */
#adimlar-katman7 .ak7-divider {
    width: 1px;
    height: 30px;
    background-color: #bbbbbb; /* Görseldeki ince gri çizgi */
    margin: 0 20px;
}

/* İletişim Metni */
#adimlar-katman7 .ak7-text {
    font-size: 15px;
    color: #111111;
    text-align: left;
    font-weight: 400;
}


/* ================= RESPONSIVE (MOBİL VE TABLET UYUM) ================= */

@media (max-width: 991px) {
    #adimlar-katman7 { padding: 80px 0; }
    #adimlar-katman7 .ak7-main-title { font-size: 38px; }
}

@media (max-width: 767px) {
    #adimlar-katman7 { padding: 60px 0; }
    
    #adimlar-katman7 .ak7-main-title { 
        font-size: 30px; 
    }
    
    #adimlar-katman7 .ak7-subtitle {
        font-size: 13px;
    }
    
    #adimlar-katman7 .ak7-desc {
        font-size: 12px;
    }
    
    /* Mobilde listeyi daraltıp aralıkları ufaltıyoruz */
    #adimlar-katman7 .ak7-contact-item {
        margin-bottom: 20px;
    }
    
    #adimlar-katman7 .ak7-icon {
        font-size: 24px;
        width: 30px;
    }
    
    #adimlar-katman7 .ak7-divider {
        margin: 0 15px;
        height: 25px;
    }
    
    #adimlar-katman7 .ak7-text {
        font-size: 13px;
    }
}


/* ==========================================================================
   HABERLER ANA SAYFASI (#haberlerpage) STYLES
   ========================================================================== */

#haberlerpage {
    /* Görseldeki gibi ferah ve çok açık arka plan */
    background: radial-gradient(circle, #ffffff 0%, #f9f9f9 100%);
    padding: 100px 0;
    color: #111111;
}

/* --- Başlık Alanı --- */
#haberlerpage .hp-main-title {
    font-size: 46px;
    font-weight: 400;
    font-style: italic; /* Görseldeki zarif italik başlık */
    color: #000000;
    margin-bottom: 15px;
	font-family:var(--font2);
}

#haberlerpage .hp-subtitle {
    font-size: 14px;
    color: #555555;
    line-height: 1.6;
    margin: 0 auto;
    max-width: 600px;
}

/* --- Kategori Filtre Menüsü --- */
#haberlerpage .hp-filter-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    gap: 40px;
    flex-wrap: wrap; /* Mobilde alt alta düşmesi için */
    border-bottom: 1px solid #eeeeee; /* Tasarımdaki ince alt çizgi */
}

#haberlerpage .hp-filter-menu li {
    margin-bottom: -1px; /* Active çizgisinin border üzerine oturması için */
}

#haberlerpage .hp-filter-menu a {
    display: inline-block;
    padding: 10px 0;
    font-size: 14px;
    color: #555555;
    text-decoration: none;
    font-weight: 500;
    border-bottom: 2px solid transparent;
    transition: all 0.3s ease;
}

#haberlerpage .hp-filter-menu a:hover,
#haberlerpage .hp-filter-menu a.active {
    color: #111111;
    border-bottom-color: #111111; /* Aktif sekmenin altındaki siyah çizgi */
}

/* --- Öne Çıkan Haber --- */
#haberlerpage .hp-featured-label {
    display: inline-block;
    font-size: 12px;
    color: #666666;
    margin-bottom: 15px;
}

#haberlerpage .hp-featured-img {
    width: 100%;
    overflow: hidden;
}

#haberlerpage .hp-featured-img img {
    object-fit: cover;
    transition: transform 0.6s ease;
}

#haberlerpage .hp-featured-img:hover img {
    transform: scale(1.03);
}

#haberlerpage .hp-meta {
    font-size: 12px;
    color: #888888;
    display: flex;
    gap: 20px;
}

#haberlerpage .hp-meta i {
    font-size: 14px;
    margin-right: 4px;
    margin-top: -2px;
}

#haberlerpage .hp-featured-title {
    font-size: 32px;
    font-weight: 800;
    color: #111111;
    margin-bottom: 15px;
    line-height: 1.3;
}

#haberlerpage .hp-featured-desc {
    font-size: 14px;
    color: #444444;
    line-height: 1.7;
    margin: 0;
}

/* --- Haber Grid Kartları (Resim Üstü Yazı) --- */
#haberlerpage .hp-grid-card {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1.1; /* Görseldeki hafif dikey dikdörtgen form */
    overflow: hidden;
    text-decoration: none;
}

#haberlerpage .hp-card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

#haberlerpage .hp-grid-card:hover .hp-card-img {
    transform: scale(1.05); /* Üzerine gelince resim yaklaşır */
}

/* Karartma ve İçerik Kapsayıcısı */
#haberlerpage .hp-card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Alttan yukarı doğru karartma */
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.05) 100%);
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Altın Rozet (Kategori) */
#haberlerpage .hp-badge {
    align-self: flex-start;
    background-color: #d9a05b; /* Altın/Sarı tonu */
    color: #ffffff;
    font-size: 11px;
    font-weight: 600;
    padding: 6px 15px;
    border-radius: 50px;
}

/* Farklı kategoriler için alternatif renk (İsteğe bağlı) */
#haberlerpage .hp-badge-alt {
    background-color: #c48f4b;
}

/* Alt Kısmı (Tarih ve Başlık) */
#haberlerpage .hp-card-bottom {
    display: flex;
    flex-direction: column;
}

#haberlerpage .hp-card-date {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 8px;
}

#haberlerpage .hp-card-title {
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.3;
    margin: 0;
}


/* ================= RESPONSIVE (MOBİL VE TABLET UYUM) ================= */

@media (max-width: 991px) {
    #haberlerpage { padding: 80px 0; }
    #haberlerpage .hp-main-title { font-size: 38px; }
    #haberlerpage .hp-featured-title { font-size: 26px; }
    
    #haberlerpage .hp-filter-menu {
        gap: 20px;
    }
}

@media (max-width: 767px) {
    #haberlerpage { padding: 60px 0; }
    
    #haberlerpage .hp-main-title { 
        font-size: 32px; 
    }
    
    #haberlerpage .hp-filter-menu {
        gap: 15px;
        justify-content: center;
    }
    
    #haberlerpage .hp-filter-menu a {
        font-size: 13px;
        padding: 8px 0;
    }
    
    #haberlerpage .hp-featured-title {
        font-size: 22px;
    }
    
    /* Mobilde kartların kare oranını biraz daha yatay yapabiliriz */
    #haberlerpage .hp-grid-card {
        aspect-ratio: 4 / 3;
    }
    
    #haberlerpage .hp-card-title {
        font-size: 16px;
    }
}

/* ==========================================================================
   GÜZELLİK & SAĞLIK BLOG SAYFASI (#bloglarpage) STYLES (ORION)
   ========================================================================== */

#bloglarpage {
    /* Görseldeki gibi tertemiz, hafif aydınlık merkezli beyaz zemin */
    background: radial-gradient(circle, #ffffff 0%, #fdfdfd 100%);
    padding: 100px 0;
    color: #111111;
}

/* --- Başlık Alanı --- */
#bloglarpage .bp-main-title {
    font-size: 46px;
    font-weight: 400;
    font-style: italic; /* İtalik zarif başlık */
    color: #000000;
    margin-bottom: 15px;
	font-family:var(--font2);
}

#bloglarpage .bp-subtitle {
    font-size: 14px;
    color: #555555;
    line-height: 1.6;
    margin: 0 auto;
    max-width: 600px;
}

/* --- Arama Çubuğu (Search Form) --- */
#bloglarpage .bp-search-form {
    display: flex;
    align-items: center;
    border: 1px solid #e0e0e0;
    border-radius: 50px;
    padding: 5px 20px;
    background-color: #ffffff;
    transition: box-shadow 0.3s ease, border-color 0.3s ease;
}

#bloglarpage .bp-search-form:focus-within {
    border-color: #cccccc;
    box-shadow: 0 5px 15px rgba(0,0,0,0.03);
}

#bloglarpage .bp-search-input {
    flex-grow: 1;
    border: none;
    outline: none;
    background: transparent;
    padding: 10px 0;
    font-size: 13px;
    color: #333333;
}

#bloglarpage .bp-search-input::placeholder {
    color: #bbbbbb;
}

#bloglarpage .bp-search-btn {
    background: transparent;
    border: none;
    color: #555555;
    font-size: 18px;
    cursor: pointer;
    transition: color 0.3s ease;
}

#bloglarpage .bp-search-btn:hover {
    color: #000000;
}

/* --- Kategori Filtre Menüsü --- */
#bloglarpage .bp-filter-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    gap: 40px;
    flex-wrap: wrap;
    border-bottom: 1px solid #eeeeee;
}

#bloglarpage .bp-filter-menu li {
    margin-bottom: -1px; /* Çizginin üstüne oturması için */
}

#bloglarpage .bp-filter-menu a {
    display: inline-block;
    padding: 10px 0;
    font-size: 14px;
    color: #555555;
    text-decoration: none;
    font-weight: 500;
    border-bottom: 2px solid transparent;
    transition: all 0.3s ease;
}

#bloglarpage .bp-filter-menu a:hover,
#bloglarpage .bp-filter-menu a.active {
    color: #111111;
    border-bottom-color: #111111;
}

/* --- Meta Bilgileri (Tarih, Okuma Süresi vb.) --- */
#bloglarpage .bp-meta {
    font-size: 11px;
    color: #999999;
    display: flex;
    gap: 15px;
}

#bloglarpage .bp-meta i {
    font-size: 13px;
    margin-right: 4px;
    margin-top: -2px;
}

/* --- Öne Çıkan Yazı --- */
#bloglarpage .bp-featured-label {
    display: inline-block;
    font-size: 12px;
    color: #666666;
    margin-bottom: 15px;
}

#bloglarpage .bp-featured-img-wrapper {
    display: block;
    overflow: hidden;
}

#bloglarpage .bp-featured-img {
    transition: transform 0.6s ease;
    aspect-ratio: 4 / 3; /* Görseli yatay dikdörtgen formunda tutar */
    object-fit: cover;
}

#bloglarpage .bp-featured-img-wrapper:hover .bp-featured-img {
    transform: scale(1.03);
}

#bloglarpage .bp-featured-title-link {
    text-decoration: none;
    color: inherit;
    display: block;
}

#bloglarpage .bp-featured-title {
    font-size: 28px;
    font-weight: 800;
    color: #111111;
    margin-bottom: 15px;
    line-height: 1.3;
    transition: color 0.3s ease;
}

#bloglarpage .bp-featured-title-link:hover .bp-featured-title {
    color: #0056b3;
}

#bloglarpage .bp-featured-desc {
    font-size: 14px;
    color: #555555;
    line-height: 1.7;
    margin-bottom: 20px;
}

#bloglarpage .bp-read-more {
    font-size: 13px;
    font-weight: 600;
    color: #111111;
    text-decoration: none;
    transition: color 0.3s ease;
}

#bloglarpage .bp-read-more:hover {
    color: #0056b3;
}

/* --- Grid Kartları --- */
#bloglarpage .bp-grid-card {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
    height: 100%;
}

#bloglarpage .bp-card-img-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-bottom: 15px;
}

/* Görselin köşesindeki Altın Rozet */
#bloglarpage .bp-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background-color: #d9a05b; /* Görseldeki altın/turuncu tonu */
    color: #ffffff;
    font-size: 11px;
    font-weight: 600;
    padding: 5px 15px;
    border-radius: 50px;
    z-index: 2;
}

#bloglarpage .bp-card-img {
    aspect-ratio: 1 / 1; /* Kare format */
    object-fit: cover;
    transition: transform 0.6s ease;
}

#bloglarpage .bp-grid-card:hover .bp-card-img {
    transform: scale(1.05);
}

#bloglarpage .bp-card-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

#bloglarpage .bp-card-title {
    font-size: 16px;
    font-weight: 700;
    color: #111111;
    line-height: 1.4;
    margin: 0;
    transition: color 0.3s ease;
}

#bloglarpage .bp-grid-card:hover .bp-card-title {
    color: #0056b3;
}


/* ================= RESPONSIVE (MOBİL VE TABLET UYUM) ================= */

@media (max-width: 991px) {
    #bloglarpage { padding: 80px 0; }
    #bloglarpage .bp-main-title { font-size: 38px; }
    #bloglarpage .bp-featured-title { font-size: 24px; }
    
    #bloglarpage .bp-filter-menu {
        gap: 20px;
    }
}

@media (max-width: 767px) {
    #bloglarpage { padding: 60px 0; }
    
    #bloglarpage .bp-main-title { 
        font-size: 32px; 
    }
    
    #bloglarpage .bp-filter-menu {
        gap: 15px;
        justify-content: center;
    }
    
    #bloglarpage .bp-filter-menu a {
        font-size: 13px;
        padding: 8px 0;
    }
    
    #bloglarpage .bp-featured-title {
        font-size: 20px;
    }
    
    /* Mobilde kart resimlerini kare yerine biraz daha yatay formda gösterebiliriz */
    #bloglarpage .bp-card-img {
        aspect-ratio: 4 / 3;
    }
    
    #bloglarpage .bp-card-title {
        font-size: 15px;
    }
}

/* ==========================================================================
   VİDEO GALERİMİZ ANA SAYFASI (#videolarpage) STYLES
   ========================================================================== */

#videolarpage {
    /* Görseldeki aydınlık arka plan */
    background: radial-gradient(circle, #ffffff 0%, #fcfcfc 100%);
    padding: 100px 0;
    color: #111111;
}

/* --- Başlık Alanı --- */
#videolarpage .vp-main-title {
    font-size: 46px;
    font-weight: 400;
    font-style: italic; /* Görseldeki zarif italik başlık */
    color: #000000;
    margin-bottom: 15px;
	font-family:var(--font2);
}

#videolarpage .vp-subtitle {
    font-size: 14px;
    color: #555555;
    line-height: 1.6;
    margin: 0 auto;
    max-width: 600px;
}

/* --- Kategori Filtre Menüsü --- */
#videolarpage .vp-filter-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap; 
    border-bottom: 1px solid #eeeeee; 
}

#videolarpage .vp-filter-menu li {
    margin-bottom: -1px; 
}

#videolarpage .vp-filter-menu a {
    display: inline-block;
    padding: 10px 0;
    font-size: 13px;
    color: #555555;
    text-decoration: none;
    font-weight: 500;
    border-bottom: 2px solid transparent;
    transition: all 0.3s ease;
}

#videolarpage .vp-filter-menu a:hover,
#videolarpage .vp-filter-menu a.active {
    color: #111111;
    border-bottom-color: #111111; /* Aktif siyah alt çizgi */
}

/* --- Meta Bilgileri (İzlenme, Saat vb.) --- */
#videolarpage .vp-meta {
    font-size: 11px;
    color: #999999;
    display: flex;
    gap: 15px;
}

#videolarpage .vp-meta i {
    font-size: 14px;
    margin-right: 4px;
    margin-top: -2px;
}

/* --- Genel Video Ayarları ve Play Butonu (Glassmorphism) --- */
#videolarpage .vp-img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    display: block;
    transition: transform 0.6s ease;
}

/* Buzlu Cam Efektli Play Butonu */
#videolarpage .vp-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.4); /* Yarı saydam beyaz */
    backdrop-filter: blur(5px); /* Arka planı bulanıklaştırma (Buzlu cam) */
    -webkit-backdrop-filter: blur(5px);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 2;
}

#videolarpage .vp-play-btn i {
    font-size: 30px;
    color: #ffffff; /* İçteki ikon tam beyaz */
    margin-left: 5px; /* Üçgenin geometrik merkezini ayarlamak için */
}

/* --- Öne Çıkan Video --- */
#videolarpage .vp-featured-label {
    display: inline-block;
    font-size: 12px;
    color: #666666;
    margin-bottom: 15px;
}

#videolarpage .vp-featured-video {
    position: relative;
    overflow: hidden;
}

#videolarpage .vp-featured-video:hover .vp-img {
    transform: scale(1.03);
}

#videolarpage .vp-featured-video:hover .vp-play-btn {
    background-color: rgba(255, 255, 255, 0.6);
    transform: translate(-50%, -50%) scale(1.1);
}

#videolarpage .vp-featured-title {
    font-size: 28px;
    font-weight: 800;
    color: #111111;
    margin-bottom: 15px;
    line-height: 1.3;
}

#videolarpage .vp-featured-desc {
    font-size: 14px;
    color: #444444;
    line-height: 1.7;
    margin: 0;
}

/* --- Video Grid Kartları (Alt Kısım) --- */
#videolarpage .vp-grid-card {
    display: block;
    text-decoration: none;
    color: inherit;
}

#videolarpage .vp-card-img-wrapper {
    position: relative;
    overflow: hidden;
}

#videolarpage .vp-grid-card:hover .vp-img {
    transform: scale(1.03);
}

/* Küçük Play Butonu */
#videolarpage .vp-play-btn-sm {
    width: 60px;
    height: 60px;
}

#videolarpage .vp-play-btn-sm i {
    font-size: 24px;
    margin-left: 4px;
}

#videolarpage .vp-grid-card:hover .vp-play-btn-sm {
    background-color: rgba(255, 255, 255, 0.6);
    transform: translate(-50%, -50%) scale(1.1);
}

/* Altın Rozet */
#videolarpage .vp-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background-color: #d9a05b; /* Görseldeki hardal/altın sarısı */
    color: #ffffff;
    font-size: 11px;
    font-weight: 600;
    padding: 5px 15px;
    border-radius: 50px;
    z-index: 3;
}

#videolarpage .vp-card-title {
    font-size: 16px;
    font-weight: 700;
    color: #111111;
    line-height: 1.4;
    margin-bottom: 8px;
    transition: color 0.3s ease;
}

#videolarpage .vp-grid-card:hover .vp-card-title {
    color: #0056b3; /* Hoverda başlık marka rengi olur */
}

#videolarpage .vp-card-desc {
    font-size: 13px;
    color: #555555;
    line-height: 1.6;
    margin: 0;
}


/* ================= RESPONSIVE (MOBİL VE TABLET UYUM) ================= */

@media (max-width: 991px) {
    #videolarpage { padding: 80px 0; }
    #videolarpage .vp-main-title { font-size: 38px; }
    #videolarpage .vp-featured-title { font-size: 24px; }
    
    #videolarpage .vp-filter-menu {
        gap: 15px;
    }
}

@media (max-width: 767px) {
    #videolarpage { padding: 60px 0; }
    
    #videolarpage .vp-main-title { 
        font-size: 32px; 
    }
    
    #videolarpage .vp-filter-menu {
        gap: 10px;
        justify-content: center;
    }
    
    #videolarpage .vp-filter-menu a {
        font-size: 12px;
        padding: 8px 0;
    }
    
    #videolarpage .vp-featured-title {
        font-size: 20px;
    }
    
    #videolarpage .vp-card-title {
        font-size: 15px;
    }
    
    #videolarpage .vp-play-btn {
        width: 60px;
        height: 60px;
    }
    
    #videolarpage .vp-play-btn i {
        font-size: 24px;
    }
}

/* ==========================================================================
   FOTOĞRAF GALERİSİ (#fotograflar) MASONRY STYLES
   ========================================================================== */

#fotograflar {
    background: radial-gradient(circle, #ffffff 0%, #fdfdfd 100%);
    padding: 100px 0;
    color: #111111;
}

/* --- Başlık Alanı --- */
#fotograflar .fg-main-title {
    font-size: 46px;
    font-weight: 400;
    font-style: italic;
    color: #000000;
    margin-bottom: 15px;
}

#fotograflar .fg-subtitle {
    font-size: 13px;
    color: #555555;
    line-height: 1.6;
    margin: 0 auto;
    max-width: 600px;
}

/* --- Kategori Filtre Menüsü --- */
#fotograflar .fg-filter-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
    border-bottom: 1px solid #eeeeee;
}

#fotograflar .fg-filter-menu li {
    margin-bottom: -1px;
}

#fotograflar .fg-filter-menu a {
    display: inline-block;
    padding: 10px 0;
    font-size: 13px;
    color: #555555;
    text-decoration: none;
    font-weight: 500;
    border-bottom: 2px solid transparent;
    transition: all 0.3s ease;
}

#fotograflar .fg-filter-menu a:hover,
#fotograflar .fg-filter-menu a.active {
    color: #111111;
    border-bottom-color: #111111;
}

/* ================= GERÇEK MASONRY (CSS COLUMNS) ================= */

#fotograflar .fg-masonry-grid {
    /* Masaüstünde 3 Sütun */
    column-count: 3;
    column-gap: 24px; /* Sütunlar arası boşluk (Bootstrap g-4'e eşdeğer) */
}

#fotograflar .fg-img-wrapper {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-bottom: 24px; /* Alt alta gelen resimlerin arası */
    text-decoration: none;
    background-color: #f0f0f0;
    /* Resmin yarısının bir sütunda, yarısının diğer sütunda kalmasını (bölünmesini) engeller */
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

#fotograflar .fg-img-wrapper img {
    display: block;
    width: 100%;
    height: auto; /* Orijinal oranlarını korur */
    transition: transform 0.6s ease;
}

/* Hover Efekti (Hafif Zoom) */
#fotograflar .fg-img-wrapper:hover img {
    transform: scale(1.04);
}


/* ================= RESPONSIVE MASONRY ================= */

@media (max-width: 991px) {
    #fotograflar { padding: 80px 0; }
    #fotograflar .fg-main-title { font-size: 38px; }
    
    #fotograflar .fg-filter-menu { gap: 20px; }
    
    /* Tablette 2 Sütun Masonry */
    #fotograflar .fg-masonry-grid {
        column-count: 2;
        column-gap: 20px;
    }
    
    #fotograflar .fg-img-wrapper {
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    #fotograflar { padding: 60px 0; }
    
    #fotograflar .fg-main-title { font-size: 32px; }
    
    #fotograflar .fg-filter-menu {
        gap: 10px;
        justify-content: center;
    }
    
    #fotograflar .fg-filter-menu a {
        font-size: 12px;
        padding: 8px 0;
    }
    
    /* Mobilde 1 Sütun (Alt Alta) */
    #fotograflar .fg-masonry-grid {
        column-count: 1;
        column-gap: 0;
    }
    
    #fotograflar .fg-img-wrapper {
        margin-bottom: 15px;
    }
}


/* ==========================================================================
   RANDEVU AL SAYFASI (#randevual) STYLES
   ========================================================================== */

#randevual {
    /* Görseldeki aydınlık, beyaz-açık gri radyal zemin */
    background: radial-gradient(circle, #ffffff 0%, #f7f9fa 100%);
    padding: 100px 0;
    color: #111111;
}

/* --- Üst Başlık Alanı --- */
#randevual .ra-main-title {
    font-size: 46px;
    font-weight: 400;
    font-style: italic; /* Görseldeki italik başlık */
    color: #000000;
    margin-bottom: 15px;
	font-family:var(--font2);
}

#randevual .ra-subtitle {
    font-size: 14px;
    color: #555555;
    line-height: 1.6;
    margin: 0 auto;
    max-width: 650px;
}

/* --- SOL KOLON: Form Tasarımı --- */
#randevual .ra-form-header {
    text-align: right; /* Görselde form başlıkları sağa dayalı */
    margin-bottom: 30px;
}

#randevual .ra-form-title {
    font-size: 18px;
    font-weight: 700;
    color: #111111;
    margin-bottom: 5px;
}

#randevual .ra-form-desc {
    font-size: 13px;
    color: #555555;
    margin: 0;
}

#randevual .ra-input-group {
    margin-bottom: 15px;
    position: relative;
}

#randevual .ra-input {
    width: 100%;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #999999;
    padding: 12px 0;
    font-size: 13px;
    color: #333333;
    outline: none;
    transition: border-color 0.3s ease;
}

#randevual .ra-input::placeholder {
    color: #aaaaaa;
}

#randevual .ra-input:focus {
    border-bottom-color: #004d99; /* Marka laciverti vurgusu */
}

/* Select, Date ve Time İkonları */
#randevual .ra-select,
#randevual .ra-date,
#randevual .ra-time {
    appearance: none;
    -webkit-appearance: none;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 16px;
    cursor: pointer;
    color: #aaaaaa;
}

#randevual .ra-select:focus,
#randevual .ra-select:valid,
#randevual .ra-date:focus,
#randevual .ra-time:focus {
    color: #333333;
}

/* Ok (Chevron) İkonu */
#randevual .ra-select {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
}

/* Takvim İkonu */
#randevual .ra-date {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3e%3crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3e%3c/rect%3e%3cline x1='16' y1='2' x2='16' y2='6'%3e%3c/line%3e%3cline x1='8' y1='2' x2='8' y2='6'%3e%3c/line%3e%3cline x1='3' y1='10' x2='21' y2='10'%3e%3c/line%3e%3c/svg%3e");
}

/* Saat İkonu */
#randevual .ra-time {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3e%3ccircle cx='12' cy='12' r='10'%3e%3c/circle%3e%3cpolyline points='12 6 12 12 16 14'%3e%3c/polyline%3e%3c/svg%3e");
}

/* Textarea - Çizgili Defter Yapısı */
#randevual .ra-textarea {
    resize: none;
    line-height: 40px; /* Çizgi aralığı */
    background-image: linear-gradient(transparent, transparent 39px, #999999 39px, #999999 40px);
    background-size: 100% 40px;
    border-bottom: none;
}

#randevual .ra-textarea:focus {
    background-image: linear-gradient(transparent, transparent 39px, #004d99 39px, #004d99 40px);
}

/* Gizlilik Notu */
#randevual .ra-privacy-note {
    font-size: 11px;
    color: #666666;
    line-height: 1.5;
    margin-top: 20px;
    margin-bottom: 25px;
}

/* Submit Butonu ve Alt Not */
#randevual .ra-submit-btn {
    width: 100%;
    background-color: #004d99; /* Orion Laciverti */
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    padding: 14px 0;
    border: none;
    border-radius: 50px; /* Hap formu */
    cursor: pointer;
    transition: all 0.3s ease;
}

#randevual .ra-submit-btn:hover {
    background-color: #003366;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 77, 153, 0.2);
}

#randevual .ra-submit-note {
    font-size: 11px;
    color: #555555;
    text-align: center;
    margin-top: 10px;
}


/* --- SAĞ KOLON: İletişim Bilgileri --- */
#randevual .ra-sidebar-title {
    font-size: 52px;
    line-height: 1.1;
    color: #111111;
    margin-bottom: 40px;
}

#randevual .ra-sidebar-title span {
    font-weight: 400;
}

#randevual .ra-sidebar-title strong {
    font-weight: 800;
    font-style: italic; /* "Bilgileri" kısmı kalın ve italik */
}

#randevual .ra-contact-list {
    list-style: none;
    padding: 0;
    margin: 0 0 30px 0;
}

#randevual .ra-contact-list li {
    border-bottom: 1px solid #cccccc;
    padding: 15px 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

#randevual .ra-label {
    font-size: 12px;
    color: #666666;
    font-weight: 500;
}

#randevual .ra-value {
    font-size: 14px;
    color: #111111;
    font-weight: 600;
    line-height: 1.5;
}

/* WhatsApp Butonu (Altın Gradyan) */
#randevual .ra-whatsapp-btn {
    display: block;
    width: 100%;
    text-align: center;
    background: linear-gradient(to right, #f8cc6b, #dfa233); /* Altın rengi */
    color: #111111;
    font-size: 14px;
    font-weight: 600;
    padding: 14px 0;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease;
}

#randevual .ra-whatsapp-btn:hover {
    background: linear-gradient(to right, #fcd379, #c78d26);
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(223, 162, 51, 0.3);
}


/* ================= RESPONSIVE (MOBİL VE TABLET UYUM) ================= */

@media (max-width: 991px) {
    #randevual { padding: 80px 0; }
    #randevual .ra-main-title { font-size: 38px; }
    
    #randevual .ra-form-header {
        text-align: left; /* Tablet ve mobilde sola hizalı daha iyi durur */
    }
    
    #randevual .ra-contact-sidebar {
        margin-top: 50px;
    }
}

@media (max-width: 767px) {
    #randevual { padding: 60px 0; }
    #randevual .ra-main-title { font-size: 32px; }
    
    #randevual .ra-sidebar-title {
        font-size: 42px;
    }
}