/* 
Red Agency
https://www.redagency.com.tr
010126-Code-V1
*/

@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Comfortaa:wght@300..700&display=swap');

* {
  box-sizing: border-box;
}

:root {
  --color-primary: #06212f;
  --color-secondary: #919894;
  --color-body: #74787C;
  --color-heading-1: #fff;
  --color-white:#fff;
  --color-success: #3EB75E;
  --color-danger: #FF0003;
  --color-warning: #FF8F3C;
  --color-info: #1BA2DB;
  --color-facebook: #3B5997;
  --color-twitter: #1BA1F2;
  --color-youtube: #ED4141;
  --color-linkedin: #0077B5;
  --color-pinterest: #E60022;
  --color-instagram: #C231A1;
  --color-vimeo: #00ADEF;
  --color-twitch: #6441A3;
  --color-discord: #7289da;
  --primary-red: #8B151A;
  --p-light: 300;
  --p-regular: 400;
  --p-medium: 500;
  --p-semi-bold: 600;
  --p-bold: 700;
  --p-extra-bold: 800;
  --p-black: 900;
  --s-light: 300;
  --s-regular: 400;
  --s-medium: 500;
  --s-semi-bold: 600;
  --s-bold: 700;
  --s-extra-bold: 800;
  --s-black: 900;
  --transition: 0.3s;
  --font-primary: "Archivo", sans-serif;
  --font-secondary: "cComfortaa", sans-serif;
  --font-3: "fontawesome", sans-serif;
  --font-size-b1: 16px;
  --font-size-b2: 16px;
  --font-size-b3: 12px;
  --font-size-b4: 10px;
  --line-height-b1: 26px;
  --line-height-b2: 26px;
  --line-height-b3: 1.7;
  --tw-ring-offset-shadow: 0 0 #0000;
  --h1: 60px;
  --h2: 48px;
  --h3: 30px;
  --h4: 26px;
  --h5: 24px;
  --h6: 18px;
  --card-height: 70vh; 
  --card-margin: 30px;
  --text-dark: #0a2521;
  --border-color: #7a827a;
  --btn-bg: #0a2521;
  --footer-bg: #0A1D24; /* Görseldeki koyu lacivert/yeşil tonu */
  --footer-text-light: #B0B9C0; /* Linkler için açık gri ton */
  --footer-white: #FFFFFF;
  --wa-green: #115c3f; /* WhatsApp yazı ve ikon rengi */
  --green-bg:#E2EFE7;
  --akademik-lacivert: #1a2744;
  --akademik-acik-gri: #f8fafc;
  --akademik-beyaz: #ffffff;
  --akademik-metin: #334155;
  --akademik-metin-ikincil: #64748b;
  --akademik-metin-koyu: #0f172a;
  --akademik-ayirici: #e2e8f0;
  --akademik-logo-bg: #cbd5e1;
  --akademik-golge: 0 4px 20px rgba(0,0,0,0.03);

   --primary-dark: #1e2a3b;
    --primary-blue: #234e70;
    --accent-teal: #14b8a6;
    --text-dark: #333333;
    --text-light: #666666;
    --bg-light: #f8f9fa;
    --border-color: #e5e7eb;
}

html {
  margin: 0;
  padding: 0;
  font-size: 10px;
  overflow: hidden;
  overflow-y: auto;
  scroll-behavior: auto !important;
}

.bg-gray{
    background-color: #f8f8f8;
}
a {text-decoration: none;}
button{border:none; background:none; padding:0; margin:0}

*,:after,:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
    --primary-900: hsl(200, 77%, 10%);
    --primary-700: hsl(200, 77%, 10%);
    --surface-3: var(--primary-700);
}
::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
    --primary-900: hsl(200, 77%, 10%);
    --primary-700: hsl(200, 77%, 10%);
    --surface-3: var(--primary-700);
}

body.no-scroll {
  overflow: hidden;
  height: 100vh;
}

audio, canvas, embed, iframe, img, object, svg, video {
    display: block;
    vertical-align: middle;
}
.p-6{padding: 1.5rem;}
.py-4{padding-top: 1rem; padding-bottom: 1rem;}
.text-lg{font-size: 1.5rem; line-height: 3rem;}
.size-6 {
    width: 1.5rem;
    height: 1.5rem;
}
.grow {
    flex-grow: 1;
}
.text-left {
    text-align: left;
}

.modal {
    padding-right: 0px !important;
}
.modal-open {
    padding-right: 0px !important;
}

.header-container{
    position: fixed;
    z-index: 99;
    inset-inline: 0;
    top: 50px;
    /*display: flex;
    justify-content: center;
    pointer-events: none;*/
    background-color: white;
    border-radius: 5px;
	padding: 10px;
    font-family: var( --font-primary);
}

.duration-300 {
    transition-duration: .3s;
    animation-duration:.3s;
}
.items-center{align-items:center}

.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
}

/* Ortak Sınıflar */

        .header-container .navbar{padding: 0 15px;}
        .nav-left, .nav-right {
            display: flex;
            align-items: center;
        }

        /* Sol Taraf: Hamburger ve Logo */
        .nav-left {
            gap: 15px;
        }

        .logo-img {
            height: 35px;
            width: auto;
            object-fit: contain;
            transition: transform 0.3s ease;
        }

        /* Mobil Hamburger İkonu */
        .hamburger-btn {
            background: none;
            border: none;
            padding: 0;
            cursor: pointer;
            display: none;
            align-items: center;
            justify-content: center;
            transition: opacity 0.3s ease;
        }

        /* ==================================================
           MASAÜSTÜ GÖRÜNÜM ÖĞELERİ
           ================================================== */
        /* Orta Kısım: Linkler */
        .nav-links {
            display: flex;
            gap: 35px;
            list-style: none;
            margin: 0;
            padding: 0;
            transition: gap 0.3s ease, opacity 0.3s ease;
        }

        .nav-links a, .nav-links button {
            text-decoration: none;
            color: #222222;
            font-size: 13px;
            font-weight: 700;
            letter-spacing: 0.3px;
            white-space: nowrap;
            transition: color 0.2s ease, font-size 0.3s ease;
        }

        .nav-links a:hover {
            color: #006B4D;
        }

        /* Masaüstü Sağ Aksiyonlar */
        .desktop-actions {
            display: flex;
            align-items: center;
            transition: opacity 0.3s ease;
        }

        .search-pill {
            background-color: #313131;
            height: 64px;
            border-radius: 100px;
            display: flex;
            align-items: center;
            /* YENİ: Yazının beyaz alanın altında kalmaması için sağ padding 55px'e çıkarıldı */
            padding: 0 55px 0 10px;
            color: #FFFFFF;
            text-decoration: none;
            transition: padding 0.3s ease, height 0.3s ease;
        }

        .search-pill:hover{background-color: var(--color-primary);}

        .search-pill .icon-wrapper {
            width: 44px;
            height: 44px;
            border: 1px solid rgba(255, 255, 255, 0.4);
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-right: 12px;
            transition: width 0.3s ease, height 0.3s ease, margin 0.3s ease;
        }

        .search-pill span {
            font-size: 11px;
            font-weight: 600;
            letter-spacing: 0.5px;
            white-space: nowrap;
            transition: font-size 0.3s ease;
        }

        .contact-pill {
            background-color: #FFFFFF;
            height: 64px;
            border-radius: 100px;
            display: flex;
            align-items: center;
            padding: 6px;
            box-shadow: -8px 0 20px rgba(0, 0, 0, 0.15);
            /* YENİ: Tedavi bul alanının altına 10px daha girmesi için margin -45px yapıldı */
            margin-left: -45px;
            position: relative;
            z-index: 2;
            transition: margin-left 0.3s ease, height 0.3s ease, padding 0.3s ease;
        }

        .whatsapp-btn {
            display: flex;
            align-items: center;
            gap: 8px;
            text-decoration: none;
            padding: 0 20px;
            transition: padding 0.3s ease, gap 0.3s ease;
        }

        .whatsapp-btn i {
            color: #00D95F;
            font-size: 26px;
            transition: font-size 0.3s ease;
        }

        .whatsapp-btn span {
            color: #111111;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.5px;
            white-space: nowrap;
            transition: font-size 0.3s ease;
        }

        .randevu-btn {
            background-color: #006B4D;
            color: #FFFFFF;
            height: 52px;
            border-radius: 100px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0 25px;
            text-decoration: none;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.5px;
            white-space: nowrap;
            transition: background-color 0.2s ease, padding 0.3s ease, font-size 0.3s ease, height 0.3s ease;
        }

        .randevu-btn:hover {
            background-color: #00533b;
        }

        /* ==================================================
           MOBİL GÖRÜNÜM ÖĞELERİ (Başlangıçta Gizli)
           ================================================== */
        .mobile-actions {
            display: none;
            gap: 10px;
        }

        .circle-btn {
            width: 44px;
            height: 44px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            color: #FFFFFF;
            font-size: 18px;
            transition: transform 0.2s ease;
        }

        .circle-btn:hover {
            transform: scale(1.05);
        }

        #button-addon2{background-color: #06212f; color: white;}
        #button-addon2:hover{background-color: var(--akademik-metin-ikincil);}

        .circle-btn.search { background-color: #9A9E9C; }
        .circle-btn.search:hover{background-color: var(--color-primary);
        -webkit-transition: background-color 500ms linear;
        -ms-transition: background-color 500ms linear;
        transition: background-color 500ms linear;
        }
        .circle-btn.whatsapp { background-color: #00D95F; font-size: 24px; }

        .modal-content{border: 0;}

        /* ==================================================
           RESPONSIVE - 1366px LAPTOP DÜZELTMESİ (1400px Altı)
           ================================================== */
        @media screen and (max-width: 1400px) {
            .nav-links { gap: 18px; } /* Menü arası boşluk daralır */
            .nav-links a { font-size: 12px; } /* Font bir tık küçülür */

            /* Sağ butonların dış boşlukları ve bindirme (overlap) oranları optimize edilir */
            .search-pill { padding: 0 45px 0 10px; }
            .contact-pill { margin-left: -35px; }
            
            .whatsapp-btn { padding: 0 12px; }
            .randevu-btn { padding: 0 20px; }
        }

        /* ==================================================
           RESPONSIVE - 1169px DARALMA DÜZELTMESİ (1200px Altı)
           ================================================== */
        @media screen and (max-width: 1200px) {
            /* 1. Logonun küçülmesi yatayda inanılmaz yer kazandırır */
            .logo-img { height: 35px; } 

            /* 2. Menü arası boşluklar ultra kompakt hale gelir */
            .nav-left { gap: 10px; }
            .nav-links { gap: 10px; }
            .nav-links a { font-size: 10px; } 

            /* 3. Buton metinleri ve boyutları dar alana tam oturur */
            .search-pill span, 
            .whatsapp-btn span, 
            .randevu-btn {
                font-size: 9px; 
            }

            .search-pill { 
                padding: 0 25px 0 6px; 
                height: 50px; 
            }
            .search-pill .icon-wrapper { 
                width: 36px; 
                height: 36px; 
                margin-right: 6px; 
            }
            
            .contact-pill { 
                height: 50px; 
                margin-left: -20px; 
                padding: 4px; 
            }
            .whatsapp-btn { 
                padding: 0 8px; 
                gap: 4px; 
            }
            .whatsapp-btn i { 
                font-size: 20px; 
            }
            .randevu-btn { 
                height: 42px; 
                padding: 0 12px; 
            }
        }

        /* ==================================================
           RESPONSIVE - MOBİLE GEÇİŞ (992px Geçişi)
           ================================================== */
        @media screen and (max-width: 992px) {
            .navbar {
                padding: 0 15px;
            }

            .nav-links, .desktop-actions {
                display: none;
            }

            .hamburger-btn, .mobile-actions {
                display: flex;
                animation: fadeIn 0.4s ease forwards;
            }
            .logo-img{height: 25px;}
        }

        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(-5px); }
            to { opacity: 1; transform: translateY(0); }
        }

         @media screen and (max-width: 400px) {
            .logo-img{height: 20px;}
         }

