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


:root {
  --anarenk: #1266A8;
  --kirmizi: #ea0005;
  --gri: #9D9E9D;
  --siyah: #1f1f1f;
  --krem: #fcfcf9;
  --yesil: #60AB41;
  --font2: "Tiro Gurmukhi", 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 - 100px);	
}

.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 34px;
	height:53px;
	border-radius:30px;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-align: center;
}
.btn-ana {
	background:var(--anarenk);
	border:1px solid var(--anarenk);
	color:#fff;
}
.btn-ana:hover {
	background:var(--anarenk);
	border:1px solid var(--yesil);
	color:#fff;
}


/*------------------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: 600;
	font-size: 20px;
	line-height: 36px;
	color: var(--yesil);
	margin-bottom:20px;
}
.aciklama p 
{
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: var(--yesil);
	opacity: 1;
	margin-bottom:20px;
}
/*------------------header----------------------*/

#header {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	z-index:999;
	transition:all 0.3s ease;
}
#header.sabit {
	position:relative;
	transition:all 0.3s ease;
	background:var(--anarenk);
}
#header.heading {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:999;
	background:var(--anarenk);
}
#header .alan {
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	padding:10px 0px;
}
#header .alan .sol {
	width:20%;
	display:flex;
	align-items:center;
	justify-content:flex-start;
}
#header .alan .logo {
}
#header .alan .logo img {
	height:129px;
}
#header .alan .sag {
	width:80%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	grid-gap:20px;
}
#header .alan .sag .ust {
	display:flex;
	align-items:center;
	justify-content:flex-end;
	grid-gap:20px;
}
#header .alan .sag .ust .sosyal {
	display:flex;
	align-items:center;
	grid-gap:10px;
}
#header .alan .sag .ust .sosyal a {
	display:flex;
	align-items:center;
	justify-content:center;
	width:35px;
	height:35px;
	border-radius: 34.425px;
	background: rgba(18, 102, 168, 1);
	opacity:0.5;
	font-size:20px;
	color:#fff;
}
#header .alan .sag .ust .sosyal a:hover {
	opacity:1;
}
#header .alan .sag .ust .wp {
	display:flex;
	align-items:center;
	justify-content:center;
	width:35px;
	height:35px;
	border-radius: 34.425px;
	background: #1266A8;
	font-size:20px;
	color:#fff;
}
#header .alan .sag .ust .telefon {
	display:flex;
	align-items:center;
	justify-content:center;
	height:35px;
	padding:0px 10px;
	border-radius: 34.425px;
	background: #1266A8;
	font-size:16px;
	color:#fff;
}
#header .alan .sag .ust .cagri {
	display:flex;
	align-items:center;
	justify-content:center;
	height:35px;
	padding:0px 10px;
	border-radius: 34.425px;
	color: #494647;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
#header .alan .sag .alt {
	display:flex;
	align-items:center;
	justify-content:flex-end;
}

#header .menu {
	display:flex;
	align-items:center;
	grid-gap:30px;
	padding:10px 40px;
	border-radius:50px;
	background: linear-gradient(to right, #fff 75%, rgba(46, 120, 178, 1) 100%);
}
#header .menu ul {
	list-style:none;
	display:flex;
	align-items:center;
	grid-column-gap:40px;
}
#header .menu .link-li {
	position:relative;
}
#header .menu .link-item {
	position:relative;
	display:inline-block;
	color: #494647;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
#header .menu .link-item:hover {
    color: #000;
}

#header .menu ul  .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 ul .link-li:hover .acilan {
	display:block;
}
#header .menu ul .acilan {
	display:flex;
	align-items:flex-start;
	flex-direction:column;
	grid-column-gap:0px;
	grid-row-gap:10px;
	padding:0px;
}
#header .menu ul .acilan .link-item {
	line-height:24px;
    color: #000;
	padding:0px 10px;
}
#header .aramabuton {
	font-size:20px;
	color:#fff;
}



#header .arama {
	position:absolute;
	top:100%;
	right:0px;
	background:var(--krem);
	padding:0px;
	overflow:hidden;
	height:0px;
	transition:all 0.3s ease;
}
#header .arama.active {
	padding:20px;
	height:auto;
}
#header .arama .form-control {
	background:transparent;
	border-radius:0px;
	border:0px;
	border-bottom:2px solid var(--siyah);
	color:var(--siyah);
    height: 36px;
    line-height: 36px;
}
#header .arama .form-control:focus {
	background:transparent !important;
	border-radius:0px !important;
	border:0px !important;
	border-bottom:2px solid var(--siyah) !important;
	color:var(--siyah) !important;
}
#header .arama .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--siyah);
  opacity: 1; /* Firefox */
}
#header .arama .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--siyah);
}
#header .arama .form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: var(--siyah);
}
#header .arama .btn {
	position:absolute;
	top:20px;
	right:20px;
	width:36px;
	height:36px;
	font-size:20px;
	color:var(--siyah);
	border-radius:9px;
	padding:0px;
	justify-content:center;
}
#header .dil {
	display:flex;
	align-items:center;
	position:relative;
	z-index:101;
	height:100%;
}
#header .dil .default {
	display:flex;
	align-items:center;
	justify-content:center;
	grid-gap:10px;
	width:98px;
	height:52px;
	border-radius: 50px;
	color: #1266A8;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform:uppercase;
	background:#fff;
}
#header .dil .default img {
	height:15px;
	margin-right:5px;
}
#header .dil .default i {
	font-size:13px;
}

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

#megamenu {
    padding-top: 170px;
    padding-bottom: 60px;
    background-color: #FDFDFD;
    border-bottom: 1px solid #eee;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 997;
	transform:translateY(-100vh);
	transition:all 0.3s ease;
}

/* --- SOL SIDEBAR (KATEGORİLER) --- */
#megamenu .mega-categories {
    list-style: none;
    padding: 0;
    margin: 0;
}

#megamenu .mega-categories li {
    margin-bottom: 10px;
    border-radius: 10px;
    transition: 0.3s;
}

#megamenu .mega-categories li a {
    display: block;
    padding: 15px 20px;
    font-size: 15px;
    font-weight: 700;
    color: #0F5D8E; /* Marka mavisi */
    text-decoration: none;
    line-height: 1.4;
}

/* Aktif Durum (Görseldeki Gri Arkaplan) */
#megamenu .mega-categories li.active,
#megamenu .mega-categories li:hover {
    background-color: #F5F7F8;
}

/* --- SAĞ İÇERİK (LİNKLER) --- */

/* Masaüstünde araya çizgi at */
@media (min-width: 992px) {
    #megamenu .border-start-lg {
        border-left: 1px solid #eee;
    }
}

#megamenu .mega-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

#megamenu .mega-links li {
    margin-bottom: 20px;
}

#megamenu .mega-links a {
    text-decoration: none;
    font-size: 14px;
    color: #555;
    transition: 0.2s;
    line-height: 1.5;
    display: block;
}

#megamenu .mega-links a:hover {
    color: #0F5D8E;
}

#megamenu .sub-note {
    display: block;
    font-size: 12px;
    color: #888;
    margin-top: 2px;
}

/* --- VURGULU KART (Enjeksiyon Tedavileri) --- */
#megamenu .highlight-link-item a {
    background-color: #fff;
    color: #0F5D8E;
    font-weight: 700;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08); /* Hafif gölge */
    transition: 0.3s;
    display: block;
}

#megamenu .highlight-link-item a:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.12);
}

/* MOBİL UYUMLULUK */
@media (max-width: 991px) {
    #megamenu { padding-top: 100px; }
    
    #megamenu .mega-categories {
        margin-bottom: 30px;
        display: flex;
        overflow-x: auto; /* Mobilde yana kaydırma */
        gap: 10px;
        padding-bottom: 10px;
    }
    
    #megamenu .mega-categories li {
        flex-shrink: 0;
        white-space: nowrap;
    }
    
    #megamenu .mega-categories li a {
        background: #F5F7F8;
        border-radius: 50px;
        padding: 10px 20px;
    }
}

/*------------------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;
	margin-right:5px;
}
#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 {
	color: #1266A8;
	font-size: 60px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: -0.6px;
	margin-bottom:22px;
}
#slider .item .bilgi .yazi2 {
	color: #5B5759;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 171%; /* 34.2px */
	letter-spacing: -0.2px;
	margin-bottom:74px;
}
#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:20px;
	color:#fff;
	border:1px solid #fff;
	background: rgba(6, 44, 74, 0.30);
	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:130px;
	bottom:60px;
}
#slider .slider-button-prev 
{
	left:60px;
	bottom:60px;
}
#slider .slider-pagination 
{
	position:absolute;
	top:0px;
	left:50px;
	width:70px;
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	grid-gap:10px;
}
#slider .slider-pagination 
{
	position:absolute;
	top:25%;
	left:60px;
	width:70px;
	height:50%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	grid-gap:10px;
	z-index:20;
}
#slider .slider-pagination .swiper-pagination-bullet {
	width:17px;
	height:17px;
	border-radius:50%;
	background: #D0D3D6;
	border:0px solid #5E91BB;
	opacity:1;
}
#slider .slider-pagination .swiper-pagination-bullet-active {
	width:17px;
	height:17px;
	border-radius:50%;
	background: #5E91BB;
	border:5px solid #D0D3D6;
}

/*------------------ HAKKIMIZDA SECTION STYLES ----------------------*/

#hakkimizda {
    padding: 120px 0;
    background-color: #fff;
    overflow: hidden;
}

/* Üst Etiket (Biz Kimiz) */
#hakkimizda .section-tag {
    display: inline-block;
    background-color: #E8EBF1; /* Görseldeki açık gri-mavi ton */
    color: #4A5568;
    font-size: 13px;
    font-weight: 600;
    padding: 8px 25px;
    border-radius: 50px;
    margin-bottom: 25px;
    font-family: 'Manrope', sans-serif; /* Düz font */
}

/* Ana Başlık */
#hakkimizda .main-title {
    font-family: var(--font2); /* Senin tanımladığın özel font */
    font-style: italic; /* Görseldeki gibi eğik */
    font-size: 56px; /* Büyük punto */
    color: #333;
    line-height: 1.1;
    margin-bottom: 30px;
    font-weight: 400; /* Serif fontlar genelde regular kalınlıkta şık durur */
}

/* Açıklama Metni */
#hakkimizda .desc-text {
    font-family: 'Manrope', sans-serif;
    font-size: 15px;
    color: #666;
    line-height: 1.8;
    margin-bottom: 40px;
    max-width: 450px; /* Metnin çok uzamasını engeller */
}

/* Buton */
#hakkimizda .btn-about {
    display: inline-block;
    background-color: #A9B2BD; /* Görseldeki koyu gri-mavi buton rengi */
    color: #fff;
    padding: 14px 35px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: 0.3s;
    font-family: 'Manrope', sans-serif;
}

