@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 {
    margin: 0px;
	padding-left:20px;
}

h1 {
    font-size: 50px;
    font-weight: 400;
    line-height: 56px;
    margin-bottom: 10px;
}

h2 {
    font-size: 30px;
    font-weight: 700;
    line-height: 39px;
    margin-bottom: 10px;
}

h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 10px;
}

h4 {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 10px;
}

h5 {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    margin-bottom: 10px;
}

h6 {
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 10px;
}

p {
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 10px;
}

main {
    overflow: hidden;
    width: calc(100vw - 5px);
    min-height: 100vh;
}

body {
    position: relative;
    font-family: "Poppins", sans-serif;
}

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

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

/* Track */
.scrollbar::-webkit-scrollbar-track {
    background: #F6F5F0;
}

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

/* Handle on hover */
.scrollbar::-webkit-scrollbar-thumb:hover {
    background: #FEDD06;
}

.container-fluid {
    max-width: calc(100vw - 200px);
}

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

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

/*------------------cerezpolitikasi----------------------*/
.cerezpolitikasi {
    position: fixed;
    bottom: 20px;
    left: 20px;
    width: 400px;
    max-width: calc(100% - 40px);
    padding: 20px;
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.5);
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    z-index: 100000;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0px 30px;
    height: 60px;
    border-radius: 30px;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
}

/*------------------header----------------------*/
.aciklama {
    margin-bottom: 24px;
}

.aciklama h1 {
    font-weight: 600;
    font-size: 24px;
    line-height: 34px;
    color: var(--yesil);
    margin-bottom: 14px;
}

.aciklama ul, ol {
    list-style: none;
    margin-bottom: 24px;
}

.aciklama ul li, .aciklama ol li {
    position: relative;
    padding-left: 15px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--yesil);
    opacity: 1;
}

.aciklama ul li:before, .aciklama ol li:before {
    position: absolute;
    content: "";
    top: 11px;
    left: 0px;
    width: 7px;
    height: 7px;
    border-radius: 4px;
    background: var(--yesil);
    opacity: 1 !important;
}

.aciklama img {
    width: 100% !important;
    border-radius: 20px;
    max-height: 300px;
    object-fit: cover;
    margin-bottom: 25px;
}

.aciklama h2, .aciklama h3, .aciklama h4, .aciklama h5 {
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    color: var(--yesil);
    margin-bottom: 20px;
}

.aciklama p {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: var(--yesil);
    opacity: 1;
    margin-bottom: 20px;
}

/*------------------ FORM ----------------------*/

.kvkk-checkbox label {
    font-size: 1.1rem;
    color: #000000!important;
    cursor: pointer;
}
.kvkk-checkbox a {
    color: #000000!important;
    text-decoration: underline;
}
/*------------------ TOP BAR STYLES ----------------------*/
#top-bar {
    background: linear-gradient(90deg, #EAD086 0%, #F5E9B6 50%, #EAD086 100%);

    /* Altın Sarısı Degrade */
     padding: 10px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

#top-bar .tb-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1600px;

    /* İçerik genişliği */
     margin: 0 auto;
    padding: 0 20px;
}

/* Sol Taraf */
#top-bar .tb-left {
    display: flex;
    gap: 20px;
}

#top-bar .tb-left a {
    text-decoration: none;
    color: #333;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 5px;
}

#top-bar .tb-left a i {
    font-size: 16px;
}

/* Orta Taraf (Arama) */
#top-bar .tb-center {
    flex: 1;
    display: flex;
    justify-content: center;
}

#top-bar .search-box {
    position: relative;
    width: 100%;
    max-width: 400px;
}

#top-bar .search-box input {
    width: 100%;
    background: transparent;
    border: 1px solid #000000;
    border-radius: 20px;
    padding: 8px 30px 8px 20px;
    font-size: 15px;
    color: #000000;
    outline: none;
}

#top-bar .search-box input::placeholder {
    color: #555;
}

#top-bar .search-box button {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    font-size: 16px;
    color: #333;
    cursor: pointer;
}

/* Sağ Taraf */
#top-bar .tb-right {
    display: flex;
    align-items: center;
    gap: 20px;
}

#top-bar .guide-link {
    text-decoration: none;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 5px;
}

#top-bar .social-icons {
    display: flex;
    gap: 10px;
}

#top-bar .social-icons a {
    color: #333;
    font-size: 22px;
    transition: 0.3s;
}

#top-bar .social-icons a:hover {
    color: #000;
}

/* Sağ Butonlar */
#top-bar .sag-butonlar {
    display: flex;
    align-items: center;
    gap: 20px;
}

#top-bar .dil {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 101;
    height: 100%;
}

#top-bar .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 #000;
    text-transform: uppercase;
}

#top-bar .dil .default img {
    height: 16px;
}

#top-bar .dil .default i {
    color: #000;
    font-size: 20px;
}

#top-bar .dil .acilandil {
    position: absolute;
    top: 100%;
    right: calc(50% - 20px);
    width: 40px;
    padding-top: 10px;
    z-index: 100;
    display: none;
    z-index: 10000;
}

#top-bar .dil .acilandil .default {
    width: 40px;
    height: 40px;
    border-radius: 5px;
    margin-bottom: 5px;
    background: #eed894;
    color: #fff;
    padding: 10px;
    border: 2px solid #000000;
}

#top-bar .dil:hover .acilandil {
    display: block;
}

/*------------------ MAIN HEADER STYLES ----------------------*/
#header {
    background-color: #e6ecf0;
    padding: 15px 0;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    position: relative;
    z-index: 100;
}

#header .alan {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Logo */
#header .logo img {
    height: 48px;
    margin-right: 10px;
    /* Logo yüksekliği */
     width: auto;
}

/* Menü */
#header .menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

#header .link-item {
    text-decoration: none;
    color: #ffffff;
    font-size: 12.5px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 3px;
    transition: 0.3s;
    position: relative;
    background: #214b61;
    padding: 5px;
    border-radius: 10px;
}

#header .link-item:hover {
    color: #fff;
    background: #000000;
    transform: translateY(-2px);
}

/* Hover rengi (Mavi veya Kırmızı yapılabilir) */
#header .home-icon a {
    font-size: 20px;
}

/* Dropdown (Acilan) */
#header .link-li {
    position: relative;
}

#header .acilan {
    position: absolute;
    top: 100%;
    left: 0;
    background: #000000;
    min-width: 250px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 4px 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: 0.3s;
    z-index: 99;
}

#header .acilan a {
    display: block;
    padding: 6px 8px;
    font-size: 12.5px;
}

#header .acilan a:hover {
    background: #fff;
    color: #000;
}

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

#header .acilan2 {
    position: absolute;
    top: 100%;
    left: 0;
    background: #000000;
    min-width: 250px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 4px 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: 0.3s;
    z-index: 99;
}

#header .acilan2 a {
    display: block;
    padding: 6px 8px;
    font-size: 12.5px;
}

#header .acilan2 a:hover {
    background: #fff;
    color: #000;
}

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

#header .acilan .link-item {
    background: #000;
    border-radius: 0px;
    margin-bottom: 2px;
    border-bottom: solid 2px #fff;
}

#header .acilan ul {
    display: block;
}

#header .acilan li {
    margin: 0;
}

#header .acilan2 {
	position:absolute;
	display:none;
    top: -10px;
    left: calc(100% - 10px);
	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 .acilan .link-li:hover .acilan2 {
	display:block;
}

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

#header .dil {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 101;
    height: 100%;
}

#header .dil .default {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    border: 1px solid #000;
    text-transform: uppercase;
}

#header .dil .default img {
    height: 15px;
    margin-right: 5px;
}

#header .dil .default i {
    color: #000;
    font-size: 20px;
}

#header .dil .acilandil {
    position: absolute;
    top: 100%;
    right: calc(50% - 20px);
    width: 40px;
    padding-top: 10px;
    z-index: 100;
    display: none;
    z-index: 10000;
}

#header .dil .acilandil .default {
    width: 40px;
    height: 40px;
    border-radius: 5px;
    margin-bottom: 5px;
    background: #000;
    color: #fff;
    padding: 10px;
    border: 1px solid #fff;
}

#header .dil:hover .acilandil {
    display: block;
}

/* Duyurular Butonu */
#header .btn-duyuru {
    background-color: #FF3B30;

    /* Kırmızı */
     color: #fff;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 30px;
    font-weight: 700;
    font-size: 14px;
    box-shadow: 0 5px 15px rgba(255, 59, 48, 0.3);
    transition: 0.3s;
	margin-left: 10px;
}

#header .btn-duyuru:hover {
    background-color: #d63026;
    transform: translateY(-2px);
}

/*------------------mobilheader----------------------*/
#mobilheader {
    display: none;
    align-items: center;
    flex-wrap: wrap;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 1000;
    height: 65px;
    padding: 0px 5px;
    background: #fff;
}

#mobilheader.sabit {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    background: var(--krem);
}

#mobilheader.heading {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    background: var(--krem);
}

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

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

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

#mobilheader .btn {
    padding: 0px 0px 0px 0px;
}

#mobilheader .btn i {
    font-size: 40px;
}

#mobilheader .logo {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
}

#mobilheader .logo img {
    max-width: 100%;
    max-height: 100%;
}

#mobilheader .dil {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 101;
    padding: 0px 5px;
    height: 100%;
}

#mobilheader .dil .default {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    border: 1px solid rgba(0, 0, 0, 0.4);
    text-transform: uppercase;
}

#mobilheader .dil .default img {
    height: 16px;
}

#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 (HERO) STYLES ----------------------*/
#slider {
    position: relative;
    overflow: hidden;
}

#slider .item {
    position: relative;
    min-height: 850px;

    /* Slider yüksekliği */
     display: flex;
    align-items: center;
}

/* Arkaplan Resmi */
#slider .bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    opacity: 0.9;
}

/* İçerik Katmanı */
#slider .bilgi {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

/* --- SOL TARAFTAKİ METİNLER --- */
#slider .uzmanlik-etiketi {
    display: inline-block;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    padding: 8px 20px;
    border-radius: 30px;
    font-size: 14px;
    margin-bottom: 10px;
    backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

#slider .yazi1 {
    color: #fff;
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    margin-bottom: 10px;
}

#slider .yazi2 {
    color: #ddd;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 20px;
    max-width: 500px;
}

/* Butonlar */
#slider .butonlar {
    display: flex;
    gap: 15px;
    margin-bottom: 40px;
}

#slider .btn-gold {
    background: linear-gradient(90deg, #F5E9B6 0%, #ff3b30 100%);
    color: #333;
    padding: 12px 30px;
    border-radius: 30px;
    text-decoration: none;
    font-weight: 700;
    transition: 0.3s;
}

#slider .btn-outline {
    border: 1px solid #EAD086;
    color: #EAD086;
    padding: 12px 30px;
    border-radius: 30px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s;
}

#slider .btn-gold:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(234, 208, 134, 0.3);
}

#slider .btn-outline:hover {
    background: #EAD086;
    color: #333;
}

/* --- ALTIN FORM --- */
#slider .gold-form-wrapper {
    background: linear-gradient(135deg, #F5E9B6 0%, #EAD086 100%);
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
    max-width: 450px;
}

#slider .form-title {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
}

#slider .gold-form-wrapper form {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

#slider .form-control {
    background: #FFF8E1;

    /* Çok açık sarı zemin */
     border: none;
    border-radius: 20px;
    padding: 6px 15px;
    font-size: 14px;
    color: #333;
}

#slider .form-control::placeholder {
    color: #888;
}

#slider .form-control:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}

/* Select Box */
#slider .select-wrapper {
    position: relative;
}

#slider .select-wrapper select {
    appearance: none;
    cursor: pointer;
    background: #0d1b2a;
    color: #fff;
}

#slider .select-wrapper i {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    pointer-events: none;
}

/* Checkbox */
#slider .form-check {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    color: #333;
}

#slider .form-check input {
    width: 16px;
    height: 16px;
}

/* Gönder Butonu */
#slider .btn-submit {
    background: #0d1b2a;

    /* Koyu Lacivert */
     color: #fff;
    border: none;
    padding: 12px;
    border-radius: 10px;
    font-weight: 700;
    cursor: pointer;
    transition: 0.3s;
}

#slider .btn-submit:hover {
    background: #1a2f45;
}

/* --- SAĞ: DOKTOR GÖRSELİ --- */
#slider .doctor-img-wrapper {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 95%;

    /* Slider'ın %95'i kadar boy */
     z-index: 3;
}

#slider .doctor-img-wrapper img {
    height: 100%;
    width: auto;
    object-fit: contain;
    filter: drop-shadow(-20px 0 30px rgba(0, 0, 0, 0.5));

    /* Hafif gölge */
}

/*------------------ HASTALIKLAR SECTION (HOVER EFFECT) ----------------------*/
#hastaliklar {
    padding: 100px 0;
    background-color: #E6ECF0;

    /* Görseldeki açık gri-mavi zemin */
}

/* Başlık Grubu */
#hastaliklar .section-tag {
    display: inline-block;
    background-color: #CFD8DC;
    color: #455A64;
    padding: 8px 25px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
}

#hastaliklar .section-title {
    font-size: 36px;
    font-weight: 700;
    color: #0d1b2a;
    margin-bottom: 10px;
    text-transform: uppercase;
}

#hastaliklar .section-desc {
    font-size: 16px;
    color: #666;
    margin-bottom: 40px;
}

/* --- KART YAPISI --- */
#hastaliklar .disease-card {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    height: 400px;

    /* Kart yüksekliği sabit olmalı */
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

/* Arkaplan Resmi */
#hastaliklar .bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

/* Hover'da Resim Zoom Efekti */
#hastaliklar .disease-card:hover .bg-img {
    transform: scale(1.1);
}

/* --- İÇERİK KUTUSU (MAVİ ALAN) --- */
#hastaliklar .card-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #0d1b2a;

    /* Koyu Lacivert */
     border-radius: 0 0 20px 20px;

    /* Sadece alt köşeler */
     padding: 0 20px;
    transition: all 0.4s ease;
    z-index: 2;

    /* Başlangıçta sadece header görünecek kadar yer kaplamalı,       fakat dinamik olması için max-height kullanacağız */
}

/* HEADER: Başlık ve Buton (Her zaman görünür) */
#hastaliklar .card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;

    /* İç boşluk */
     border-bottom: 1px solid rgba(255, 255, 255, 0.1);

    /* Hafif çizgi */
}

#hastaliklar .card-title {
    font-size: 15px;
    font-weight: 800;
    color: #fff;
    margin: 0;
    text-transform: uppercase;
    line-height: 1.4;
    max-width: 60%;
}

/* Sarı Buton */
#hastaliklar .btn-see-all {
    background: linear-gradient(90deg, #F5E9B6 0%, #EAD086 100%);
    color: #333;
    font-size: 12px;
    font-weight: 700;
    padding: 8px 12px;
    border-radius: 20px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: 0.3s;
    white-space: nowrap;
}

#hastaliklar .btn-see-all i {
    transform: rotate(45deg);
    font-weight: 900;
}

#hastaliklar .btn-see-all:hover {
    background: #EAD086;
}

/* BODY: Liste Alanı (Başlangıçta Gizli) */
#hastaliklar .card-body {
    max-height: 0;

    /* Yükseklik 0 = Gizli */
     overflow: hidden;
    opacity: 0;
    transition: max-height 0.5s ease, opacity 0.3s ease;
}

/* --- HOVER ETKİLEŞİMİ --- */
/* Karta gelince body açılsın */
#hastaliklar .disease-card:hover .card-body {
    max-height: 500px;

    /* İçeriğin sığabileceği kadar büyük bir değer */
     opacity: 1;
    padding-bottom: 25px;

    /* Alt boşluk */
}

/* Liste Stilleri */
#hastaliklar .disease-list {
    list-style: none;
    padding: 15px 0 0 0;
    margin: 0;
}

#hastaliklar .disease-list li {
    margin-bottom: 8px;
}

#hastaliklar .disease-list li a {
    color: #aebecd;
    text-decoration: none;
    font-size: 13px;
    text-transform: uppercase;
    display: block;
    transition: 0.2s;
    position: relative;
    padding-left: 15px;
}

/* Liste maddesi başındaki nokta */
#hastaliklar .disease-list li a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
    width: 6px;
    height: 6px;
    background-color: #EAD086;
    border-radius: 50%;
}

#hastaliklar .disease-list li a:hover {
    color: #fff;
    padding-left: 20px;
}

/*------------------ HAKKIMDA SECTION STYLES ----------------------*/
#hakkimda {
    padding: 100px 0;
    background-color: #E6ECF0;

    /* Görseldeki açık gri-mavi zemin */
}

/* --- SOL TARAFTAKİ RESİMLER --- */
#hakkimda .gallery-wrapper {

    /* Resimlerin hizalanması */
}

/* Büyük Resim Kutusu */
#hakkimda .big-img-box {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

#hakkimda .big-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Küçük Resimler Satırı */
#hakkimda .small-imgs-row {
    display: flex;
    justify-content: space-between;
}

#hakkimda .small-img-box {
    flex: 1;

    /* Eşit genişlik */
     height: 150px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
}

#hakkimda .small-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* --- SAĞ TARAFTAKİ METİNLER --- */
/* Etiket */
#hakkimda .section-tag {
    display: inline-block;
    background-color: #CFD8DC;
    color: #455A64;
    padding: 6px 20px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 600;
}

/* Başlık */
#hakkimda .about-title {
    font-size: 32px;
    font-weight: 800;
    color: #0d1b2a;

    /* Koyu Lacivert */
     margin-top: 10px;
}

