@media (max-width: 1585px) {


}
@media (max-width: 1360px) {


}
@media (max-width: 960px) {

	main {
		width:100vw;
	}
	
	#header {
		display:none;
	}
	#mobilheader {
		display:flex;
	}
	#mobilmenu {
		display:block;
	}

}


/* ==========================================================================
   RESPONSIVE (MOBİL VE TABLET UYUMLULUĞU)
   Bu kodları CSS dosyanızın EN ALTINA ekleyin.
   ========================================================================== */

/* --------------------------------------------------------------------------
   TABLET VE KÜÇÜK LAPTOPLAR (max-width: 991px)
   -------------------------------------------------------------------------- */
@media (max-width: 991px) {
    

    /* --- SLIDER --- */
	#slider .item .anaresim {min-height: 50vh;}
    #slider .item .bilgi .yazi1 { font-size: 40px; margin-bottom: 15px; }
    #slider .item .bilgi .yazi2 { font-size: 16px; margin-bottom: 30px; }
    #slider .slider-button-next { left: 90px; bottom: 30px; width: 50px; height: 50px; }
    #slider .slider-button-prev { left: 30px; bottom: 30px; width: 50px; height: 50px; }
    #slider .slider-pagination { left: 30px; }

    /* --- HAKKIMIZDA --- */
    #hakkimizda { padding:30px 0px; }
    #hakkimizda .main-title { font-size: 42px; }
    #hakkimizda .about-img-wrapper { margin-top: 40px; }

    /* --- HİZMETLER --- */
	#hizmetler { padding:30px 0px; }
    #hizmetler .main-title { font-size: 36px; }
    
    /* Büyük kartı mobilde dikey yap */
    #hizmetler .large-card .img-holder { 
        min-height: 250px; 
        border-radius: 0 0 30px 30px; /* Köşeleri alta al */
    }
    
    /* Yüzen butonu küçült ve konumla */
    #hizmetler .floating-info-btn { 
        bottom: 15px; right: 15px; 
        padding: 5px 5px 5px 15px;
    }

    /* --- RANDEVU CTA (TELEFON POP-OUT DÜZELTMESİ) --- */
	
	#randevu-cta { padding:30px 0px; }
    #randevu-cta .cta-box { text-align: center; padding: 40px 20px; }
    #randevu-cta .phone-wrapper {
        margin-top: 0;      /* Negatif margini sıfırla */
        margin-bottom: 30px;
        z-index: 1;
    }
    #randevu-cta .phone-img {
        max-width: 250px;   /* Telefonu biraz küçült */
        margin: 0 auto;
    }
    #randevu-cta .cta-title { font-size: 30px; margin-bottom: 20px; }
    #randevu-cta .btn-cta-blue { width: 100%; }

    /* --- BLOG SECTION --- */
	#blog-section { padding:30px 0px; }
    #blog-section .swiper-slide { width: 350px; } /* Kart genişliğini daralt */
    #blog-section .card-title { font-size: 18px; line-height: 1.3; }
	#blog-section .swiper { padding: 20px 0;}
    /* --- VIDEO SECTION --- */
    #video-section .featured-video-box {
        aspect-ratio: auto; /* Oranı serbest bırak */
        min-height: 400px;
        background-position: center center ; /* Resmi ortala */
    }
    #video-section .play-btn-wrapper {
        position: relative;
        top: 0; left: 0;
        height: auto; width: 100%;
        margin: 20px 0;
    }
    #video-section .big-video-title { font-size: 30px; line-height: 1.2; }
    #video-section .mini-video-card { aspect-ratio: auto; min-height: 250px;  background-position: center 0px;}
	#video-section .swiper {padding-right:100px;}
    /* --- FOOTER --- */
    #main-footer .contact-header {
        justify-content: flex-start;
        margin-top: 20px;
    }
    #main-footer .contact-title {
        text-align: left;
        margin-right: 15px; padding-right: 15px;
    }
    #main-footer .contact-title i { right: auto; left: -30px; }
    #main-footer .footer-logo { display: block; margin-bottom: 20px; }
    #main-footer .newsletter-text { font-size: 16px; }
}