#hakkimizda .btn-about:hover {
    background-color: #8faec2; /* Hoverda hafif renk değişimi */
    transform: translateY(-3px);
}

/* Görsel Alanı */
#hakkimizda .about-img-wrapper {
    position: relative;
    border-radius: 30px; /* Görseldeki yumuşak köşeler */
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0,0,0,0.05);
}

#hakkimizda .about-img-wrapper img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    transition: transform 0.6s ease;
}

#hakkimizda .about-img-wrapper:hover img {
    transform: scale(1.03); /* Hafif zoom efekti */
}

/*------------------ HİZMETLER SECTION STYLES (SCOPED) ----------------------*/

#hizmetler {
    padding: 80px 0 120px 0;
    background-color: #fff;
}

/* --- BAŞLIK ALANI --- */
#hizmetler .tag-wrapper {
    margin-bottom: 20px;
}

#hizmetler .section-tag {
    background-color: #F5F7F6;
    color: #4A5568;
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

#hizmetler .section-tag i {
    color: #7AC142; /* Yeşil artı ikonu */
    font-weight: 900;
}

#hizmetler .main-title {
    font-family: var(--font2); /* Serif Font */
    font-style: italic;
    font-size: 48px;
    color: #333;
}

/* --- KART GENEL STİLLERİ --- */
#hizmetler .service-card {
    background-color: #F9F9F9;
    border-radius: 30px;
    /* ÖNEMLİ: Dropdown taşsın diye visible yapıyoruz */
    overflow: visible !important; 
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
    z-index: 1;
}

#hizmetler .service-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.05);
    z-index: 10; /* Hoverda öne çıksın */
}

#hizmetler .s-title {
    font-weight: 700;
    color: #333;
    font-size: 28px;
    line-height: 1.2;
    margin-bottom: 15px;
}

#hizmetler .s-desc {
    color: #777;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 0;
}

/* --- GÖRSEL ALANLARI (IMG HOLDER) --- */
/* Kartın overflow'u visible olduğu için resimlerin taşmasını burada engelliyoruz */
#hizmetler .img-holder {
    position: relative;
    overflow: hidden; /* Resim taşmasın */
    width: 100%;
}

#hizmetler .cover-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    min-height: 350px;
}

/* --- BÜYÜK KART ÖZEL --- */
#hizmetler .large-card {
    min-height: 400px;
}

/* Büyük kart görselinin sağ köşelerini yuvarla */
#hizmetler .large-card .img-holder {
    border-radius: 0 30px 30px 0;
}

/* Yüzen Bilgi Butonu */
#hizmetler .floating-info-btn {
    position: absolute;
    bottom: 30px;
    right: 30px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.4);
    border-radius: 50px;
    padding: 5px 5px 5px 20px;
    display: flex;
    align-items: center;
    gap: 15px;
    text-decoration: none;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    transition: 0.3s;
}

#hizmetler .floating-info-btn:hover {
    background: #fff;
    color: #0F5D8E;
}

#hizmetler .icon-circle {
    width: 40px; height: 40px;
    background: #0F5D8E;
    color: #fff;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 20px;
}

/* --- DİKEY KARTLAR (KÜÇÜK) --- */
#hizmetler .vertical-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Küçük kartların alt köşelerini yuvarla */
#hizmetler .vertical-card .img-holder {
    height: 250px;
    margin-top: auto;
    border-radius: 0 0 30px 30px;
}

#hizmetler .vertical-card .img-holder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s;
}

#hizmetler .vertical-card:hover .img-holder img {
    transform: scale(1.05);
}

/* --- DROPDOWN (AÇILIR MENÜ) STİLLERİ --- */

#hizmetler .dropdown-wrapper {
    position: relative;
    max-width: 300px;
}

/* Butonun Kendisi */
#hizmetler .pill-dropdown {
    background-color: #fff;
    border-radius: 50px;
    padding: 8px 8px 8px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 5px 15px rgba(0,0,0,0.03);
    cursor: pointer;
    transition: 0.3s;
    border: 1px solid transparent;
}

#hizmetler .pill-dropdown:hover {
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    transform: translateY(-2px);
}

#hizmetler .pill-dropdown .text {
    font-size: 13px;
    font-weight: 600;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#hizmetler .pill-dropdown .icon {
    width: 32px; height: 32px;
    background-color: #E2E8F0;
    color: #64748B;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 16px;
    margin-left: 10px;
    transition: 0.3s;
}

#hizmetler .pill-dropdown:hover .icon {
    background-color: #0F5D8E;
    color: #fff;
}

/* Açılır Liste */
#hizmetler .pill-dropdown-menu {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    width: 100%;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    padding: 15px 0;
    list-style: none;
    z-index: 999; /* En üstte durmalı */
    
    /* Gizleme */
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
}

/* Liste Linkleri */
#hizmetler .pill-dropdown-menu li a {
    display: block;
    padding: 8px 20px;
    color: #555;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    transition: 0.2s;
}

#hizmetler .pill-dropdown-menu li a:hover {
    background-color: #F5F7F6;
    color: #0F5D8E;
    padding-left: 25px;
}

/* --- DROPDOWN ACTIVE STATES (JS ile eklenecek) --- */

/* Menü Görünür */
#hizmetler .dropdown-wrapper.active .pill-dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Ok Dönüşü */
#hizmetler .dropdown-wrapper.active .pill-dropdown .icon i {
    transform: rotate(180deg);
}

/* Buton border */
#hizmetler .dropdown-wrapper.active .pill-dropdown {
    border-color: #0F5D8E;
}

/*------------------ RANDEVU CTA SECTION STYLES ----------------------*/

#randevu-cta {
    padding: 100px 0;
    background-color: #fff; /* Veya sayfa zeminine göre şeffaf */
}

/* Ana Beyaz Kutu */
#randevu-cta .cta-box {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 50px; /* Görseldeki geniş yuvarlak köşeler */
    padding: 60px 20px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.03);
    position: relative;
}

/* Sol Başlık */
#randevu-cta .cta-title {
    font-size: 36px;
    color: #444;
    line-height: 1.3;
    font-weight: 500;
}

/* Sağ Buton */
#randevu-cta .btn-cta-blue {
    display: inline-block;
    background-color: #0F5D8E; /* Marka Mavisi */
    color: #fff;
    padding: 15px 40px;
    border-radius: 30px;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    transition: 0.3s;
    box-shadow: 0 10px 20px rgba(15, 93, 142, 0.2);
}

#randevu-cta .btn-cta-blue:hover {
    background-color: #0b466e;
    transform: translateY(-3px);
}

/* --- TELEFON ALANI (POP-OUT EFFECT) --- */
#randevu-cta .phone-wrapper {
    position: relative;
    /* Kutunun dışına taşması için negatif margin */
    margin-top: -100px; 
    margin-bottom: -100px;
    z-index: 10;
}

#randevu-cta .phone-img {
    width: 100%;
    height: auto;
    filter: drop-shadow(0 20px 40px rgba(0,0,0,0.15)); /* Telefona gölge */
}

/* Yüzen Menü (Telefonun Altında) */
#randevu-cta .floating-menu {
    position: absolute;
    bottom: 40px; /* Telefonun alt kısmına denk gelecek şekilde ayarla */
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    padding: 12px 25px;
    border-radius: 30px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    white-space: nowrap;
    width: 90%; /* Mobilde taşmasın */
    max-width: 350px;
}

#randevu-cta .floating-menu a {
    text-decoration: none;
    color: #666;
    font-size: 12px;
    font-weight: 600;
    transition: 0.3s;
}

#randevu-cta .floating-menu a.active,
#randevu-cta .floating-menu a:hover {
    color: #0F5D8E; /* Mavi renk */
}

#randevu-cta .floating-menu .sep {
    color: #ddd;
    font-size: 12px;
}


/*------------------ BLOG SECTION (SCOPED) ----------------------*/

#blog-section {
    padding: 100px 0;
    /* Görseldeki gri degrade zemin */
    background: linear-gradient(180deg, #FDFDFD 0%, #E3E7EA 100%);
    position: relative;
    overflow: hidden;
}

/* Arka plandaki flu beyazlık (Görselin üst kısmı daha aydınlık) */
#blog-section .bg-gradient-overlay {
    position: absolute;
    top: -50%; left: 0; width: 100%; height: 100%;
    background: radial-gradient(circle at center, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 70%);
    pointer-events: none;
}

#blog-section .section-tag {
    background: #fff;
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 700;
    color: #555;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

#blog-section .main-title {
    font-family: var(--font2); /* Serif Font */
    font-style: italic;
    font-size: 36px;
    color: #444;
    line-height: 1.4;
    font-weight: 400;
}

/* --- SWIPER AYARLARI --- */
#blog-section .swiper {
    padding: 60px 0; /* Kartların taşması ve gölgesi için boşluk */
    overflow: visible; /* Kartlar sağdan soldan kesilmesin */
}

#blog-section .swiper-slide {
    width: 480px; /* Kart genişliği */
    height: auto;
    transition: all 0.4s ease;
    opacity: 1; 
    transform: scale(0.95); /* Pasif kartlar biraz küçük */
}

/* --- KART TASARIMI (PASİF HAL - DEFAULT) --- */
#blog-section .blog-card {
    /* Pasif kart: Şeffaf zemin + Beyaz Çerçeve */
    background: rgba(255, 255, 255, 0.15); 
    border: 2px solid rgba(255, 255, 255, 0.8); /* Belirgin beyaz çerçeve */
    backdrop-filter: blur(4px); /* Hafif buzlu cam */
    border-radius: 20px;
    padding: 40px 30px;
    height: 100%;
    min-height: 380px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.4s ease;
}

/* Kategori Etiketi (Degrade Hap) */
#blog-section .category-badge {
    display: inline-block;
    /* Görseldeki açık yeşil-mavi degrade */
    background: linear-gradient(90deg, #E0F7FA 0%, #E8F5E9 100%);
    color: #006064; /* Koyu petrol yeşili yazı */
    font-size: 11px;
    font-weight: 700;
    padding: 8px 15px;
    border-radius: 20px;
    margin-bottom: 25px;
    position: relative;
}

/* Minik ok (Speech bubble ucu) - Opsiyonel, görselde var gibi */
#blog-section .category-badge::after {
    content: '';
    position: absolute;
    bottom: -6px; left: 20px;
    border-width: 6px 6px 0;
    border-style: solid;
    border-color: #E8F5E9 transparent transparent transparent;
}

/* Başlık (Pasifken Beyaz/Açık Gri) */
#blog-section .card-title {
	color: #5B5759;
	font-size: 30px;
	font-style: normal;
	font-weight: 500;
	line-height: 40px; /* 133.333% */
	letter-spacing: -1.08px;
    margin-bottom: 30px;
    text-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Okunurluk için hafif gölge */
    transition: 0.3s;
}