#tedaviMenu, #siteAramaModal, #mobilMenu{z-index: 98!important;}
#tedaviMenu .modal-content, #siteAramaModal .modal-content{border-radius: 5px; border: 0;}
#tedaviMenu .modal-dialog {
  max-width: fit-content!important;  
  top: 120px;
  height: calc(100vh - 190px);
}

#siteAramaModal .modal-dialog {  
  top: 120px;
}

@media screen and (max-width: 992px) {
#siteAramaModal .modal-dialog {  
  top: 100px;
  margin: 0 20px;
}
}
#mobilMenu .modal-dialog {  
  top: 85px;
  margin: 5px 15px 0;
}

.modal-backdrop{
    z-index: 97!important;
    --bs-backdrop-opacity:1 !important;
    
    background: hsl(from var(--surface-3) h s l / 0.25);
    backdrop-filter: blur(18px);
}

.backdrop-blur-lg {
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.backdrop-blur-lg {
    --tw-backdrop-blur: blur(16px)
}


#tedaviMenu .left-box{padding: 50px;}
#tedaviMenu .left-box ul{ margin-top: 25px;}
#tedaviMenu .left-box .nav-link{ background-color: #ecf4eb; margin-bottom: 15px; padding: 15px; width: 100%; font-size:14px; color:var(--color-primary);}

#tedaviMenu .left-box .active{background-color: var(--color-primary); color:var(--color-white);}
#tedaviMenu .right-box{background-color: #ecf4eb; padding: 50px;}
#tedaviMenu .right-box hr{ color:var(--color-primary);}

#tedaviMenu .right-box ul.subMenu{list-style: none; padding: 0;}
#tedaviMenu .right-box ul.subMenu li{margin-bottom: 10px;}
#tedaviMenu .right-box ul.subMenu li a{color:var(--color-primary); font-size:11px}

.excerpt-link .excerpt-link-label {
    position: relative
}

.excerpt-link .excerpt-link-label:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    transform-origin: left bottom;
    transition: all .2s ease-in-out 0s;
    background-color: var(--color-primary);
    transform: scaleX(0)
}

.excerpt-link:focus .excerpt-link-label,.excerpt-link:hover .excerpt-link-label {
    position: relative
}
.button-link:after,.excerpt-link:focus .excerpt-link-label:after,.excerpt-link:hover .excerpt-link-label:after {
    transform: scaleX(1)
}

#tedaviMenu .modal-dialog-scrollable .modal-body::-webkit-scrollbar, #siteAramaModal .modal-dialog-scrollable .modal-body::-webkit-scrollbar {
  display: none;
}

#tedaviMenu .modal-dialog-scrollable .modal-body, #siteAramaModal .modal-dialog-scrollable .modal-body {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  padding: 0;
}

#main-header {
            transition: transform 0.5s ease-in-out; 
        }

.header-container .headerRight_link{
	position:relative;
    height: 50px;
    font-size: 12px;
    font-weight: 500;
    box-shadow:  0 0 10px 1px rgba(0, 0, 0, 0.1);
    margin-bottom: 0;

}

#main-header.gizle {
            transform: translateY(-200%); 
        }