/* --------------------------------------------------------------------------
   MOBİL CİHAZLAR (max-width: 767px)
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {

    /* --- SLIDER MOBİL --- */
    #slider .item .bilgi { background: rgba(255,255,255,0.6); /* Yazı okunsun diye hafif arka plan */ }
    #slider .item .bilgi .yazi1 { font-size: 32px; color: #1266A8; }
    #slider .item .bilgi .yazi2 { font-size: 14px; margin-bottom: 20px; color: #333; }
    #slider .slider-button-prev, 
    #slider .slider-button-next { display: none; /* Mobilde okları gizle, sadece kaydırma */ }
    #slider .slider-pagination { left: 20px; }

    /* --- HAKKIMIZDA MOBİL --- */
    #hakkimizda .main-title { font-size: 32px; }
    #hakkimizda .section-tag { font-size: 11px; padding: 5px 15px; }
    
    /* --- HİZMETLER MOBİL --- */
    #hizmetler .main-title { font-size: 28px; }
    #hizmetler .s-title { font-size: 24px; }
    #hizmetler .pill-dropdown { width: 100%; } /* Dropdown tam genişlik */

    /* --- BLOG MOBİL --- */
    #blog-section .swiper-slide { width: 85%; } /* Mobilde ekranın %85'ini kaplasın */
    #blog-section .main-title { font-size: 26px; }
    #blog-section .blog-card { padding: 25px; min-height: 320px; }

    /* --- VIDEO MOBİL --- */
    #video-section .featured-video-box { 
        text-align: center; 
        background-image: none !important; /* Arkaplan resmini kaldır */
        background-color: #f9f9f9;
        height: auto;
        min-height: auto;
    }
    /* Mobilde doktor resmini img etiketi olarak içeri eklemişsek görünür, yoksa css ile yönetmek zor */
    
    #video-section .big-video-title { font-size: 24px; margin-bottom: 15px; }
    #video-section .video-date-badge { margin: 0 auto 15px auto; }
    
    /* --- INSTAGRAM MOBİL --- */
    #instagram-section .main-title { font-size: 28px; }
    #instagram-section .insta-img-card { height: 300px; }

    /* --- FOOTER MOBİL --- */
    #main-footer { text-align: center; }
    #main-footer .contact-header { 
        flex-direction: column; 
        align-items: center; 
        text-align: center; 
    }
    #main-footer .contact-title {
        border-right: none;
        border-bottom: 1px solid #ddd;
        margin-right: 0; padding-right: 0;
        margin-bottom: 15px; padding-bottom: 15px;
        text-align: center;
        width: 100%;
    }
    #main-footer .contact-title i { display: none; } /* İkonu mobilde gizle */
    
    #main-footer .footer-bottom .row > div { margin-bottom: 15px; }
    #main-footer .footer-bottom { padding-bottom: 80px; /* Mobilde alt bar için pay */ }
    #main-footer .legal-nav { justify-content: center; }
}

/* ==========================================================================
   HAKKIMIZDA PAGE RESPONSIVE AYARLARI
   Bu kodları CSS dosyanızın EN ALTINA ekleyin.
   ========================================================================== */

/* --------------------------------------------------------------------------
   TABLET VE KÜÇÜK LAPTOPLAR (max-width: 991px)
   -------------------------------------------------------------------------- */