/* Alt Kısım */
#blog-section .card-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 25px;
    /* Pasifken çizgi şeffaf beyaz */
    border-top: 1px solid rgba(255,255,255, 0.4); 
    transition: 0.3s;
}

#blog-section .read-text {
    font-size: 13px;
    font-weight: 600;
    color: #fff; /* Pasifken beyaz */
}

#blog-section .arrow-icon {
    width: 36px; height: 36px;
    border-radius: 50%;
    background: rgba(255,255,255,0.3);
    color: #fff;
    display: flex; align-items: center; justify-content: center;
    text-decoration: none;
    transition: 0.3s;
}

/* --- AKTİF KART (CENTER SLIDE) --- */
#blog-section .swiper-slide-active {
    transform: scale(1.05); /* Biraz büyür */
    z-index: 10;
}

#blog-section .swiper-slide-active .blog-card {
    background: #ffffff; /* Tam Beyaz */
    border-color: #ffffff; /* Çerçeve yok veya beyaz */
    box-shadow: 0 20px 60px rgba(0,0,0,0.08); /* Yumuşak gölge */
}

/* Aktif Başlık Rengi */
#blog-section .swiper-slide-active .card-title {
    color: #555; /* Koyu gri */
    text-shadow: none;
}

/* Aktif Alt Çizgi */
#blog-section .swiper-slide-active .card-bottom {
    border-top-color: #eee; /* Gri çizgi */
}

/* Aktif Yazı Rengi */
#blog-section .swiper-slide-active .read-text {
    color: #888;
}

/* Aktif Ok Butonu */
#blog-section .swiper-slide-active .arrow-icon {
    background: #DCE4E8; /* Açık gri-mavi */
    color: #555;
}

#blog-section .swiper-slide-active .arrow-icon:hover {
    background: #0F5D8E;
    color: #fff;
}

/* --- NAVİGASYON OKLARI --- */
#blog-section .blog-btn {
    display: inline-flex;
    width: 50px; height: 50px;
    background: #CED4DA;
    color: #fff;
    border-radius: 50%;
    align-items: center; justify-content: center;
    font-size: 20px;
    cursor: pointer;
    margin: 0 10px;
    transition: 0.3s;
}

#blog-section .blog-btn:hover {
    background: #0F5D8E;
}

/* MOBİL */
@media (max-width: 991px) {
    #blog-section .swiper-slide { width: 85%; }
    /* Mobilde pasif kartların yazısı okunmazsa diye hepsini beyaz yapabiliriz */
    #blog-section .blog-card { background: #fff; border-color: #fff; }
    #blog-section .card-title { color: #444; text-shadow: none; }
    #blog-section .read-text { color: #666; }
    #blog-section .card-bottom { border-top-color: #eee; }
    #blog-section .arrow-icon { background: #eee; color: #333; }
}/*------------------ VIDEO SECTION (BACKGROUND IMAGE STYLE) ----------------------*/
#video-section {
    padding: 80px 0;
    background-color: #fff;
}

#video-section .main-title {
    font-weight: 700;
    font-size: 36px;
    color: #333;
}

/* --- ORTAK AYARLAR --- */
#video-section a {
    text-decoration: none;
    transition: all 0.3s ease;
}

/* --- 1. FEATURED (BÜYÜK) VİDEO STİLLERİ --- */

/* Kapsayıcı: Resim ve yazıyı tutar */
#video-section .featured-video-wrapper {
    display: block;
    width: 100%;
}

/* Resim Kutusu */
#video-section .featured-image-box {
    display: block;
    width: 100%;
    aspect-ratio: 1115/579; /* Orijinal oran */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 30px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 15px 40px rgba(0,0,0,0.1);
    margin-bottom: 25px; /* Yazı ile arasındaki boşluk */
}

/* Resim üzerine hover yapınca efekt */
#video-section .featured-image-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 50px rgba(0,0,0,0.15);
}

/* Play Butonu Ortalama */
#video-section .play-btn-wrapper {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.1); /* Hafif karartma */
    transition: background 0.3s;
}

#video-section .featured-image-box:hover .play-btn-wrapper {
    background: rgba(0,0,0,0.2);
}

#video-section .play-trigger {
    width: 80px; height: 80px;
    background-color: #2F709C;
    color: #fff;
    border-radius: 50%; /* Tam yuvarlak */
    display: flex; align-items: center; justify-content: center;
    font-size: 36px;
    box-shadow: 0 10px 25px rgba(47, 112, 156, 0.4);
    transition: transform 0.3s;
}

#video-section .featured-image-box:hover .play-trigger {
    transform: scale(1.1);
    background-color: #0F5D8E;
}

/* Alt Kısım: İçerik */
#video-section .featured-content-box {
    padding: 0 15px;
}

#video-section .big-video-title {
    margin-bottom: 20px;
    font-size: 32px; /* Başlık boyutu */
    font-weight: 700;
    line-height: 1.3;
}

#video-section .big-video-title a {
    color: #333;
}

#video-section .big-video-title a:hover {
    color: #0F5D8E;
}

/* Youtube Butonu */
#video-section .btn-yt-channel {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background-color: #f8f9fa;
    border: 1px solid #eee;
    color: #cc0000; /* Youtube Kırmızısı tonu */
    padding: 10px 25px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
}

#video-section .btn-yt-channel:hover {
    background-color: #cc0000;
    color: #fff;
    border-color: #cc0000;
}


/* --- 2. MINI (SLIDER) VIDEO STİLLERİ --- */

#video-section .mini-video-wrapper {
    display: flex;
    flex-direction: column;
    gap: 15px; /* Resim ve yazı arası boşluk */
    height: 100%;
}

#video-section .mini-image-box {
    display: block;
    width: 100%;
    aspect-ratio: 1115/579;
    background-size: cover;
    background-position: center;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}

#video-section .mini-image-box:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.12);
}

/* Küçük Sol Üst Play İkonu */
#video-section .mini-play-icon {
    position: absolute;
    top: 15px; left: 15px;
    width: 34px; height: 24px;
    background: rgba(0,0,0,0.6);
    color: #fff;
    border-radius: 6px;
    display: flex; align-items: center; justify-content: center;
    font-size: 12px;
}

#video-section .mini-content-box {
    padding: 0 5px;
}

#video-section .mini-title {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    line-height: 1.4;
    margin: 0;
}

#video-section .mini-title a {
    color: #333;
}

#video-section .mini-title a:hover {
    color: #0F5D8E;
}

/* Navigasyon Okları */
#video-section .v-btn {
    display: inline-flex;
    width: 45px; height: 45px;
    background: #CED4DA;
    color: #fff;
    border-radius: 50%;
    align-items: center; justify-content: center;
    font-size: 18px;
    cursor: pointer;
    margin: 0 8px;
    transition: 0.3s;
}

#video-section .v-btn:hover {
    background: #0F5D8E;
}
/*------------------ INSTAGRAM SECTION STYLES (IMAGE ONLY) ----------------------*/

#instagram-section {
    padding: 100px 0;
    background: #F7F7F7;
}

/* Başlık */
#instagram-section .main-title {
    font-family: var(--font2); /* Eğik Font */
    font-style: italic;
    font-size: 42px;
    color: #444;
    font-weight: 400;
}

#instagram-section .section-tag {
    background: #fff;
    padding: 6px 15px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    color: #555;
}

/* --- RESİMLİ KART YAPISI --- */
#instagram-section .insta-img-card {
    display: block;
    width: 100%;
    border-radius: 20px; /* Yuvarlak köşeler */
    overflow: hidden;
    position: relative;
    box-shadow: 0 10px 20px rgba(0,0,0,0.05); /* Hafif gölge */
    transition: all 0.3s ease;
	margin-top:30px;
}

/* Resim Ayarları */
#instagram-section .insta-img-card img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Resmi kutuya sığdırır */
    transition: transform 0.5s ease;
}

/* Hover Efekti (Yukarı kalkma) */
#instagram-section .insta-img-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}

/* Hover Efekti (Resim Zoom) */
#instagram-section .insta-img-card:hover img {
    transform: scale(1.05);
}

/* Overlay (Üzerine gelince çıkan ikon) */
#instagram-section .insta-overlay {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.3); /* Yarı saydam siyah */
    display: flex; align-items: center; justify-content: center;
    opacity: 0;
    transition: 0.3s;
}

#instagram-section .insta-img-card:hover .insta-overlay {
    opacity: 1;
}

#instagram-section .insta-overlay i {
    font-size: 48px;
    color: #fff;
    text-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

/*------------------ FOOTER STYLES ----------------------*/

#main-footer {
    background-color: #fff;
    padding-top: 80px;
    border-top: 1px solid #eee;
    color: #333;
}

/* --- ÜST KISIM (LOGO & İLETİŞİM) --- */
#main-footer .footer-top {
    padding-bottom: 50px;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 50px;
}

#main-footer .footer-logo img {
    max-height: 70px; /* Logo boyutu */
}

/* İletişim Alanı Yapısı */
#main-footer .contact-header {
    display: flex;
    justify-content: flex-end; /* Sağa yasla */
    text-align: left;
}

#main-footer .contact-title {
    text-align: right;
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px solid #ddd; /* Ayırıcı Çizgi */
    line-height: 1.2;
    color: #0F5D8E; /* Mavi Renk */
    position: relative;
}

#main-footer .contact-title span { font-weight: 600; font-size: 16px; }
#main-footer .contact-title strong { display: block; font-weight: 800; font-size: 20px; }
#main-footer .contact-title i {
    position: absolute;
    top: 5px; right: -28px; /* İkonun çizgi üzerindeki konumu */
    background: #fff;
    padding: 5px 0;
    color: #0F5D8E;
    font-size: 20px;
}

#main-footer .contact-details p {
    margin: 0 0 5px;
    font-size: 13px;
    color: #555;
    line-height: 1.5;
}

#main-footer .contact-details a {
    color: #555;
    text-decoration: none;
    transition: 0.3s;
}

#main-footer .contact-details a:hover { color: #0F5D8E; }


/* --- ORTA KISIM (LİNKLER) --- */
#main-footer .footer-heading {
    font-size: 15px;
    font-weight: 700;
    color: #222;
    margin-bottom: 25px;
}

#main-footer .footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

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

#main-footer .footer-links a {
    color: #666;
    text-decoration: none;
    font-size: 14px;
    transition: 0.3s;
}

#main-footer .footer-links a:hover {
    color: #0F5D8E;
    padding-left: 5px;
}

/* --- BÜLTEN ALANI --- */
#main-footer .newsletter-text {
    font-family: var(--font2); /* Serif Font (Eğik) */
    font-style: italic;
    font-size: 18px;
    color: #444;
    line-height: 1.4;
    margin-bottom: 30px;
}