.header-container a.logo{display: inline-block;}
.header-container .headerRight_link li{
    margin-bottom: 0;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
    line-height: 22px;
}
.header-container .headerRight_link li.ara_li{position:absolute; display:flex; background-color:#929894; left:0; width:75%; z-index:1; padding:0 25px; height: 50px;}
.header-container .headerRight_link li.wp_li{position:absolute; display:flex; background-color:#006e4c; z-index:2; width:65%; right:0; padding:0 21px; height: 50px; justify-content: center;}
.header-container .headerRight_link li.ara_li:hover, .header-container .headerRight_link li.wp_li:hover{background-color:var(--color-primary)}

.header-container .headerRight_link li.ara_li .ara_btn, .header-container .headerRight_link li.wp_li .wp_btn{color:white;}
.header-container .headerRight_link li.ara_li .ara_btn img, .header-container .headerRight_link li.wp_li .wp_btn img{width: 30px; height: auto; float: left; padding-right: 5px;}
.header-container .headerRight_link li.wp_li .wp_btn{padding-top: 12px;}
.header-container .headerRight_link li.ara_li .ara_btn{margin-left: -12px;}

@media (min-width: 1400px) { .header-container .headerRight_link li.ara_li .ara_btn{margin-left: 0;} }

.header-container .dropdown .btn{height: 50px; border-radius: 100%; width: 50px; font-size: 12px; background-color: #06212f;}
.header-container .dropdown .dropdown-menu{padding: 0;}
.header-container .dropdown .dropdown-menu li{ border-bottom:1px solid #aaaaaa;}
.header-container .dropdown .dropdown-menu li .dropdown-item{font-size: 12px; line-height: 28px;}
.header-container .dropdown .dropdown-menu li .dropdown-item:hover{background-color: #06212f; color: white;}
.header-container .dropdown .dropdown-menu li:last-child{text-align: right;}

.header-container .menu-icon-wrapper {width: 3rem; margin-right: 5px;}
.header-container .menu-icon-wrapper .m-icon{width: 3rem; border: none; align-items:center; justify-content:center; height: 3rem;}
.header-container .menu-icon-wrapper .m-icon svg{width: 2.5rem;}
#mobilMenu .menu #mobileTedaviMenu{transition: transform 0.5s ease}
#mobilMenu .menu ul{list-style: none; padding-top: 0; padding-bottom: 0; margin-bottom: 0;}
#mobilMenu .menu ul li a, #mobilMenu .menu ul li button{width: 100%; display: flex; color: var(--color-primary);}
.mobile-search{border-bottom: 1px solid #dde3e3;}
#mobilMenu #button-addon{background-color:var(--color-primary); color: var(--color-white);}

#mobilMenu .menu .m-sub{position: absolute;left: 100%; top: 0px; opacity: 0; width: 100%; transition: transform 0.5s ease}
#mobilMenu .menu .m-sub .tedavi-back{font-size: 1.6rem; padding: 20px 0 10px;}
#mobilMenu .menu .m-sub .tedavi-back #tedavi-back{align-items: center;}
#mobilMenu .menu .m-sub .tedavi-back #tedavi-back span:first-child{margin-right: 5px;}

/* Mobil Menü Ana Kapsayıcı */
    .mobile-menu-wrapper {
        width: 100%;
        max-width: 400px;
        height: 67vh;
        background: #fff;
        position: relative;
        overflow: hidden; /* Taşmaları dış çerçevede gizle */
    }

    /* Kaydırma İşlemini Yapan Kapsayıcı */
    .menu-slider {
        width: 100%;
        height: 100%;
        transition: transform 0.4s ease-in-out;
        transform: translateX(0%);
    }

    /* Menü Listeleri */
    .menu-list {
        list-style: none;
        width: 100%;
        height: 100%;
        background: #fff;
        position: absolute; 
        top: 0;
        left: 0;
        /* Scroll özellikleri JS tarafından animasyon durumuna göre yönetilecek */
        padding: 0;
    }

    /* Alt Menülerin Konumu */
    .submenuMobile {
        left: 100%; 
        display: none;
        z-index: 10;
    }

    .submenuMobile.active {
        display: block;
    }

    /* Link Tasarımları */
    .menu-list li a {
        /*display: flex;
        justify-content: space-between;*/
        align-items: center;
        display: block;
        padding: 16px 20px;
        color: #333;
        text-decoration: none;
        font-size: 16px;
        /*border-bottom: 1px solid #eee;*/
    }

    .menu-list li a:active {
        background-color: #f9f9f9;
    }

    .arrow {
        color: #999;
        font-size: 20px;
        line-height: 1;
       /* float: right;*/
    }

    .back-btn a {
        background-color: #f8f9fa;
        color: #0056b3;
        font-weight: bold;
    }

    .back-btn .arrow {
        color: #0056b3;
        margin-right: 10px;
    }

    .menu-header {
        padding: 12px 20px;
        font-size: 13px;
        font-weight: bold;
        color: #888;
        text-transform: uppercase;
        background: #fafafa;
        border-bottom: 1px solid #eee;
    }

    /* Video Kapsayıcısı */
        .video-container {
            position: relative;
            width: 100%;
            height: 100vh; /* Masaüstünde tam ekran yüksekliği */
            background-color: #000;
            overflow: hidden;
        }

        /* Video Elementi */
        .video-container video {
            width: 100%;
            height: 100%;
            object-fit: cover; /* Videonun ekranı kesilerek tam kaplamasını sağlar */
        }

        /* Üzerindeki Yazı (Overlay) */
        .video-overlay {
            position: absolute;
            bottom: 10%; /* Görseldeki gibi alt kısıma hizalama */
            left: 5%;
            z-index: 2;
            color: white;
            pointer-events: none; /* Tıklamaların videoya geçmesine izin verir */
            text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.7); /* Okunabilirliği artırmak için gölge */
        }

        /* Başlık Stili */
        .video-overlay h1 {
            color: #2ab8b8; /* Görseldeki turkuaz renge yakın bir ton */
            margin: 0 0 5px 0;
            font-size: 4rem;
            font-weight: normal;
        }

        /* Açıklama Stili */
        .video-overlay p {
            margin: 0;
            font-size: 2rem;
        }

        /* Mobil Cihazlar İçin Uyarlamalar (768px ve altı) */
        @media (max-width: 768px) {
            .video-container {
                height: 80vh; /* Mobilde ekranın %80'i kadar yükseklik */
            }

            .video-overlay h1 {
                font-size: 2rem;
            }

            .video-overlay p {
                font-size: 1.1rem;
            }
            
            .video-overlay {
                bottom: 15%; /* Mobilde kontrolleri kapatmaması için biraz yukarı alıyoruz */
            }
        }

         /* Ana Konteyner */
        .hakkimda-alani {
            text-align: center;
        }

        /* Başlık Ayarları (h2) */
        .hakkimda-alani h2 {
            color: var(--color-primary);
            font-size: 36px;
            font-weight: 500;
            margin-bottom: 10px;
            letter-spacing: -0.5px;
        }

        /* Hakkımda Alt Başlığı */
        .alt-baslik {
            display: block;
            color: #333;
            font-size: 13px;
            font-weight: 500;
            margin-bottom: 30px;
        }

        /* Paragraf Metinleri */
        .icerik-metni {
            margin-bottom: 40px;
        }

        .icerik-metni p {
           
            font-size: 18px;
            line-height: 1.5;
            margin-bottom: 25px;
            font-weight: 400;
        }

        .icerik-metni p:last-child {
            margin-bottom: 0;
        }

        /* Buton Tasarımı */
        .bilgi-butonu {
            display: inline-block;
            background-color: var(--color-primary);
            color:var(--color-heading-1) ;
            text-decoration: none;
            padding: 12px 28px;
            border-radius: 30px; /* Oval köşeler */
            font-size: 14px;
            font-weight: 400;
            transition: background-color 0.3s ease;
            width: 200px;
        }

        .bilgi-butonu:hover {
            background-color: var(--color-secondary);        
        }

        /* --- ANA YAPI --- */
        #anaSayfaTedaviListe{min-height: 100vh;
        background-color: #e5efe9; 
        border-radius: 40px; /* Renkli kutu hissiyatını güçlendirmek için köşe yuvarlama */
        }
       
        .main-container {
            display: flex;
           /* max-width: 1200px;
            margin: 0 auto;
            padding: 80px 5%;*/
            gap: 50px;
            align-items: flex-start;
        }

        /* --- SOL BÖLÜM (SABİT) --- */
        .left-sidebar {
            flex: 1;
            position: sticky;
            /* Kart 80vh olduğu için üstten 10vh boşluk bırakırsak ekranda tam ortalanır */
            top: 10vh; 
            max-width: 400px;
        }

        .left-sidebar h1 {
            font-size: 2.5rem;
            margin-bottom: 10px;
            font-weight: 600;
        }

        .left-sidebar p {
            font-size: 1.1rem;
            color: #556b5d;
            margin-bottom: 40px;
        }

        .btn-group {
            display: flex;
            align-items: center;
            gap: 15px;
        }

        .btn-outline {
            border: 1px solid #1c2b23;
            background: transparent;
            color: #1c2b23;
            padding: 10px 20px;
            border-radius: 50px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .btn-outline:hover {
            background: rgba(0,0,0,0.05);
        }

        .btn-icon {
            background: #1c2b23;
            color: white;
            border: none;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            font-size: 1.2rem;
            transition: transform 0.3s ease, background 0.3s;
        }

        .btn-icon:hover {
            transform: translateY(3px); 
            background: #334a3e;
        }

        /* --- SAĞ BÖLÜM (KARTLAR) --- */
        .right-content {
            flex: 1.5;
            width: 100%;
        }

        #cards {
            list-style: none;
            padding: 0;
            margin: 0;
            display: flex;
            flex-direction: column;
            gap: var(--card-margin);
        }

        .card {
            height: var(--card-height);
            width: 100%;
            border-radius: 24px;
            background: white;
            box-shadow: 0 10px 30px rgba(0,0,0,0.05);
            display: flex;
            flex-direction: column;
            overflow: hidden;
        }

        /* --- KART RENK VARYASYONLARI --- */
        .card-img-placeholder {
            height: 55%;
            display: flex;
            justify-content: center;
            align-items: center;
            color: rgba(255,255,255,0.7);
            font-size: 24px;
            font-weight: bold;
            overflow-y: hidden;
        }

        .card-content {
            padding: 30px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            flex: 1;
        }

        .card-content h3 {
            margin: 0 0 10px 0;
            font-size: 2.6rem;
            color: var(--color-primary);
        }
        .card-content h3 a{
            color: var(--color-primary);
        }
        .card-content h3 a:hover{
            color: var(--color-secondary);
        }

        .card-content p {
            margin: 0;
            color:#58656f;
            font-size: 1.5rem;
            line-height: 1.5;
        }

    


        /* --- SADECE MASAÜSTÜ İÇİN CSS --- */
        @media (min-width: 768px) {
            .card {
                position: sticky;
                top: 10vh; /* 100px yerine 10vh uyumu */
            }
        }

        /* --- MOBİL İÇİN ÖZEL AYARLAR --- */
        @media (max-width: 768px) {
            .main-container {
                flex-direction: column; 
                padding: 50px 5%;
                border-radius: 0; /* Mobilde tam ekran genişliğinde durması daha şık olabilir, isterseniz geri açabilirsiniz */
            }

            .left-sidebar {
                position: relative;
                top: 0;
                margin-bottom: 30px;
            }

            .card {
                /* Mobilde de 80vh olmasını isterseniz min-height siliyoruz */
                height: 80vh; 
                position: relative; 
                top: 0 !important;
            }
            .card-img-placeholder img{width: auto !important; height: 100% !important; object-fit:cover;}
        }

        .homaPageBlog {
            /*background-color: #f4f5f7;*/
            color: #333;
            line-height: 1.6;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            padding: 0;
            margin: 0;
        }

        /*.homaPageBlog * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }*/

        /*.homaPageBlog .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 60px 20px;
        }*/

        /* Üst Başlık Alanı */
        .homaPageBlog .header-section {
            text-align: center;
            max-width: 900px;
            margin: 0 auto 60px auto;
        }

        .homaPageBlog .header-section h2 {
            color:var(--color-primary);
            font-size: 3rem;
            margin-bottom: 20px;
        }

        .homaPageBlog .header-section p {
            color: #58656f;
            font-size: 1.7rem;
        }

        /* Ana İçerik ve Slider Alanı */
        .homaPageBlog .slider-wrapper {
            display: flex;
            gap: 40px;
            align-items: center;
        }

        /* Sol Sütun */
        .homaPageBlog .left-col {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 40px;
        }

        /* Kategori Seçici Bar */
        .homaPageBlog .category-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: #e5e7eb;
            padding: 10px 15px;
            border-radius: 6px;
        }

        .homaPageBlog .arrow-btn {
            background: #cbd0d9;
            border: none;
            font-size: 1.7rem;
            color: #555;
            cursor: pointer;
            transition: color 0.3s;
            padding: 2px 10px 5px;
            border-radius: 5px;
        }

        .homaPageBlog .arrow-btn:hover {
            color: var(--color-secondary);
            background-color: var(--color-primary);
        }

        .homaPageBlog .category-name {
            font-weight: 600;
            color: #58656f;
            font-size: 1.2rem;
        }

        /* Dinamik İçerik Alanı */
        .homaPageBlog .content-box {
            display: flex;
            flex-direction: column;
            gap: 20px;
            min-height: 250px;
            justify-content: center;
        }

        .homaPageBlog .content-title {
            color: var(--color-primary);
            font-size: 2rem;
            font-weight: 700;
        }

        .homaPageBlog .content-text {
            color: #58656f;
            font-size: 1.5rem;
        }

        .homaPageBlog .detail-btn {
            display: inline-flex;
            justify-content: space-between;
            align-items: center;
            background-color: var(--color-primary);
            color: white;
            text-decoration: none;
            padding: 15px 25px;
            border-radius: 6px;
            font-weight: 500;
            width: 180px;
            margin-top: 10px;
            transition: background-color 0.3s;
        }

        .homaPageBlog .detail-btn:hover {
            background-color: var(--color-secondary);
            color:white;
        }

        /* Sağ Sütun - Resim Alanı */
        .homaPageBlog .right-col {
            flex: 1.2;
        }

        .homaPageBlog .image-wrapper {
            width: 100%;
            height: 500px;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
        }

        .homaPageBlog .image-wrapper img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: opacity 0.5s ease-in-out;
        }

        /* Animasyon Sınıfları */
        .homaPageBlog .fade {
            opacity: 0;
            animation: fadeIn 0.5s forwards;
        }

        @keyframes fadeIn {
            to {
                opacity: 1;
            }
        }

        /* Mobil Uyumluluk */
        @media (max-width: 768px) {
            .homaPageBlog .slider-wrapper {
                flex-direction: column;
            }
            .homaPageBlog .image-wrapper {
                height: 350px;
            }
        }

        .akademi{background-color: #E8E8E6;}
        /*.akademik-container {
            max-width: 1200px;
            margin: 0 auto;
        }*/

        .akademik-header {
            margin-bottom: 50px;
        }

        .akademik-h2 {
            font-size: 3rem;
            margin-bottom: 10px;
            color: var(--color-primary);
        }

        .akademik-profile-info {
            line-height: 1.9;
            font-size: 1.5rem;
        }

        /* Grid Sistemi ve Çerçeveler */
        .akademik-grid-container {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 0;
            border: 1px solid var(--border-color);
        }

        .akademik-card {
            padding: 30px;
            border: 0.5px solid var(--border-color);
            display: flex;
            flex-direction: column;
            background-color: transparent;
        }

        .akademik-h3 {
            font-size: 1.8rem;
            margin-bottom: 30px;
            font-weight: 600;
            color: var(--color-primary);
        }

        /* İçerik Alanı */
        .akademik-content-area {
            flex-grow: 1;
            display: flex;
            flex-direction: column;
        }

        .akademik-main-text {
            font-size: 1.4rem;
            line-height: 1.6;
            margin-bottom: 20px;
            flex-grow: 1;
        }

        /* Alt Bilgi Alanı (Sabit Seviye) */
        .akademik-bottom-section {
            border-top: 1px solid var(--border-color);
            padding-top: 15px;
            margin-top: auto;
        }

        .akademik-details-text {
            font-size: 1.3rem;
            margin-bottom: 15px;
            line-height: 1.6;
        }

        /* Buton Stili */
        .akademik-detay-btn {
            background-color: var(--color-primary);
            color: white;
            text-decoration: none;
            padding: 8px 22px;
            border-radius: 20px;
            font-size: 1rem;
            display: inline-flex;
            align-items: center;
            width: fit-content;
            font-weight: bold;
        }
        .akademik-detay-btn:hover{
            background-color: var(--color-secondary);
        }

        .akademik-detay-btn::before {
            content: '🔗';
            margin-right: 6px;
            font-size: 0.7rem;
        }

        /* Kitap Görseli */
        .akademik-book-img {
            width: 100%;
            height: auto;
            border-radius: 4px;
            margin-bottom: 15px;
        }

        @media (max-width: 992px) {
            .akademik-grid-container {
                grid-template-columns: 1fr;
            }
        }

        .akademik-container .detail-btn {
            display: inline-flex;
            justify-content: space-between;
            align-items: center;
            background-color: var(--color-primary);
            color: white;
            text-decoration: none;
            padding: 15px 25px;
            border-radius: 6px;
            font-weight: 500;
            width: 220px;
            margin-top: 10px;
            transition: background-color 0.3s;
            font-size: 1.4rem;
        }

        .akademik-container .detail-btn:hover {
            background-color: var(--color-secondary);
            color:white;
        }

        /* Banner (Hero) Alanı - Arkaplan yerine normal resim kapsayıcısı */
        .siyaset-hero-section {
            width: 100%;
            background-color: #111; /* Resim yüklenene kadar koyu arka plan */
        }

        .siyaset-hero-img {
            width: 100%;
            height: auto;
            max-height: 600px; /* İsteğe bağlı yükseklik sınırı */
            object-fit: cover;
            display: block; /* Alt kısımdaki boşluğu engeller */
        }

        /* Ana İçerik Konteyneri */
        .siyaset-container {
            max-width: 1100px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* Sol Sütun (Logo) ve Sağ Sütun (İçerik) Düzeni */
        .siyaset-layout {
            display: flex;
            gap: 50px;
            align-items: flex-start;
            padding-bottom: 50px;
        }

        /* Logo Sütunu - Üste 20px binecek şekilde ayarlandı */
        .siyaset-sidebar {
            width: 300px;
            flex-shrink: 0;
            margin-top: -100px; /* Resmin üzerine 100px taşar */
            position: relative;
            z-index: 10;
        }

        .siyaset-logo-box {
            width: 100%;
            background-color: transparent;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .siyaset-logo-box img {
            max-width: 100%;
            height: auto;
            border-radius: 15px; /* Eğer logonuz kare ise köşeleri yuvarlatır */
            box-shadow: 0 4px 10px rgba(0,0,0,0.15);
        }

        /* Metin ve Köşe Yazıları Sütunu (Sağ Taraf) */
        .siyaset-content-area {
            flex-grow: 1;
            padding-top: 30px; /* Üstten biraz boşluk */
        }

        .siyaset-bio h2 {
            color: var(--primary-red);
            font-size: 3rem;
            margin-bottom: 20px;
            font-weight: 600;
        }

        .siyaset-bio p {
            color: var(--text-gray);
            font-size: 1.6rem;
            margin-bottom: 15px;
            line-height: 2.5rem;
        }

        .siyaset-btn {
            background-color: var(--primary-red);
            color: white;
            border: none;
            padding: 10px 20px;
            font-size: 1.2rem;
            border-radius: 5px;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            gap: 10px;
            margin-top: 10px;
            font-weight: 500;
        }

        .siyaset-btn:hover {
            background-color: #6a0d10;
        }

        /* Ayırıcı Çizgi */
        .siyaset-divider {
            border: none;
            border-top: 1px solid #ddd;
            margin: 40px 0;
        }

        /* Köşe Yazıları Bölümü - Metinle Birebir Aynı Hizada */
        .siyaset-articles-section h3 {
            color: var(--primary-red);
            font-size: 2rem;
            margin-bottom: 30px;
            font-weight: 600;
        }

        .siyaset-cards-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 30px;
            margin-bottom: 30px;
        }

        .siyaset-card {
            background: transparent;
        }

        .siyaset-img-wrapper {
            width: 100%;
            height: 200px;
            border-radius: 15px;
            margin-bottom: 15px;
            overflow: hidden;
        }

        .siyaset-card-img {
            width: 100%;
            height: 200px;
            background-color: #ccc;
            border-radius: 15px;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 0.9rem;
            background-size: cover;
            background-position: center;
            transition: transform 0.4s ease-in-out;
        }

        .siyaset-card:hover .siyaset-card-img {
            transform: scale(1.15);
        }

        .siyaset-card h3 {
            font-size: 1.6rem;
            color: var(--text-dark);
            margin-bottom: 10px;
            font-weight: 500;
            line-height: 1.3;
        }
        .siyaset-card h3 a{color: var(--color-primary);}
        .siyaset-card h3 a:hover{color: var(--primary-red);}

        .siyaset-card-meta {
            font-size: 1.3rem;
            color: #888;
        }

        /* Mobil Uyum (Responsive) */
        @media (max-width: 768px) {
            .siyaset-layout {
                flex-direction: column;
                align-items: center;
                gap: 30px;
            }
            .siyaset-sidebar {
                margin-top: -100px; /* Mobilde de 100px üzerine biner */
                width: 200px; /* Mobilde logoyu biraz küçültelim */
            }
            .siyaset-content-area {
                padding-top: 0;
                width: 100%;
            }
            .siyaset-hero-img{
                height: 400px;
                object-fit:cover;
            }
        }

        .site-footer {
    background-color: var(--footer-bg);
    color: var(--footer-white);
    padding-top: 60px;
    font-family: inherit;
}

/* --- Üst Kısım (CTA, Logo, Butonlar) --- */
.footer-top-section {
    text-align: center;
    margin-bottom: 60px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 40px;
}

.footer-logo {
    max-width: 280px;
    margin-bottom: 30px;
    display: inline-block; /* Logoyu blok seviyesinde bir eleman yapar */
    margin-left: auto; /* Soldan otomatik boşluk bırakır */
    margin-right: auto; /* Sağdan otomatik boşluk bırakır, böylece ortalanır */
}

.footer-top-section h4 {
    font-size: 1.8rem;
    font-weight: 500;
    margin-bottom: 10px;
}

.footer-top-section p {
    color: var(--footer-text-light);
    font-size: 1.5rem;
    margin-bottom: 30px;
}

.footer-actions {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 30px;
}

.btn-wa-solid {
    background-color: var(--footer-white);
    color: var(--wa-green);
    border: 1px solid var(--footer-white);
    border-radius: 50px;
    padding: 10px 25px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn-wa-solid:hover {
    background-color: #e9ecef;
    color: var(--wa-green);
}

.btn-outline-light-custom {
    background-color: transparent;
    color: var(--footer-white);
    border: 1px solid var(--footer-white);
    border-radius: 50px;
    padding: 10px 25px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn-outline-light-custom:hover {
    background-color: var(--footer-white);
    color: var(--footer-bg);
}

/* --- Sosyal Medya --- */
.footer-social {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.footer-social span {
    font-size: 0.95rem;
    color: var(--footer-text-light);
}

.social-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    background-color: var(--footer-white);
    color: var(--wa-green);
    border-radius: 50%;
    text-decoration: none;
    font-size: 1.1rem;
    transition: transform 0.3s ease;
}

.social-icon:hover {
    transform: scale(1.1);
    color: var(--wa-green);
}

/* --- Link Sütunları --- */
.footer-links-row {
    padding-bottom: 50px;
}

.footer-col h4 {
    color: var(--footer-white);
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 20px;
}

.footer-col ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-col ul li {
    margin-bottom: 10px;
}

.footer-col ul li a {
    color: var(--footer-text-light);
    text-decoration: none;
    font-size: 1.2rem;
    transition: color 0.3s ease;
}

.footer-col ul li a:hover {
    color: var(--footer-white);
}

.footer-col.links-split ul:not(:last-child) {
    margin-bottom: 30px; /* Hakkımda bloğu ile Genel Şartlar bloğu arası boşluk */
}

/* --- Alt Bar (Copyright) --- */
.footer-bottom-bar {
    background-color: #F8F9FA; /* Görseldeki alt alan açık gri/beyaz */
    color: #333;
    padding: 20px 0;
    font-size: 1rem;
}

.footer-bottom-bar .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.site-footer .agency{
    display: flex;
    align-items: center;
}
.site-footer .agency a{color:#333}
.red-logo-text {
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 5px;
}

.red-logo-text img {
    height: 25px; /* RED logosunun boyutu */
    float: right;
    margin-left: 5px;
}

/* Mobil Uyumluluk */
@media (max-width: 768px) {
    .footer-actions {
        flex-direction: column;
        align-items: center;
    }
    .footer-links-row{text-align: center;}
    .footer-col {
        margin-bottom: 40px;
    }
    .footer-bottom-bar .container {
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }
}

        .hakkimda-container {
           
           margin-top:50px;
        }

        /* Üst Başlık */
        .hakkimda-title {
            font-size: 24px;
            font-weight: 600;
            margin-bottom: 30px;
            color: #0d1b2a;
        }

        /* Paragraflar */
        .hakkimda-container p {
            font-size: 15px;
            line-height: 1.8;
            color: #555;
            margin-bottom: 20px;
        }

        /* Görselin içinde duracağı alan (Maske/Çerçeve) */
        .hakkimda-image-wrapper {
            position: relative;
            width: 100%;
            height: 500px; /* Görsel alanının yüksekliği */
            margin: 40px 0;
            border-radius: 30px; /* Köşe yuvarlamaları */
            overflow: hidden; /* Dışa taşan resmi gizle */
            background-color: #c3d6ca;
        }

        /* Parallax efekti uygulanacak görsel */
        .hakkimda-parallax-img {
            position: absolute;
            top: -15%; /* Kaydırma payı için yukarıdan başlatıyoruz */
            left: 0;
            width: 100%;
            height: 130%; /* Çerçeveden daha büyük olmalı ki kayabilsin */
            object-fit: cover; /* Resmi orantılı sığdır */
            transition: transform 0.1s ease-out; /* Yumuşak bir kayma hissi için */
            will-change: transform;
        }

        /* Alt Başlık */
        .hakkimda-container h2, .hakkimda-container h3, .hakkimda-container h4 {
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 20px;
            color:var(--color-primary);
            margin-top: 20px;
        }

        .about-top{background-color: var(--green-bg);}

        .aboutItem hr{
            border:1px solid #cecccc;
            margin: 20px 30px 30px;
        }
        .aboutCart{padding-left: 30px;}
        .aboutCart h2{
            font-size: 2.6rem;
            color: var(--primary-red);
            margin-bottom: 15px;
        }
        .aboutCart p{
            font-size: 1.6rem;
            line-height: 1.9;
            color: #555;
        }
        .aboutCart ul{
            padding-top: 0;
        }
        .aboutCart ul li{
            font-size: 1.6rem;
            margin-bottom: 10px;
            color: #555;
        }
        .aboutCart:last-child{
            margin-top: 50px;
        }
        .aboutItem .bolum_banner{
            border-radius: 30px;
            margin-bottom: 50px;
        }
        #hakkimdaGaleri{
            position: relative;
            overflow: hidden;
            background-color: rgba(29, 33, 33, .7);    
        }
        /* Arka Plan Blur (Masaüstünde Tam Ekran) */
        #hakkimdaGaleri .bg-blur {
            position: absolute; top: -5%; left: -5%; width: 110%; height: 110%;
            background-size: cover; background-position: center;
            filter: blur(30px) brightness(0.9); z-index: 1; transition: background-image 0.5s ease-in-out;
            opacity: .7;     
        }
      
        /* Sayfa Ortalayıcı Kapsayıcı */
        #hakkimdaGaleri .main-wrapper {
            position: relative; width: 100vw; height: 100vh; z-index: 2;
            display: flex; align-items: center; justify-content: center;
        }

        /* Ana Galeri Kutusu (Masaüstü İçin) */
        #hakkimdaGaleri .gallery-container {
            position: relative; 
            width: 90vw; 
            max-width: 1400px; 
            height: auto; 
            padding-top: 40px;
            padding-bottom: 100px; 
            border-radius: 24px; 
            display: flex; align-items: flex-start;
            cursor: grab;
        }
        #hakkimdaGaleri .gallery-container:active { cursor: grabbing; }

        /* Sürükleme Şeridi */
        #hakkimdaGaleri .slider-track {
            display: flex; align-items: flex-start;
            justify-content: flex-start; 
            gap: 20px;
            padding: 0 40px; 
            transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
            user-select: none; 
            width: 100%;
        }

        /* Tekil Görsel Kapsayıcı */
        #hakkimdaGaleri .slide {
            flex-shrink: 0; 
            width: calc((100% - 20px) / 2); 
            height: auto; 
            aspect-ratio: 6 / 5; 
            border-radius: 50px; 
            overflow: hidden; 
            box-shadow: 0 10px 30px rgba(0,0,0,0.5);
            pointer-events: none; 
            opacity: 1; transform: scale(1); 
        }
        
        #hakkimdaGaleri .slide img { 
            width: 100%; height: 100%; object-fit: cover; display: block; 
            -webkit-user-drag: none; 
        }

        /* Alt Kontrol Çubuğu */
        #hakkimdaGaleri .bottom-bar {
            position: absolute; bottom: 30px; left: 0; width: 100%; padding: 0 40px;
            display: flex; justify-content: space-between; align-items: center;
            z-index: 3; color: white; pointer-events: none;
        }

        /* Butonlar ve Metin Yan Yana */
        #hakkimdaGaleri .left-controls { 
            display: flex; flex-direction: row; align-items: center; gap: 20px; pointer-events: auto; 
        }
        
        #hakkimdaGaleri .nav-buttons { display: flex; gap: 15px; }
        
        #hakkimdaGaleri .nav-btn {
            background: rgba(255, 255, 255, 0.15); border: 1px solid rgba(255, 255, 255, 0.3); color: white;
            width: 50px; height: 50px; border-radius: 50%; cursor: pointer; display: flex; justify-content: center; align-items: center; font-size: 20px; transition: background 0.3s, transform 0.2s; backdrop-filter: blur(5px);
        }
        #hakkimdaGaleri .nav-btn:hover { background: rgba(255, 255, 255, 0.3); transform: scale(1.05); }
        #hakkimdaGaleri .nav-btn:active { transform: scale(0.95); }

        #hakkimdaGaleri .image-title { 
            font-size: 1.2rem; font-weight: 400; letter-spacing: 0.5px; text-shadow: 1px 1px 4px rgba(0,0,0,0.8);
            max-width: 500px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
        }
        
        #hakkimdaGaleri .counter { font-size: 1.2rem; font-weight: 500; letter-spacing: 2px; text-shadow: 1px 1px 4px rgba(0,0,0,0.8); }

        #hakkimdaGaleri .loading-text { font-size: 0.8rem; color: #aaa; margin-left: 10px; display: none; }
        #hakkimdaGaleri .loading-text.visible { display: inline-block; animation: pulse 1s infinite alternate; }
        @keyframes pulse { from { opacity: 0.5; } to { opacity: 1; } }

        /* ==========================================
           MOBİL GÖRÜNÜM AYARLARI 
           ========================================== */
        @media (max-width: 768px) {
            
            #hakkimdaGaleri .main-wrapper { 
                height: auto; 
                display: flex; /* Blok Flex ortalamayı iptal et, normal akışa dön */
                height: calc(35vh + 120px); 
            }

            /* 2. Blur Yüksekliğini Dinamik Hesapla (Slide + 60px) */
            #hakkimdaGaleri .bg-blur {
                top: 0; left: 0;
                width: 100%;
                height: calc(35vh + 120px); 
            }
            
            /* 3. Galeri Konteyner Yüksekliğini Dinamik Hesapla */
            #hakkimdaGaleri .gallery-container { 
                width: 100vw; 
                height: calc(35vh + 80px); /* 35vh slide + 60px ekstra alan */
                padding-top: 10px; /* Slide'ı yukarıdan 10px boşlukla başlat */
                padding-bottom: 0; 
            }
            
            #hakkimdaGaleri .slider-track { padding: 0 20px; gap: 15px; }
            
            /* Slide Yüksekliği Sabit: 35vh */
            #hakkimdaGaleri .slide { 
                height: 35vh; 
                width: auto; 
                aspect-ratio: 6 / 5; 
                border-radius: 15px; 
            }
            
            /* Geriye kalan 50px boşluğun tam ortasına/altına kontrol çubuğunu yerleştir */
            #hakkimdaGaleri .bottom-bar { padding: 0 20px; bottom: 10px; }
            
            #hakkimdaGaleri .left-controls { gap: 15px; }
            #hakkimdaGaleri .nav-buttons { gap: 10px; }
            #hakkimdaGaleri .nav-btn { width: 42px; height: 42px; font-size: 16px; }
            
            #hakkimdaGaleri .image-title { font-size: 1rem; max-width: 45vw; white-space: normal; }
            #hakkimdaGaleri .counter { font-size: 1rem; }
        }


        /* --- Butonlar --- */
        .akademik-btn {
            display: inline-block; background-color: var(--color-primary); color: var(--akademik-beyaz);
            padding: 10px 24px; text-decoration: none; border-radius: 6px; font-size: 14px; font-weight: 600;
            transition: all 0.3s ease; border: none; cursor: pointer;
        }
        .akademik-btn:hover:not(:disabled) { background-color: var(--color-primary); }
        .akademik-btn:disabled { cursor: wait; background-color: var(--color-secondary); }
        
        .akademik-btn-outline { background-color: transparent; color: var(--color-primary); border: 1px solid var(--color-primary); }
        .akademik-btn-outline:hover { background-color: var(--color-primary); color: var(--akademik-beyaz); }

        .akademik-hero {
            position: relative;
            overflow: hidden;
            min-height: 700px; /* Alanın yüksekliğini belirler */
            display: flex;
            align-items: center; /* İçeriği dikeyde ortalar */
            justify-content:flex-end;
        }

        /* Görseli tam genişlikte arka plan gibi davranmaya zorluyoruz */
        .akademik-hero-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover; /* Resmi deforme etmeden alanı kaplamasını sağlar */
            object-position: center top;
            z-index: 1;
        }

        /* Fotoğrafın üzerine metin okunabilirliğini artıran koyu bir katman (opsiyonel ama tavsiye edilir) */
        .akademik-hero-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(to right, rgba(26, 39, 68, 0.85) 0%, rgba(26, 39, 68, 0.2) 100%);
            z-index: 2;
            opacity: 0;
        }

        /* Metin alanı resmin ve koyu katmanın en üstünde (z-index: 3) yer almalı */
        .akademik-hero-icerik {
            position: relative;
            z-index: 3;
            /*width: 100%;*/
            text-align: end;
        }

        .akademik-hero-metin {
            max-width: 600px; /* Metnin sağa doğru çok uzamasını engeller */
            color: var(--akademik-beyaz);
            float: right;
        }

        .akademik-hero-metin h1 {
            font-size: 36px; /* Başlık boyutunu biraz artırdık */
            margin-bottom: 10px;
            font-weight: 700;
            text-shadow: 0 2px 10px rgba(0,0,0,0.3);
        }

        .akademik-hero-metin p {
            font-size: 20px;
            font-weight: 400;
            text-shadow: 0 2px 10px rgba(0,0,0,0.3);
        }

        /* Mobil görünüm için Hero ayarları */
        @media (max-width: 768px) {
            .akademik-hero-metin h1 { font-size: 32px; }
            .akademik-hero-metin p { font-size: 18px; }
            .akademik-hero-overlay {
                background: linear-gradient(to bottom, rgba(26, 39, 68, 0.6) 0%, rgba(26, 39, 68, 0.8) 100%);
            }
        }

        /* --- Akademik Yayınlar --- */
        .akademik-yayinlar-bolumu { padding: 80px 0; background-color: var(--akademik-acik-gri); }
        .akademik-yayinlar-izgara { display: grid; grid-template-columns: 300px 1fr; gap: 40px; }
        .akademik-yayinlar-sol { position: sticky; top: 40px; align-self: start; }
        .akademik-yayinlar-sol h2 { font-size: 28px; margin-bottom: 15px; color: var(--akademik-metin-koyu); }
        .akademik-yayinlar-sol p { color: var(--akademik-metin-ikincil); margin-bottom: 25px; font-size: 15px; }

        /* --- Yayın Kartı ve Animasyon --- */
        .akademik-yayin-karti, .akademik-basin-karti { /* Her iki karta da animasyon ekledik */
            opacity: 0; transform: translateY(40px);
            transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            will-change: opacity, transform;
        }
        .animasyon-aktif { opacity: 1 !important; transform: translateY(0) !important; }

        .akademik-yayin-karti {
            background: var(--akademik-beyaz); padding: 30px; border-radius: 10px; margin-bottom: 20px;
            box-shadow: var(--akademik-golge); display: flex; align-items: flex-start; gap: 20px; border: 1px solid #f1f5f9;
        }
        .akademik-yayin-logo {
            /*background-color: var(--akademik-logo-bg); min-width: 70px; width: 70px; height: 50px;
            border-radius: 12px 12px 12px 4px; display: flex; justify-content: center; align-items: center;
            color: var(--akademik-beyaz); font-size: 22px; font-weight: 600; letter-spacing: -1px; flex-shrink: 0;*/
            width: 70px;
        }
        .akademik-yayin-icerik { flex: 1; display: flex; flex-direction: column; }
        .akademik-yayin-baslik { font-size: 18px; font-weight: 400; color: var(--akademik-metin); margin-bottom: 20px; line-height: 1.5; }
        .akademik-yayin-ayirici { height: 1px; background-color: var(--akademik-ayirici); margin-bottom: 20px; width: 100%; }
        .akademik-yayin-alt { display: flex; justify-content: space-between; align-items: flex-end; }
        .akademik-yayin-meta { display: flex; flex-direction: column; gap: 6px; font-size: 16px; }
        .meta-satir { color: var(--akademik-metin-ikincil); }
        .meta-deger { font-weight: 700; color: var(--akademik-metin-koyu); }
        
        .akademik-btn-ozel {
            display: inline-flex; align-items: center; gap: 8px; background-color: var(--akademik-metin-koyu);
            color: var(--akademik-beyaz); padding: 8px 24px; border-radius: 30px; text-decoration: none;
            font-size: 13px; font-weight: 600; letter-spacing: 0.5px; transition: all 0.3s ease;
        }
        .akademik-btn-ozel:hover { opacity: 0.85; transform: translateY(-2px); }
        .akademik-btn-ozel svg { width: 16px; height: 16px; }
        .akademik-tumunu-gor-wrapper { text-align: center; margin-top: 40px; }

        /* --- Kitap Alanı --- */
        .akademik-kitap-bolumu { background-color: var(--akademik-beyaz); }
        .akademik-kitap-satir { display: flex; align-items: stretch; min-height: 50vh; }
        .akademik-kitap-satir.ters { flex-direction: row-reverse; }
        .akademik-kitap-gorsel, .akademik-kitap-icerik { flex: 1; display: flex; flex-direction: column; justify-content: center; padding: 40px; }
        .akademik-kitap-gorsel { background-color: #e9ecef; align-items: center; }
        .akademik-kitap-gorsel img { max-height: 300px; box-shadow: 0 10px 20px rgba(0,0,0,0.15); }
        .akademik-kitap-icerik h3 { font-size: 24px; margin-bottom: 20px; color: var(--akademik-metin-koyu); text-align: center; }
        .akademik-kitap-butonlar { display: flex; gap: 15px; justify-content: center; }
        
        /* --- Basında Biz Alanı --- */
        .akademik-basin-bolumu { padding: 80px 0; background-color: var(--akademik-acik-gri); }
        .akademik-basin-baslik { text-align: center; font-size: 28px; margin-bottom: 40px; color: var(--akademik-lacivert); }
        .akademik-basin-izgara { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
        
        .akademik-basin-karti { 
            background: var(--akademik-beyaz); padding: 30px 20px; border-radius: 8px; 
            box-shadow: var(--akademik-golge); display: flex; flex-direction: column; 
            justify-content: space-between; min-height: 250px; border: 1px solid #f1f5f9;
        }
        .akademik-basin-metin { font-size: 15px; margin-bottom: 20px; font-style: italic; }
        .akademik-basin-kaynak { font-size: 13px; font-weight: 600; color: var(--akademik-lacivert); }
        .basinda-btn{color: var(--color-primary);}
        .basinda-btn::before {
            content: '🔗';
            margin-right: 6px;
            font-size: 0.7rem;
        }

        /* --- Responsive --- */
        @media (max-width: 992px) {
            .akademik-yayinlar-izgara { grid-template-columns: 1fr; }
            .akademik-yayinlar-sol { position: static; margin-bottom: 20px; }
            .akademik-kitap-satir, .akademik-kitap-satir.ters { flex-direction: column; }
            .akademik-basin-izgara { grid-template-columns: repeat(2, 1fr); }
        }
        @media (max-width: 768px) {
            .akademik-hero-icerik { flex-direction: column-reverse; text-align: center; }
            .akademik-hero-metin { padding: 30px 15px; float: none; }
            .akademik-basin-izgara { grid-template-columns: 1fr; }
            .akademik-yayin-karti { flex-direction: column; padding: 20px; gap: 15px; }
            .akademik-yayin-logo { width: 60px; height: 40px; font-size: 18px; }
            .akademik-yayin-alt { flex-direction: column; align-items: flex-start; gap: 20px; }
            .akademik-btn-ozel { align-self: flex-start; }
            .akademik-hero-bg{object-position:left top;}
        }

        /* Üst Bölüm (Hero) */
.book-hero {
    display: flex;
    flex-wrap: wrap;
    min-height: 100vh;
}

.book-image-container {
    flex: 1 1 50%;
    background-color: #eeeeee;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 60px 40px;
}

.book-cover {
    max-width: 350px;
    width: 100%;
    height: auto;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.book-summary {
    flex: 1 1 50%;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 60px 10%;
}

.book-title {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 2rem;
    line-height: 1.4;
    color: #1a1a1a;
    max-width: 400px;
}

.book-buy-btn {
    background-color: #0b1526;
    color: white;
    border: none;
    padding: 16px 24px;
    font-size: 1rem;
    font-weight: 500;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 180px;
    transition: opacity 0.3s ease;
}

.book-buy-btn:hover {
    opacity: 0.9;
}

.book-buy-btn .arrow {
    font-size: 1.2rem;
    font-weight: 300;
}

/* Alt Bölüm (Detaylar) */
.book-details {
    display: flex;
    flex-wrap: wrap;
    background-color: #f8f8f8;
    padding: 80px 5%;
    gap: 40px;
}

.book-author {
    flex: 1 1 25%;
}

.book-content {
    flex: 1 1 65%;
    font-size: 1.5rem;
    color: #555;
    text-align: justify;
    line-height: 1.6;
}

.book-section-heading {
    font-size: 1.1rem;
    font-weight: 500;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #333;
}

.book-section-heading .icon {
    font-size: 1rem;
    color: #666;
}

.book-author-info .author-name {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 5px;
    color: #1a1a1a;
}

.book-author-info .author-title {
    font-size: 1.1rem;
    color: #666;
}

/* Mobil Uyumluluk (Responsive Design) */
@media (max-width: 768px) {
    .book-image-container, .book-summary, .book-author, .book-content {
        flex: 1 1 100%;
    }
    .book-image-container{padding-top: 120px;}
    
    .book-summary {
        padding: 40px 20px;
        align-items: center;
        text-align: center;
    }
    
    .book-title {
        text-align: center;
    }

    .book-details {
        padding: 40px 20px;
    }
    
    .book-section-heading {
        margin-bottom: 20px;
    }
}

#loader { text-align: center; padding: 50px; display: none; }
.spinner { border: 4px solid #f3f3f3; border-top: 4px solid #0d1b2a; border-radius: 50%; width: 40px; height: 40px; animation: spin 1s linear infinite; margin: 0 auto; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

#blog{
margin-top: 20px;
min-height: 100vh;
}

/* Öne Çıkan Alan */
.blogListe-featured {
    position: relative;
    width: 100%;
    height: 480px;
    border-radius: 24px;
    overflow: hidden;
    margin-bottom: 40px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

.blogListe-featured img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blogListe-featured-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 50px;
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%);
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.blogListe-featured-title {
    font-size: 32px;
    line-height: 1.2;
    font-weight: 700;
}
.blogListe-featured-title a{
    color:var(--color-white);
}

.blogListe-featured-meta {
    font-size: 14px;
    display: flex;
    gap: 25px;
}

/* Grid Yapısı */
.blogListe-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

/* Kart Tasarımı */
.blogListe-card {
    display: flex;
    flex-direction: column;
    height: 100%; /* Kartın, bulunduğu satırdaki en uzun karta göre esnemesini sağlar */
}

.blogListe-card-image {
    width: 100%;
    height: 200px;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 15px;
}

.blogListe-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.blogListe-card:hover .blogListe-card-image img {
    transform: scale(1.05);
}

.blogListe-card-title {
    font-size: 18px;
    color: #111;
    margin-bottom: 8px;
    font-weight: 600;
}
.blogListe-card-title a{
    color:var(--color-primary);
}

.blogListe-card-meta {
    font-size: 13px;
    color: #777;
    margin-top: auto; /* Sihirli dokunuş: Bu özellik öğeyi daima en alta iter */
    padding-top: 10px; /* Başlık çok uzarsa metaya yapışmasını önlemek için biraz üst boşluk */
}

/* Alt Kısım ve Buton */
.blogListe-footer {
    text-align: center;
    margin-top: 60px;
}

.blogListe-btn-more {
    background-color: #0d1b2a;
    color: white;
    border: none;
    padding: 15px 45px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.blogListe-btn-more:hover {
    background-color: #1b263b;
    transform: translateY(-2px);
}

/* Responsive */
@media (max-width: 992px) {
    .blogListe-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
    .blogListe-grid { grid-template-columns: 1fr; }
    .blogListe-featured { height: 350px; }
    .blogListe-featured-content { flex-direction: column; align-items: flex-start; gap: 20px; padding: 30px; }
    .blogListe-featured-title { font-size: 24px; }
    #blog{margin-top: 50px;}
}



/* Scroll Animasyonu için Başlangıç Durumu */
.blogListe-card {
    opacity: 0;
    transform: translateY(40px); /* 40 piksel aşağıda başlar */
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
                transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* Görünür Olduğundaki Durum (Javascript ile tetiklenecek) */
.blogListe-card.goster {
    opacity: 1;
    transform: translateY(0);
}

/* Buton Yükleniyor Durumu */
.blogListe-btn-more:disabled {
    background-color: #666;
    cursor: not-allowed;
    transform: none;
}

/* Tüm stiller .blogDetay kapsayıcısına özel (Scoped CSS) */
  .blogDetay {
    --text-color: #4a4a4a;
    --heading-color: #1a202c;
    color: var(--text-color);
    line-height: 1.6;
    padding-top: 170px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 100px;
    font-size:1.5rem;
  }
  .blogDetay .spot_text{
    font-size: 2rem;
    line-height: 3rem;
    margin-bottom: 30px;
    color: #58656f;
    width: 60vw;
  }

   .blogDetay ul li, .blogDetay ol li{font-size:1.5rem;}

  /* --- HEADER ALANI --- */
  .blogDetay .post-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 25px;
  }

  .blogDetay .post-title {
    font-size: 4rem;
    font-weight: 500;
    color: var(--color-primary);
    margin: 0;
    line-height: 1.3;
    width: 35vw;
  }

  .blogDetay .post-meta {
    font-size: 1.3rem;
    color: #000;
    display: flex;
    gap: 20px;
    background-color: white;
    padding: 10px 20px;
    border-radius:50px;
  }

  /* --- GÖRSEL VE PARALAKS ALANI --- */
  /*.blogDetay .image-container {
    width: 100%;
    height: 600px;
    overflow: hidden;
    border-radius: 24px;
    margin-bottom: 50px;
    position: relative;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
  }*/

  /* Container ayarları */
.blogDetay .image-container {
    position: relative;
    width: 100%;
    /* Mevcut yükseklik tanımınız kalsın, örneğin: height: 400px; */
    height: 600px;
    overflow: hidden;
    background-color:var(--color-primary); /* Video yüklenirken arka plan siyah olsun */
    border-radius: 24px;
    margin-bottom: 50px;
}

/* Parallax Image ve Cover Image ortak */
.blogDetay .image-container .parallax-image {
    width: 100%;
    height: 130%;
    object-fit: cover;
    position: absolute;
    top:-25%;
    left: 0;
    z-index: 1; /* En altta */
    transition: opacity 0.5s ease;
}

/* Video Iframe Tutucusu */
.blogDetay .video-iframe-holder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: none; /* Başlangıçta gizli */
}

.blogDetay .video-iframe-holder iframe {
    width: 100%;
    height: 100%;
    border: none;
}

/* Tıkla İzle Butonu Stili */
.blogDetay .play-button-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10; /* En üstte */
    background-color: rgba(183, 28, 28, 0.9); /* RED ajans kırmızısı, hafif şeffaf */
    color: white;
    border: none;
    padding: 15px 35px;
    border-radius: 50px;
    font-weight: bold;
    font-size: 1.1rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0,0,0,0.4);
    backdrop-filter: blur(2px); /* Hafif fluluk efekti */
}

.blogDetay .play-button-overlay:hover {
    background-color: rgb(183, 28, 28);
    transform: translate(-50%, -50%) scale(1.05);
    box-shadow: 0 6px 20px rgba(0,0,0,0.6);
}

.blogDetay .play-button-overlay i {
    font-size: 1.3rem;
}

/* --- DURUM: Video Oynatılıyor --- */
/* JavaScript bu sınıfı image-container'a ekleyecek */
.blogDetay .image-container.video-playing .video-cover-img,
.blogDetay .image-container.video-playing .play-button-overlay {
    opacity: 0;
    pointer-events: none; /* Tıklamaları engelle */
}

.blogDetay .image-container.video-playing .video-iframe-holder {
    display: block; /* Videoyu göster */
}

 /* .blogDetay .parallax-image {
    width: 100%;
    height: 150%; 
    object-fit: cover;
    position: absolute;
    top: -25%; 
    left: 0;
    will-change: transform;
  }*/

  /* --- İÇERİK ALANI --- */
  .blogDetay .post-content {
    max-width: 800px;
    margin: 0 auto;
    font-size: 1.5rem;
  }

  .blogDetay .post-content p {
    margin-bottom: 1.8rem;
    text-align: justify;
    font-size: 1.5rem;
  }

  /* --- MOBİL UYUM --- */
  @media (max-width: 768px) {
    .blogDetay {
      padding: 30px 5vw;
      margin-top: 80px;
    }

    .blogDetay .spot_text{width: 90vw;}
    
    .blogDetay .post-header {
      flex-direction: column;
      align-items: flex-start;
      gap: 15px;
    }
    .blogDetay .image-container {
      height: 300px;
      border-radius: 16px;
    }
    .blogDetay .post-title {
      font-size: 1.8rem;
      width: 100vw;
      display: contents;
    }
    .blogDetay .post-content {
      font-size: 1rem;
    }
    .blogDetay .parallax-image{top: -100px;}
  }

  /* Mobilde dışa taşmayı engelleyen kritik düzeltme */
.blogDetay .post-content {
    overflow-wrap: break-word;
    word-wrap: break-word;
    width: 100%;
    max-width: 100%;
}

/* JavaScript ile oluşturulan kapsayıcı için CSS */
.tablo-kapsayici {
    width: 100% !important;
    max-width: 100vw;
    overflow-x: auto !important;
    display: block;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 2rem;
    /* Kaydırma çubuğunun her zaman görünür olması için (isteğe bağlı) */
    /*border: 1px solid #eee; 
    border-radius: 8px;*/
}

/* Tablo içindeki yazıların çok küçük ekranlarda birbirine girmemesi için */
.tablo-kapsayici table {
    margin-bottom: 0 !important;
    white-space: nowrap; /* Hücrelerin alt alta gelip tabloyu bozmasını engeller */
}

  .iletisim-container {
  
    padding-top: 170px;
    padding-bottom: 100px;
}

/* Başlık */
.iletisim-header {
    margin-bottom: 50px;
}

.iletisim-title {
    font-size: 32px;
    color: #2b3954;
    margin-bottom: 15px;
}

.iletisim-subtitle {
    font-size: 24px;
    color: #555;
    line-height: 2;
}

/* İçerik Düzeni */
.iletisim-main-content {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    margin-bottom: 50px;
    /* ÖNEMLİ: Sticky özelliğinin çalışması için çocukların 
       otomatik olarak uzamasını engelliyoruz */
    align-items: flex-start; 
}

.iletisim-info-column {
    flex: 1;
    min-width: 300px;
    
    /* Sticky Ayarları */
    position: -webkit-sticky; /* Safari desteği için */
    position: sticky;
    top: 40px; /* Sayfanın üstünden ne kadar boşluk bırakarak yapışacağı */
    
    /* İsteğe bağlı: İçerik çok uzunsa kaydırılabilir kalması için z-index eklenebilir */
    z-index: 10;
}

.iletisim-company-name {
    font-size: 20px;
    color: #2b3954;
    margin-bottom: 30px;
    font-weight: 600;
}

.iletisim-contact-list {
    list-style: none;
}

.iletisim-contact-item {
    display: flex;
    margin-bottom: 25px;
}

.iletisim-icon {
    font-size: 20px;
    margin-right: 15px;
    width: 24px;
}

.iletisim-text {
    font-size: 15px;
    color: #000;
    line-height: 1.5;
    font-weight: 500;
}

/* Form Kartı */
.iletisim-form-column {
    flex: 2;
    min-width: 350px;
}

.iletisim-form-card {
    background-color: #fff;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.04);
}

.iletisim-form-title {
    font-size: 22px;
    text-align: center;
    margin-bottom: 10px;
    color: #2b3954;
}

.iletisim-form-subtitle {
    font-size: 14px;
    text-align: center;
    color: #666;
    margin-bottom: 30px;
}

.iletisim-form-row {
    display: flex;
    gap: 20px;
}

.iletisim-form-group {
    margin-bottom: 20px;
    flex: 1;
}

.iletisim-label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 8px;
}