/* Metin */
#hakkimda .about-text p {
    color: #0A2838;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/* Buton */
#hakkimda .btn-detail {
    background: linear-gradient(90deg, #F5E9B6 0%, #EAD086 100%);
    color: #333;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 25px;
    border-radius: 20px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: 0.3s;
}

#hakkimda .btn-detail i {
    transform: rotate(45deg);
    font-weight: 900;
}

#hakkimda .btn-detail:hover {
    background: #EAD086;
    box-shadow: 0 5px 15px rgba(234, 208, 134, 0.4);
    transform: translateY(-2px);
}

/*------------------ DİJİTAL KATALOG STYLES ----------------------*/
#dijital-katalog {
    position: relative;
    padding: 100px 0;
    background-size: cover !important;
    background-position: center !important;
    color: #fff;
    overflow: hidden;
}

/* Koyu Mavi Overlay (Perde) */
#dijital-katalog .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    /* Görseldeki gibi soldan sağa hafif degrade ama genel olarak koyu */
     background: linear-gradient(90deg, rgba(13, 27, 42, 0.85) 0%, rgba(13, 27, 42, 0.95) 50%, rgba(13, 27, 42, 0.85) 100%);
    z-index: 1;
}

#dijital-katalog .z-2 {
    position: relative;
    z-index: 2;
}

/* Etiket */
#dijital-katalog .catalog-tag {
    display: inline-block;
    background: rgba(255, 255, 255, 0.15);
    padding: 8px 25px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 25px;
    backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Başlık */
#dijital-katalog .catalog-title {
    font-size: 42px;
    font-weight: 800;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Açıklama */
#dijital-katalog .catalog-desc {
    font-size: 16px;
    opacity: 0.9;
    max-width: 700px;
    margin: 0 auto 30px auto;
    line-height: 1.6;
}

/* Liste */
#dijital-katalog .catalog-features {
    list-style: none;
    padding: 0;
    margin: 0 auto 40px auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}

#dijital-katalog .catalog-features li {
    font-size: 15px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
}

#dijital-katalog .catalog-features li i {
    color: #EAD086;

    /* Altın Sarısı İkon */
     font-size: 20px;
}

/* Butonlar */
#dijital-katalog .catalog-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
}

/* Beyaz Buton */
#dijital-katalog .btn-download {
    background-color: #e6ecf0;
    color: #0d1b2a;
    padding: 14px 35px;
    border-radius: 30px;
    font-weight: 700;
    text-decoration: none;
    font-size: 15px;
    transition: 0.3s;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

#dijital-katalog .btn-download:hover {
    background-color: #f0f0f0;
    transform: translateY(-3px);
}

/* Altın Buton */
#dijital-katalog .btn-appointment {
    background: linear-gradient(90deg, #F5E9B6 0%, #EAD086 100%);
    color: #333;
    padding: 14px 35px;
    border-radius: 30px;
    font-weight: 700;
    text-decoration: none;
    font-size: 15px;
    transition: 0.3s;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

#dijital-katalog .btn-appointment:hover {
    box-shadow: 0 0 20px rgba(234, 208, 134, 0.4);
    transform: translateY(-3px);
}

/*------------------ BLOG SECTION STYLES ----------------------*/
#blog-section {
    padding: 100px 0;
    background: linear-gradient(180deg, #FDFDFD 0%, #F0F4F8 100%);

    /* Hafif gri degrade */
     overflow: hidden;
}

/* Sol Taraf */
#blog-section .section-sub-tag {
    color: #0A2838;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

#blog-section .section-title {
    color: #0A2838;
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

/* Sağ Taraf */
#blog-section .section-desc {
    max-width: 300px;
    margin-bottom: 25px;
    color: #0A2838;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/* Altın Buton */
#blog-section .btn-gold-blog {
    background: linear-gradient(90deg, #F5E9B6 0%, #EAD086 100%);
    color: #333;
    font-size: 13px;
    font-weight: 700;
    padding: 10px 25px;
    border-radius: 20px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: 0.3s;
}

#blog-section .btn-gold-blog i {
    transform: rotate(45deg);
    font-weight: 900;
}

#blog-section .btn-gold-blog:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(234, 208, 134, 0.4);
}

/* --- BLOG SLIDER --- */
#blog-section .blog-slider-wrapper {
    position: relative;
    padding: 0 0px;

    /* Oklar için boşluk */
}

/* Blog Kartı */
#blog-section .blog-card {
    position: relative;
    border-radius: 30px;
    overflow: hidden;
    height: 450px;

    /* Dikey kart yüksekliği */
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

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

#blog-section .blog-card:hover .blog-img {
    transform: scale(1.1);
}

/* Overlay (Koyu Geçiş) */
#blog-section .blog-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px 20px 20px 20px;
    background: linear-gradient(to top, rgba(13, 27, 42, 0.95) 0%, rgba(13, 27, 42, 0.6) 20%, transparent 100%);
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
}

#blog-section .b-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 10px;
    margin-top: auto;

    /* İçeriği alta it */
}

#blog-section .b-desc {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.5;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;

    /* 2 satırla sınırla */
     -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Kart İçi Buton */
#blog-section .btn-more {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    transition: 0.3s;
}

#blog-section .btn-more i {
    transform: rotate(45deg);
}

/* Dolu Beyaz Buton (Aktif veya Hover) */
#blog-section .btn-more.white-filled, #blog-section .btn-more:hover {
    background-color: #e6ecf0;
    color: #0d1b2a;
    border-color: #fff;
}

/* --- Navigasyon Okları --- */
#blog-section .blog-nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background-color: #0d1b2a;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    cursor: pointer;
    z-index: 10;
    transition: 0.3s;
}

#blog-section .blog-prev {
    left: -60px;
}

#blog-section .blog-next {
    right: -60px;
}

#blog-section .blog-nav-btn:hover {
    background-color: #EAD086;
    color: #0d1b2a;
}

/*------------------ VİDEOLAR SECTION STYLES ----------------------*/
#videolar {
    padding: 100px 0;
    background-color: #122335;

    /* Görseldeki Koyu Lacivert */
     color: #fff;
}

#videolar .section-title {
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* --- VIDEO SLIDER --- */
#videolar .video-slider-container {
    position: relative;
    padding: 0 0px;

    /* Oklar için yer bırak */
}

/* Video Kartı */
#videolar .video-card {
    cursor: pointer;
}

#videolar .video-thumb {
    position: relative;
    border: 1px solid #C5A466;

    /* Altın Sarısı Çerçeve */
     border-radius: 20px;
    overflow: hidden;
    aspect-ratio: 16/9;

    /* Video formatı */
     margin-bottom: 20px;
    transition: transform 0.3s ease;
}

#videolar .video-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: 0.3s;
}

/* Hover Efekti */
#videolar .video-card:hover .video-thumb {
    box-shadow: 0 0 20px rgba(197, 164, 102, 0.3);
}

#videolar .video-card:hover .video-thumb img {
    transform: scale(1.05);
}

/* Play Butonu */
#videolar .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(5px);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    color: #fff;
    font-size: 24px;
    transition: 0.3s;
}

#videolar .video-card:hover .play-btn {
    background: #fff;
    color: #122335;
    transform: translate(-50%, -50%) scale(1.1);
}

/* Video Bilgileri */
#videolar .v-title {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    line-height: 1.4;
    margin-bottom: 10px;
}

#videolar .v-meta {
    font-size: 12px;
    color: #8faecb;

    /* Açık mavi-gri */
     display: flex;
    gap: 15px;
}

/* --- Navigasyon Okları --- */
#videolar .vid-nav-btn {
    position: absolute;
    top: 40%;

    /* Resmin ortasına denk gelsin */
     transform: translateY(-50%);
    width: 45px;
    height: 45px;
    background-color: #e6ecf0;
    color: #122335;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    cursor: pointer;
    z-index: 10;
    transition: 0.3s;
}

#videolar .vid-prev {
    left: -60px;
}

#videolar .vid-next {
    right: -60px;
}

#videolar .vid-nav-btn:hover {
    background-color: #C5A466;

    /* Altın sarısı */
     color: #fff;
}

/* --- Alt Buton --- */
#videolar .btn-all-videos {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background-color: #e6ecf0;
    color: #122335;
    padding: 12px 35px;
    border-radius: 30px;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    transition: 0.3s;
}

#videolar .btn-all-videos i {
    transform: rotate(-45deg);
    font-size: 16px;
}

#videolar .btn-all-videos:hover {
    background-color: #C5A466;
    color: #fff;
    transform: translateY(-3px);
}

/*------------------ SAĞLIK TURİZMİ STYLES ----------------------*/
#saglik-turizmi {
    padding: 100px 0;
    background-color: #e6ecf0;
}

/* Sol İçerik */
#saglik-turizmi .ht-subtitle {
    font-size: 14px;
    color: #666;
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
}

#saglik-turizmi .ht-title {
    font-size: 42px;
    font-weight: 800;
    color: #0d1b2a;

    /* Koyu Lacivert */
     margin-bottom: 20px;
}

#saglik-turizmi .ht-desc {
    font-size: 16px;
    color: #555;
    line-height: 1.7;
    margin-bottom: 40px;
}

/* Özellikler Grid (2x2) */
#saglik-turizmi .ht-features-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

#saglik-turizmi .feature-item {
    display: flex;
    align-items: center;
    gap: 15px;
}

/* Altın Yuvarlak İkon */
#saglik-turizmi .icon-circle {
    width: 50px;
    height: 50px;
    background-color: #EAD086;

    /* Altın Sarısı */
     border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #0d1b2a;

    /* İkon rengi koyu */
     flex-shrink: 0;
}

#saglik-turizmi .f-text h5 {
    font-size: 15px;
    font-weight: 700;
    color: #0d1b2a;
    margin: 0 0 3px 0;
}

#saglik-turizmi .f-text span {
    font-size: 13px;
    color: #666;
}

/* Butonlar */
#saglik-turizmi .ht-buttons {
    display: flex;
    gap: 15px;
}

/* Koyu Mavi Buton */
#saglik-turizmi .btn-dark-blue {
    background-color: #0d1b2a;
    color: #fff;
    padding: 12px 30px;
    border-radius: 30px;
    font-weight: 700;
    text-decoration: none;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: 0.3s;
}

#saglik-turizmi .btn-dark-blue i {
    transform: rotate(45deg);
}

#saglik-turizmi .btn-dark-blue:hover {
    background-color: #1a3655;
}

/* Altın Buton */
#saglik-turizmi .btn-gold-filled {
    background: linear-gradient(90deg, #F5E9B6 0%, #EAD086 100%);
    color: #333;
    padding: 12px 30px;
    border-radius: 30px;
    font-weight: 700;
    text-decoration: none;
    font-size: 14px;
    transition: 0.3s;
}

#saglik-turizmi .btn-gold-filled:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(234, 208, 134, 0.4);
}

/* --- SAĞ: GÖRSEL & İSTATİSTİK --- */
#saglik-turizmi .tourism-img-wrapper {
    position: relative;
    border-radius: 30px;
    overflow: hidden;

    /* Görselin alt kısmına istatistik kartı için boşluk bırakma hilesi */
     padding-bottom: 40px;
    background: transparent;
}

/* Ana Resim */
#saglik-turizmi .main-img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 30px;

    /* Görsel köşeleri */
}

/* Yüzen İstatistik Kartı */
#saglik-turizmi .stats-overlay-card {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 30px;

    /* Kenarlardan boşluk */
     background-color: #0d1b2a;

    /* Koyu Lacivert */
     border-radius: 20px;
    padding: 25px 20px;
    color: #fff;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
    z-index: 2;
}

#saglik-turizmi .stat-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#saglik-turizmi .stat-item i {
    font-size: 24px;
    margin-bottom: 5px;
    color: #aaa;

    /* İkon rengi hafif gri */
}

#saglik-turizmi .stat-item .num {
    font-size: 24px;
    font-weight: 800;
    color: #fff;
    line-height: 1.2;
}

#saglik-turizmi .stat-item .label {
    font-size: 11px;
    color: #ccc;
    font-weight: 500;
}

/* Border Rengi Ayarı (Bootstrap border class'ını ezmek için) */
#saglik-turizmi .border-secondary {
    border-color: rgba(255, 255, 255, 0.1) !important;
}
/* --- VİDEO PLAY BUTONU --- */
#saglik-turizmi .video-play-btn {
    position: absolute;
    /* Wrapper 440px, resim 400px olduğu için resmin tam ortasını (200px) buluyoruz */
    top: calc(50% - 20px); 
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    background-color: rgba(255, 255, 255, 0.9);
    color: #0d1b2a; /* Koyu Lacivert */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    text-decoration: none;
    z-index: 3;
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
}

#saglik-turizmi .video-play-btn i {
    margin-left: 4px; /* Play ikonunu optik olarak ortalamak için hafif sağa itiyoruz */
}

#saglik-turizmi .video-play-btn:hover {
    background-color: #EAD086; /* Altın Sarısı */
    color: #0d1b2a;
    box-shadow: 0 0 0 15px rgba(234, 208, 134, 0.4);
    transform: translate(-50%, -50%) scale(1.05);
}
/*------------------ BASINDA BİZ STYLES ----------------------*/
#basinda-biz {
    padding: 100px 0;
    background-color: #e6ecf0;
}

#basinda-biz .section-title {
    font-size: 24px;
    font-weight: 800;
    color: #0d1b2a;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 30px;
}

/* --- KART YAPISI --- */
#basinda-biz .news-card {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    /* Resim yoksa gri görünsün diye */
     background-color: #ddd;
    cursor: pointer;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

#basinda-biz .news-card:hover {
    transform: translateY(-5px);
}

/* Yükseklik Ayarları (Görselin görünmesi için kritik) */
#basinda-biz .large-card {
    height: 520px;

    /* Sol taraftaki büyük kartın boyu */
}

#basinda-biz .small-card {
    height: 250px;

    /* Sağ üstteki kare kartlar */
}

#basinda-biz .wide-card {
    height: 250px;

    /* Sağ alttaki geniş kart */
}

/* Overlay (Koyu Gölge) */
#basinda-biz .card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    /* Alttan yukarı doğru koyulaşan degrade */
     background: linear-gradient(to top, rgba(13, 27, 42, 0.9) 0%, rgba(13, 27, 42, 0.4) 50%, transparent 100%);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 30px;
}

/* Metinler */
#basinda-biz .news-meta {
    font-size: 12px;
    color: #ccc;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 5px;
}

#basinda-biz .news-title {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    margin-bottom: 5px;
    text-transform: uppercase;
}

#basinda-biz .news-desc {
    font-size: 14px;
    color: #eee;
    margin: 0;
}

/* Buton */
#basinda-biz .btn-news-all {
    background-color: #0d1b2a;

    /* Koyu Lacivert */
     color: #fff;
    padding: 12px 35px;
    border-radius: 30px;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: 0.3s;
}

#basinda-biz .btn-news-all i {
    transform: rotate(45deg);
}

#basinda-biz .btn-news-all:hover {
    background-color: #1a3655;
    transform: translateY(-3px);
}

/*------------------ DUYURULAR (FIXED LAYOUT) ----------------------*/
#duyurular {
    padding: 100px 0;
    background-color: #122335;

    /* Koyu Lacivert */
     font-family: 'Manrope', sans-serif;
    color: #fff;
}

#duyurular .section-title {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 40px;
    letter-spacing: 1px;
}

/* --- GRID SİSTEMİ --- */
#duyurular .social-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    align-items: start;
}

/* Kartların Genel Yapısı */
#duyurular .social-card {
    position: relative;
    border-radius: 20px;
    background-color: #e6ecf0;

    /* Profil kartları için beyaz */
     overflow: visible;

    /* İkonların dışarı taşması için önemli */
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    width: 100%;
}

#duyurular .social-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 20px;
}

/* --- YÜKSEKLİK AYARLARI (GÖRSELDEKİ GİBİ OLMASI İÇİN) --- */
/* Bu değerler görsele göre ayarlandı, değiştirmemeye çalış */
/* 1. Video Kartları (Yatay Dikdörtgen) */
#duyurular .video-card {
    height: 180px;
}

/* 2. Profil Kartları (Kısa Beyaz Alan) */
#duyurular .profile-card {
    height: 100px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 3. Uzun Kartlar (Instagram) */
#duyurular .tall-card {
    height: 300px;

    /* Video (180) + Profil (100) + Boşluk (20) = 300px */
}

/* --- İÇERİK DETAYLARI --- */
/* Süre Etiketi */
#duyurular .duration {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 11px;
}

/* Profil İçeriği */
#duyurular .p-content {
    display: flex;
    align-items: center;
    gap: 10px;
}

#duyurular .p-content .avatar {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 2px solid #eee;
}

#duyurular .p-content span {
    color: #333;
    font-weight: 700;
    font-size: 13px;
}

/* Resim Üzeri Yazı (Instagram) */
#duyurular .overlay-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 40px 15px 15px 15px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
    border-radius: 0 0 20px 20px;
}

#duyurular .overlay-text p {
    font-size: 13px;
    color: #fff;
    margin: 0;
    font-weight: 500;
    line-height: 1.3;
}

/* --- İKON ROZETLERİ (BADGES) --- */
/* Ortak Rozet Stili */
.badge-connector, .badge-bottom {
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: #EAD086;

    /* Altın Sarısı */
     color: #122335;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    z-index: 10;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}

/* İki kartı bağlayan ara ikon */
.badge-connector {
    bottom: -15px;

    /* Kartın yarısı kadar aşağı sarkıt */
}

/* En alttaki ikon */
.badge-bottom {
    bottom: -15px;
}

/* --- SÜTUN DÜZENİ (Stacked) --- */
#duyurular .grid-col.stacked {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 300px;

    /* Uzun kartla aynı boyda olmalı */
}