#main-footer .newsletter-form {
    position: relative;
    border-bottom: 1px solid #333; /* Sadece alt çizgi */
    padding-bottom: 5px;
}

#main-footer .newsletter-form input {
    width: 100%;
    border: none;
    background: transparent;
    padding: 10px 40px 10px 0;
    outline: none;
    font-size: 14px;
    color: #333;
}

#main-footer .newsletter-form input::placeholder { color: #999; }

#main-footer .newsletter-form button {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    font-size: 20px;
    color: #333;
    cursor: pointer;
    transition: 0.3s;
}

#main-footer .newsletter-form button:hover {
    transform: translateY(-50%) translateX(5px);
}


/* --- ALT BANT (COPYRIGHT) --- */
#main-footer .footer-bottom {
    margin-top: 60px;
    padding: 30px 0;
    border-top: 1px solid #f9f9f9;
    font-size: 12px;
    color: #999;
}

#main-footer .legal-nav {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-flex;
    gap: 20px;
}

#main-footer .legal-nav a {
    color: #999;
    text-decoration: none;
    transition: 0.3s;
}

#main-footer .legal-nav a:hover { color: #333; }

#main-footer .crafted .sep {
    border-right: 2px solid #ddd;
    margin-left: 5px;
    height: 10px;
    display: inline-block;
}

/* ================= FIXED INTERACTIONS STYLES ================= */

#fixed-interactions {
    position: relative;
    z-index: 9999;
}

/* --- 1. SAĞ KENAR YAPIŞKAN BUTON --- */
.sticky-side-tab {
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background-color: #0F5D8E; /* Marka Mavisi */
    color: #fff;
    padding: 20px 10px;
    border-radius: 20px 0 0 20px; /* Sadece sol köşeler oval */
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    text-decoration: none;
    box-shadow: -5px 5px 20px rgba(0,0,0,0.2);
    transition: transform 0.3s ease;
    z-index: 9990;
}

.sticky-side-tab:hover {
    transform: translateY(-50%) translateX(-5px); /* Hoverda hafif sola kayar */
    background-color: #0b466e;
    color: #fff;
}

.sticky-side-tab .icon-top {
    font-size: 28px;
    line-height: 1;
}

/* Dikine Yazı Ayarı */
.sticky-side-tab .vertical-label {
    writing-mode: vertical-rl; /* Yazıyı yukarıdan aşağı dik yapar */
    text-orientation: mixed;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    white-space: nowrap;
}


/* --- 2. SAĞ ALT KÖŞE FAB (DÖNEN MENÜ) --- */
.fab-container {
    position: fixed;
    bottom: 30px;
    right: 52px;
    display: flex;
    flex-direction: column; /* Menü yukarı doğru açılır */
    align-items: center;
    z-index: 9999;
}

/* --- Ana Rozet (Badge) --- */
.fab-badge {
    position: relative;
    width: 110px; /* Görseldeki genişlik */
    height: 110px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* Hoverda ana buton hafif büyür */
.fab-container:hover .fab-badge {
    transform: scale(1.1);
}

/* Dönen Halka (SVG Text) */
.rotating-ring {
    position: absolute;
    width: 100%;
    height: 100%;
    animation: spinText 12s linear infinite;
    pointer-events: none;
}

.rotating-ring svg {
    display: block;
    width: 100%;
    height: 100%;
}

/* Ortadaki İkon Kutusu */
.center-icon {
    width: 50px;
    height: 50px;
    background-color: #fff; /* İkon arkası beyaz */
    border: 2px solid #E8F1F8; /* Hafif çerçeve */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: #0F5D8E;
    z-index: 2;
}

/* --- Açılır Alt Menü (Actions) --- */
/* --- Açılır Alt Menü (Actions) --- */
.fab-actions {
    list-style: none;
    padding: 0;
    margin: 0 0 40px 0;
    display: flex;
    flex-direction: column-reverse;
    gap: 43px; /* Yazıların alta sığması için boşluğu artırdık */
    /* Başlangıçta AÇIK gelsin */
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: all 0.4s ease;
}

/* Tıklanınca kapanması için gizleme sınıfı (JS ile eklenecek) */
.fab-actions.closed {
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
}

.fab-actions li {
    display: flex;
    justify-content: center;
}

/* Yuvarlak Küçük Butonlar */
.action-btn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    text-decoration: none;
    box-shadow: 0 5px 15px rgba(0,0,0,0.15);
    position: relative;
    transition: 0.3s;
    /* Yazı taşmalarında butonun yapısı bozulmasın diye: */
    overflow: visible; 
}

/* Butonlara Özel Renkler */
.action-btn.whatsapp {
    background-color: #25D366; /* Whatsapp Yeşili */
    color: #fff;
}

.action-btn.appointment {
    background-color: #0F5D8E; /* Marka Mavisi */
    color: #fff;
}

.action-btn.question {
    background-color: #F39C12; /* Soru Sor için Turuncu (İsteğe bağlı değiştirebilirsiniz) */
    color: #fff;
}

/* Sadece büyüsün, rengi aynı kalsın */
.action-btn:hover {
    transform: scale(1.1);
}

/* Sabit Alt İsim Etiketleri (Tooltip yerine) */
.action-btn::before {
    content: attr(data-label);
    position: absolute;
    top: calc(100% + 8px); /* Butonun hemen altı */
    left: 50%;
    transform: translateX(-50%);
    background: rgba(255, 255, 255, 0.95); /* Okunabilirlik için hafif beyaz arkaplan */
    color: #333;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    /* Her zaman görünür olsun */
    opacity: 1;
    visibility: visible;
    pointer-events: none;
}

/* Eski ok işaretini gizledik */
.action-btn::after {
    display: none; 
}


/* --- ANİMASYON --- */
@keyframes spinText {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* --- MOBİL AYARLAR --- */
@media (max-width: 768px) {
    /* Mobilde sağdaki yapışkan butonu küçült veya gizle */
    .sticky-side-tab { 
        padding: 15px 5px; 
        border-radius: 10px 0 0 10px;
    }
    .sticky-side-tab .vertical-label { font-size: 12px; }
    .sticky-side-tab .icon-top { font-size: 20px; }
    
    /* Rozet konumu */
    .fab-container {
        right: 20px; bottom: 20px;
    }
    .fab-badge {
        width: 90px; height: 90px;
    }
}


/*------------------ HAKKIMIZDA PAGE - KATMAN 1 STYLES ----------------------*/

#hakkimizda-katman1 {
    padding: 250px 0 100px 0;
    background-color: #fcfcfc; /* Çok hafif gri zemin (Görseldeki gibi) */
    position: relative;
    overflow: hidden;
}

/* Arkaplan şekli (Görselin sol üstündeki hafif glow) */
#hakkimizda-katman1 .bg-shape {
    position: absolute;
    top: -100px; left: -100px;
    width: 600px; height: 600px;
    background: radial-gradient(circle, rgba(230,240,250,0.8) 0%, rgba(255,255,255,0) 70%);
    z-index: 1;
    pointer-events: none;
}

#hakkimizda-katman1 .z-2 {
    position: relative;
    z-index: 2;
}

/* --- ETİKET (SOL ÜST) --- */
#hakkimizda-katman1 .page-tag {
    display: inline-flex;
    align-items: center;
    background-color: #fff;
    border: 1px solid #eee;
    padding: 8px 25px 8px 10px; /* İkon solda olduğu için sol padding az */
    border-radius: 50px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.03);
    color: #555;
    font-weight: 600;
    font-size: 14px;
}

#hakkimizda-katman1 .page-tag .icon {
    width: 30px; height: 30px;
    background-color: #DDE2E5; /* Gri yuvarlak */
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    margin-right: 12px;
    color: #fff;
    font-size: 16px;
}

/* --- BAŞLIK (SAĞ ÜST) --- */
#hakkimizda-katman1 .page-main-title {
    font-size: 48px;
    color: #444;
    line-height: 1.2;
    font-weight: 500; /* Çok kalın değil */
}

/* --- GÖRSEL ALANI --- */
#hakkimizda-katman1 .wide-image-wrapper {
    width: 100%;
    border-radius: 20px; /* Köşeleri yuvarla */
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0,0,0,0.05);
}

#hakkimizda-katman1 .wide-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1s ease;
}

/* Hafif zoom efekti */
#hakkimizda-katman1 .wide-image-wrapper:hover img {
    transform: scale(1.02);
}

/* --- METİN ALANI --- */
#hakkimizda-katman1 .content-text-block p {
    font-size: 16px;
    line-height: 1.8;
    color: #555;
    margin-bottom: 25px;
    text-align: justify; /* Metni iki yana yasla (düzenli durması için) */
}

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

/*------------------ HAKKIMIZDA PAGE - KATMAN 2 STYLES ----------------------*/

#hakkimizda-katman2 {
    padding: 80px 0;
    background-color: #fff;
}

/* Kart Yapısı */
#hakkimizda-katman2 .quote-card {
    background-color: #F9F9F9; /* Görseldeki çok açık gri zemin */
    border-radius: 40px; /* Geniş oval köşeler */
    padding: 40px; /* İç boşluk (resim ile kenar arası) */
    overflow: hidden;
}

/* Sol Görsel Alanı */
#hakkimizda-katman2 .quote-img-holder {
    width: 100%;
    height: 450px; /* Yükseklik sabitleme */
    border-radius: 30px; /* Görselin kendi köşeleri */
    overflow: hidden;
}

#hakkimizda-katman2 .quote-img-holder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

#hakkimizda-katman2 .quote-img-holder:hover img {
    transform: scale(1.05);
}

/* Sağ İçerik Alanı */
#hakkimizda-katman2 .quote-content {
    padding: 40px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

/* Instagram Hapı */
#hakkimizda-katman2 .insta-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: #fff;
    border: 1px solid #eee;
    padding: 8px 20px;
    border-radius: 30px;
    text-decoration: none;
    color: #555;
    font-size: 13px;
    font-weight: 600;
    width: fit-content;
    margin-bottom: 30px;
    box-shadow: 0 5px 10px rgba(0,0,0,0.03);
    transition: 0.3s;
}

#hakkimizda-katman2 .insta-pill i {
    color: #0F5D8E; /* Mavi ikon */
    font-size: 16px;
}

#hakkimizda-katman2 .insta-pill:hover {
    background-color: #0F5D8E;
    color: #fff;
    border-color: #0F5D8E;
}

#hakkimizda-katman2 .insta-pill:hover i { color: #fff; }

/* Ana Slogan */
#hakkimizda-katman2 .quote-text {
    font-size: 42px;
    color: #444;
    line-height: 1.3;
    font-weight: 500;
    margin-bottom: 40px;
}

/* İmza (Signature) */
#hakkimizda-katman2 .signature-text {
    font-family: 'Brush Script MT', cursive; /* El yazısı stili */
    font-size: 36px;
    color: #7AC142; /* Görseldeki Yeşil Renk */
    font-style: italic;
    /* Eğer görseldeki fontu birebir istersen buraya @font-face eklemelisin */
}