@media (max-width: 991px) {

    /* --- KATMAN 1 (GİRİŞ) --- */
    #hakkimizda-katman1 {
        padding: 150px 0 60px 0; /* Üst boşluğu biraz azalttık */
    }
    
    #hakkimizda-katman1 .page-main-title {
        font-size: 36px; /* Başlığı küçült */
        margin-top: 20px;
        text-align: left; /* Mobilde sola yasla */
    }

    #hakkimizda-katman1 .col-md-8 {
        text-align: left !important; /* Sağ yaslamayı iptal et */
    }

    #hakkimizda-katman1 .wide-image-wrapper {
        height: 350px; /* Görsel yüksekliğini azalt */
    }

    /* --- KATMAN 2 (QUOTE/İMZA) --- */
    #hakkimizda-katman2 {
        padding: 60px 0;
    }

    #hakkimizda-katman2 .quote-card {
        padding: 30px;
        text-align: center; /* İçeriği ortala */
    }

    #hakkimizda-katman2 .quote-content {
        padding: 20px 0 0 0;
        align-items: center; /* Flex öğelerini ortala */
    }

    #hakkimizda-katman2 .quote-img-holder {
        height: 300px;
        margin-bottom: 20px;
    }

    #hakkimizda-katman2 .quote-text {
        font-size: 32px; /* Sloganı küçült */
    }

    /* --- KATMAN 3 (ÖZELLİKLER) --- */
    #hakkimizda-katman3 {
        padding: 60px 0;
    }
    
    #hakkimizda-katman3 .feature-card {
        padding: 30px;
        min-height: 300px; /* Kart boyunu biraz kısalt */
    }
}

/* --------------------------------------------------------------------------
   MOBİL CİHAZLAR (max-width: 767px)
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {

    /* --- KATMAN 1 MOBİL --- */
    #hakkimizda-katman1 {
        padding: 120px 0 50px 0;
    }

    #hakkimizda-katman1 .page-main-title {
        font-size: 28px;
        line-height: 1.3;
    }
    
    #hakkimizda-katman1 .wide-image-wrapper {
        height: 250px; /* Mobilde görsel daha kısa */
    }

    #hakkimizda-katman1 .content-text-block p {
        font-size: 15px;
        text-align: left; /* Mobilde justify yerine sola yaslı daha iyi okunur */
    }

    /* --- KATMAN 2 MOBİL --- */
    #hakkimizda-katman2 .quote-card {
        padding: 20px;
        border-radius: 20px; /* Mobilde köşeleri biraz daha az oval yap */
    }

    #hakkimizda-katman2 .quote-img-holder {
        height: 250px;
    }

    #hakkimizda-katman2 .quote-text {
        font-size: 24px;
        line-height: 1.4;
    }

    #hakkimizda-katman2 .signature-text {
        font-size: 28px;
    }

    /* --- KATMAN 3 MOBİL --- */
    #hakkimizda-katman3 .swiper {
        padding: 20px 10px; /* Slider paddingini azalt */
    }
    
    #hakkimizda-katman3 .feature-card {
        min-height: auto; /* Mobilde içerik kadar uzasın */
    }
    
    /* Navigasyon butonlarını mobilde ortala veya küçült */
    #hakkimizda-katman3 .f-btn {
        width: 40px; height: 40px; font-size: 16px;
    }
}

/* ==========================================================================
   DOKTORUNUZA DANIŞIN PAGE RESPONSIVE AYARLARI
   Bu kodları CSS dosyanızın EN ALTINA ekleyin.
   ========================================================================== */

/* --------------------------------------------------------------------------
   TABLET VE KÜÇÜK LAPTOPLAR (max-width: 991px)
   -------------------------------------------------------------------------- */