/* --- ALT TAKİP ALANI --- */
#duyurular .follow-text {
    font-size: 14px;
    color: #ccc;
    margin-bottom: 15px;
}

#duyurular .social-links {
    display: flex;
    justify-content: center;
    gap: 20px;
}

#duyurular .social-links a {
    color: #fff;
    font-size: 20px;
    transition: 0.3s;
}

#duyurular .social-links a:hover {
    color: #EAD086;
}

/*------------------ RANDEVU WIDGET STYLES ----------------------*/
#randevuwidget {
    padding: 100px 0;
    background-color: #e6ecf0;
}

/* --- SOL TARAF --- */
#randevuwidget .rw-title {
    color: #0A2838;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 15px;
}

#randevuwidget .rw-desc {
    font-size: 15px;
    color: #666;
    margin-bottom: 25px;
}

/* İletişim Satırı (Tel & Mail) */
#randevuwidget .rw-contact-row {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

#randevuwidget .rw-contact-row a {
    text-decoration: none;
    color: #333;
    font-weight: 700;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
}

#randevuwidget .rw-contact-row i {
    font-size: 20px;
    color: #0d1b2a;
}

/* Adres Satırı */
#randevuwidget .rw-address-row {
    display: flex;
    gap: 10px;
    color: #555;
    font-size: 14px;
    line-height: 1.6;
    max-width: 600px;
    margin-left: auto;

    /* Sağa yaslamak için */
}

#randevuwidget .rw-address-row i {
    font-size: 24px;
    color: #0d1b2a;
    margin-top: 5px;
    flex-shrink: 0;
}

/* Harita Resmi */
#randevuwidget .rw-map-img img {
    max-width: 100%;
    border-radius: 20px;
    height: auto;
    border: 1px solid #eee;
}

#randevuwidget .rw-form-box {
    background-color: #0063a6!important;
    padding: 40px;
    border-radius: 30px;
}

/* Form Başlığı */
#randevuwidget .rw-form-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 10px;
}

#randevuwidget .rw-form-header .icon-box {
    width: 45px;
    height: 45px;
    background-color: #0d1b2a;
    color: #fff;
    border-radius: 50%;

    /* Yuvarlak ikon */
     display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}

#randevuwidget .rw-form-header h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}

/* Inputlar (Hap Şeklinde) */
#randevuwidget .form-control {
    border: none;
    border-radius: 50px;
    padding: 12px 15px;
    font-size: 14px;
    color: #333;
    background-color: #e6ecf0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
}

#randevuwidget .form-control:focus {
    box-shadow: 0 0 0 3px rgba(13, 27, 42, 0.1);
    outline: none;
}

/* Butonlar */
#randevuwidget .btn-rw-submit {
    background: linear-gradient(90deg, #F5E9B6 0%, #EAD086 100%);

    /* Altın Sarısı */
     color: #333;
    border: none;
    padding: 14px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 15px;
    cursor: pointer;
    transition: 0.3s;
    box-shadow: 0 5px 15px rgba(234, 208, 134, 0.4);
}

#randevuwidget .btn-rw-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(234, 208, 134, 0.5);
}

#randevuwidget .btn-rw-whatsapp {
    background-color: #5DCA74;

    /* WhatsApp Yeşili */
     color: #fff;
    border: none;
    padding: 14px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 15px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: 0.3s;
}

#randevuwidget .btn-rw-whatsapp i {
    font-size: 20px;
}

#randevuwidget .btn-rw-whatsapp:hover {
    background-color: #4bb560;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(93, 202, 116, 0.3);
}

/*------------------ FOOTER STYLES ----------------------*/
#footer {
    padding: 80px 0;
    background-color: #122335;

    /* Koyu Lacivert */
     color: #fff;
}

/* --- SOL TARAF --- */
#footer .footer-logo img {
    height: 50px;

    /* Logo boyutu */
     width: auto;
    margin-bottom: 25px;
}

#footer .footer-desc {
    font-size: 14px;
    color: #ccc;
    line-height: 1.6;
    margin-bottom: 30px;
    max-width: 350px;
}

#footer .footer-socials {
    display: flex;
    gap: 20px;
}

#footer .footer-socials a {
    color: #fff;
    font-size: 20px;
    transition: 0.3s;
}

#footer .footer-socials a:hover {
    color: #EAD086;

    /* Altın Sarısı */
     transform: translateY(-3px);
}

/* --- SAĞ TARAF (LİNKLER) --- */
#footer .f-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 25px;
    color: #fff;
}

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

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

#footer .f-links a {
    text-decoration: none;
    color: #ccc;

    /* Hafif Gri */
     font-size: 14px;
    transition: 0.2s;
	text-transform: uppercase;
}

#footer .f-links a:hover {
    color: #EAD086;
    padding-left: 5px;
    /* Hafif sağa kayma */
}

/*------------------ MOBİL ALT BAR STYLES ----------------------*/
#mobil-alt-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #e6ecf0;

    /* Arkaplan beyaz */
     padding: 10px 0;
    z-index: 9999;

    /* En üstte durması için */
     box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.1);

    /* Üst tarafa gölge */
}

/* Buton Genel Yapısı */
#mobil-alt-bar .sticky-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #fff;
    border-radius: 12px;

    /* Köşeleri yuvarlat */
     padding: 8px 5px;
    height: 60px;

    /* Sabit yükseklik */
     transition: 0.2s;
}

#mobil-alt-bar .sticky-btn:active {
    transform: scale(0.95);

    /* Tıklama efekti */
}

#mobil-alt-bar .sticky-btn i {
    font-size: 24px;
    margin-bottom: 3px;
}

#mobil-alt-bar .sticky-btn span {
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;

    /* Yazı alt satıra geçmesin */
}

/* --- RENKLER --- */
/* 1. Ara (Parlak Yeşil) */
#mobil-alt-bar .btn-call {
    background-color: #00E676;
}

/* 2. Abone Ol (Kırmızı) */
#mobil-alt-bar .btn-subscribe {
    background-color: #FF3B30;
}

/* 3. WhatsApp (WhatsApp Yeşili) */
#mobil-alt-bar .btn-whatsapp {
    background-color: #5DCA74;
}

/* 4. Randevu Al (Mor) */
#mobil-alt-bar .btn-appointment {
    background-color: #6A74D8;
}

body {
    padding-bottom: 80px;
}

/*------------------ HAKKIMDA SAYFASI (YENİ) STYLES ----------------------*/
#hakkimda-sayfasi {
    padding: 100px 0;
    background-color: #E8EDF0;
    color: #333;
}

/* --- SOL: RESİM KUTUSU --- */
#hakkimda-sayfasi .doc-image-box {
    width: 100%;

    /* Görseldeki gibi köşeleri yuvarlat */
     border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

#hakkimda-sayfasi .doc-image-box img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* --- SAĞ: BAŞLIKLAR --- */
#hakkimda-sayfasi .page-tag {
    display: inline-block;
    background-color: #BDC3C7;

    /* Gri hap rengi */
     color: #2C3E50;
    padding: 6px 20px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 20px;
}

#hakkimda-sayfasi .doc-name {
    font-size: 32px;
    font-weight: 800;
    color: #0d1b2a;

    /* Koyu Lacivert */
     margin-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

#hakkimda-sayfasi .sub-heading {
    font-size: 16px;
    font-weight: 700;
    color: #0d1b2a;
    margin-bottom: 25px;
}

/* --- ORTAK METİN STİLİ --- */
#hakkimda-sayfasi .content-text p {
    font-size: 15px;
    line-height: 1.8;

    /* Satır arasını biraz açarak okunabilirlik sağla */
     color: #444;

    /* Tam siyah değil, koyu gri */
     margin-bottom: 20px;
    text-align: justify;

    /* Bloklama metin */
}

/* Alt Bölüm Başlığı */
#hakkimda-sayfasi .section-heading {
    font-size: 18px;
    font-weight: 800;
    color: #0d1b2a;
    margin-top: 10px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

/*------------------ CTA BANNER STYLES ----------------------*/
/* Koyu Lacivert Kutu */
#hakkimda-sayfasi .cta-banner-box {
    background-color: #0d1b2a;

    /* Görseldeki Koyu Lacivert */
     border-radius: 30px;

    /* Köşeleri yuvarlat */
     padding: 60px 20px;
    text-align: center;
    color: #fff;
    margin-top: 30px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);

    /* Hafif gölge */
}

/* Başlık */
#hakkimda-sayfasi .cta-banner-title {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #fff;
}

/* Açıklama */
#hakkimda-sayfasi .cta-banner-desc {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);

    /* Hafif transparan beyaz */
     margin-bottom: 35px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

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

    /* Mobilde alt alta geçsin */
}

/* Altın Buton (Randevu Al) */
#hakkimda-sayfasi .btn-gold-cta {
    background: linear-gradient(90deg, #F5E9B6 0%, #EAD086 100%);
    color: #333;
    padding: 12px 35px;
    border-radius: 30px;
    font-weight: 700;
    text-decoration: none;
    font-size: 15px;
    transition: 0.3s;
    border: 2px solid transparent;

    /* Border payı */
}

#hakkimda-sayfasi .btn-gold-cta:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(234, 208, 134, 0.3);
}

/* Şeffaf Çizgili Buton (Tedavi Seçenekleri) */
#hakkimda-sayfasi .btn-outline-cta {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: #fff;
    padding: 12px 35px;
    border-radius: 30px;
    font-weight: 600;
    text-decoration: none;
    font-size: 15px;
    transition: 0.3s;
}

#hakkimda-sayfasi .btn-outline-cta:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: #fff;
}

/*------------------ TEDAVİ DETAY (KATMAN 1) STYLES ----------------------*/
#tedavidetay .katman1 {
    background-color: #0d1b2a;

    /* Görseldeki Koyu Lacivert */
     padding: 100px 0;
    color: #fff;
    position: relative;
    overflow: hidden;
}

/* Üst Etiket (Sarı) */
#tedavidetay .katman1 .sub-title {
    display: block;
    color: #EAD086;

    /* Altın Sarısı */
     font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

/* Ana Başlık */
#tedavidetay .katman1 .main-title {
    font-size: 26px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 25px;
    line-height: 1.2;
}

/* Başlıktaki Sarı Vurgu */
#tedavidetay .katman1 .main-title span {
    color: #EAD086;
}

/* Açıklama Metni */
#tedavidetay .katman1 .desc {
    font-size: 18px;
    color: #ddd;

    /* Hafif kırık beyaz */
     line-height: 1.6;
    margin-bottom: 40px;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
}

/* Buton Kapsayıcı */
#tedavidetay .katman1 .btn-wrapper {
    display: flex;
    justify-content: center;
    gap: 20px;
}

/* Altın Buton */
#tedavidetay .katman1 .btn-gold {
    background: linear-gradient(90deg, #F5E9B6 0%, #EAD086 100%);
    color: #0d1b2a;

    /* Koyu yazı rengi */
     padding: 14px 40px;
    border-radius: 30px;
    font-weight: 700;
    text-decoration: none;
    font-size: 15px;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

#tedavidetay .katman1 .btn-gold:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(234, 208, 134, 0.4);
}

/* Şeffaf (Outline) Buton */
#tedavidetay .katman1 .btn-outline {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: #fff;
    padding: 14px 40px;
    border-radius: 30px;
    font-weight: 600;
    text-decoration: none;
    font-size: 15px;
    transition: all 0.3s ease;
}

#tedavidetay .katman1 .btn-outline:hover {
    background-color: #e6ecf0;
    color: #0d1b2a;
    border-color: #fff;
}

#tedavidetay .katman2 {
    background-color: #e6ecf0;

    /* Beyaz Zemin */
     padding: 80px 0;
}

/* Kart Yapısı */
#tedavidetay .katman2 .advantage-card {
    background-color: #e6ecf0;

    /* Kart rengi beyaz */

    /* Çok hafif gri border veya gölge */
     border: 1px solid #eee;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
    border-radius: 20px;
    padding: 40px 25px;
    text-align: center;
    height: 100%;

    /* Kartları eşit boyda tut */
     transition: transform 0.3s ease;
}

#tedavidetay .katman2 .advantage-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
}

/* Sarı İkon Kutusu */
#tedavidetay .katman2 .icon-circle {
    width: 60px;
    height: 60px;
    background-color: #EAD086;

    /* Altın Sarısı */
     border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 25px auto;

    /* Ortala */
     color: #fff;
    font-size: 28px;
}

/* Başlık */
#tedavidetay .katman2 .adv-title {
    font-size: 18px;
    font-weight: 700;
    color: #0d1b2a;

    /* Koyu Lacivert */
     margin-bottom: 15px;
}

/* Açıklama */
#tedavidetay .katman2 .adv-desc {
    font-size: 14px;
    color: #666;

    /* Gri metin */
     line-height: 1.6;
    margin: 0;
}

/*------------------ TEDAVİ DETAY (KATMAN 3) STYLES ----------------------*/
#tedavidetay .katman3 {
    background-color: #F7F9FB;

    /* Çok açık gri zemin */
     padding: 80px 0;
}

/* Başlık Grubu */
#tedavidetay .katman3 .k3-title {
    font-size: 28px;
    font-weight: 800;
    color: #0d1b2a;
    margin-bottom: 10px;
}

#tedavidetay .katman3 .k3-desc {
    font-size: 15px;
    color: #666;
    margin-bottom: 40px;
}

/* --- KART TASARIMI --- */
#tedavidetay .katman3 .treatment-card {
    background-color: #e6ecf0;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    height: 100%;

    /* Eşit yükseklik */
     display: flex;
    flex-direction: column;
    transition: transform 0.3s ease;
}

#tedavidetay .katman3 .treatment-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
}

/* Kart Başlığı (Koyu Mavi) */
#tedavidetay .katman3 .t-header {
    background-color: #0d1b2a;
    color: #fff;
    padding: 20px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

/* Kart Gövdesi */
#tedavidetay .katman3 .t-body {
    padding: 25px;
    flex: 1;

    /* Alanı doldur */
     display: flex;
    flex-direction: column;
}

/* Açıklama */
#tedavidetay .katman3 .t-desc {
    font-size: 14px;
    color: #444;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* Özellik Listesi (Tik işaretli) */
#tedavidetay .katman3 .t-features {
    list-style: none;
    padding: 0;
    margin: 0 0 auto 0;

    /* Margin-bottom auto ile footer'ı alta it */
}

#tedavidetay .katman3 .t-features li {
    font-size: 13px;
    color: #333;
    font-weight: 600;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
}

#tedavidetay .katman3 .t-features li i {
    color: #EAD086;

    /* Altın Sarısı İkon */
     font-size: 18px;
}

/* Ayırıcı Çizgi */
#tedavidetay .katman3 .t-divider {
    height: 1px;
    background-color: #eee;
    margin: 20px 0;
}

/* Alt Bilgi (Süre ve İyileşme) */
#tedavidetay .katman3 .t-meta {
    display: flex;
    justify-content: space-between;
}

#tedavidetay .katman3 .meta-item {
    display: flex;
    flex-direction: column;
}

#tedavidetay .katman3 .meta-item .label {
    font-size: 11px;
    color: #999;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 2px;
}

#tedavidetay .katman3 .meta-item .val {
    font-size: 14px;
    font-weight: 700;
    color: #0d1b2a;
}

/*------------------ TEDAVİ DETAY (KATMAN 4) STYLES ----------------------*/
#tedavidetay .katman4 {
    background-color: #e6ecf0;

    /* Beyaz Zemin */
     padding: 80px 0;
    color: #333;
}

/* Başlıklar */
#tedavidetay .katman4 .k4-title {
    font-size: 28px;
    font-weight: 800;
    color: #0d1b2a;
    margin-bottom: 15px;
}

#tedavidetay .katman4 .k4-subtitle {
    font-size: 16px;
    color: #0d1b2a;
    font-weight: 600;
    margin-bottom: 30px;
}

/* Metin Alanı */
#tedavidetay .katman4 .k4-text p {
    font-size: 14px;
    line-height: 1.8;
    color: #444;
    margin-bottom: 20px;

    /* Görselde metin ortalanmış gibi duruyor,       ama uzun paragraflar justify olunca daha düzgün durur.       İsteğe göre text-align: center yapılabilir. */
     text-align: center;
}

/* Etiketler Grid Yapısı */
#tedavidetay .katman4 .tags-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    max-width: 1100px;
    margin: 0 auto;
}

/* Etiket (Buton) Stili */
#tedavidetay .katman4 .tag-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 180px;

    /* Sabit genişlik */
     height: 50px;
    border: 1px solid #EAD086;

    /* Altın Sarısı Çerçeve */
     border-radius: 15px;
    color: #0d1b2a;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s;
    background-color: #e6ecf0;
}

#tedavidetay .katman4 .tag-item:hover {
    background-color: #EAD086;
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(234, 208, 134, 0.3);
}

/*------------------ TEDAVİ DETAY (KATMAN 5) STYLES ----------------------*/
#tedavidetay .katman5 {
    background-color: #0d1b2a;

    /* Koyu Lacivert Arkaplan */
     padding: 80px 0;
    color: #fff;
    position: relative;
}

/* Başlık */
#tedavidetay .katman5 .k5-title {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
}

/* Sarı Vurgu */
#tedavidetay .katman5 .k5-title span {
    color: #EAD086;
}

/* Açıklama */
#tedavidetay .katman5 .k5-desc {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 35px;
}