/*------------------ HAKKIMIZDA PAGE - KATMAN 3 STYLES ----------------------*/

#hakkimizda-katman3 {
    padding: 80px 0;
    background-color: #fcfcfc; /* Hafif kirli beyaz zemin */
}

#hakkimizda-katman3 .swiper {
    padding: 30px 10px; /* Gölge payı */
}

/* --- KART TASARIMI --- */
#hakkimizda-katman3 .feature-card {
    background-color: #fff;
    border-radius: 20px;
    padding: 40px 30px;
    height: 100%;
    min-height: 350px; /* Kartların boyunu eşitle */
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#hakkimizda-katman3 .feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.06);
	background-color: #E9F5E6;
}

/* --- YEŞİL KART (VURGULU) --- */
#hakkimizda-katman3 .highlight-green {
    background-color: #E9F5E6; /* Görseldeki açık yeşil ton */
    border: 1px solid #E0EBDD;
}
/* Yeşil kartın içindeki badge rengini beyaza çeviriyoruz */
#hakkimizda-katman3 .highlight-green .card-badge {
    background-color: #fff;
}
#hakkimizda-katman3 .highlight-green .card-badge::after {
    border-top-color: #fff;
}

/* --- NUMARA ROZETİ (BADGE) --- */
#hakkimizda-katman3 .card-badge {
    background-color: #F4F6F8; /* Gri zemin */
    color: #0F5D8E; /* Mavi yazı */
    font-size: 16px;
    font-weight: 700;
    padding: 8px 15px;
    border-radius: 8px;
    margin-bottom: 30px;
    position: relative;
    display: inline-block;
}

/* Konuşma Balonu Üçgeni */
#hakkimizda-katman3 .card-badge::after {
    content: '';
    position: absolute;
    bottom: -8px; /* Aşağı sarkıt */
    left: 15px; /* Soldan hizala */
    width: 0; 
    height: 0; 
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #F4F6F8; /* Badge rengiyle aynı */
}

/* --- İÇERİK --- */
#hakkimizda-katman3 .f-title {
    font-size: 24px;
    font-weight: 700;
    color: #444; /* Koyu gri */
    margin-bottom: 20px;
}

#hakkimizda-katman3 .f-desc {
    font-size: 15px;
    line-height: 1.6;
    color: #666;
    margin: 0;
}

/* --- NAVİGASYON OKLARI --- */
#hakkimizda-katman3 .f-btn {
    display: inline-flex;
    width: 50px; height: 50px;
    background: #CED4DA;
    color: #fff;
    border-radius: 50%;
    align-items: center; justify-content: center;
    font-size: 20px;
    cursor: pointer;
    margin: 0 10px;
    transition: 0.3s;
}

#hakkimizda-katman3 .f-btn:hover {
    background: #0F5D8E;
}

/*------------------ DOKTORUNUZA DANIŞIN - KATMAN 1 STYLES ----------------------*/

#danisin-katman1 {
    padding: 250px 0 100px 0; /* Header payı */
    background-color: #f5f7fa; /* Hafif gri zemin */
    position: relative;
}

/* Arkaplan şekilleri (Opsiyonel) */
#danisin-katman1 .bg-decoration {
    position: absolute;
    top: -10%; left: -10%;
    width: 80%; height: 80%;
    background: radial-gradient(circle, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 70%);
    pointer-events: none;
}

#danisin-katman1 .z-2 {
    position: relative; z-index: 2;
}

/* --- BAŞLIK ALANI --- */
#danisin-katman1 .page-tag {
    display: inline-block;
    background-color: #fff;
    padding: 6px 15px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    color: #555;
    box-shadow: 0 5px 10px rgba(0,0,0,0.05);
}

#danisin-katman1 .page-tag i { color: #7AC142; }

#danisin-katman1 .page-main-title {
    font-size: 48px;
    color: #444;
    font-weight: 500;
}

/* --- SOL: FORM KUTUSU --- */
#danisin-katman1 .consult-form-box {
    background-color: #fff;
    border-radius: 30px;
    padding: 40px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.03);
}

#danisin-katman1 .form-label {
    font-size: 14px;
    font-weight: 600;
    color: #555;
    margin-bottom: 8px;
    margin-left: 10px; /* Label'ı biraz içeri al */
}

/* Input ve Select Stilleri */
#danisin-katman1 .form-control {
    border: 1px solid #E2E8F0;
    border-radius: 50px; /* Tam oval */
    padding: 12px 20px;
    font-size: 14px;
    color: #333;
    background-color: #fff;
    transition: 0.3s;
}

#danisin-katman1 textarea.form-control {
    border-radius: 20px; /* Textarea köşeleri daha az oval */
    resize: none;
}

#danisin-katman1 .form-control:focus {
    border-color: #0F5D8E;
    box-shadow: 0 0 0 3px rgba(15, 93, 142, 0.1);
    outline: none;
}

/* Select Box Özel Ok */
#danisin-katman1 .select-wrapper {
    position: relative;
}

#danisin-katman1 .form-select {
    appearance: none; /* Varsayılan oku gizle */
    cursor: pointer;
}

#danisin-katman1 .arrow-icon {
    position: absolute;
    top: 50%; right: 15px;
    transform: translateY(-50%);
    width: 30px; height: 30px;
    background: #DDE2E5;
    color: #fff;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    pointer-events: none; /* Tıklamayı engelleme */
    font-size: 16px;
}

/* Checkbox */
#danisin-katman1 .form-check-input {
    width: 20px; height: 20px;
    border-radius: 50%; /* Yuvarlak checkbox */
    margin-right: 10px;
    border: 1px solid #0F5D8E;
    cursor: pointer;
}

#danisin-katman1 .form-check-input:checked {
    background-color: #0F5D8E;
    border-color: #0F5D8E;
}

#danisin-katman1 .form-check-label {
    font-size: 14px;
    color: #666;
    cursor: pointer;
    padding-top: 2px;
}

/* Gönder Butonu */
#danisin-katman1 .btn-send {
    background-color: #0F5D8E;
    color: #fff;
    border: none;
    padding: 12px 40px;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 10px 20px rgba(15, 93, 142, 0.2);
    transition: 0.3s;
    margin-top: 10px;
}

#danisin-katman1 .btn-send:hover {
    background-color: #0b466e;
    transform: translateY(-2px);
}

/* --- SAĞ: PROFİL KARTI --- */
#danisin-katman1 .profile-card {
    background-color: #fff;
    border-radius: 30px;
    padding: 20px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.03);
    text-align: center;
    height: 100%; /* Form kutusuyla aynı boyda olmaya çalışsın */
}

#danisin-katman1 .profile-img {
    width: 100%;
    aspect-ratio: 400 / 544;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 25px;
}

#danisin-katman1 .profile-img img {
    width: 100%; height: 100%;
    object-fit: cover;
	object-position: center top;
}

/* Profil Butonları */
#danisin-katman1 .profile-actions {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 0 10px;
}

#danisin-katman1 .btn-action {
    display: flex; align-items: center; justify-content: center;
    gap: 10px;
    padding: 12px 20px;
    border-radius: 30px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: 0.3s;
}

#danisin-katman1 .btn-blue {
    background-color: #0F5D8E;
    color: #fff;
    box-shadow: 0 5px 15px rgba(15, 93, 142, 0.2);
}

#danisin-katman1 .btn-blue:hover {
    background-color: #0b466e;
    transform: translateY(-2px);
    color: #fff;
}

#danisin-katman1 .btn-light-green {
    background-color: #E0F2F1; /* Açık yeşilimsi */
    color: #00695C;
}

#danisin-katman1 .btn-light-green:hover {
    background-color: #B2DFDB;
    color: #004D40;
}


/*------------------ DOKTORUNUZA DANIŞIN - KATMAN 2 STYLES ----------------------*/

#danisin-katman2 {
    padding: 80px 0;
    background-color: #fff; /* Sayfa zemini beyaz */
}

/* KART YAPISI */
#danisin-katman2 .qa-card {
    background-color: #F8F9FA; /* Görseldeki açık gri kart zemini */
    border-radius: 20px;
    padding: 30px;
    margin-bottom: 30px;
    transition: transform 0.3s ease;
}

#danisin-katman2 .qa-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

/* SOL: KULLANICI BİLGİSİ */
#danisin-katman2 .qa-user-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Mobilde veya genelde sola yaslı */
    height: 100%;
    padding-right: 20px;
}

/* Avatar (Yuvarlak İsim Baş Harfleri) */
#danisin-katman2 .user-avatar {
    width: 50px; height: 50px;
    background-color: #fff;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-weight: 700;
    color: #555;
    font-size: 18px;
    margin-bottom: 15px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.05);
}

#danisin-katman2 .user-name {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    margin-bottom: 15px;
}

/* Tarih Hapı */
#danisin-katman2 .qa-date {
    background-color: #fff;
    padding: 6px 20px;
    border-radius: 20px;
    font-size: 13px;
    color: #777;
    font-weight: 500;
}

/* Orta Çizgi (Masaüstü için) */
@media (min-width: 768px) {
    #danisin-katman2 .border-end-md {
        border-right: 1px solid #EAEAEA;
    }
}

/* SAĞ: İÇERİK */
#danisin-katman2 .qa-content {
    padding-left: 20px;
}

/* Cevaplandı Rozeti */
#danisin-katman2 .answer-badge {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    background-color: #E0F2F1; /* Görseldeki açık su yeşili */
    padding: 8px 10px 8px 20px;
    border-radius: 30px;
    margin-bottom: 20px;
    width: fit-content;
}

#danisin-katman2 .answer-badge span {
    color: #00695C; /* Koyu yeşil yazı */
    font-size: 13px;
    font-weight: 600;
}

#danisin-katman2 .answer-badge .icon-circle {
    width: 30px; height: 30px;
    background-color: #B2DFDB; /* İkon zemini */
    color: #004D40;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 16px;
}

/* Başlık */
#danisin-katman2 .qa-title {
    font-size: 18px;
    font-weight: 700;
    color: #0F5D8E; /* Mavi Başlık */
    margin-bottom: 15px;
}

/* Açıklama */
#danisin-katman2 .qa-desc {
    font-size: 15px;
    color: #555;
    line-height: 1.6;
    margin: 0;
}

/*------------------ DOKTORUNUZA DANIŞIN - KATMAN 3 STYLES ----------------------*/

#danisin-katman3 {
	position:relative;
    padding: 100px 0 0 0;
    overflow: hidden;
	z-index:20;
}
#danisin-katman3:before {
    position:absolute;
	content:"";
	bottom:0px;
	left:0px;
	width:100%;
	height:100px;
    background-color: #f7f7f7; /* Çok hafif gri zemin */
    overflow: hidden;
}