.iletisim-input {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    font-size: 14px;
    outline: none;
}

.iletisim-input:focus {
    border-color: #2b3954;
}

.iletisim-textarea {
    min-height: 120px;
    resize: vertical;
}

.iletisim-submit-wrapper {
    display: flex;
    justify-content: flex-end;
}

.iletisim-btn {
    background-color: #1e3050;
    color: #fff;
    border: none;
    padding: 12px 35px;
    border-radius: 25px;
    font-weight: 600;
    cursor: pointer;
}

/* Harita Bölümü */
.iletisim-map-section {
    width: 100%;
    border-radius: 25px;
    overflow: hidden; /* Köşelerin oval kalması için */
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
    line-height: 0; /* Alttaki boşluğu engellemek için */
}

.iletisim-google-map {
    display: block;
    width: 100%;
    height: 450px;
    border: 0;
}

/* Responsive */
@media (max-width: 768px) {
    .iletisim-main-content {
        flex-direction: column;
    }
    .iletisim-form-row {
        flex-direction: column;
        gap: 0;
    }
    .iletisim-map-section {
        height: 300px;
    }
    .iletisim-google-map {
        height: 300px;
    }
}

.section-title { text-align: center; font-size: 2rem; color: var(--primary-dark); margin-bottom: 2rem; font-weight: 600; }