/* Buton Kapsayıcı */
#tedavidetay .katman5 .k5-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

/* Altın Buton (Ücretsiz Konsültasyon) */
#tedavidetay .katman5 .btn-gold-k5 {
    background: linear-gradient(90deg, #F5E9B6 0%, #EAD086 100%);
    color: #0d1b2a;
    padding: 14px 35px;
    border-radius: 30px;
    font-weight: 700;
    text-decoration: none;
    font-size: 15px;
    transition: 0.3s;
    box-shadow: 0 0 15px rgba(234, 208, 134, 0.3);

    /* Hafif parlama */
     border: 2px solid transparent;
}

#tedavidetay .katman5 .btn-gold-k5:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(234, 208, 134, 0.5);
}

/* Şeffaf Buton (Tedavi Seçenekleri) */
#tedavidetay .katman5 .btn-outline-k5 {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.6);
    color: #fff;
    padding: 14px 35px;
    border-radius: 30px;
    font-weight: 600;
    text-decoration: none;
    font-size: 15px;
    transition: 0.3s;
}

#tedavidetay .katman5 .btn-outline-k5:hover {
    background-color: #e6ecf0;
    color: #0d1b2a;
    border-color: #fff;
}

/*------------------ HASTALIK DETAY (KATMAN 1) STYLES ----------------------*/
#hastalikdetay .katman1 {
    background-color: #0d1b2a;

    /* Görseldeki Koyu Lacivert */
     padding: 100px 0;
    color: #fff;
    position: relative;
    overflow: hidden;
}

/* Üst Etiket (Sarı) */
#hastalikdetay .katman1 .hd-subtitle {
    display: block;
    color: #EAD086;

    /* Altın Sarısı */
     font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

/* Ana Başlık */
#hastalikdetay .katman1 .hd-title {
    font-size: 26px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 25px;
    line-height: 1.2;
}

/* Başlıktaki Sarı Vurgu */
#hastalikdetay .katman1 .hd-title span {
    color: #EAD086;
}

/* Açıklama Metni */
#hastalikdetay .katman1 .hd-desc {
    font-size: 16px;
    color: #ddd;

    /* Hafif kırık beyaz */
     line-height: 1.6;
    margin-bottom: 40px;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
}

/* Buton Kapsayıcı */
#hastalikdetay .katman1 .hd-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
}

/* Altın Buton */
#hastalikdetay .katman1 .btn-gold-hd {
    background: linear-gradient(90deg, #F5E9B6 0%, #EAD086 100%);
    color: #0d1b2a;

    /* Koyu yazı rengi */
     padding: 14px 40px;
    border-radius: 30px;
    font-weight: 700;
    text-decoration: none;
    font-size: 15px;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

#hastalikdetay .katman1 .btn-gold-hd:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(234, 208, 134, 0.4);
}

/* Şeffaf (Outline) Buton */
#hastalikdetay .katman1 .btn-outline-hd {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: #fff;
    padding: 14px 40px;
    border-radius: 30px;
    font-weight: 600;
    text-decoration: none;
    font-size: 15px;
    transition: all 0.3s ease;
}

#hastalikdetay .katman1 .btn-outline-hd:hover {
    background-color: #e6ecf0;
    color: #0d1b2a;
    border-color: #fff;
}

#hastalikdetay .katman2 {
    background-color: #e6ecf0;

    /* Section zemini beyaz */
     padding: 60px 0;
}

/* Uyarı Kutusu */
#hastalikdetay .katman2 .warning-box {
    background-color: #EBF2F7;

    /* Çok açık mavimsi gri */
     border: 1px solid #DCE6EF;

    /* Hafif sınır çizgisi */
     border-radius: 15px;
    padding: 30px;
    display: flex;
    align-items: flex-start;

    /* İkon yukarıda kalsın */
     gap: 20px;
}

/* İkon Kısmı */
#hastalikdetay .katman2 .icon-side {
    flex-shrink: 0;
}

#hastalikdetay .katman2 .icon-side i {
    font-size: 40px;
    color: #4A90E2;

    /* Mavi İkon */
}

/* Metin Kısmı */
#hastalikdetay .katman2 .w-title {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin-bottom: 5px;
}

#hastalikdetay .katman2 .w-desc {
    font-size: 14px;
    color: #333;
    line-height: 1.6;
    margin: 0;
}

#hastalikdetay .katman3 {
    background-color: #F7F9FB;

    /* Hafif gri zemin */
     padding: 80px 0;
}

/* --- SEKMELER (TABS) --- */
#hastalikdetay .katman3 .tab-nav {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
    border-bottom: 2px solid #ddd;
    padding-bottom: 20px;
}

#hastalikdetay .katman3 .tab-btn {
    background: none;
    border: none;
    font-size: 16px;
    font-weight: 600;
    color: #666;
    padding: 10px 20px;
    cursor: pointer;
    position: relative;
    transition: 0.3s;
}

#hastalikdetay .katman3 .tab-btn.active {
    color: #0d1b2a;
    font-weight: 800;
}

/* Aktif sekme altı çizgi */
#hastalikdetay .katman3 .tab-btn.active::after {
    content: '';
    position: absolute;
    bottom: -22px;

    /* Çizginin border üstüne gelmesi için */
     left: 0;
    width: 100%;
    height: 3px;
    background-color: #0d1b2a;
}

/* --- KART TASARIMI --- */
#hastalikdetay .katman3 .disease-box {
    background-color: #e6ecf0;
    border-radius: 20px;
    overflow: hidden;
    height: 100%;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
}

/* Kart Başlığı (Koyu Mavi) */
#hastalikdetay .katman3 .d-header {
    background-color: #0d1b2a;
    color: #fff;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#hastalikdetay .katman3 .d-header h3 {
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    color: #fff;
}

/* Risk Rozeti */
#hastalikdetay .katman3 .risk-badge {
    background-color: #EAD086;
    color: #0d1b2a;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 700;
}

/* Kart Gövdesi */
#hastalikdetay .katman3 .d-body {
    padding: 25px;
    flex: 1;
}

#hastalikdetay .katman3 .d-desc {
    font-size: 14px;
    color: #444;
    line-height: 1.5;
    margin-bottom: 20px;
    min-height: 42px;

    /* Eşitlemek için */
}

/* Alt Başlıklar */
#hastalikdetay .katman3 .sub-h {
    font-size: 13px;
    font-weight: 700;
    color: #EAD086;

    /* Altın rengi başlıklar */
     margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 5px;
}

#hastalikdetay .katman3 .sub-h::before {
    content: '›';
    font-size: 18px;
    line-height: 1;
}

/* Belirtiler Listesi */
#hastalikdetay .katman3 .d-symptoms {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
}

#hastalikdetay .katman3 .d-symptoms li {
    font-size: 13px;
    color: #333;
    margin-bottom: 5px;
    position: relative;
    padding-left: 12px;
}

#hastalikdetay .katman3 .d-symptoms li::before {
    content: '•';
    color: #EAD086;
    position: absolute;
    left: 0;
    font-weight: bold;
}

/* Risk Faktörleri (Etiketler) */
#hastalikdetay .katman3 .d-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

#hastalikdetay .katman3 .d-tags span {
    background-color: #eee;
    color: #555;
    padding: 4px 10px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
}

#hastalikdetay .katman4 {
    background-color: #0d1b2a;

    /* Koyu Lacivert Arkaplan */
     padding: 80px 0;
    color: #fff;
    position: relative;

    /* Katman 3 ile arasına boşluk bırakmak istersen margin-top verebilirsin */
}

/* Başlık */
#hastalikdetay .katman4 .k4-title {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
}

/* Sarı Vurgu */
#hastalikdetay .katman4 .k4-title span {
    color: #EAD086;
}

/* Açıklama */
#hastalikdetay .katman4 .k4-desc {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 35px;
    line-height: 1.6;
}

/* Buton Kapsayıcı */
#hastalikdetay .katman4 .k4-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

/* Altın Buton */
#hastalikdetay .katman4 .btn-gold-k4 {
    background: linear-gradient(90deg, #F5E9B6 0%, #EAD086 100%);
    color: #0d1b2a;
    padding: 14px 40px;
    border-radius: 30px;
    font-weight: 700;
    text-decoration: none;
    font-size: 15px;
    transition: 0.3s;
    box-shadow: 0 0 15px rgba(234, 208, 134, 0.3);

    /* Hafif parlama */
     border: 2px solid transparent;
}

#hastalikdetay .katman4 .btn-gold-k4:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(234, 208, 134, 0.5);
}

/* Şeffaf Buton */
#hastalikdetay .katman4 .btn-outline-k4 {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.6);
    color: #fff;
    padding: 14px 35px;
    border-radius: 30px;
    font-weight: 600;
    text-decoration: none;
    font-size: 15px;
    transition: 0.3s;
}

#hastalikdetay .katman4 .btn-outline-k4:hover {
    background-color: #e6ecf0;
    color: #0d1b2a;
    border-color: #fff;
}

/*------------------ VİDEOLAR SAYFASI (KATMAN 1) STYLES ----------------------*/
#videolarpage .katman1 {
    background-color: #0d1b2a;

    /* Görseldeki Koyu Lacivert */
     padding: 100px 0;
    color: #fff;
    position: relative;
    overflow: hidden;
}

/* Üst Etiket (Sarı) */
#videolarpage .katman1 .vp-subtitle {
    display: block;
    color: #EAD086;

    /* Altın Sarısı */
     font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

/* Ana Başlık */
#videolarpage .katman1 .vp-title {
    font-size: 26px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 25px;
    line-height: 1.2;
}

/* Başlıktaki Sarı Vurgu */
#videolarpage .katman1 .vp-title span {
    color: #EAD086;
}

/* Açıklama Metni */
#videolarpage .katman1 .vp-desc {
    font-size: 16px;
    color: #ddd;

    /* Hafif kırık beyaz */
     line-height: 1.6;
    margin-bottom: 40px;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
}

/* Buton Kapsayıcı */
#videolarpage .katman1 .vp-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
}

/* Altın Buton */
#videolarpage .katman1 .btn-gold-vp {
    background: linear-gradient(90deg, #F5E9B6 0%, #EAD086 100%);
    color: #0d1b2a;

    /* Koyu yazı rengi */
     padding: 14px 40px;
    border-radius: 30px;
    font-weight: 700;
    text-decoration: none;
    font-size: 15px;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

#videolarpage .katman1 .btn-gold-vp:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(234, 208, 134, 0.4);
}

/* Şeffaf (Outline) Buton */
#videolarpage .katman1 .btn-outline-vp {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: #fff;
    padding: 14px 40px;
    border-radius: 30px;
    font-weight: 600;
    text-decoration: none;
    font-size: 15px;
    transition: all 0.3s ease;
}

#videolarpage .katman1 .btn-outline-vp:hover {
    background-color: #e6ecf0;
    color: #0d1b2a;
    border-color: #fff;
}

#videolarpage .katman2 {
    background-color: #e6ecf0;

    /* Beyaz Zemin */
     padding: 80px 0;
}

/* Başlık Grubu */
#videolarpage .katman2 .vg-title {
    font-size: 24px;
    font-weight: 800;
    color: #0d1b2a;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
}

#videolarpage .katman2 .vg-desc {
    font-size: 15px;
    color: #666;
    margin-bottom: 30px;
}

/* --- VİDEO KARTI --- */
#videolarpage .katman2 .video-grid-card {
    background-color: #f7f7f7;

    /* Görseldeki Açık Gri Zemin */
     border-radius: 20px;
    overflow: hidden;
    height: 100%;
    transition: transform 0.3s ease;

    /* Hafif border eklenebilir ama görselde net bir border yok, zemin rengi ayrımı var */
}

#videolarpage .katman2 .video-grid-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

/* Küçük Resim (Thumbnail) */
#videolarpage .katman2 .v-thumbnail {
    position: relative;
    height: 220px;
    overflow: hidden;
}

#videolarpage .katman2 .v-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

#videolarpage .katman2 .video-grid-card:hover .v-thumbnail img {
    transform: scale(1.1);
}

/* Play Butonu */
#videolarpage .katman2 .v-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    background-color: rgba(255, 255, 255, 0.3);

    /* Yarı saydam beyaz */
     backdrop-filter: blur(5px);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 24px;
    border: 1px solid rgba(255, 255, 255, 0.6);
    transition: 0.3s;
    text-decoration: none;
}

#videolarpage .katman2 .video-grid-card:hover .v-play-btn {
    background-color: #EAD086;
    border-color: #EAD086;
    color: #0d1b2a;
    transform: translate(-50%, -50%) scale(1.1);
}

/* Kart İçeriği */
#videolarpage .katman2 .v-content {
    padding: 25px;
}

#videolarpage .katman2 .v-card-title {
    font-size: 16px;
    font-weight: 700;
    color: #0d1b2a;
    margin-bottom: 10px;
    line-height: 1.4;
}

#videolarpage .katman2 .v-card-desc {
    font-size: 13px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 3;

    /* 3 satırda kes */
     -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Alt Bilgi (Meta) */
#videolarpage .katman2 .v-meta {
    display: flex;
    align-items: center;
    gap: 15px;
    padding-top: 15px;
    border-top: 1px solid #e9ecef;
}

#videolarpage .katman2 .v-meta span {
    font-size: 12px;
    color: #888;
    display: flex;
    align-items: center;
    gap: 5px;
}

#videolarpage .katman2 .v-meta span i {
    font-size: 16px;
    color: #aaa;
}

#videolarpage .katman3 {
    background-color: #0d1b2a;

    /* Koyu Lacivert Arkaplan */
     padding: 80px 0;
    color: #fff;
    position: relative;

    /* Katman 2 ile ayrım için margin eklenebilir ama genelde gerekmez */
}

/* Başlık */
#videolarpage .katman3 .cta-title {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
}

/* Sarı Vurgu */
#videolarpage .katman3 .cta-title span {
    color: #EAD086;
}

/* Açıklama */
#videolarpage .katman3 .cta-desc {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 35px;
    line-height: 1.6;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

/* Buton Kapsayıcı */
#videolarpage .katman3 .cta-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

/* Altın Buton (Youtube) */
#videolarpage .katman3 .btn-gold-social {
    background: linear-gradient(90deg, #F5E9B6 0%, #EAD086 100%);
    color: #0d1b2a;
    padding: 14px 45px;
    border-radius: 30px;
    font-weight: 700;
    text-decoration: none;
    font-size: 15px;
    transition: 0.3s;
    box-shadow: 0 0 15px rgba(234, 208, 134, 0.3);
    border: 2px solid transparent;
}

#videolarpage .katman3 .btn-gold-social:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(234, 208, 134, 0.5);
}

/* Şeffaf Buton (Instagram) */
#videolarpage .katman3 .btn-outline-social {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.6);
    color: #fff;
    padding: 14px 45px;
    border-radius: 30px;
    font-weight: 600;
    text-decoration: none;
    font-size: 15px;
    transition: 0.3s;
}

#videolarpage .katman3 .btn-outline-social:hover {
    background-color: #e6ecf0;
    color: #0d1b2a;
    border-color: #fff;
}

/*------------------ BLOGLAR SAYFASI (KATMAN 1) STYLES ----------------------*/
#bloglarpage .katman1 {
    background-color: #0d1b2a;

    /* Görseldeki Koyu Lacivert */
     padding: 100px 0;
    color: #fff;
    position: relative;
}

/* Üst Etiket (Sarı) */
#bloglarpage .katman1 .bp-subtitle {
    display: block;
    color: #EAD086;

    /* Altın Sarısı */
     font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

/* Ana Başlık */
#bloglarpage .katman1 .bp-title {
    font-size: 42px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 25px;
    line-height: 1.2;
}

/* Başlıktaki Sarı Vurgu */
#bloglarpage .katman1 .bp-title span {
    color: #EAD086;
}

/* Açıklama Metni */
#bloglarpage .katman1 .bp-desc {
    font-size: 16px;
    color: #ddd;

    /* Hafif kırık beyaz */
     line-height: 1.6;
    margin-bottom: 40px;
    max-width: 600px;

    /* Metin çok yayılmasın */
     margin-left: auto;
    margin-right: auto;
}

/* --- ARAMA ÇUBUĞU --- */
#bloglarpage .katman1 .blog-search-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

#bloglarpage .katman1 .blog-search-wrapper form {
    position: relative;
    width: 100%;
    max-width: 500px;

    /* Arama kutusu genişliği */
}

/* İkon */
#bloglarpage .katman1 .blog-search-wrapper i {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 20px;
    opacity: 0.7;
}

/* Input Alanı */
#bloglarpage .katman1 .blog-search-input {
    width: 100%;
    background-color: #071018;

    /* Arkaplandan daha koyu bir ton */
     border: 1px solid rgba(255, 255, 255, 0.1);

    /* Çok hafif sınır çizgisi */
     border-radius: 50px;

    /* Hap şeklinde */
     padding: 15px 20px 15px 55px;

    /* İkon için soldan boşluk */
     color: #fff;
    font-size: 15px;
    outline: none;
    transition: 0.3s;
}

#bloglarpage .katman1 .blog-search-input::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

#bloglarpage .katman1 .blog-search-input:focus {
    background-color: #000;
    border-color: #EAD086;

    /* Odaklanınca sarı çizgi */
     box-shadow: 0 0 15px rgba(234, 208, 134, 0.2);
}

/*------------------ BLOGLAR SAYFASI (KATMAN 2) STYLES ----------------------*/
#bloglarpage .katman2 {
    background-color: #e6ecf0;

    /* Beyaz Zemin */
     padding: 80px 0;
}