/* Sol Başlık */
#danisin-katman3 .cta-big-title {
    font-size: 40px;
    color: #444;
    font-weight: 500;
    line-height: 1.3;
}

/* Sağ Telefon Alanı */
#danisin-katman3 .phone-holder {
    position: relative;
    display: inline-block;
    z-index: 1;
}

#danisin-katman3 .phone-img {
    max-width: 300px; /* Telefon boyutu */
    width: 100%;
    height: auto;
    filter: drop-shadow(0 20px 40px rgba(0,0,0,0.1));
}

/* Yüzen Menü (Hap Şeklinde) */
#danisin-katman3 .floating-pill-menu {
    position: absolute;
    bottom: 30px; /* Telefonun üzerine binmesi için */
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    padding: 15px 30px;
    border-radius: 50px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    white-space: nowrap;
    z-index: 2;
    min-width: 320px;
}

#danisin-katman3 .floating-pill-menu a {
    text-decoration: none;
    color: #666;
    font-size: 13px;
    font-weight: 600;
    transition: 0.3s;
}

#danisin-katman3 .floating-pill-menu a.active,
#danisin-katman3 .floating-pill-menu a:hover {
    color: #0F5D8E; /* Mavi renk */
}

#danisin-katman3 .floating-pill-menu .sep {
    color: #ddd;
    font-size: 12px;
}


/*------------------ İÇERİK DETAY SAYFASI STYLES ----------------------*/

#icerik-detay {
    padding: 180px 0 100px 0; /* Header payı */
    background-color: #fff;
    color: #444;
}

/* --- HEADER ALANI --- */
#icerik-detay .page-tag {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    color: #7AC142;
    background: #f0fdf4;
    padding: 5px 15px;
    border-radius: 20px;
}

#icerik-detay .category-title {
    font-size: 42px;
    color: #0F5D8E; /* Mavi Başlık */
    font-weight: 700;
    margin: 0;
}

/* Sağ Üst Dropdown (Tedavi Seçimi) */
#icerik-detay .treatment-select-wrapper {
    display: inline-block;
    position: relative;
    min-width: 300px;
    text-align: left;
	z-index:20;
}

#icerik-detay .selected-treatment {
    background-color: #fff;
    border: 1px solid #eee;
    padding: 15px 25px;
    border-radius: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    transition: 0.3s;
}

#icerik-detay .selected-treatment:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.08);
}

/* Dropdown Listesi (Gizli) */
#icerik-detay .treatment-list {
    position: absolute;
    top: 100%; left: 0; width: 100%;
    background: #fff;
    list-style: none;
    padding: 15px 0;
    margin-top: 10px;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    opacity: 0; visibility: hidden;
    transform: translateY(10px);
    transition: 0.3s;
    z-index: 10;
}

#icerik-detay .treatment-select-wrapper:hover .treatment-list {
    opacity: 1; visibility: visible;
    transform: translateY(0);
}

#icerik-detay .treatment-list li a {
    display: block;
    padding: 8px 25px;
    color: #555;
    text-decoration: none;
    font-size: 14px;
    transition: 0.2s;
}

#icerik-detay .treatment-list li a:hover {
    background-color: #f9f9f9;
    color: #0F5D8E;
}


/* --- SOL SÜTUN (SIDEBAR) --- */

/* Görseller */
#icerik-detay .img-box img {
    width: 100%;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

/* Sizi Arayalım Formu */
#icerik-detay .callback-form-card {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 15px 40px rgba(0,0,0,0.05);
}

#icerik-detay .form-header {
    background-color: #0F5D8E; /* Koyu Mavi */
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 15px;
    color: #fff;
}

#icerik-detay .form-header i {
    font-size: 32px;
}

#icerik-detay .form-header h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
}

#icerik-detay .form-body {
    background-color: #F8F9FA; /* Açık gri gövde */
    padding: 25px;
}

#icerik-detay .form-body label {
    font-size: 13px;
    font-weight: 700;
    color: #555;
    margin-bottom: 5px;
    display: block;
}

#icerik-detay .form-body .form-control {
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    padding: 10px 15px;
    font-size: 14px;
}

#icerik-detay .form-check-label {
    font-size: 11px;
    color: #666;
    line-height: 1.4;
}

#icerik-detay .btn-submit {
    width: 100%;
    background-color: #0F5D8E;
    color: #fff;
    border: none;
    padding: 12px;
    border-radius: 30px;
    font-weight: 700;
    font-size: 15px;
    cursor: pointer;
    transition: 0.3s;
}

#icerik-detay .btn-submit:hover {
    background-color: #0b466e;
}

/* Sidebar Sticky (Kaydırmada sabit kalma - Opsiyonel) */
#icerik-detay .sticky-sidebar {
    position: sticky;
    top: 100px; /* Header yüksekliğine göre ayarla */
}

/*------------------ CMS UYUMLU İÇERİK STİLLERİ ----------------------*/

/* Ana Kapsayıcı (Bunu HTML'de en dışa koyman yeterli) */
.article-content {
	position:relative;
	z-index:10;
    color: #444;
}

/* --- Başlıklar --- */
/* H1: Sayfa Başlığı gibi görünenler */
.article-content h1, 
.article-content h2 {
    font-size: 24px;
    color: #0F5D8E; /* Mavi Başlık */
    line-height: 1.3;
    margin-bottom: 25px;
    margin-top: 0;
	font-weight:600 !important;
}

/* H3: Alt Başlıklar */
.article-content h3 {
    color: #333;
    font-size: 20px;
    font-weight: 700;
    margin-top: 40px;
    margin-bottom: 20px;
}

/* H4, H5, H6: Daha küçük ara başlıklar */
.article-content h4,
.article-content h5,
.article-content h6 {
    font-size: 20px;
    font-weight: 700;
    color: #0F5D8E;
    margin-bottom: 15px;
    margin-top: 25px;
}

/* --- Metinler --- */
.article-content p {
    font-size: 16px;
    line-height: 1.8;
    color: #555;
    margin-bottom: 25px;
}

.article-content strong, 
.article-content b {
    font-weight: 700;
    color: #222;
}

/* --- Listeler (UL / OL) --- */
.article-content ul, 
.article-content ol {
    padding-left: 20px;
    margin-bottom: 25px;
}

.article-content li {
    margin-bottom: 10px;
    font-size: 16px;
    color: #555;
    line-height: 1.6;
    position: relative;
    list-style-type: disc; /* Varsayılan nokta */
}

/* Eğer özel mavi nokta istersen: */
.article-content ul li::marker {
    color: #0F5D8E;
    font-size: 1.2em;
}

/* --- GRİ KUTULAR (BLOCKQUOTE) --- */
/* Editörde "Alıntı Yap" butonuna basılınca bu stil uygulanır */
.article-content blockquote {
    background-color: #F7F7F7; /* Gri Zemin */
    padding: 30px;
    border-radius: 30px;
    margin: 40px 0;
    border: none; /* Varsayılan sol çizgiyi kaldır */
    position: relative;
}

/* Blockquote içindeki başlıklar */
.article-content blockquote h3,
.article-content blockquote h4 {
    margin-top: 0; /* Kutunun en üstündeki başlık boşluk yapmasın */
    color: #0F5D8E;
}

/* Blockquote içindeki paragraflar */
.article-content blockquote p {
    color: #555;
    font-size: 15px;
	margin-bottom:0px;
}

/* Blockquote içindeki listeler */
.article-content blockquote ul li {
    font-size: 15px;
}

/* --- Linkler --- */
.article-content a {
    color: #0F5D8E;
    text-decoration: underline;
    font-weight: 600;
    transition: 0.3s;
}

.article-content a:hover {
    color: #0b466e;
    text-decoration: none;
}

/* --- GÖRSELLER --- */
.article-content img {
    max-width: 100%;
    height: auto;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

/* --- RESPONSIVE AYARLAR --- */
@media (max-width: 991px) {
    .article-content h1, .article-content h2 { font-size: 28px; }
    .article-content h3 { font-size: 22px; }
    .article-content blockquote { padding: 25px; }
}

/* MOBİL UYUMLULUK */
@media (max-width: 991px) {
    #icerik-detay { padding-top: 120px; }
    
    #icerik-detay .category-title { font-size: 32px; }
    
    #icerik-detay .treatment-select-wrapper {
        width: 100%;
        margin-top: 20px;
    }
    
    #icerik-detay .main-article-title { font-size: 28px; }
    
    #icerik-detay .info-box { padding: 25px; }
    
    /* Mobilde sidebar sticky olmasın */
    #icerik-detay .sticky-sidebar { position: static; }
}
/* Video Player Wrapper */
.video-player-wrapper {
    overflow: hidden;
    border-radius: 1rem;
}

.video-trigger-box {
    position: relative;
    transition: all 0.4s ease-in-out;
}

/* Resim Üzerindeki Karartma Katmanı */
.play-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2); /* Hafif karartma */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

/* Play Butonu Çemberi */
.play-circle {
    width: 80px;
    height: 80px;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0F5D8E; /* Senin ana mavi tonun */
    font-size: 40px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* Hover (Üzerine Gelince) Efektleri */
.video-trigger-box:hover .play-overlay {
    background: rgba(0, 0, 0, 0.4); /* Karartma artar */
}

.video-trigger-box:hover .play-circle {
    transform: scale(1.15); /* Buton büyür */
    background-color: #0F5D8E; /* İç renk değişir */
    color: #fff; /* İkon beyaz olur */
    box-shadow: 0 0 30px rgba(15, 93, 142, 0.5);
}

.video-trigger-box:hover img {
    transform: scale(1.02);
    transition: transform 0.8s ease;
}

/* Mobil Uyumluluk */
@media (max-width: 768px) {
    .play-circle {
        width: 60px;
        height: 60px;
        font-size: 30px;
    }
}
/*------------------ İÇERİK KÜTÜPHANESİ STYLES ----------------------*/

#icerik-kutuphanesi {
    padding: 180px 0 100px 0; /* Header payı */
    background-color: #F0F4F8; /* Görseldeki açık mavi/mor degrade zemin hissi */
    background: linear-gradient(180deg, #F0F4F8 0%, #FFFFFF 100%);
}

/* --- ÜST BAR --- */
#icerik-kutuphanesi .result-count {
    font-size: 13px;
    font-weight: 600;
    color: #666;
    background: #fff;
    padding: 8px 15px;
    border-radius: 20px;
    display: inline-flex; align-items: center;
}

#icerik-kutuphanesi .library-title {
    font-size: 36px;
    color: #0F5D8E;
    margin: 0;
}

#icerik-kutuphanesi .library-search {
    position: relative;
}

#icerik-kutuphanesi .library-search input {
    width: 100%;
    border: none;
    background: #fff;
    padding: 12px 20px;
    border-radius: 30px;
    font-size: 14px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.03);
    outline: none;
}