/* Buttons */
.btn { display: inline-flex; align-items: center; justify-content: center; padding: 12px 24px; border-radius: 30px; font-weight: 600; text-decoration: none; transition: all 0.3s ease; border: none; cursor: pointer; }
.btn-primary { background-color: var(--accent-teal); color: #fff; }
.btn-primary:hover { background-color: #0f9688; }
.btn-outline { background-color: transparent; border: 2px solid var(--primary-dark); color: var(--primary-dark); }
.btn-outline:hover { background-color: var(--primary-dark); color: #fff; }
.btn-whatsapp { background-color: #25D366; color: #fff; gap: 10px; }

/* 1. Hero Section */
.hero-section { height: 100vh; display: flex; flex-wrap: wrap; background-color: var(--color-primary); color: #fff; position: relative; overflow: hidden; }
.hero-content {position: absolute; /*flex: 1;*/  padding: 100px 10vw; width: 50vw; height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; z-index: 2; }
.hero-content h1 { font-size: 3rem; margin-bottom: 10px; }
.hero-content p { color:white; margin-bottom: 30px; font-size: 1.8rem; }
.hero-image { flex: 1; width: 100vw; position: relative; }
.hero-image img { width: 100%; height: 100%; object-fit: cover; }
/* Decorative angle */
/*
.hero-content::after { content: ''; position: absolute; top: 0; right: 50%; width: 100%; height: 100%; background: var(--color-primary); transform: skewX(15deg); transform-origin: top; z-index: -1; }
*/

.intro-text-section { padding: 50px 20px; text-align: left; color: var(--text-light); font-size: 1.7rem; }

/* 2. Doctor Section */
.doctor-section { display: flex; flex-wrap: wrap; gap: 40px; align-items: center; padding: 60px 20px 0; }
.doctor-image { flex: 1; min-width: 500px; display: flex; justify-content: center; }
.doctor-image img { max-width: 500px;  }
.doctor-info { flex: 2; min-width: 300px; }
.doctor-info h2 { font-size: 2.2rem; color: var(--primary-dark); margin-bottom: 15px; }
.doctor-info p { color: var(--text-light); margin-bottom: 25px;  font-size:1.3rem}
.badges { display: flex; gap: 15px; margin-top: 30px; }

/* 3. Video Section */
.video-section { position: relative; width: 100%; background: #000; cursor: pointer; }
.video-thumbnail { position: relative; width: 100%; height: 600px; overflow: hidden; }
.video-thumbnail img { width: 100%; height: 100%; object-fit: cover; opacity: 0.6; transition: opacity 0.3s; }
.video-thumbnail:hover img { opacity: 0.8; }
.play-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--primary-dark); transition: transform 0.3s; }
.video-thumbnail:hover .play-button { transform: translate(-50%, -50%) scale(1.1); }
.play-button svg { width: 40px; height: 40px; margin-left: 5px; }
.video-title-card { position: absolute; bottom: 20vh; /*left: 50px; background: #fff;*/ padding: 20px 30px; border-radius: 8px; font-weight: 600; color: white; width: 100vw; text-align: center;}
.video-container { width: 100%; height: 600px; background: #000; }

/* 4. Before / After Slider */
.ba-slider-section { padding: 80px 20px; background: #fff; }
.slider-wrapper { position: relative; display: flex; align-items: center; justify-content: center; gap: 20px; }
.ba-track-container { overflow: hidden; width: 100%; max-width: 1000px; }
.ba-track { display: flex; gap: 20px; transition: transform 0.4s ease-in-out; }
.ba-slide { min-width: calc(25% - 15px); border-radius: 12px; object-fit: cover; }
.slider-btn { background: #fff; border: 1px solid var(--border-color); width: 40px; height: 40px; border-radius: 50%; font-size: 1.2rem; cursor: pointer; box-shadow: 0 4px 6px rgba(0,0,0,0.05); z-index: 10; }

/* 5. tedavi */
.faq-section { padding: 80px 20px; background: var(--bg-light); }
.faq-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }
.faq-item { background: #fff; padding: 30px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); opacity: 0; /* GSAP için görünmez başlat */}
.faq-item h3 { font-size: 1.7rem; color: var(--primary-dark); margin-bottom: 10px; }
.faq-item p { color: var(--text-light); font-size: 1.1rem; }

/* --- 6. GÜNCEL WHATSAPP BÖLÜMÜ --- */
.whatsapp-cta-section {
    background-color: #ebf0ec; /* Görseldeki soft yeşil arka plan */
    padding: 100px 20px;
    /*margin: 40px 0;*/
    overflow: hidden;
}

.wa-cta-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    max-width: 1100px;
    margin: 0 auto;
}

.wa-cta-image {
    flex: 1;
    min-width: 300px;
    display: flex;
    justify-content: center;
    position: relative;
}

/* 3D görselin sayfa içinde havada duruyor gibi görünmesi için */
.wa-cta-image img {
    width: 100%;
    max-width: 480px;
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 20px 30px rgba(0,0,0,0.1));
}

.wa-cta-content {
    flex: 1;
    min-width: 320px;
    max-width: 550px;
}

.wa-cta-content h2 {
    font-size: 2.6rem;
    color: #232c28; /* Koyu renk tonu */
    margin-bottom: 25px;
    line-height: 1.2;
    font-weight: 500;
}

.wa-cta-content p {
    color: #616e69;
    font-size: 1.5rem;
    line-height: 1.7;
    margin-bottom: 45px;
}

/* Özel Beyaz/Yeşil Hap Tasarımlı Buton */
.wa-custom-button {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    border-radius: 60px;
    padding: 8px 8px 8px 25px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.06);
    gap: 20px;
}

.wa-btn-left {
    display: flex;
    align-items: center;
    gap: 12px;
}

.wa-btn-left svg {
    width: 32px;
    height: 32px;
}

.wa-btn-text {
    font-weight: 700;
    color: #111;
    font-size: 1rem;
    letter-spacing: 0.5px;
}

.wa-btn-right {
    background-color: #006b4b; /* Görseldeki koyu yeşil */
    color: #ffffff;
    text-decoration: none;
    padding: 16px 35px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 1.1rem;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

.wa-btn-right:hover {
    background-color: #005239;
    transform: scale(1.02);
}

/* Responsive Düzenlemeler */
@media (max-width: 992px) {
    .wa-cta-container {
        flex-direction: column;
        text-align: center;
        gap: 50px;
    }
    .wa-cta-content {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width: 576px) {
    .wa-cta-content h2 {
        font-size: 2rem;
    }
    .wa-custom-button {
        flex-direction: column;
        padding: 15px;
        border-radius: 20px;
        width: 100%;
        max-width: 300px;
    }
    .wa-btn-right {
        width: 100%;
        text-align: center;
    }
}

/* 7. tedavi 
.piezo-section { display: flex; flex-wrap: wrap; background: var(--primary-dark); color: #fff; }
.piezo-image { flex: 1; width: 50vw; }
.piezo-image img { width: 100%; height: 100%; object-fit: cover; }
.piezo-content { flex: 1; width: 34vw; padding: 8vw 50px; display: flex; flex-direction: column; justify-content: center; }
.piezo-content h2 { font-size: 2rem; margin-bottom: 25px; }
.piezo-content ul { list-style: none; }
.piezo-content li { position: relative; padding-left: 25px; margin-bottom: 15px; font-size: 1.1rem; color: #d1d5db; }
.piezo-content li::before { content: '•'; color: var(--accent-teal); position: absolute; left: 0; font-size: 1.5rem; top: -5px; }

.male-rhino-section { display: flex; flex-wrap: wrap; gap: 40px; align-items: center; padding: 0; }
.male-content { flex: 1; min-width: 300px; padding: 50px; }
.male-content h2 { font-size: 2.2rem; color: var(--primary-dark); margin-bottom: 20px; }
.male-content p { color: var(--text-light); font-size: 1.5rem; }
.male-image { flex: 1; width: 50vw; }
.male-image img { width: 100%;}
*/

.info-container {
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 1920px;
        margin: 0 auto;
    }

    .info-row {
        display: flex;
        width: 100%;
        min-height: 500px; /* Tasarımdaki kare oranını yakalamak için */
    }

    /* MASAÜSTÜ: Çift numaralı satırlarda içeriği ters çevir (Metin solda, resim sağda) */
    .info-row:nth-child(even) {
        flex-direction: row-reverse;
    }

    /*.image-box, .text-box {
        flex: 1; 
        display: flex;
        flex-direction: column;
        justify-content: center;
    }*/

    .image-box, .text-box {
        width: 50%; /* Kesin %50 genişlik */
        flex: 0 0 50%; /* Flexbox'ın içeriğe göre kutuları daraltıp genişletmesini engeller */
        box-sizing: border-box; /* Padding (iç boşluk) değerlerinin %50'lik genişliği taşırmasını önler */
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    /* Sol/Sağ Mavi Kutu - Resim gelirse arkaplan resmi olur, gelmezse mavi kalır */
    .image-box {
        background-color: #0d1b3f; /* Görseldeki lacivert tonu */
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .text-box {
        background-color: #f8f8f8;
        padding: 10%; /* İçeriğin kenarlara yapışmaması için ferah boşluk */
    }

    .text-box h2 {
        font-size: 24px;
        color:var(--color-primary);
        margin-bottom: 30px;
        font-weight: normal;
    }

    .text-box p {
        font-size: 15px;
        line-height: 1.6;
        color:#444;
        margin-bottom: 20px;
    }
    .text-box ul {
        font-size: 15px;
        color:#444;
    }

    /* MOBİL: Ekran 768px ve altına düştüğünde tasarımı tek sütuna çevir */
    @media (max-width: 768px) {
        /* Hem tek hem çift satırları dikey (column) yap */
        .info-row, .info-row:nth-child(even) {
            flex-direction: column !important; 
        }
        
        .image-box {
            min-height: 350px; /* Mobilde mavi kutunun yüksekliği */
            width: 100%;
        }

        .text-box {
            width: 100%;
            padding: 40px 20px; /* Mobilde kenar boşluklarını daralt */
            box-sizing: border-box;
        }
    }


/* 9. tedavi */
.testimonials-section { padding: 80px 20px; background: #fff; text-align: center; }
.test-slider-wrapper { overflow: hidden; max-width: 800px; margin: 0 auto; position: relative; }
.test-track { display: flex; transition: transform 0.5s ease; }
.test-slide { min-width: 100%; padding: 20px; }
.test-card { background: var(--bg-light); padding: 40px; border-radius: 12px; }
.stars { color: #f59e0b; font-size: 2.2rem; margin-bottom: 15px; }
.test-card p { font-style: italic; font-size: 1.6rem; color: var(--text-light); margin-bottom: 20px; }
.test-card h4 { color: var(--primary-dark); }
.test-dots { display: flex; justify-content: center; gap: 10px; margin-top: 20px; }
.dot { width: 12px; height: 12px; background: #ccc; border-radius: 50%; cursor: pointer; transition: background 0.3s; }
.dot.active { background: var(--accent-teal); }

/* Responsive adjustments */
@media (max-width: 768px) {
    .doctor-image,.male-image { flex: 1; min-width: 100vw; display: flex; justify-content: center; }
.doctor-image img { max-width: 100vw;  }
.piezo-section, .male-rhino-section{flex-direction:column}
.piezo-image{width: 100vw;}
.piezo-content{width: 100vw;}
    .hero-content::after { display: none; }
    .hero-content { padding: 50px 20px; width: 100vw; text-align: center; align-items: center; }
    .video-thumbnail { height: 600px; }
    .video-container { height: 600px; }
    .video-title-card { left: 20px; bottom: 20px; right: 20px; }
    .ba-slide { min-width: calc(50% - 10px); }
    .piezo-content { padding: 40px 20px; }
}
@media (max-width: 480px) {
    .ba-slide { min-width: 100%; }
}

.mobile-close{display: block;}
.mobile-open{display: block;}

@media (min-width : 768px) {
    .mobile-open{display: none !important;}
    .menu-icon-wrapper{display:none !important;}
    .sectionPadding{padding-top: 150px; padding-bottom: 150px;}
    
}

@media (max-width : 768px) {
    .aboutItem hr{
            border:1px solid #cecccc;
            margin: 20px 15 30px;
        }
    .aboutCart{padding: 0 15px;}
    .aboutItem .bolum_banner{
            border-radius: 0;
        }
    .hakkimda-image-wrapper{height: 200px; border-radius: 10px;}
    .hakkimda-alani h2 {font-size: 22px;}
    .sectionPadding{padding: 50px 15px;}
    .menu-icon-wrapper{display:block !important;}
    .mobile-close{display: none !important;}
    .header-container .header-logo{height: auto !important; width: 200px;}
    .header-container{/*margin-left: 20px; margin-right: 20px;  width: calc(100vw - 40px);*/ width: 90vw; top: 20px;}
    .mobile-open .dropdown{display: inline-table;}
    .mobile-open .dropdown .btn{background-color:var( --color-white); color: var(--color-primary); border-color: var(--color-secondary); width: 35px; height: 35px; font-size: 10px; font-weight: 600;}
    .mobile-open .dropdown-toggle::after{display: none;}
    .mobile-open .dropdown button.show{background-color:var( --color-primary); color: var(--color-white); border-color: var(--color-secondary);}

}