/* Bölüm Başlığı */
#bloglarpage .katman2 .featured-title {
    font-size: 24px;
    font-weight: 800;
    color: #0d1b2a;
    display: flex;
    align-items: center;
    gap: 10px;
}

#bloglarpage .katman2 .featured-title i {
    color: #EAD086;

    /* Altın Sarısı İkon */
     font-size: 28px;
}

/* --- KART TASARIMI --- */
#bloglarpage .katman2 .featured-blog-card {
    border-radius: 20px;
    overflow: hidden;
    height: 100%;
    transition: transform 0.3s ease;

    /* Kartın tamamına gölge vermiyoruz, sadece içerik kısmı renkli */
}

#bloglarpage .katman2 .featured-blog-card:hover {
    transform: translateY(-5px);
}

/* Görsel Alanı */
#bloglarpage .katman2 .fb-img {
    position: relative;
    height: 280px;

    /* Görsel yüksekliği */
     overflow: hidden;
    border-radius: 20px 20px 0 0;

    /* Sadece üst köşeler */
}

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

#bloglarpage .katman2 .featured-blog-card:hover .fb-img img {
    transform: scale(1.05);
}

/* Kategori Etiketi (Sol Üst) */
#bloglarpage .katman2 .category-badge {
    position: absolute;
    top: 20px;
    left: 20px;
    background-color: #EAD086;

    /* Altın Sarısı */
     color: #fff;
    padding: 6px 15px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    z-index: 2;
}

/* İçerik Alanı (Gri Zemin) */
#bloglarpage .katman2 .fb-content {
    background-color: #F3F5F7;

    /* Görseldeki Açık Gri */
     padding: 30px;
    border-radius: 0 0 20px 20px;

    /* Sadece alt köşeler */
}

/* Başlık */
#bloglarpage .katman2 .fb-title {
    margin-bottom: 15px;
    line-height: 1.4;
}

#bloglarpage .katman2 .fb-title a {
    font-size: 18px;
    font-weight: 800;
    color: #0d1b2a;
    text-decoration: none;
    transition: color 0.2s;
}

#bloglarpage .katman2 .fb-title a:hover {
    color: #EAD086;

    /* Hover rengi */
}

/* Açıklama */
#bloglarpage .katman2 .fb-desc {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 25px;
    display: -webkit-box;
    -webkit-line-clamp: 3;

    /* 3 satırda kes */
     -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Meta Bilgileri (Tarih ve Süre) */
#bloglarpage .katman2 .fb-meta {
    display: flex;
    align-items: center;
    gap: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    padding-top: 15px;
}

#bloglarpage .katman2 .meta-item {
    font-size: 13px;
    color: #999;
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 500;
}

#bloglarpage .katman2 .meta-item i {
    font-size: 16px;
}

#bloglarpage .katman3 {
    background-color: #f7f7f7;

    /* Çok hafif gri zemin */
     padding: 80px 0;
}

/* --- SOL KOLON --- */
/* Başlık */
#bloglarpage .katman3 .section-h {
    font-size: 20px;
    font-weight: 800;
    color: #0d1b2a;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

#bloglarpage .katman3 .section-h i {
    color: #EAD086;
    font-size: 24px;
}

/* Filtreler */
#bloglarpage .katman3 .blog-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

#bloglarpage .katman3 .b-filter {
    background-color: #e6ecf0;
    border: 1px solid #eee;
    padding: 8px 20px;
    border-radius: 20px;
    color: #555;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
}

#bloglarpage .katman3 .b-filter:hover, #bloglarpage .katman3 .b-filter.active {
    background-color: #0d1b2a;
    color: #fff;
    border-color: #0d1b2a;
}

/* Yatay Blog Kartı */
#bloglarpage .katman3 .blog-horizontal-card {
    background-color: #e6ecf0;
    border-radius: 20px;
    overflow: hidden;
    display: flex;

    /* Yan yana dizilim */
     margin-bottom: 20px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.03);
    transition: transform 0.3s;
    height: 240px;

    /* Sabit yükseklik */
}

#bloglarpage .katman3 .blog-horizontal-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
}

/* Kart Görseli */
#bloglarpage .katman3 .bh-img {
    width: 35%;

    /* Sol taraf genişliği */
     position: relative;
    overflow: hidden;
}

#bloglarpage .katman3 .bh-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s;
}

#bloglarpage .katman3 .blog-horizontal-card:hover .bh-img img {
    transform: scale(1.05);
}

#bloglarpage .katman3 .cat-tag {
    position: absolute;
    top: 15px;
    left: 15px;
    background-color: #EAD086;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 10px;
}

/* Kart İçeriği */
#bloglarpage .katman3 .bh-content {
    width: 65%;

    /* Sağ taraf genişliği */
     padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#bloglarpage .katman3 .bh-title a {
    color: #0d1b2a;
    font-size: 18px;
    font-weight: 800;
    text-decoration: none;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 10px;
    transition: color 0.2s;
}

#bloglarpage .katman3 .bh-title a:hover {
    color: #EAD086;
}

#bloglarpage .katman3 .bh-desc {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 2;

    /* 2 satırda kes */
     -webkit-box-orient: vertical;
    overflow: hidden;
}

#bloglarpage .katman3 .bh-meta {
    font-size: 12px;
    color: #999;
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}

#bloglarpage .katman3 .bh-meta span i {
    margin-right: 5px;
}

#bloglarpage .katman3 .bh-readmore {
    font-size: 13px;
    font-weight: 700;
    color: #0d1b2a;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: auto;

    /* En alta it */
}

#bloglarpage .katman3 .bh-readmore:hover {
    color: #EAD086;
    gap: 8px;
}

/* --- SAĞ KOLON (SIDEBAR) --- */
.sidebar-widget {
    background-color: #e6ecf0;
    border-radius: 20px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.03);
}

.widget-title {
    font-size: 18px;
    font-weight: 800;
    color: #0d1b2a;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.widget-title i {
    color: #EAD086;
    font-size: 22px;
}

/* Popüler Yazılar Listesi */
.popular-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.popular-list li {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f0f0f0;
}

.popular-list li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.popular-list .count {
    font-size: 24px;
    font-weight: 800;
    color: #EAD086;
    line-height: 1;
    opacity: 0.6;
}

.popular-list .p-title {
    font-size: 14px;
    font-weight: 700;
    color: #333;
    text-decoration: none;
    display: block;
    margin-bottom: 5px;
    line-height: 1.4;
    transition: 0.2s;
}

.popular-list .p-title:hover {
    color: #0d1b2a;
}

.popular-list .p-meta {
    font-size: 11px;
    color: #999;
    display: block;
}

/* Bülten Widget (Koyu) */
.newsletter-widget {
    background-color: #0d1b2a;
    color: #fff;
    text-align: center;
}

.nl-icon {
    font-size: 30px;
    color: #EAD086;
    margin-bottom: 15px;
}

.nl-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.nl-desc {
    font-size: 13px;
    color: #ccc;
    margin-bottom: 20px;
    line-height: 1.5;
}

.nl-input {
    width: 100%;
    background-color: #071018;
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 12px 15px;
    border-radius: 10px;
    color: #fff;
    font-size: 13px;
    margin-bottom: 10px;
    outline: none;
}

.nl-input:focus {
    border-color: #EAD086;
}

.nl-btn {
    width: 100%;
    background-color: #EAD086;
    color: #0d1b2a;
    border: none;
    padding: 12px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    transition: 0.3s;
}

.nl-btn:hover {
    background-color: #deb85e;
}

#bloglarpage .katman4 {
    background-color: #0d1b2a;

    /* Koyu Lacivert Arkaplan */
     padding: 80px 0;
    color: #fff;
    position: relative;

    /* Katman 3 ile arasına boşluk bırakmak istersen margin-top verebilirsin */
}

/* Başlık */
#bloglarpage .katman4 .bp-cta-title {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
}

/* Sarı Vurgu */
#bloglarpage .katman4 .bp-cta-title span {
    color: #EAD086;
}

/* Açıklama */
#bloglarpage .katman4 .bp-cta-desc {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 35px;
    line-height: 1.6;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

/* Buton Kapsayıcı */
#bloglarpage .katman4 .bp-cta-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

/* Altın Buton */
#bloglarpage .katman4 .btn-gold-bp {
    background: linear-gradient(90deg, #F5E9B6 0%, #EAD086 100%);
    color: #0d1b2a;
    padding: 14px 45px;
    border-radius: 30px;
    font-weight: 700;
    text-decoration: none;
    font-size: 15px;
    transition: 0.3s;
    box-shadow: 0 0 15px rgba(234, 208, 134, 0.3);
    border: 2px solid transparent;
}

#bloglarpage .katman4 .btn-gold-bp:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(234, 208, 134, 0.5);
}

/* Şeffaf Buton */
#bloglarpage .katman4 .btn-outline-bp {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.6);
    color: #fff;
    padding: 14px 45px;
    border-radius: 30px;
    font-weight: 600;
    text-decoration: none;
    font-size: 15px;
    transition: 0.3s;
}

#bloglarpage .katman4 .btn-outline-bp:hover {
    background-color: #e6ecf0;
    color: #0d1b2a;
    border-color: #fff;
}

/*------------------ SAĞLIK TURİZMİ (KATMAN 1) STYLES ----------------------*/
#saglikturizmi .katman1 {
    background-color: #0d1b2a;

    /* Görseldeki Koyu Lacivert */
     padding: 100px 0;
    color: #fff;
    position: relative;
    overflow: hidden;
}

/* Üst Etiket (Sarı) */
#saglikturizmi .katman1 .st-subtitle {
    display: block;
    color: #EAD086;

    /* Altın Sarısı */
     font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

/* Ana Başlık */
#saglikturizmi .katman1 .st-title {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 25px;
    line-height: 1.2;
}

/* Başlıktaki Sarı Vurgu */
#saglikturizmi .katman1 .st-title span {
    color: #EAD086;
}

/* Açıklama Metni */
#saglikturizmi .katman1 .st-desc {
    font-size: 16px;
    color: #ddd;

    /* Hafif kırık beyaz */
     line-height: 1.6;
    margin-bottom: 40px;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
}

/* Buton Kapsayıcı */
#saglikturizmi .katman1 .st-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
}

/* Altın Buton */
#saglikturizmi .katman1 .btn-gold-st {
    background: linear-gradient(90deg, #F5E9B6 0%, #EAD086 100%);
    color: #0d1b2a;

    /* Koyu yazı rengi */
     padding: 14px 40px;
    border-radius: 30px;
    font-weight: 700;
    text-decoration: none;
    font-size: 15px;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

#saglikturizmi .katman1 .btn-gold-st:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(234, 208, 134, 0.4);
}

/* Şeffaf (Outline) Buton */
#saglikturizmi .katman1 .btn-outline-st {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: #fff;
    padding: 14px 40px;
    border-radius: 30px;
    font-weight: 600;
    text-decoration: none;
    font-size: 15px;
    transition: all 0.3s ease;
}

#saglikturizmi .katman1 .btn-outline-st:hover {
    background-color: #e6ecf0;
    color: #0d1b2a;
    border-color: #fff;
}

#saglikturizmi .katman2 {
    background-color: #f5f5f5;

    /* Beyaz Zemin */
     padding: 60px 0;
    border-bottom: 1px solid #eee;

    /* İsteğe bağlı alt çizgi */
}

/* Flex Container */
#saglikturizmi .katman2 .stats-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

/* Tekil İstatistik Kutusu */
#saglikturizmi .katman2 .stat-item {
    flex: 1;

    /* Eşit genişlik */
     text-align: center;
    position: relative;
    padding: 20px 10px;
}

/* Dikey Ayırıcı Çizgi (Son eleman hariç hepsine ekle) */
#saglikturizmi .katman2 .stat-item:not(:last-child)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 60px;

    /* Çizgi yüksekliği */
     background-color: #0d1b2a;

    /* Koyu Lacivert Çizgi */
     opacity: 0.3;
}

/* Rakamlar */
#saglikturizmi .katman2 .s-num {
    font-size: 42px;
    font-weight: 800;
    color: #EAD086;

    /* Altın Sarısı */
     margin-bottom: 5px;
    line-height: 1;
}

/* Etiketler */
#saglikturizmi .katman2 .s-label {
    font-size: 15px;
    font-weight: 700;
    color: #0d1b2a;

    /* Koyu Lacivert */
     margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/*------------------ SAĞLIK TURİZMİ (KATMAN 3) STYLES ----------------------*/
#saglikturizmi .katman3 {
    background-color: #f5f5f5;

    /* Beyaz Zemin */
     padding: 80px 0;
}

/* Bölüm Başlığı */
#saglikturizmi .katman3 .st-section-title {
    font-size: 28px;
    font-weight: 800;
    color: #0d1b2a;
    text-transform: uppercase;
    margin-bottom: 15px;
}

#saglikturizmi .katman3 .st-section-desc {
    font-size: 16px;
    color: #555;
    margin-bottom: 30px;
}

/* --- KART TASARIMI --- */
#saglikturizmi .katman3 .why-tr-card {
    background-color: #f7f7f7;

    /* Çok hafif gri zemin, kartın belli olması için */
     border: 1px solid #eee;
    border-radius: 20px;
    padding: 40px 25px;
    text-align: center;
    height: 100%;
    transition: transform 0.3s ease;
}

#saglikturizmi .katman3 .why-tr-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    background-color: #e6ecf0;

    /* Hoverda beyaz olsun */
}

/* İkon Kutusu */
#saglikturizmi .katman3 .icon-box {
    width: 60px;
    height: 60px;
    background-color: #EAD086;

    /* Altın Sarısı */
     border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 25px auto;
    color: #fff;
    font-size: 28px;
}

/* Kart Başlığı */
#saglikturizmi .katman3 .card-title {
    font-size: 17px;
    font-weight: 700;
    color: #0d1b2a;
    margin-bottom: 15px;
    line-height: 1.4;
}

/* Kart Açıklaması */
#saglikturizmi .katman3 .card-desc {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin: 0;
}

#saglikturizmi .katman4 {
    background-color: #f5f5f5;
    padding: 90px 0;
}

#saglikturizmi .katman4 .visual-card {
    background-color: #fff;
    border-radius: 24px;
    overflow: hidden;
    height: 100%;
    display: block;
    border: 1px solid rgba(13, 27, 42, 0.06);
    box-shadow: 0 10px 30px rgba(13, 27, 42, 0.06);
    transition: all 0.3s ease;
}

#saglikturizmi .katman4 .visual-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 20px 45px rgba(13, 27, 42, 0.12);
    border-color: #EAD086;
}

#saglikturizmi .katman4 .sc-img {
    width: 100%;
    overflow: hidden;
    position: relative;
}

#saglikturizmi .katman4 .sc-img::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(13, 27, 42, 0.35), rgba(13, 27, 42, 0));
}

#saglikturizmi .katman4 .sc-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

#saglikturizmi .katman4 .visual-card:hover .sc-img img {
    transform: scale(1.08);
}

#saglikturizmi .katman4 .sc-content {
    position: relative;
    padding: 42px 28px 30px;
}

#saglikturizmi .katman4 .sc-icon {
    position: absolute;
    top: -32px;
    left: 28px;
    width: 64px;
    height: 64px;
    background-color: #EAD086;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 34px;
    box-shadow: 0 10px 25px rgba(234, 208, 134, 0.45);
}

#saglikturizmi .katman4 .sc-title {
    font-size: 19px;
    font-weight: 800;
    color: #0d1b2a;
    margin-bottom: 12px;
    line-height: 1.35;
}

#saglikturizmi .katman4 .sc-desc {
    font-size: 14px;
    color: #555;
    line-height: 1.7;
    margin: 0;
}

@media (max-width: 767px) {
    #saglikturizmi .katman4 {
        padding: 60px 0;
    }

    #saglikturizmi .katman4 .sc-img {
        height: 190px;
    }

    #saglikturizmi .katman4 .sc-content {
        padding: 40px 22px 26px;
    }

    #saglikturizmi .katman4 .sc-title {
        font-size: 17px;
    }
}

#saglikturizmi .katman5 {
    background-color: #f5f5f5;

    /* Beyaz Zemin */
     padding: 80px 0;
    font-family: 'Manrope', sans-serif;
}

/* Ülke Kartı */
#saglikturizmi .katman5 .country-card {
    background-color: #e6ecf0;
    border: 1px solid #eee;
    border-radius: 20px;

    /* Yuvarlak köşeler */
     padding: 25px 15px;
    text-align: center;
    min-width: 140px;

    /* Geniş ekranlarda düzgün dursun */
     height: 100%;
    transition: transform 0.3s ease;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.02);
}

#saglikturizmi .katman5 .country-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
    border-color: #EAD086;
}

/* Ülke Adı */
#saglikturizmi .katman5 .c-name {
    font-size: 14px;
    font-weight: 700;
    color: #0d1b2a;

    /* Koyu Lacivert */
     margin-bottom: 5px;
    text-transform: capitalize;
}

/* Sayı */
#saglikturizmi .katman5 .c-count {
    font-size: 32px;
    font-weight: 800;
    color: #EAD086;

    /* Altın Sarısı */
     line-height: 1.2;
    margin-bottom: 0;
}

/* Etiket (Hasta) */
#saglikturizmi .katman5 .c-label {
    font-size: 13px;
    font-weight: 600;
    color: #0d1b2a;
}

#saglikturizmi .katman6 {
    background-color: #0d1b2a;

    /* Koyu Lacivert Arkaplan */
     padding: 100px 0;
    color: #fff;
    position: relative;

    /* Katman 5 ile arasına boşluk bırakmak istersen margin-top verebilirsin */
}