#icerik-kutuphanesi .library-search button {
    position: absolute;
    right: 5px; top: 5px;
    width: 36px; height: 36px;
    background: #DDE2E5;
    border: none;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    transition: 0.3s;
}

#icerik-kutuphanesi .library-search button:hover {
    background: #0F5D8E;
}


/* --- SOL SIDEBAR (STICKY FILTRE) --- */
#icerik-kutuphanesi .sticky-sidebar {
    position: sticky;
    top: 120px; /* Header yüksekliğine göre ayarla, aşağı indikçe kayar */
    background: #fff;
    padding: 30px;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
    z-index: 90;
}

#icerik-kutuphanesi .f-heading {
    font-size: 16px;
    font-weight: 700;
    color: #0F5D8E;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

#icerik-kutuphanesi .filter-list {
    list-style: none;
    padding: 0; margin: 0;
}

#icerik-kutuphanesi .filter-list li {
    margin-bottom: 12px;
}

/* Custom Radio Button */
#icerik-kutuphanesi .custom-radio {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    font-size: 14px;
    color: #555;
    user-select: none;
    transition: 0.3s;
}

#icerik-kutuphanesi .custom-radio:hover { color: #0F5D8E; }

#icerik-kutuphanesi .custom-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Checkmark (Daire) */
#icerik-kutuphanesi .checkmark {
    position: absolute;
    top: 2px; left: 0;
    height: 18px; width: 18px;
    background-color: #eee;
    border-radius: 50%;
    transition: 0.3s;
}

#icerik-kutuphanesi .custom-radio input:checked ~ .checkmark {
    background-color: #0F5D8E;
}

/* İç nokta */
#icerik-kutuphanesi .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    top: 5px; left: 5px;
    width: 8px; height: 8px;
    border-radius: 50%;
    background: white;
}

#icerik-kutuphanesi .custom-radio input:checked ~ .checkmark:after {
    display: block;
}

/* Filtre Butonu */
#icerik-kutuphanesi .btn-filter-apply {
    width: 100%;
    background: #0F5D8E;
    color: #fff;
    border: none;
    padding: 12px;
    border-radius: 30px;
    font-weight: 700;
    cursor: pointer;
    transition: 0.3s;
}

#icerik-kutuphanesi .btn-filter-apply:hover {
    background: #0b466e;
}


/* --- SAĞ KARTLAR (GRID) --- */

/* Genel Kart Yapısı */
#icerik-kutuphanesi .lib-card {
    background: transparent; /* Görseldeki gibi kartın kendisi şeffaf olabilir veya beyaz */
    border-radius: 20px;
    overflow: hidden;
    transition: transform 0.3s ease;
    height: 100%;
}

#icerik-kutuphanesi .lib-card:hover {
    transform: translateY(-5px);
}

#icerik-kutuphanesi .lib-card .card-img {
    position: relative;
    width: 100%;
    aspect-ratio: 310/175; /* Dikey dikdörtgen */
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(0,0,0,0.05);
}

#icerik-kutuphanesi .lib-card .card-img img {
    width: 100%; height: 100%; object-fit: cover;
    transition: transform 0.5s ease;
}

#icerik-kutuphanesi .lib-card:hover .card-img img {
    transform: scale(1.05);
}

/* Etiket (Sol Alt) */
#icerik-kutuphanesi .card-tag {
    position: absolute;
    bottom: 10px; left: 10px;
	background: rgba(246, 246, 246, 0.40);
	backdrop-filter: blur(25px);
    padding: 6px 10px;
	color: #000;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20.324px; /* 135.496% */
	letter-spacing: -0.15px;
	border-radius: 9px;
    z-index: 2;
}

/* Kart Altı Metin */
#icerik-kutuphanesi .lib-card .card-body {
    padding: 15px 5px;
    text-align: center;
}

#icerik-kutuphanesi .lib-card .date {
    display: block;
    font-size: 11px;
    color: #0F5D8E;
    font-weight: 700;
    margin-bottom: 5px;
}

#icerik-kutuphanesi .lib-card .title {
    font-size: 15px;
    font-weight: 600;
    color: #333;
    line-height: 1.4;
    margin: 0;
}


/* --- KART VARYASYONLARI --- */

/* VIDEO KARTI */
#icerik-kutuphanesi .video-overlay {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 50px; height: 50px;
    background: rgba(0,0,0,0.4);
    border: 2px solid #fff;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    color: #fff;
    font-size: 24px;
    z-index: 1;
    transition: 0.3s;
}
#icerik-kutuphanesi .card-video:hover .video-overlay {
    background: #0F5D8E; border-color: #0F5D8E;
}

/* PODCAST KARTI */
#icerik-kutuphanesi .podcast-overlay {
    position: absolute;
    top: 20px; right: 20px;
    width: 40px; height: 40px;
    background: #9C27B0; /* Mor renk */
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    color: #fff;
    font-size: 20px;
    z-index: 1;
}

/* EĞİTİM KARTI */
#icerik-kutuphanesi .education-badge {
    position: absolute;
    top: 0; right: 0;
    background: #FF9800; /* Turuncu renk */
    color: #fff;
    padding: 10px;
    border-bottom-left-radius: 20px;
    font-size: 20px;
    z-index: 1;
}


/* Load More Button */
#icerik-kutuphanesi .btn-load-more {
    background: transparent;
    border: 2px solid #ddd;
    padding: 10px 30px;
    border-radius: 30px;
    color: #666;
    font-weight: 700;
    cursor: pointer;
    transition: 0.3s;
}

#icerik-kutuphanesi .btn-load-more:hover {
    border-color: #0F5D8E;
    color: #0F5D8E;
}

/* MOBİL UYUMLULUK */
@media (max-width: 991px) {
    #icerik-kutuphanesi { padding-top: 120px; }
    
    #icerik-kutuphanesi .library-title { font-size: 28px; margin-bottom: 20px; }
    
    /* Mobilde sidebar sticky olmamalı, normal akışta durmalı */
    #icerik-kutuphanesi .sticky-sidebar {
        position: static;
        margin-bottom: 30px;
    }
}


/*------------------ SIKÇA SORULAN SORULAR STYLES ----------------------*/

#sss-page {
    padding: 250px 0 100px 0; /* Header payı */
    background: #fff;
    /* Hafif degrade arka plan (Görselin üst kısmındaki gibi) */
    background: linear-gradient(180deg, #F9FBFC 0%, #FFFFFF 300px);
}

/* Başlık Alanı */
#sss-page .page-tag {
    display: inline-block;
    background: #fff;
    border: 1px solid #eee;
    padding: 6px 20px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    color: #555;
}

#sss-page .page-tag i { color: #7AC142; }

#sss-page .page-main-title {
    font-size: 42px;
    color: #444;
    margin-top: 10px;
}

/* Banner Görsel */
#sss-page .sss-banner-holder {
    width: 100%;
    height: 300px; /* Görsel yüksekliği */
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0,0,0,0.05);
}

#sss-page .sss-banner-holder img {
    width: 100%; height: 100%; object-fit: cover;
}

/* --- AKORDİYON (FAQ) YAPISI --- */

.faq-item {
    background-color: #F9F9F9; /* Çok açık gri zemin */
    border-radius: 50px; /* Hap şeklinde yuvarlak köşeler */
    margin-bottom: 20px;
    transition: all 0.3s ease;
    overflow: hidden;
}

/* Header (Tıklanabilir Alan) */
.faq-header {
    padding: 20px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
}

.faq-title {
    font-size: 16px;
    font-weight: 700;
    color: #0F5D8E; /* Mavi Soru Rengi */
    margin: 0;
    flex: 1; /* Yazı alanı genişlesin */
}

.faq-icon {
    width: 32px; height: 32px;
    border: 1px solid #0F5D8E;
    border-radius: 50%;
    color: #0F5D8E;
    display: flex; align-items: center; justify-content: center;
    font-size: 18px;
    transition: 0.3s;
    flex-shrink: 0; /* İkon küçülmesin */
    margin-left: 20px;
}

/* İçerik Alanı (Başlangıçta Gizli) */
.faq-body {
    padding: 0 30px 25px 30px; /* Üst padding yok */
    display: none; /* JS ile açılacak */
    color: #666;
    font-size: 14px;
    line-height: 1.6;
}

/* --- AKTİF DURUM (JS ile eklenecek class) --- */
.faq-item.active {
    background-color: #F5F7F8; /* Aktifken zemin rengi hafif değişebilir */
}

.faq-item.active .faq-icon {
    transform: rotate(180deg); /* Eksi ikonuna dönüş efektli de olabilir veya direkt ikon değişir */
    background-color: #0F5D8E;
    color: #fff;
    border-color: #0F5D8E;
}

/* İkon içeriğini CSS ile değiştirmek yerine JS ile class değiştireceğiz */

/* MOBİL UYUMLULUK */
@media (max-width: 991px) {
    #sss-page { padding-top: 120px; }
    #sss-page .page-main-title { font-size: 32px; }
    #sss-page .sss-banner-holder { height: 200px; }
    
    .faq-item { border-radius: 30px; }
    .faq-header { padding: 15px 20px; }
    .faq-body { padding: 0 20px 20px 20px; }
    .faq-title { font-size: 15px; }
}


/*------------------ İLETİŞİM SAYFASI STYLES ----------------------*/

#iletisim-page {
    padding: 250px 0 100px 0; /* Header payı */
    background: #fdfdfd;
    background: linear-gradient(180deg, #F5F7FA 0%, #ffffff 100%);
}

/* Başlık */
#iletisim-page .page-tag {
    display: inline-block;
    background: #fff;
    border: 1px solid #eee;
    padding: 6px 15px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    color: #555;
}

#iletisim-page .page-tag i { color: #7AC142; }

#iletisim-page .page-main-title {
    font-size: 42px;
    color: #444;
    margin-top: 10px;
}

/* --- SOL: HARİTA ALANI --- */
#iletisim-page .map-wrapper {
    position: relative;
    width: 100%;
    height: 600px; /* Form ile dengeli yükseklik */
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0,0,0,0.05);
}

#iletisim-page .map-wrapper iframe {
    width: 100%; height: 100%;
    filter: grayscale(20%); /* Haritayı biraz grileştirerek modern göster */
}

/* Yüzen İletişim Kartı */
#iletisim-page .floating-contact-info {
    position: absolute;
    bottom: 30px; left: 30px; right: 30px; /* Kenarlardan boşluk */
    background: #fff;
    border-radius: 20px;
    padding: 25px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
    gap: 25px;
}

#iletisim-page .info-icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: #0F5D8E;
    font-weight: 700;
    line-height: 1.2;
    padding-right: 20px;
    border-right: 1px solid #eee;
    min-width: 80px;
}

#iletisim-page .info-icon i {
    font-size: 32px;
    margin-bottom: 5px;
}