@media (max-width: 991px) {

    /* --- KATMAN 1 (FORM VE PROFİL) --- */
    #danisin-katman1 {
        padding: 120px 0 60px 0;
    }

    #danisin-katman1 .page-main-title {
        font-size: 36px;
    }

    /* Profili mobilde formun altına alırken biraz boşluk bırak */
    #danisin-katman1 .profile-card {
        margin-top: 40px;
        height: auto; /* Yüksekliği serbest bırak */
    }

    #danisin-katman1 .profile-img {
        height: 350px; /* Mobilde görsel boyutunu koru veya küçült */
    }

    /* --- KATMAN 2 (SORU LİSTESİ) --- */
    #danisin-katman2 {
        padding: 60px 0;
    }

    #danisin-katman2 .qa-user-info {
        flex-direction: row; /* Kullanıcı bilgisini yatay yap */
        align-items: center;
        margin-bottom: 20px;
        border-bottom: 1px solid #eee;
        padding-bottom: 15px;
        padding-right: 0;
        border-right: none; /* Masaüstü çizgisini kaldır */
    }

    #danisin-katman2 .user-avatar {
        margin-bottom: 0;
        margin-right: 15px;
    }

    #danisin-katman2 .user-name {
        margin-bottom: 0;
        margin-right: auto; /* İsmi sola, tarihi sağa itmek için */
    }

    #danisin-katman2 .qa-content {
        padding-left: 0; /* Sol boşluğu sıfırla */
    }

    /* --- KATMAN 3 (ALT CTA) --- */
    #danisin-katman3 {
        padding: 60px 0 0 0;
        text-align: center; /* İçeriği ortala */
    }

    #danisin-katman3 .cta-big-title {
        font-size: 32px;
        margin-bottom: 40px;
        text-align: center; /* Başlığı ortala */
    }

    #danisin-katman3 .col-lg-6 {
        text-align: center !important; /* Bootstrap text sınıflarını ez */
    }

    #danisin-katman3 .floating-pill-menu {
        position: relative; /* Mobilde telefonun altına al */
        bottom: auto; 
        left: 50%;
        transform: translateX(-50%);
        margin-top: -40px; /* Telefonun üstüne hafif binsin */
        margin-bottom: 40px;
        width: 90%;
        padding: 12px 15px;
        gap: 10px;
    }
}

/* --------------------------------------------------------------------------
   MOBİL CİHAZLAR (max-width: 767px)
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {

    /* --- KATMAN 1 MOBİL --- */
    #danisin-katman1 {
        padding: 110px 0 50px 0;
    }

    #danisin-katman1 .page-main-title {
        font-size: 28px;
    }

    #danisin-katman1 .consult-form-box {
        padding: 25px; /* Form iç boşluğunu azalt */
    }

    #danisin-katman1 .btn-send {
        width: 100%; /* Mobilde butonu tam genişlik yap */
    }

    #danisin-katman1 .profile-img {
        height: 280px; /* Görseli biraz daha küçült */
    }

    /* --- KATMAN 2 MOBİL --- */
    #danisin-katman2 .qa-card {
        padding: 20px;
    }

    #danisin-katman2 .user-name {
        font-size: 14px;
    }

    #danisin-katman2 .qa-date {
        font-size: 11px;
        padding: 4px 10px;
    }

    #danisin-katman2 .answer-badge {
        width: 100%; /* Rozeti tam genişlik yap */
        justify-content: space-between;
        padding: 8px 10px;
    }

    #danisin-katman2 .answer-badge span {
        font-size: 11px;
        max-width: 85%; /* Uzun ismin taşmasını önle */
    }

    #danisin-katman2 .qa-title {
        font-size: 16px;
    }

    #danisin-katman2 .qa-desc {
        font-size: 14px;
    }

    /* --- KATMAN 3 MOBİL --- */
    #danisin-katman3 .cta-big-title {
        font-size: 26px;
    }
    
    #danisin-katman3 .phone-img {
        max-width: 240px;
    }
    
    #danisin-katman3 .floating-pill-menu {
        flex-direction: row; /* Yan yana kalsın ama sığmazsa wrap olabilir */
        flex-wrap: nowrap;
        overflow-x: auto; /* Çok dar ekranda kaydırma */
        justify-content: flex-start;
        -webkit-overflow-scrolling: touch;
        min-width: auto;
    }
    
    #danisin-katman3 .floating-pill-menu a {
        font-size: 11px;
        white-space: nowrap;
    }
}