/* Başlık */
#saglikturizmi .katman6 .st-cta-title {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
}

/* Sarı Vurgu */
#saglikturizmi .katman6 .st-cta-title span {
    color: #EAD086;
}

/* Açıklama */
#saglikturizmi .katman6 .st-cta-desc {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 35px;
    line-height: 1.6;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}

/* Buton Kapsayıcı */
#saglikturizmi .katman6 .st-cta-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

/* Altın Buton */
#saglikturizmi .katman6 .btn-gold-st-cta {
    background: linear-gradient(90deg, #F5E9B6 0%, #EAD086 100%);
    color: #0d1b2a;
    padding: 14px 45px;
    border-radius: 30px;
    font-weight: 700;
    text-decoration: none;
    font-size: 15px;
    transition: 0.3s;
    box-shadow: 0 0 15px rgba(234, 208, 134, 0.3);
    border: 2px solid transparent;
}

#saglikturizmi .katman6 .btn-gold-st-cta:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(234, 208, 134, 0.5);
}

/* Şeffaf Buton */
#saglikturizmi .katman6 .btn-outline-st-cta {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.6);
    color: #fff;
    padding: 14px 45px;
    border-radius: 30px;
    font-weight: 600;
    text-decoration: none;
    font-size: 15px;
    transition: 0.3s;
}

#saglikturizmi .katman6 .btn-outline-st-cta:hover {
    background-color: #e6ecf0;
    color: #0d1b2a;
    border-color: #fff;
}

/*------------------ TEDAVİLER SAYFASI (KATMAN 1) STYLES ----------------------*/
#tedavipage .katman1 {
    background-color: #0d1b2a;

    /* Görseldeki Koyu Lacivert */
     padding: 100px 0;
    color: #fff;
    position: relative;
}

/* Başlık */
#tedavipage .katman1 .tp-title {
    font-size: 38px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
    line-height: 1.3;
}

/* Sarı Başlık Kısmı */
#tedavipage .katman1 .tp-title span {
    color: #EAD086;

    /* Altın Sarısı */
}

/* Açıklama */
#tedavipage .katman1 .tp-desc {
    font-size: 16px;
    color: #ddd;
    margin-bottom: 25px;
}

/* Özellik Listesi */
#tedavipage .katman1 .tp-features-list {
    list-style: none;
    padding: 0;
    margin: 0 auto 40px auto;
    display: inline-block;

    /* Ortalamak için */
     text-align: left;

    /* Maddeler sola yaslı dursun */
}

#tedavipage .katman1 .tp-features-list li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 8px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.9);
}

/* Liste Maddesi Başına Sarı Nokta */
#tedavipage .katman1 .tp-features-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 8px;
    height: 8px;
    background-color: #EAD086;
    border-radius: 50%;
}

/* Buton Grubu */
#tedavipage .katman1 .tp-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

/* Altın Buton */
#tedavipage .katman1 .btn-gold-tp {
    background: linear-gradient(90deg, #F5E9B6 0%, #EAD086 100%);
    color: #0d1b2a;
    padding: 12px 35px;
    border-radius: 30px;
    font-weight: 700;
    text-decoration: none;
    font-size: 15px;
    transition: 0.3s;
    border: 2px solid transparent;
    display: flex;
    align-items: center;
    gap: 8px;
}

#tedavipage .katman1 .btn-gold-tp i {
    font-size: 18px;
}

#tedavipage .katman1 .btn-gold-tp:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(234, 208, 134, 0.4);
}

/* Şeffaf Buton */
#tedavipage .katman1 .btn-outline-tp {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: #fff;
    padding: 12px 35px;
    border-radius: 30px;
    font-weight: 600;
    text-decoration: none;
    font-size: 15px;
    transition: 0.3s;
}

#tedavipage .katman1 .btn-outline-tp:hover {
    background-color: #e6ecf0;
    color: #0d1b2a;
    border-color: #fff;
}

/* Yanıt Süresi (Küçük Yazı) */
#tedavipage .katman1 .tp-response-time {
    font-size: 12px;
    color: #aaa;
    font-style: italic;
    margin-bottom: 30px;
}

/* Doktor Bilgisi Footer */
#tedavipage .katman1 .tp-doctor-info {
    font-size: 14px;
    color: #fff;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 20px;
    display: inline-block;
}

#tedavipage .katman1 .tp-doctor-info strong {
    font-weight: 800;
}

#tedavipage .katman2 {
    background-color: #e6ecf0;

    /* Beyaz Zemin */
     padding: 80px 0;
}

/* --- SOL KOLON (İÇERİK) --- */
/* Üst Başlık */
#tedavipage .katman2 .content-title {
    font-size: 24px;
    font-weight: 800;
    color: #0d1b2a;
    margin-bottom: 20px;
}

/* Video Alanı */
#tedavipage .katman2 .video-holder {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 30px;
    height: 400px;
}

#tedavipage .katman2 .video-holder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#tedavipage .katman2 .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(5px);
    border: 1px solid #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 32px;
    transition: 0.3s;
}

#tedavipage .katman2 .play-button:hover {
    background-color: #EAD086;
    border-color: #EAD086;
    color: #0d1b2a;
    transform: translate(-50%, -50%) scale(1.1);
}

/* Alt Başlık */
#tedavipage .katman2 .content-subtitle {
    font-size: 18px;
    font-weight: 800;
    color: #0d1b2a;
    text-transform: uppercase;
    margin-bottom: 20px;
    line-height: 1.4;
}

#tedavipage .katman2 .content-subtitle span {
    font-size: 16px;
    color: #555;
    text-transform: none;
    font-weight: 600;
}

/* Metin İçeriği */
#tedavipage .katman2 .text-content p {
    font-size: 15px;
    color: #444;
    line-height: 1.7;
    margin-bottom: 20px;
}

/* Liste */
#tedavipage .katman2 .treatment-list-detail {
    list-style: none;
    padding: 0;
    margin: 0;
}

#tedavipage .katman2 .treatment-list-detail li {
    font-size: 14px;
    font-weight: 700;
    color: #333;
    text-transform: uppercase;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
}

#tedavipage .katman2 .treatment-list-detail li i {
    color: #888;
}

/* --- SAĞ KOLON (SIDEBAR) --- */
/* SARI FORM WIDGET */
#tedavipage .katman2 .sidebar-form-widget {
    background: linear-gradient(135deg, #F5E9B6 0%, #EAD086 100%);

    /* Altın Sarısı Zemin */
     padding: 30px;
    border-radius: 20px;
    margin-bottom: 30px;
    box-shadow: 0 10px 30px rgba(234, 208, 134, 0.3);
}

#tedavipage .katman2 .sf-title {
    font-size: 18px;
    font-weight: 700;
    color: #333;
    margin-bottom: 20px;
}

/* Form Elemanları (Inputlar) */
#tedavipage .katman2 .sidebar-form-widget .form-control, #tedavipage .katman2 .sidebar-form-widget .form-select {
    background-color: rgba(255, 255, 255, 0.6);

    /* Hafif transparan beyaz */
     border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    padding: 12px 15px;
    font-size: 14px;
    color: #333;
}

#tedavipage .katman2 .sidebar-form-widget .form-control:focus, #tedavipage .katman2 .sidebar-form-widget .form-select:focus {
    background-color: #e6ecf0;
    box-shadow: none;
    border-color: #fff;
}

#tedavipage .katman2 .sidebar-form-widget ::placeholder {
    color: #666;
}

/* Checkbox */
#tedavipage .katman2 .form-check-label {
    font-size: 12px;
    color: #444;
}

/* Gönder Butonu (Koyu) */
#tedavipage .katman2 .btn-sidebar-submit {
    width: 100%;
    background-color: #0d1b2a;
    color: #fff;
    border: none;
    padding: 12px;
    border-radius: 10px;
    font-weight: 700;
    transition: 0.3s;
}

#tedavipage .katman2 .btn-sidebar-submit:hover {
    background-color: #000;
    transform: translateY(-2px);
}

/* MAVİ BÜLTEN WIDGET */
#tedavipage .katman2 .sidebar-newsletter-widget {
    background-color: #0d1b2a;

    /* Koyu Lacivert Zemin */
     padding: 30px;
    border-radius: 20px;
    color: #fff;
}

#tedavipage .katman2 .sn-icon {
    font-size: 28px;
    color: #EAD086;
    margin-bottom: 10px;
}

#tedavipage .katman2 .sn-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

#tedavipage .katman2 .sn-desc {
    font-size: 13px;
    color: #ccc;
    margin-bottom: 20px;
    line-height: 1.5;
}

#tedavipage .katman2 .sn-input {
    width: 100%;
    background-color: #071018;
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 12px 15px;
    border-radius: 10px;
    color: #fff;
    font-size: 13px;
    margin-bottom: 10px;
    outline: none;
}

#tedavipage .katman2 .sn-btn {
    width: 100%;
    background-color: #EAD086;
    color: #0d1b2a;
    border: none;
    padding: 12px;
    border-radius: 10px;
    font-weight: 700;
    transition: 0.3s;
}

#tedavipage .katman2 .sn-btn:hover {
    background-color: #deb85e;
}

#tedavipage .katman3 {
    background-color: #F8F9FA!important;
     padding: 50px 0;
}

/* Bölüm Başlığı */
#tedavipage .katman3 .symptom-section-title {
    font-size: 26px;
    font-weight: 700;
    color: #0d1b2a;
    margin-bottom: 20px;
}

/* --- KART TASARIMI --- */
#tedavipage .katman3 .symptom-card {
    background-color: #F8F9FB;

    /* Çok açık gri zemin (Görseldeki gibi) */
     border: 1px solid #EFF2F5;

    /* Hafif sınır */
     border-radius: 20px;
    padding: 40px 20px;
    text-align: center;
    height: 100%;
    transition: transform 0.3s ease;
}

#tedavipage .katman3 .symptom-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    background-color: #e6ecf0;
    border-color: #EAD086;

    /* Hoverda sarı çerçeve detayı */
}

/* İkon (Sarı Daire) */
#tedavipage .katman3 .s-icon {
    width: 65px;
    height: 65px;
    background-color: #EAD086;

    /* Altın Sarısı */
     border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 25px auto;
    color: #fff;
    font-size: 32px;
}

/* Kart Başlığı */
#tedavipage .katman3 .s-card-title {
    font-size: 17px;
    font-weight: 700;
    color: #0d1b2a;
    margin-bottom: 10px;
}

/* Kart Açıklaması */
#tedavipage .katman3 .s-card-desc {
    font-size: 14px;
    color: #555;
    margin: 0;
    line-height: 1.5;
}

/* --- ALT BUTON (CTA) --- */
#tedavipage .katman3 .btn-dark-pill {
    background-color: #0d1b2a;

    /* Koyu Lacivert */
     color: #fff;
    padding: 15px 40px;
    border-radius: 50px;

    /* Tam yuvarlak hap şekli */
     font-weight: 600;
    text-decoration: none;
    font-size: 15px;
    transition: 0.3s;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

#tedavipage .katman3 .btn-dark-pill:hover {
    background-color: #1a2e40;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(13, 27, 42, 0.3);
}

#tedavipage .katman4 {
    background-color: #e6ecf0;

    /* Beyaz Zemin */
     padding: 80px 0;
}

/* Başlık */
#tedavipage .katman4 .diagnosis-title {
    font-size: 28px;
    font-weight: 800;
    color: #0d1b2a;
    margin-bottom: 20px;
}

/* --- TANI KARTI --- */
#tedavipage .katman4 .diagnosis-card {
    background-color: #f7f7f7;

    /* Çok açık gri zemin */
     border: 1px solid #eee;
    border-radius: 20px;
    padding: 35px 25px;
    height: 100%;
    transition: transform 0.3s ease;
}

#tedavipage .katman4 .diagnosis-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    background-color: #e6ecf0;
    border-color: #EAD086;
}

/* İkon */
#tedavipage .katman4 .dc-icon {
    width: 60px;
    height: 60px;
    background-color: #EAD086;

    /* Altın Sarısı */
     border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    color: #fff;
    font-size: 28px;
}

/* Kart Başlığı */
#tedavipage .katman4 .dc-title {
    font-size: 18px;
    font-weight: 700;
    color: #0d1b2a;
    margin-bottom: 15px;
}

/* Liste */
#tedavipage .katman4 .dc-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

#tedavipage .katman4 .dc-list li {
    font-size: 14px;
    color: #555;
    margin-bottom: 10px;
    padding-left: 20px;
    position: relative;
    line-height: 1.5;
}

/* Liste Başı Sarı Nokta */
#tedavipage .katman4 .dc-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 8px;
    height: 8px;
    background-color: #EAD086;
    border-radius: 50%;
}

/* --- ACİL UYARI KUTUSU --- */
#tedavipage .katman4 .emergency-alert {
    background-color: #EBF2F7;

    /* Görseldeki Açık Mavi */
     border: 1px solid #DCE6EF;
    border-radius: 15px;
    padding: 25px 30px;
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

/* Uyarı İkonu */
#tedavipage .katman4 .ea-icon {
    flex-shrink: 0;
}

#tedavipage .katman4 .ea-icon i {
    font-size: 40px;
    color: #4A90E2;

    /* Mavi İkon Rengi */
}

/* Uyarı Metni */
#tedavipage .katman4 .ea-title {
    font-size: 16px;
    font-weight: 700;
    color: #0d1b2a;
    margin-bottom: 5px;
}

#tedavipage .katman4 .ea-desc {
    font-size: 14px;
    color: #333;
    margin: 0;
    line-height: 1.5;
}

#tedavipage .katman5 {
    background-color: #e6ecf0;

    /* Beyaz Zemin */
     padding: 80px 0;
}

/* Bölüm Başlığı */
#tedavipage .katman5 .options-title {
    font-size: 24px;
    font-weight: 800;
    color: #0d1b2a;
    text-transform: uppercase;
    margin-bottom: 10px;
}

#tedavipage .katman5 .options-desc {
    font-size: 15px;
    color: #555;
    margin-bottom: 40px;
}

/* --- TEDAVİ SEÇENEK KARTI --- */
#tedavipage .katman5 .treatment-option-card {
    background-color: #f7f7f7;

    /* Çok açık gri zemin */
     border: 1px solid #eee;
    border-radius: 20px;
    padding: 35px;
    height: 100%;
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#tedavipage .katman5 .treatment-option-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    background-color: #e6ecf0;
    border-color: #EAD086;
}

/* İkon */
#tedavipage .katman5 .toc-icon {
    width: 60px;
    height: 60px;
    background-color: #EAD086;

    /* Altın Sarısı */
     border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    color: #fff;
    font-size: 28px;
}

/* İçerik Kısmı */
#tedavipage .katman5 .toc-content {
    width: 100%;
}

/* Kart Başlığı */
#tedavipage .katman5 .toc-title {
    font-size: 18px;
    font-weight: 700;
    color: #0d1b2a;
    margin-bottom: 15px;
}

/* Açıklama Metni */
#tedavipage .katman5 .toc-text {
    font-size: 14px;
    color: #444;
    line-height: 1.6;
    margin-bottom: 20px;
    min-height: 45px;

    /* Hizalamayı korumak için */
}

/* Liste */
#tedavipage .katman5 .toc-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

#tedavipage .katman5 .toc-list li {
    font-size: 13px;
    color: #333;
    margin-bottom: 8px;
    padding-left: 15px;
    position: relative;
    font-weight: 600;
}

/* Sarı Nokta */
#tedavipage .katman5 .toc-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 6px;
    height: 6px;
    background-color: #EAD086;
    border-radius: 50%;
}

#tedavipage .katman6 {
    background-color: #f7f7f7;

    /* Çok hafif gri zemin (Kutunun öne çıkması için) */
     padding: 80px 0;
}

/* Başlık */
#tedavipage .katman6 .criteria-title {
    font-size: 24px;
    font-weight: 800;
    color: #0d1b2a;
    text-transform: uppercase;
    margin-bottom: 20px;
}

/* Ana Kutu (Beyaz) */
#tedavipage .katman6 .criteria-box {
    background-color: #e6ecf0;
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);

    /* Yumuşak gölge */
     padding: 40px;
    overflow: hidden;
}

/* Liste */
#tedavipage .katman6 .criteria-list {
    list-style: none;
    padding: 0;
    margin: 0 auto 40px auto;
    max-width: 700px;

    /* Listeyi ortala ve daralt */
}

#tedavipage .katman6 .criteria-list li {
    font-size: 16px;
    color: #333;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 12px;
}

#tedavipage .katman6 .criteria-list li i {
    color: #EAD086;

    /* Altın Sarısı İkon */
     font-size: 24px;
    flex-shrink: 0;
}

/* Alt CTA Kutusu (Koyu Lacivert) */
#tedavipage .katman6 .criteria-cta {
    background-color: #0d1b2a;
    border-radius: 15px;
    padding: 30px;
    text-align: center;
    color: #fff;
}

#tedavipage .katman6 .c-cta-text {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 25px;
}

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

/* Altın Buton */
#tedavipage .katman6 .btn-gold-crit {
    background: linear-gradient(90deg, #F5E9B6 0%, #EAD086 100%);
    color: #0d1b2a;
    padding: 12px 30px;
    border-radius: 30px;
    font-weight: 700;
    text-decoration: none;
    font-size: 14px;
    transition: 0.3s;
    border: 2px solid transparent;
}

#tedavipage .katman6 .btn-gold-crit:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(234, 208, 134, 0.4);
}