#iletisim-page .info-details {
    flex: 1;
}

#iletisim-page .d-item {
    font-size: 14px;
    color: #555;
    margin-bottom: 5px;
}

#iletisim-page .d-item.phone { font-weight: 700; color: #333; font-size: 15px; }
#iletisim-page .d-item.address { font-size: 13px; line-height: 1.4; margin-top: 5px; }


/* --- SAĞ: FORM KARTI --- */
#iletisim-page .contact-form-card {
    background: #fff;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,0.05);
    height: 100%;
}

#iletisim-page .form-header {
    background-color: #0F5D8E; /* Koyu Mavi */
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    color: #fff;
}

#iletisim-page .form-header i { font-size: 32px; }
#iletisim-page .form-header h3 { margin: 0; font-size: 20px; font-weight: 600; }

#iletisim-page .form-body {
    padding: 30px;
}

#iletisim-page .form-label {
    font-size: 13px;
    color: #666;
    margin-bottom: 5px;
    margin-left: 5px;
}

#iletisim-page .form-control {
    border: 1px solid #E2E8F0;
    border-radius: 10px; /* Hafif oval kutular */
    padding: 12px 15px;
    font-size: 14px;
    transition: 0.3s;
}

#iletisim-page .form-control:focus {
    border-color: #0F5D8E;
    box-shadow: 0 0 0 3px rgba(15, 93, 142, 0.1);
    outline: none;
}

/* Custom Yuvarlak Checkbox */
#iletisim-page .custom-check-group {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

#iletisim-page .round-checkbox {
    position: relative;
    width: 20px; height: 20px;
    cursor: pointer;
    flex-shrink: 0;
}

#iletisim-page .round-checkbox input {
    position: absolute; opacity: 0; cursor: pointer;
}

#iletisim-page .checkmark {
    position: absolute; top: 0; left: 0;
    height: 20px; width: 20px;
    background-color: #fff;
    border: 1px solid #0F5D8E;
    border-radius: 50%;
}

#iletisim-page .round-checkbox input:checked ~ .checkmark {
    background-color: #0F5D8E;
}

#iletisim-page .check-text {
    font-size: 12px;
    color: #666;
    line-height: 1.4;
    padding-top: 2px;
}

/* Buton */
#iletisim-page .btn-contact-submit {
    background-color: #0F5D8E;
    color: #fff;
    border: none;
    padding: 14px 50px;
    border-radius: 30px;
    font-weight: 700;
    font-size: 15px;
    cursor: pointer;
    transition: 0.3s;
    box-shadow: 0 10px 20px rgba(15, 93, 142, 0.2);
    margin-top: 10px;
}

#iletisim-page .btn-contact-submit:hover {
    background-color: #0b466e;
    transform: translateY(-3px);
}


/* RESPONSIVE AYARLAR */
@media (max-width: 991px) {
    #iletisim-page { padding-top: 120px; }
    
    #iletisim-page .page-main-title { font-size: 32px; }

    #iletisim-page .map-wrapper { 
        height: 400px; 
        margin-bottom: 30px;
    }
    
    #iletisim-page .floating-contact-info {
        position: relative;
        bottom: auto; left: auto; right: auto;
        margin: -40px 20px 20px 20px; /* Haritanın üzerine bindir */
        flex-direction: column;
        text-align: center;
    }
    
    #iletisim-page .info-icon {
        border-right: none;
        border-bottom: 1px solid #eee;
        padding-right: 0;
        padding-bottom: 15px;
        margin-bottom: 15px;
        width: 100%;
    }
}


/* --- Genel Ayarlar ve Değişkenler --- */
#iletisim-yeni {
    --primary-blue: #548CFF;
    --dark-blue: #2A2E59;
    --light-bg: #EBF2F8;
    --text-dark: #333;
    --border-radius-lg: 20px;
    --border-radius-input: 30px;
    position:relative;
	z-index:20;
    background-color: var(--light-bg);
    color: var(--text-dark);
    padding: 0px 0px 50px 0px;
}
#iletisim-yeni:before {
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	width:100%;
	height:170px;
	background:linear-gradient(to bottom,rgba(255,255,255,0.5),rgba(255,255,255,0));
	backdrop-filter:blur(5px);
}
#iletisim-yeni iframe {
    width:100%;
	height:600px;
}

#iletisim-yeni h2.section-title {
    font-weight: 600;
    margin-bottom: 30px;
    color: #2c3e50;
}

/* --- Tab Header (Sekmeler) --- */
#iletisim-yeni .tab-header {
    display: flex;
    align-items: flex-end;
    margin-bottom: -1px;
    position: relative;
    z-index: 2;
    padding-left: 20px;
}

#iletisim-yeni .custom-tab {
    padding: 15px 30px;
    font-weight: 500;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    cursor: pointer;
    transition: all 0.3s;
    color: white;
    border: none;
    margin-right: 10px;
}

#iletisim-yeni .tab-active {
    background-color: white;
    color: #333;
    font-weight: 700;
    box-shadow: 0 -5px 15px rgba(0,0,0,0.05);
    padding-bottom: 20px;
    margin-bottom: -10px;
    z-index: 3;
}
/* Bunu mevcut CSS'inize ekleyin veya güncelleyin */
#iletisim-yeni .custom-tab.tab-active {
    background-color: white !important; /* Rengi zorla beyaz yap */
    color: #333 !important;
    z-index: 10;
}

#iletisim-yeni .tab-blue {
    background-color: #548CFF; /* primary-blue manuel */
}

#iletisim-yeni .tab-dark {
    background-color: #2A2E59; /* dark-blue manuel */
}

/* --- Form Alanı --- */
#iletisim-yeni .form-container {
    background: white;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    position: relative;
    z-index: 1;
}

#iletisim-yeni .form-control {
    border-radius: 30px;
    padding: 12px 20px;
    border: 1px solid #dee2e6;
    font-size: 0.9rem;
    color: #666;
    background-color: #fff;
}

#iletisim-yeni .form-control:focus {
    box-shadow: 0 0 0 0.25rem rgba(84, 140, 255, 0.15);
    border-color: #548CFF;
}

#iletisim-yeni .form-control::placeholder {
    color: #aaa;
    font-style: italic;
}

#iletisim-yeni textarea.form-control {
    border-radius: 20px;
}

#iletisim-yeni .btn-submit {
    background-color: #548CFF;
    color: white;
    border-radius: 30px;
    padding: 10px 40px;
    font-weight: 600;
    border: none;
    float: right;
}

#iletisim-yeni .btn-submit:hover {
    background-color: #3d73e0;
    color: white;
}

/* --- Mock Recaptcha --- */
#iletisim-yeni .mock-recaptcha {
    width: fit-content;
    padding: 10px 15px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}

#iletisim-yeni .recaptcha-check {
    width: 24px;
    height: 24px;
    border: 2px solid #c1c1c1;
    border-radius: 2px;
    background: #fff;
}

#iletisim-yeni .recaptcha-text {
    font-size: 13px;
    font-weight: 500;
    color: #000;
}

#iletisim-yeni .recaptcha-logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 20px;
    font-size: 10px;
    color: #555;
}

/* --- Sağ Taraf Widgetlar --- */
#iletisim-yeni .info-card {
    background: white;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.03);
    position: relative;
    overflow: hidden;
}

#iletisim-yeni .card-header-custom {
    font-weight: 700;
    font-size: 1.1rem;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#iletisim-yeni .yol-tarifi-btn {
	position:relative;
    background-color: #548CFF;
    color: white;
    font-size: 0.75rem;
    padding: 5px 15px;
    border-radius: 15px;
    text-decoration: none;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 5px;
    z-index: 10;
}
#iletisim-yeni .yol-tarifi-btn:hover { color: white; opacity: 0.9; }

#iletisim-yeni .location-item {
	position:relative;
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}

#iletisim-yeni .location-icon {
    font-size: 1.5rem;
}

#iletisim-yeni .icon-blue { color: #2c3e50; }
#iletisim-yeni .icon-red { color: #c0392b; }
#iletisim-yeni .icon-green { color: #58a90e; }

#iletisim-yeni .location-text h6 {
    font-weight: 700;
    font-size: 0.9rem;
    margin-bottom: 2px;
}

#iletisim-yeni .location-text p {
    font-size: 0.8rem;
    color: #666;
    margin-bottom: 0;
    line-height: 1.4;
}

#iletisim-yeni .building-img {
	width: 163px;
    height: 225px;
    object-fit: cover;
    border-radius: -2px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 0;
}

/* --- İletişim Aksiyon Kartları --- */
#iletisim-yeni .contact-action-card {
    display: flex;
	flex-wrap:wrap;
    align-items: center;
    justify-content: space-between;
}

#iletisim-yeni .action-icon-box {
    width: 50px;
    height: 50px;
    background-color: #548CFF;
    color: white;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}

#iletisim-yeni .action-content {
    width: calc(100% - 50px);
	padding-right:10px;
}

#iletisim-yeni .action-content h6, 
#iletisim-yeni .action-content h5 {
    font-weight: 700;
    margin-bottom: 2px;
}

#iletisim-yeni .action-content p {
    font-size: 0.8rem;
    margin: 0;
    color: #666;
}

#iletisim-yeni .phone-number {
    font-weight: 700;
    color: #333;
    font-size: 1.1rem;
}

/* --- Alt İletişim Kartı --- */
#iletisim-yeni .bottom-contact-card {
    padding: 0;
    display: flex;
    overflow: hidden;
}

#iletisim-yeni .email-section {
    width: 40%;
    padding: 20px;
    background: white;
    position: relative;
}

#iletisim-yeni .patient-services {
    width: 60%;
    background: #dcebf7;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

#iletisim-yeni .patient-services::before {
    content: '';
    position: absolute;
    left: -20px;
    top: 0;
    bottom: 0;
    width: 40px;
    background: #dcebf7;
    transform: skewX(-10deg);
}

#iletisim-yeni .contact-info-row {
    margin-bottom: 10px;
}

#iletisim-yeni .contact-label {
    font-weight: 700;
    font-size: 0.9rem;
    display: block;
}

#iletisim-yeni .contact-val {
    font-size: 0.85rem;
    color: #555;
    text-decoration: none;
}

#iletisim-yeni .blue-box-icon {
     width: 40px; 
     height: 40px; 
     background: #548CFF; 
     color: white; 
     display: flex; 
     align-items: center; 
     justify-content: center; 
     border-radius: 8px;
     margin-bottom: 10px;
}

/* Responsive */
@media (max-width: 991px) {
    #iletisim-yeni .building-img { display: none; }
    #iletisim-yeni .patient-services::before { display: none; }
    #iletisim-yeni .bottom-contact-card { flex-direction: column; }
    #iletisim-yeni .email-section, 
    #iletisim-yeni .patient-services { width: 100%; }
}

#phone {
	padding-left:50px !important;
}