/* Şeffaf Buton */
#tedavipage .katman6 .btn-outline-crit {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff;
    padding: 12px 30px;
    border-radius: 30px;
    font-weight: 600;
    text-decoration: none;
    font-size: 14px;
    transition: 0.3s;
}

#tedavipage .katman6 .btn-outline-crit:hover {
    background-color: #e6ecf0;
    color: #0d1b2a;
    border-color: #fff;
}

/*------------------ TEDAVİLER SAYFASI (KATMAN 7) STYLES ----------------------*/
#tedavipage .katman7 {
    background-color: #e6ecf0;

    /* Beyaz Zemin */
     padding: 80px 0;
}

/* Başlık */
#tedavipage .katman7 .process-title {
    font-size: 26px;
    font-weight: 800;
    color: #0d1b2a;
    text-transform: uppercase;
}

/* --- SÜREÇ ADIMI --- */
#tedavipage .katman7 .process-step {
    text-align: center;
    padding: 10px;
}

/* İkon Kutusu */
#tedavipage .katman7 .ps-icon {
    width: 70px;
    height: 70px;
    background-color: #EAD086;

    /* Altın Sarısı */
     border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px auto;
    color: #fff;
    font-size: 30px;
    box-shadow: 0 5px 15px rgba(234, 208, 134, 0.4);
}

/* Adım Başlığı */
#tedavipage .katman7 .ps-step-title {
    font-size: 16px;
    font-weight: 700;
    color: #0d1b2a;
    margin-bottom: 10px;
}

/* Adım Açıklaması */
#tedavipage .katman7 .ps-desc {
    font-size: 13px;
    color: #555;
    line-height: 1.5;
    margin: 0;
}

/* --- 5 SÜTUNLU GRİD AYARI (Masaüstü) --- */
@media (min-width: 992px) {
    #tedavipage .katman7 .col-lg-2-5 {
        flex: 0 0 auto;
        width: 20%;

        /* 5'e bölündüğünde %20 */
    }
}

/* --- ALT MESAJ KUTUSU --- */
#tedavipage .katman7 .process-goal-pill {
    display: inline-block;
    border: 1px solid #0d1b2a;
    border-radius: 50px;

    /* Hap şekli */
     padding: 12px 40px;
    font-size: 15px;
    color: #0d1b2a;
    background-color: #e6ecf0;
}

#tedavipage .katman7 .process-goal-pill strong {
    font-weight: 800;
}

#tedavipage .katman8 {
    background-color: #e6ecf0;

    /* Beyaz Zemin */
     padding: 100px 0;
}

/* --- SOL KOLON (GÖRSEL) --- */
#tedavipage .katman8 .doctor-image-wrapper {
    position: relative;
    padding-bottom: 50px;

    /* İstatistik kartı taşması için boşluk */
}

#tedavipage .katman8 .dr-img {
    width: 100%;
    border-radius: 20px;
    object-fit: cover;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* İstatistik Kartı (Overlay) */
#tedavipage .katman8 .stats-overlay-card {
    position: absolute;
    bottom: 0;
    left: 5%;
    width: 90%;

    /* Görselin %90'ı kadar genişlik */
     background-color: #e6ecf0;
    border-radius: 20px;
    padding: 25px 15px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}

#tedavipage .katman8 .stat-val {
    font-size: 24px;
    font-weight: 800;
    color: #EAD086;

    /* Altın Sarısı */
     line-height: 1;
    margin-bottom: 5px;
}

#tedavipage .katman8 .stat-label {
    font-size: 11px;
    font-weight: 700;
    color: #555;
    line-height: 1.2;
}

#tedavipage .katman8 .border-end {
    border-right: 1px solid #eee;

    /* İnce ayırıcı çizgi */
}

/* --- SAĞ KOLON (İÇERİK) --- */
/* Başlık */
#tedavipage .katman8 .about-title {
    font-size: 28px;
    font-weight: 800;
    color: #0d1b2a;
    margin-bottom: 30px;
}

/* Liste */
#tedavipage .katman8 .about-list {
    list-style: none;
    padding: 0;
    margin: 0 0 40px 0;
}

#tedavipage .katman8 .about-list li {
    display: flex;
    gap: 20px;
    margin-bottom: 25px;
}

/* İkon Dairesi */
#tedavipage .katman8 .icon-circle {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    background-color: #EAD086;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    margin-top: 2px;
}

/* Metin Kısmı */
#tedavipage .katman8 .list-text strong {
    font-size: 16px;
    color: #0d1b2a;
    display: block;
    margin-bottom: 5px;
}

#tedavipage .katman8 .list-text p {
    font-size: 14px;
    color: #555;
    margin: 0;
    line-height: 1.5;
}

/* Alıntı Kutusu */
#tedavipage .katman8 .quote-box {
    background-color: #f7f7f7;

    /* Açık Gri Zemin */
     border-radius: 20px;
    padding: 30px;
    border-left: 5px solid #EAD086;

    /* Sol kenar vurgusu */
}

#tedavipage .katman8 .quote-text {
    font-size: 14px;
    color: #444;
    line-height: 1.7;
    font-style: italic;
    margin-bottom: 20px;
}

#tedavipage .katman8 .quote-author strong {
    display: block;
    font-size: 15px;
    color: #0d1b2a;
    margin-bottom: 2px;
}

#tedavipage .katman8 .quote-author span {
    font-size: 13px;
    color: #777;
}

/*------------------ SSS WIDGET STYLES ----------------------*/
#ssswidget {
    background-color: #e6ecf0;

    /* Beyaz Zemin */
     padding: 80px 0;
}

/* Bölüm Başlığı */
#ssswidget .sss-title {
    font-size: 26px;
    font-weight: 800;
    color: #0d1b2a;
    text-transform: uppercase;
    margin-bottom: 10px;
}

#ssswidget .sss-desc {
    font-size: 15px;
    color: #555;
    margin-bottom: 40px;
}

/* --- CUSTOM ACCORDION STYLES --- */
/* Genel Item Ayarı */
#ssswidget .accordion-item {
    border: none;
    background-color: transparent;
    margin-bottom: 15px;

    /* Kutular arası boşluk */
     border-radius: 50px !important;

    /* Yuvarlak köşe (Pill shape) */
     overflow: hidden;
}

/* Accordion Butonu (Başlık) */
#ssswidget .accordion-button {
    background-color: #0d1b2a;

    /* Koyu Lacivert */
     color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 18px 30px;
    border-radius: 50px !important;

    /* Kapalıyken tam yuvarlak */
     box-shadow: none;

    /* Mavi focus çizgisini kaldır */
     transition: all 0.3s ease;
}

/* Açık Durumda Buton */
#ssswidget .accordion-button:not(.collapsed) {
    background-color: #0d1b2a;

    /* Renk değişmesin */
     color: #EAD086;

    /* Başlık sarı olsun */
     box-shadow: none;
    border-bottom-left-radius: 0 !important;

    /* Alt köşeleri düzleştir */
     border-bottom-right-radius: 0 !important;
}

/* Ok İkonu (Chevron) Rengi */
#ssswidget .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-size: 1.25rem;
}

/* Açık Durumda Ok İkonu */
#ssswidget .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23EAD086'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}

/* İçerik Alanı (Body) */
#ssswidget .accordion-collapse {
    background-color: #0d1b2a;

    /* Başlıkla aynı renk */
     color: rgba(255, 255, 255, 0.8);
    border-bottom-left-radius: 30px;

    /* Sadece alt köşeler yuvarlak */
     border-bottom-right-radius: 30px;
}

#ssswidget .accordion-body {
    padding: 0 30px 25px 30px;
    font-size: 14px;
    line-height: 1.6;
    border-top: 1px solid rgba(255, 255, 255, 0.1);

    /* Hafif ayırıcı çizgi */
     margin-top: -5px;

    /* Çizgiyi yukarı çek */
}

/* MOBİL UYUM */
@media (max-width: 991px) {
    #ssswidget {
        padding: 60px 0;
    }

    #ssswidget .accordion-button {
        padding: 15px 20px;
        font-size: 14px;
    }
}

/*------------------ ALT WIDGET (CTA) STYLES ----------------------*/
#altwidget {
    background-color: #0d1b2a;

    /* Koyu Lacivert Arkaplan */
     padding: 80px 0;
    color: #fff;
    position: relative;
}

/* Başlık */
#altwidget .aw-title {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
}

/* Açıklama */
#altwidget .aw-desc {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 35px;
    line-height: 1.6;
}

/* Buton Kapsayıcı */
#altwidget .aw-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

/* Altın Buton */
#altwidget .btn-gold-aw {
    background: linear-gradient(90deg, #F5E9B6 0%, #EAD086 100%);
    color: #0d1b2a;
    padding: 14px 40px;
    border-radius: 30px;
    font-weight: 700;
    text-decoration: none;
    font-size: 15px;
    transition: 0.3s;
    box-shadow: 0 0 15px rgba(234, 208, 134, 0.3);
    border: 2px solid transparent;
    display: flex;
    align-items: center;
    gap: 8px;
}

#altwidget .btn-gold-aw i {
    font-size: 18px;
}

#altwidget .btn-gold-aw:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(234, 208, 134, 0.5);
}

/* Şeffaf Buton */
#altwidget .btn-outline-aw {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.6);
    color: #fff;
    padding: 14px 40px;
    border-radius: 30px;
    font-weight: 600;
    text-decoration: none;
    font-size: 15px;
    transition: 0.3s;
}

#altwidget .btn-outline-aw:hover {
    background-color: #e6ecf0;
    color: #0d1b2a;
    border-color: #fff;
}

/* MOBİL UYUM */
@media (max-width: 991px) {
    #altwidget {
        padding: 60px 0;
    }

    #altwidget .aw-title {
        font-size: 24px;
    }

    #altwidget .aw-buttons {
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }

    #altwidget .btn-gold-aw, #altwidget .btn-outline-aw {
        width: 100%;
        max-width: 320px;
        text-align: center;
        justify-content: center;
    }
}

/*------------------ SAYFA GİRİŞ HERO (#ustbread) STYLES ----------------------*/
#ustbread {
    background-color: #0d1b2a;

    /* Görseldeki Koyu Lacivert Zemin */
     padding: 100px 0;
    color: #fff;
    position: relative;
    overflow: hidden;
}

/* Üst Etiket (Sarı) */
#ustbread .page-subtitle {
    display: block;
    color: #EAD086;

    /* Altın Sarısı */
     font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;

    /* Görseldeki gibi Baş Harfler Büyük */
     letter-spacing: 0.5px;
    margin-bottom: 10px;
}

/* Ana Başlık */
#ustbread .page-hero-title {
    font-size: 42px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 25px;
    line-height: 1.2;
}

/* Başlıktaki Sarı Vurgu */
#ustbread .page-hero-title span {
    color: #EAD086;
}

/* Açıklama Metni */
#ustbread .page-hero-desc {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.9);

    /* Hafif kırık beyaz */
     line-height: 1.6;
    margin-bottom: 40px;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

/* Buton Kapsayıcı */
#ustbread .page-hero-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
}

/* Altın Buton (Dolgulu) */
#ustbread .btn-hero-gold {
    background: linear-gradient(90deg, #F5E9B6 0%, #EAD086 100%);
    color: #0d1b2a;

    /* Koyu yazı rengi */
     padding: 14px 40px;
    border-radius: 30px;
    font-weight: 700;
    text-decoration: none;
    font-size: 15px;
    transition: all 0.3s ease;
    border: 2px solid transparent;
    box-shadow: 0 0 20px rgba(234, 208, 134, 0.2);
}

#ustbread .btn-hero-gold:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(234, 208, 134, 0.4);
}

/* Şeffaf (Outline) Buton */
#ustbread .btn-hero-outline {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: #fff;
    padding: 14px 40px;
    border-radius: 30px;
    font-weight: 600;
    text-decoration: none;
    font-size: 15px;
    transition: all 0.3s ease;
}

#ustbread .btn-hero-outline:hover {
    background-color: #e6ecf0;
    color: #0d1b2a;
    border-color: #fff;
}

/* --- RESPONSIVE (MOBİL) AYARLAR --- */
@media (max-width: 991px) {
    #ustbread {
        padding: 60px 0;
    }

    #ustbread .page-hero-title {
        font-size: 32px;
    }

    #ustbread .page-hero-desc {
        font-size: 15px;
    }

    #ustbread .page-hero-buttons {
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }

    #ustbread .btn-hero-gold, #ustbread .btn-hero-outline {
        width: 100%;
        max-width: 320px;
        text-align: center;
    }
}

/*------------------ BASIN + TV ORTAK SAYFA ----------------------*/

#basin-tv-page {
    background-color: #e6ecf0;
    padding: 80px 0;
}

#basin-tv-page .content-column-title {
    margin-bottom: 25px;
}

#basin-tv-page .content-column-title h2 {
    font-size: 24px;
    font-weight: 800;
    color: #0d1b2a;
    margin: 0;
    text-transform: uppercase;
}

/* Basın kartı bu sayfada da çalışsın */
#basin-tv-page .press-horizontal-card {
    display: flex;
    border-radius: 20px;
    overflow: hidden;
    background-color: #f7f7f7;
    height: 100%;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#basin-tv-page .press-horizontal-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

#basin-tv-page .press-horizontal-card .ph-img {
    width: 45%;
    position: relative;
    overflow: hidden;
}

#basin-tv-page .press-horizontal-card .ph-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

#basin-tv-page .press-horizontal-card:hover .ph-img img {
    transform: scale(1.05);
}

#basin-tv-page .press-horizontal-card .ph-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background-color: #001691;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 5px 12px;
    border-radius: 20px;
    z-index: 2;
    text-transform: uppercase;
}

#basin-tv-page .press-horizontal-card .ph-content {
    width: 55%;
    padding: 25px;
    display: flex;
    flex-direction: column;
}

#basin-tv-page .press-horizontal-card .ph-title {
    margin-bottom: 12px;
    line-height: 1.4;
}

#basin-tv-page .press-horizontal-card .ph-title a {
    font-size: 16px;
    font-weight: 800;
    color: #0d1b2a;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#basin-tv-page .press-horizontal-card .ph-title a:hover {
    color: #EAD086;
}

#basin-tv-page .press-horizontal-card .ph-text {
    font-size: 13px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#basin-tv-page .press-horizontal-card .ph-meta {
    font-size: 12px;
    color: #999;
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 18px;
    margin-top: auto;
}

#basin-tv-page .press-horizontal-card .ph-link {
    font-size: 13px;
    font-weight: 700;
    color: #0d1b2a;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 5px;
}

#basin-tv-page .press-horizontal-card .ph-link:hover {
    color: #EAD086;
}

/* TV kartı bu sayfada da çalışsın */
#basin-tv-page .tv-card {
    border-radius: 15px;
    overflow: hidden;
    background-color: #e6ecf0;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#basin-tv-page .tv-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

#basin-tv-page .tv-img-holder {
    position: relative;
    height: 240px;
    overflow: hidden;
}

#basin-tv-page .tv-img-holder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

#basin-tv-page .tv-card:hover .tv-img-holder img {
    transform: scale(1.1);
}

#basin-tv-page .tv-img-holder::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, transparent 100%);
    pointer-events: none;
}

#basin-tv-page .tv-duration {
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: rgba(13, 27, 42, 0.85);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 4px;
    z-index: 2;
}

#basin-tv-page .tv-overlay-info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 2;
}

#basin-tv-page .tv-prog-name {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #EAD086;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 5px;
    text-transform: uppercase;
}

#basin-tv-page .tv-episode-title {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    line-height: 1.3;
}

#basin-tv-page .tv-footer {
    background-color: #f7f7f7;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#basin-tv-page .tv-date {
    font-size: 12px;
    color: #777;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 5px;
}

#basin-tv-page .btn-tv-watch {
    background-color: #E9ECEF;
    color: #0d1b2a;
    font-size: 12px;
    font-weight: 700;
    padding: 6px 15px;
    border-radius: 20px;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 5px;
}

#basin-tv-page .btn-tv-watch:hover {
    background-color: #0d1b2a;
    color: #fff;
}

#basin-tv-page .tv-play-overlay {
    position: absolute;
    inset: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: 0.3s;
    background-color: rgba(0, 0, 0, 0.3);
    text-decoration: none;
}

#basin-tv-page .tv-play-overlay i {
    font-size: 50px;
    color: #fff;
    transform: scale(0.5);
    transition: 0.3s;
}

#basin-tv-page .tv-card:hover .tv-play-overlay {
    opacity: 1;
}

#basin-tv-page .tv-card:hover .tv-play-overlay i {
    transform: scale(1);
}

@media (max-width: 991px) {
    #basin-tv-page {
        padding: 60px 0;
    }

    #basin-tv-page .press-horizontal-card {
        flex-direction: column;
    }

    #basin-tv-page .press-horizontal-card .ph-img,
    #basin-tv-page .press-horizontal-card .ph-content {
        width: 100%;
    }

    #basin-tv-page .press-horizontal-card .ph-img {
        height: 220px;
    }
}

/*------------------ BASINDA BİZ SAYFASI STYLES ----------------------*/
#basindapage {
    background-color: #e6ecf0;
    padding: 80px 0;
}

/* Bölüm Başlığı */
#basindapage .press-page-title {
    font-size: 28px;
    font-weight: 800;
    color: #0d1b2a;
    text-transform: uppercase;
    margin-bottom: 10px;
}

#basindapage .press-page-desc {
    font-size: 15px;
    color: #555;
    margin-bottom: 40px;
}

/* --- YATAY HABER KARTI --- */
#basindapage .press-horizontal-card {
    display: flex;
    border-radius: 20px;
    overflow: hidden;
    background-color: #f7f7f7;

    /* Görseldeki Açık Gri Zemin */
     height: 100%;

    /* Eşit yükseklik için */
     transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#basindapage .press-horizontal-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

/* Görsel Alanı */
#basindapage .press-horizontal-card .ph-img {
    width: 45%;

    /* Sol taraf genişliği */
     position: relative;
    overflow: hidden;
}

#basindapage .press-horizontal-card .ph-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

#basindapage .press-horizontal-card:hover .ph-img img {
    transform: scale(1.05);
}

/* Etiket (Badge) */
#basindapage .press-horizontal-card .ph-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background-color: #EAD086;

    /* Altın Sarısı */
     color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 5px 12px;
    border-radius: 20px;
    z-index: 2;
    text-transform: uppercase;
}

/* İçerik Alanı */
#basindapage .press-horizontal-card .ph-content {
    width: 55%;

    /* Sağ taraf genişliği */
     padding: 30px;
    display: flex;
    flex-direction: column;
}

/* Başlık */
#basindapage .press-horizontal-card .ph-title {
    margin-bottom: 15px;
    line-height: 1.4;
}

#basindapage .press-horizontal-card .ph-title a {
    font-size: 17px;
    font-weight: 800;
    color: #0d1b2a;
    text-decoration: none;
    transition: color 0.2s;
    display: -webkit-box;
    -webkit-line-clamp: 3;

    /* 3 satırda kes */
     -webkit-box-orient: vertical;
    overflow: hidden;
}

#basindapage .press-horizontal-card .ph-title a:hover {
    color: #EAD086;
}

/* Açıklama */
#basindapage .press-horizontal-card .ph-text {
    font-size: 13px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Meta Veriler */
#basindapage .press-horizontal-card .ph-meta {
    font-size: 12px;
    color: #999;
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
    margin-top: auto;

    /* Alt butonu aşağı itmek için */
}

#basindapage .press-horizontal-card .ph-meta span i {
    font-size: 14px;
    margin-right: 4px;
}

/* Link */
#basindapage .press-horizontal-card .ph-link {
    font-size: 13px;
    font-weight: 700;
    color: #0d1b2a;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 5px;
    transition: gap 0.2s;
}

#basindapage .press-horizontal-card .ph-link:hover {
    color: #EAD086;
    gap: 8px;
}

/* MOBİL UYUM */
@media (max-width: 991px) {
    #basindapage {
        padding: 60px 0;
    }

    #basindapage .press-horizontal-card {
        flex-direction: column;

        /* Mobilde dikey */
         height: auto;
    }

    #basindapage .press-horizontal-card .ph-img {
        width: 100%;
        height: 220px;
    }

    #basindapage .press-horizontal-card .ph-content {
        width: 100%;
        padding: 25px;
    }
}

/*------------------ TV PROGRAMLARI STYLES ----------------------*/
#tvprogramlari {
    background-color: #e6ecf0;
    padding: 80px 0;
}

/* Bölüm Başlığı */
#tvprogramlari .tv-section-title {
    font-size: 26px;
    font-weight: 800;
    color: #0d1b2a;
    text-transform: uppercase;
    margin-bottom: 10px;
}

#tvprogramlari .tv-section-desc {
    font-size: 15px;
    color: #555;
    margin-bottom: 40px;
}

/* --- TV KARTI --- */
#tvprogramlari .tv-card {
    border-radius: 15px;
    overflow: hidden;
    background-color: #e6ecf0;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

/* Görsel Alanı */
#tvprogramlari .tv-img-holder {
    position: relative;
    height: 240px;

    /* Sabit yükseklik */
     overflow: hidden;
}

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

#tvprogramlari .tv-card:hover .tv-img-holder img {
    transform: scale(1.1);
}

/* Overlay Gradyan (Alttan koyuluk) */
#tvprogramlari .tv-img-holder::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, transparent 100%);
    pointer-events: none;
}

/* Süre Etiketi (Sağ Üst) */
#tvprogramlari .tv-duration {
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: rgba(13, 27, 42, 0.85);

    /* Koyu Lacivert Yarı Saydam */
     color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 4px;
    z-index: 2;
}

/* Görsel Üzeri Bilgiler */
#tvprogramlari .tv-overlay-info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 2;
}

#tvprogramlari .tv-prog-name {
    display: block;
    color: #EAD086;

    /* Altın Sarısı */
     font-size: 12px;
    font-weight: 700;
    margin-bottom: 5px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 5px;
}

#tvprogramlari .tv-episode-title {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    line-height: 1.3;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

/* Alt Footer (Gri Şerit) */
#tvprogramlari .tv-footer {
    background-color: #f7f7f7;

    /* Görseldeki Açık Gri */
     padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #eee;
}

#tvprogramlari .tv-date {
    font-size: 12px;
    color: #777;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* İzle Butonu */
#tvprogramlari .btn-tv-watch {
    background-color: #E9ECEF;
    color: #0d1b2a;
    font-size: 12px;
    font-weight: 700;
    padding: 6px 15px;
    border-radius: 20px;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 5px;
    transition: 0.3s;
}

#tvprogramlari .btn-tv-watch:hover {
    background-color: #0d1b2a;
    color: #fff;
}

/* Tam Kart Linki (Play Overlay) */
#tvprogramlari .tv-play-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: 0.3s;
    background-color: rgba(0, 0, 0, 0.3);
    text-decoration: none;
}

#tvprogramlari .tv-play-overlay i {
    font-size: 50px;
    color: #fff;
    transform: scale(0.5);
    transition: 0.3s;
}

#tvprogramlari .tv-card:hover .tv-play-overlay {
    opacity: 1;
}

#tvprogramlari .tv-card:hover .tv-play-overlay i {
    transform: scale(1);
}

/* MOBİL UYUM */
@media (max-width: 991px) {
    #tvprogramlari {
        padding: 60px 0;
    }

    #tvprogramlari .tv-section-title {
        font-size: 22px;
    }
}

/*------------------ FOTOĞRAF GALERİSİ STYLES ----------------------*/
#fotografgalerisi {
    background-color: #e6ecf0;
    padding: 80px 0;
}

/* Bölüm Başlığı */
#fotografgalerisi .pg-section-title {
    font-size: 26px;
    font-weight: 800;
    color: #0d1b2a;
    text-transform: uppercase;
    margin-bottom: 10px;
}

#fotografgalerisi .pg-section-desc {
    font-size: 15px;
    color: #555;
    margin-bottom: 40px;
}

/* --- FOTOĞRAF KARTI --- */
#fotografgalerisi .photo-card {
    border-radius: 20px;
    overflow: hidden;
    background-color: #f7f7f7;

    /* Görseldeki Açık Gri Zemin */
     height: 100%;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

/* Görsel Alanı */
#fotografgalerisi .pc-img-holder {
    position: relative;
    height: 240px;
    overflow: hidden;
}

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

#fotografgalerisi .photo-card:hover .pc-img-holder img {
    transform: scale(1.05);
}

/* Overlay Gradyan (Yazı okunurluğu için) */
#fotografgalerisi .pc-overlay-gradient {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
    pointer-events: none;
}

/* Fotoğraf Sayısı (Sol Alt) */
#fotografgalerisi .pc-count {
    position: absolute;
    bottom: 15px;
    left: 20px;
    color: #EAD086;

    /* Altın Sarısı */
     font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 5px;
    z-index: 2;
}

#fotografgalerisi .pc-count i {
    font-size: 18px;
}

/* Tam Kart Linki */
#fotografgalerisi .pc-full-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

/* İçerik Alanı */
#fotografgalerisi .pc-content {
    padding: 25px;
}

#fotografgalerisi .pc-title {
    font-size: 16px;
    font-weight: 800;
    color: #0d1b2a;
    margin-bottom: 10px;
    line-height: 1.4;
}

#fotografgalerisi .pc-desc {
    font-size: 13px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 2;

    /* 2 satırda kes */
     -webkit-box-orient: vertical;
    overflow: hidden;
}

#fotografgalerisi .pc-date {
    font-size: 12px;
    color: #999;
    display: flex;
    align-items: center;
    gap: 5px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    padding-top: 15px;
}

/* MOBİL UYUM */
@media (max-width: 991px) {
    #fotografgalerisi {
        padding: 60px 0;
    }

    #fotografgalerisi .pg-section-title {
        font-size: 22px;
    }
}

/*------------------ İLETİŞİM SAYFASI STYLES ----------------------*/
#iletisimpage {
}

/* --- KATMAN 1: ÖZELLİKLER --- */
#iletisimpage .katman1 {
    background-color: #e6ecf0;
    padding: 80px 0;
}

#iletisimpage .cp-section-title {
    font-size: 24px;
    font-weight: 800;
    color: #0d1b2a;
    margin-bottom: 10px;
}

#iletisimpage .cp-section-desc {
    font-size: 15px;
    color: #555;
    margin-bottom: 30px;
}

#iletisimpage .feature-box {
    text-align: center;
    padding: 20px 10px;
}

#iletisimpage .fb-icon {
    width: 60px;
    height: 60px;
    background-color: #0d1b2a;

    /* Koyu Lacivert */
     color: #EAD086;

    /* Altın İkon */
     border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    margin: 0 auto 20px auto;
}

#iletisimpage .fb-title {
    font-size: 16px;
    font-weight: 700;
    color: #0d1b2a;
    margin-bottom: 10px;
}

#iletisimpage .fb-text {
    font-size: 13px;
    color: #666;
    line-height: 1.5;
}

/* --- KATMAN 2: FORM & BİLGİ --- */
#iletisimpage .katman2 {
    background-color: #e6ecf0;
    padding-bottom: 80px;
}

#iletisimpage .contact-wrapper {
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);

    /* Kart gölgesi */
     border-radius: 20px;
    overflow: hidden;
}

/* Sol Kart (Form) */
#iletisimpage .contact-form-card {
    background-color: #e6ecf0;
    padding: 50px;
    height: 100%;
}

#iletisimpage .cf-title {
    font-size: 22px;
    font-weight: 700;
    color: #0d1b2a;
    margin-bottom: 10px;
}

#iletisimpage .cf-desc {
    font-size: 14px;
    color: #555;
    margin-bottom: 30px;
}

#iletisimpage .form-control, #iletisimpage .form-select {
    background-color: #F0F2F5;

    /* Hafif gri input zemini */
     border: none;
    border-radius: 10px;
    padding: 15px 20px;
    font-size: 14px;
    margin-bottom: 5px;
}

#iletisimpage .form-control:focus {
    background-color: #e6ecf0;
    box-shadow: 0 0 0 2px #EAD086;
}

#iletisimpage .btn-contact-submit {
    width: 100%;
    background: linear-gradient(90deg, #F5E9B6 0%, #EAD086 100%);
    color: #0d1b2a;
    border: none;
    padding: 15px;
    border-radius: 30px;
    font-weight: 700;
    margin-top: 10px;
    transition: 0.3s;
}

#iletisimpage .btn-contact-submit:hover {
    transform: translateY(-3px);
}

/* Sağ Kart (Bilgi - Koyu) */
#iletisimpage .contact-info-card {
    background-color: #0d1b2a;

    /* Koyu Lacivert */
     padding: 50px;
    color: #fff;
    height: 100%;
}

#iletisimpage .ci-title {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 20px;
}

#iletisimpage .ci-item {
    margin-bottom: 25px;
}

#iletisimpage .ci-label {
    font-size: 12px;
    color: #EAD086;
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
}

#iletisimpage .ci-val {
    font-size: 15px;
    color: #fff;
    margin: 0;
    line-height: 1.6;
}

#iletisimpage .ci-buttons {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

#iletisimpage .btn-ci-gold {
    background: linear-gradient(90deg, #F5E9B6 0%, #EAD086 100%);
    color: #0d1b2a;
    text-align: center;
    padding: 14px;
    border-radius: 30px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.3s;
    display: block;
}

#iletisimpage .btn-ci-gold:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(234, 208, 134, 0.3);
}

/* --- KATMAN 3: SSS --- */
#iletisimpage .katman3 {
    background-color: #E9ECEF;

    /* Açık Gri Zemin */
     padding: 80px 0;
}

#iletisimpage .faq-title {
    font-size: 24px;
    font-weight: 800;
    color: #0d1b2a;
    margin-bottom: 10px;
}

#iletisimpage .faq-desc {
    font-size: 15px;
    color: #555;
    margin-bottom: 40px;
}

#iletisimpage .faq-card {
    background-color: #e6ecf0;
    padding: 30px;
    border-radius: 15px;
    height: 100%;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03);
    transition: 0.3s;
}

#iletisimpage .faq-card:hover {
    transform: translateY(-3px);
}

#iletisimpage .fq-q {
    font-size: 16px;
    font-weight: 700;
    color: #0d1b2a;
    margin-bottom: 10px;
}

#iletisimpage .fq-a {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
    margin: 0;
}

/* MOBİL UYUM */
@media (max-width: 991px) {
    #iletisimpage .contact-form-card, #iletisimpage .contact-info-card {
        padding: 30px;
    }
}

#scrollTopBtn {
    position: fixed;
    left: 25px;
    bottom: 25px;
    width: 45px;
    height: 45px;
    background: #0d1b2a;
    color: #fff;
    border-radius: 50%;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    text-decoration: none;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
    transition: 0.3s;
}

#scrollTopBtn:hover {
    background: #EAD086;
    color: #0d1b2a;
    transform: translateY(-3px);
}

#scrollTopBtn i {
    font-size: 24px;
}

/* MOBİL UYUM */
@media (max-width: 991px) {
    #scrollTopBtn {
        bottom: 70px;
    }
}


.hd-form-widget {
    background: linear-gradient(135deg, #F5E9B6 0%, #EAD086 100%)!important;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    border: 1px solid #edf2f7;
}
.hd-list-widget {
    background: transparent linear-gradient(90deg, #1E0B9B 0%, #07CCEC 100%) 0% 0% no-repeat padding-box!important;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    border: 1px solid #edf2f7;
}
.hd-widget-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #fff!important;
    margin-bottom: 10px;
}
.hd-disease-list a {
    display: block;
    padding: 12px 0;
    color: #fff!important;
    text-decoration: none;
    transition: all 0.2s;
}
.hd-disease-list a:hover {
    color: #000!important;
    font-weight:600;
}

.zcwf_col_fld input{
	border: none;
	padding: 10px 10px 10px 20px;
	border-radius: 50px;
	font-weight:500;
	width: 100%;
}

.zcwf_col_fld .zcwf_col_fld_slt{
	  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
	padding: 15px 15px 15px 20px;
	border-radius: 50px;
	width: 100%;
	font-weight: 700;
	text-transform: uppercase;
	background: #553a29;
	color: #fff;
	border: 1px solid #fff;
	
		  background-image: url("https://sc.projeweb.site/wp-content/uploads/2024/02/form-white-arrow.png");
	background-size: 1.3rem;
	background-repeat: no-repeat;
	background-position: 95% 50%;
}



#crmWebToEntityForm form h5{
	color: #FFF;
	text-align: center;
}

#crmWebToEntityForm form img{
	display: block;
	border-radius: 20px;
	width: 100%;
	height: 250px;
	object-fit: cover;
	margin: auto;
	margin-bottom: 10px;
}

#crmWebToEntityForm form p{
	color: #FFF;
	text-align: center;
}

.zcwf_row{
	margin-bottom: 10px;
}

.zcwf_col_fld:has(.formsubmit){
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 10px;
}

.formsubmit.zcwf_button{
	background: transparent linear-gradient(90deg, #1E0B9B 0%, #07CCEC 100%) 0% 0% no-repeat padding-box;
    box-shadow: 3px 4px 15px #3FB0CEA6;
    padding: 14px 15px 14px 30px;
    width: 70%;
    color: #fff;
    border-radius: 30px;
	font-size: 1.1rem;
	margin-top: 10px;
	transition-duration:0.9s;
}

.formsubmit.zcwf_button:hover{
	opacity: 0.9;
	transform: scale(1.1);
	transition-duration:0.9s;
}

.zcwf_col_fld input[type="reset"]{
		display: none;
}

#saglikturizm .baslik {
	color: #0F3375;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-align:center;
	margin-bottom:10px;
}
#saglikturizm .altbaslik {
	color: #00587A;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-align:center;
	margin-bottom:30px;
}
#saglikturizm .katman4 {
	position:relative;
	padding:60px 0px;
}

#saglikturizm .katman4 .yorumkutu {
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	grid-gap:15px;
	padding:30px 20px;
	background:#fff;
	filter: drop-shadow(0 3px 15px rgba(0, 0, 0, 0.06));
	border-radius:20px;
}
#saglikturizm .katman4 .yorumkutu .yildiz {
	display:flex;
	align-items:center;
	grid-gap:3px;
	font-size:18px;
	color:rgba(255, 201, 21, 1);
}
#saglikturizm .katman4 .yorumkutu .yorum {
	color: #0F3375;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#saglikturizm .katman4 .yorumkutu .profil {
	display:flex;
	align-items:center;
	flex-wrap:wrap;
}
#saglikturizm .katman4 .yorumkutu .profil img {
	width:74px;
	height:74px;
	border-radius:50%;
	object-fit:cover;
	object-position:center;
}
#saglikturizm .katman4 .yorumkutu .profil div {
	width:calc(100% - 74px);
	padding-left:10px;
}
#saglikturizm .katman4 .yorumkutu .profil div b {
	display:block;
	color: #0F3375;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#saglikturizm .katman4 .yorumkutu .profil div small {
	display:block;
	color: #0F3375;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}