/* ---- hizmet-detay L1028-2010 ---- */

/* ============================================
   SIDEBAR KARTLARI - HER BÖLÜME AYRI ÇERÇEVE
   ============================================ */
.sidebar-card {
    background: #f8f9fa;
    border: 2px solid var(--accent-color, #1abc9c);
    border-radius: 16px;
    padding: 25px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);
    margin-left: 15px;
    margin-bottom: 20px;
    overflow: hidden;
    word-wrap: break-word;
    overflow-wrap: break-word;
    max-width: calc(100% - 15px);
    box-sizing: border-box;
}

/* Mobil sidebar kartları - masaüstü boyutunda */
@media (max-width: 991px) {
    .sidebar-card {
        max-width: 350px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .widget_contact_form.sidebar-card {
        max-width: 350px !important;
    }
    .elevenlabs-audio-widget {
        max-width: 350px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    /* Emoji ikonları küçült */
    .sidebar-card img.emoji,
    .sidebar-card .emoji,
    .widget_contact_form img.emoji,
    .elevenlabs-audio-widget img.emoji,
    img.emoji {
        width: 20px !important;
        height: 20px !important;
    }
    /* Mobil İçindekiler siyah */
    .mobile-toc-wrapper .btTableOfContentsWrapper a,
    .mobile-toc-wrapper .btTableOfContentsWrapper a:hover,
    .mobile-toc-wrapper .btTableOfContentsWrapper a:active,
    .mobile-toc-wrapper .btTableOfContentsWrapper a.active,
    .mobile-toc-wrapper .btTableOfContentsWrapper .toc-number,
    .mobile-toc-wrapper .btTableOfContentsWrapper .toc-link,
    #mobileTocWrapper .btTableOfContentsWrapper a,
    #mobileTocWrapper .btTableOfContentsWrapper a:hover,
    #mobileTocWrapper .btTableOfContentsWrapper a:active,
    #mobileTocWrapper .btTableOfContentsWrapper a.active,
    #mobileTocWrapper .btTableOfContentsWrapper .toc-number,
    #mobileTocWrapper .btTableOfContentsWrapper .toc-link,
    #btTableOfContentsWrapperMobile a,
    #btTableOfContentsWrapperMobile a:hover,
    #btTableOfContentsWrapperMobile a:active,
    #btTableOfContentsWrapperMobile a.active,
    #btTableOfContentsWrapperMobile .toc-number,
    #btTableOfContentsWrapperMobile .toc-link {
        color: #333 !important;
    }
}

.sidebar-card * {
    max-width: 100%;
    box-sizing: border-box;
}

.sidebar-card:last-child {
    margin-bottom: 0;
}

/* Sıkça Sorulan Sorular - Ana içerikle aynı hiza */
#bt_bb_section693a69c921107 .bt_bb_column_content_inner {
    padding-left: 15px;
}

/* ============================================
   İÇERİK YAZILARI - SİYAH-GRİ TONLAR (BAŞLIKLAR HARİÇ)
   ============================================ */
#bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_text p,
#bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_text p span,
#bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_text p strong,
#bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_text p em,
#bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_text li,
#bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_text li span,
#bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_text ul,
#bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_text ol {
    color: #2c2c2c !important;
}

/* Inline style override i�in */
#bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_text p[style],
#bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_text span[style*="color"],
#bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_text p span[style] {
    color: #2c2c2c !important;
}

/* ��erik Linkleri - Turkuaz */
#bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_text a,
#bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_text p a,
#bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_text li a {
    color: #1abc9c !important;
}

#bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_text a:hover {
    color: #16a085 !important;
}

/* ��erik yaz�s� alt bo�luk */
#bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_text {
    margin-bottom: 20px !important;
}

/* ============================================
   HERO SECTION - RESPONSIVE BOYUTLAR
   ============================================ */
/* Laptop ve küçük ekranlar (1460x550) */
#bt_bb_section693a69c91fd19 {
    position: relative !important;
    width: 100% !important;
    max-width: 1460px !important;
    height: 550px !important;
    margin: 0 auto !important;
    overflow: hidden !important;
}

/* Büyük ekranlar (1920x550) */
@media (min-width: 1600px) {
    #bt_bb_section693a69c91fd19 {
        max-width: 1920px !important;
        height: 550px !important;
    }
}

/* Tablet (orta ekranlar) */
@media (max-width: 1400px) and (min-width: 768px) {
    #bt_bb_section693a69c91fd19 {
        max-width: 1200px !important;
        height: 450px !important;
    }
}

/* Mobil */
@media (max-width: 767px) {
    #bt_bb_section693a69c91fd19 {
        max-width: 100% !important;
        height: auto !important;
        min-height: 400px !important;
        padding: 30px 15px !important;
    }
}

/* Hero Başlık Font Boyutu */
.bt_bb_size_extralarge.bt_bb_headline h1 {
    font-size: 70px !important;
}

@media (max-width: 1400px) {
    .bt_bb_size_extralarge.bt_bb_headline h1 {
        font-size: 60px !important;
    }
}

@media (max-width: 767px) {
    .bt_bb_size_extralarge.bt_bb_headline h1 {
        font-size: 28px !important;
        line-height: 1.3 !important;
        margin-bottom: 15px !important;
    }
    
    .bt_bb_headline_subheadline {
        font-size: 14px !important;
        line-height: 1.5 !important;
        max-width: 100% !important;
        margin-bottom: 20px !important;
    }
    
    #bt_bb_section693a69c91fd19 .bt_bb_column_inner {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-bottom: 10px !important;
    }
    
    #bt_bb_section693a69c91fd19 .bt_bb_button {
        font-size: 13px !important;
        padding: 12px 16px !important;
        width: 100% !important;
    }
}

/* Hero Buton Yazıları Beyaz */
#bt_bb_section693a69c91fd19 .bt_bb_button.bt_bb_color_scheme_14 .bt_bb_button_text {
    color: #ffffff !important;
}

#bt_bb_section693a69c91fd19 .bt_bb_button.bt_bb_color_scheme_14 .bt_bb_icon_holder {
    color: #ffffff !important;
}

#bt_bb_section693a69c91fd19 .bt_bb_background_image_holder_wrapper,
#bt_bb_section693a69c91fd19 .bt_bb_background_image_holder {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-size: 100% 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
#bt_bb_section693a69c91fd19 * {
    box-sizing: border-box;
}

/* İçindekiler Widget Stilleri */
.widget_table_of_contents.sidebar-card {
    background: #f8f9fa !important;
    border: 2px solid var(--accent-color, #1abc9c) !important;
    border-radius: 16px !important;
    padding: 25px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06) !important;
    margin-left: 15px !important;
    margin-bottom: 20px !important;
}

.widget_table_of_contents {
    background: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 20px;
    margin-bottom: 20px;
}

/* Sidebar kategoriler - nokta kaldır */
.sidebar-categories .category-list,
.sidebar-categories .category-list li {
    list-style: none !important;
    padding-left: 0 !important;
}

/* Blog widget görselleri - küçük boyut */
.btImageTextWidgetImage {
    width: 80px !important;
    height: 80px !important;
    flex-shrink: 0 !important;
    overflow: hidden !important;
}

.btImageTextWidgetImage img {
    width: 80px !important;
    height: 80px !important;
    object-fit: cover !important;
    display: block !important;
}

/* Blog widget başlıkları - tam gözüksün */
.btImageTextWidgetText .bt_bb_headline_content {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    display: block !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    max-width: none !important;
}

.btImageTextWidgetText .bt_bb_headline_content span {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    display: inline !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    max-width: none !important;
}

.btImageTextWidgetText .bt_bb_headline_content a {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    display: inline !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    line-height: 1.4 !important;
    max-width: none !important;
}

.btImageTextWidgetText h4.bt_bb_headline_tag {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    max-width: none !important;
}

.btImageTextWidget {
    overflow: visible !important;
}

.btImageTextWidgetText {
    overflow: visible !important;
    flex: 1 !important;
    min-width: 0 !important;
}

.widget_table_of_contents h4 {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.btTableOfContentsWrapper {
    max-height: 400px;
    overflow-y: auto;
    padding-right: 10px;
}

.btTableOfContentsWrapper ul,
.btTableOfContentsWrapper nav > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* WordPress Tarzı Hiyerarşik İçindekiler */
.ez-toc-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Alt seviye listeler - girinti */
.ez-toc-list .ez-toc-list {
    padding-left: 18px !important;
    margin-top: 4px !important;
}

/* H2 başlıklar - ana başlıklar */
.ez-toc-heading-level-2 > a {
    font-weight: 600 !important;
    color: #1d1e21 !important;
    font-size: 16px !important;
}

/* H3 başlıklar - alt başlıklar */
.ez-toc-heading-level-3 > a {
    font-weight: 500 !important;
    color: #444 !important;
    font-size: 15px !important;
}

/* H4 başlıklar - en alt seviye */
.ez-toc-heading-level-4 > a {
    font-weight: 400 !important;
    color: #666 !important;
    font-size: 14px !important;
}

/* Numara stili */
.ez-toc-number {
    font-weight: 700 !important;
    color: var(--accent-color, #1abc9c) !important;
    margin-right: 5px !important;
    display: inline !important;
    white-space: nowrap !important;
}

.btTableOfContentsWrapper li {
    margin: 8px 0;
    line-height: 1.6;
}

.ez-toc-link {
    display: inline !important;
    transition: all 0.3s ease;
    font-size: 14px;
    color: #2c2c2c !important;
    text-decoration: none;
}

.ez-toc-link.active {
    font-size: 17px;
    font-weight: 600;
    color: var(--accent-color) !important;
}

.btTableOfContentsWrapper a {
    color: #2c2c2c !important;
    text-decoration: none;
    font-size: 14px;
    display: inline !important;
    padding: 4px 0;
    transition: all 0.3s ease;
}

.btTableOfContentsWrapper a:hover {
    color: #1abc9c !important;
    padding-left: 5px;
}
}

/* Scrollbar özelleştirmeleri */
.btTableOfContentsWrapper::-webkit-scrollbar {
    width: 8px;
}

.btTableOfContentsWrapper::-webkit-scrollbar-track {
    background: transparent;
}

.btTableOfContentsWrapper::-webkit-scrollbar-thumb {
    background: #ddd;
    border-radius: 4px;
}

.btTableOfContentsWrapper::-webkit-scrollbar-thumb:hover {
    background: #999;
}

/* FAQ Bölümü - Üst Boşluk */
#bt_bb_section693a69c921107 {
    margin-top: 10px !important;
    padding-left: 50px !important;
}

/* FAQ Bölümü - Sola Yasla - İçerik ile aynı genişlik */
#bt_bb_section693a69c921107.bt_bb_layout_boxed_1200 .bt_bb_cell {
    margin-left: 0 !important;
    margin-right: auto !important;
    max-width: 100% !important;
}

#bt_bb_section693a69c921107 > .bt_bb_port {
    justify-content: flex-start !important;
    padding-left: 0 !important;
}

#bt_bb_section693a69c921107 .bt_bb_row_holder {
    justify-content: flex-start !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#bt_bb_section693a69c921107 .bt_bb_column {
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

#bt_bb_section693a69c921107 .bt_bb_column_content,
#bt_bb_section693a69c921107 .bt_bb_column_content_inner {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

#bt_bb_section693a69c921107 .bt_bb_accordion {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* FAQ - Tüm accordion itemlar varsayılan olarak kapalı */
#bt_bb_section693a69c921107 .bt_bb_accordion_item:not(.on) .bt_bb_accordion_item_content {
    display: none !important;
}

#bt_bb_section693a69c921107 .bt_bb_accordion_item.on .bt_bb_accordion_item_content {
    display: block !important;
}

#bt_bb_section693a69c921107 .bt_bb_headline {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* FAQ - Tüm container'ları sola çek */
#bt_bb_section693a69c921107 .bt_bb_port,
#bt_bb_section693a69c921107 .bt_bb_cell,
#bt_bb_section693a69c921107 .bt_bb_cell_inner {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

#bt_bb_section693a69c921107 .bt_bb_separator {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* FAQ İçerik Yazıları */
#bt_bb_section693a69c921107 .bt_bb_accordion_item_content {
    color: #2c2c2c !important;
    font-size: 20px !important;
    line-height: 1.6 !important;
}

#bt_bb_section693a69c921107 .bt_bb_accordion_item_content p {
    color: #2c2c2c !important;
    font-size: 20px !important;
}

#bt_bb_section693a69c921107 .bt_bb_accordion_item_content span {
    color: #2c2c2c !important;
}

/* Sidebar'ı container'ın en sağına çek - AGRESİF ÇÖZÜM */
/* Section port'unu sağa yasla (justify-content: center'ı override et) */
#bt_bb_section693a69c9203b0 > .bt_bb_port {
    justify-content: flex-start !important;
    padding-right: 0 !important;
}

/* Section cell'in max-width'ini kaldır ve sağa yasla */
#bt_bb_section693a69c9203b0.bt_bb_layout_boxed_1200 .bt_bb_cell {
    max-width: 100% !important;
    width: 100% !important;
    flex-basis: 100% !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
}

/* Row'u sağa yasla */
#bt_bb_section693a69c9203b0 .bt_bb_row.bt_bb_row_width_boxed_1200 {
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 0 !important;
}

#bt_bb_section693a69c9203b0 .bt_bb_row_holder {
    justify-content: flex-start !important;
    margin-right: 0 !important;
    width: 100% !important;
    gap: 0 !important;
}

/* Sidebar column'u sağa yasla */
#bt_bb_section693a69c9203b0 .bt_bb_column[data-width="4"] {
    margin-left: auto !important;
    margin-right: 5px !important;
    padding-right: 0 !important;
    position: relative !important;
    z-index: 1 !important; /* İçeriğin altında */
}

#bt_bb_section693a69c9203b0 .bt_bb_column[data-width="4"] .bt_bb_column_content,
#bt_bb_section693a69c9203b0 .bt_bb_column[data-width="4"] .bt_bb_column_content_inner {
    padding-right: 0 !important;
}

/* Tüm container'ların sağ padding'ini kaldır */
#bt_bb_section693a69c9203b0 .bt_bb_port,
#bt_bb_section693a69c9203b0 .bt_bb_cell,
#bt_bb_section693a69c9203b0 .bt_bb_cell_inner {
    padding-right: 0 !important;
}

/* Ana içerik kolonuna 50px sol padding ekle ve sidebar'a kadar genişlet */
/* ANALİZ: Tema CSS'i flex-basis: 66.666666% ve max-width: 66.666666% kullanıyor */
/* Sorun: max-width column genişliğini sınırlıyor, bu yüzden başlık 2 satıra iniyor */
/* Çözüm: max-width'i kaldır ama flex-basis'i koru - bu şekilde column genişliği korunur ama başlık için yeterli alan sağlanır */
/* ÖNEMLİ: max-width'i kaldırmak yerine, başlığın genişliğini column genişliğine göre ayarlıyoruz */
#bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] {
    padding-left: 50px !important;
    padding-right: 30px !important;
    flex: 1 1 66.666666% !important;
    flex-basis: 66.666666% !important;
    max-width: 66.666666% !important;
    position: relative !important;
    z-index: 10 !important;
}

.bt_bb_text h1,
.bt_bb_text h1,
.bt_bb_text h2,
.bt_bb_text h3 {
    max-width: 100% !important;
    width: 100% !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    word-break: normal !important;
}

#bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_column_content,
#bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_column_content_inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: none !important; /* SINIRSIZ - başlık için genişlik sınırı YOK */
    width: 100% !important;
}

/* İlgili Blog Yazıları - SADECE BLOG KARTLARI İÇİN - BAŞLIK BÖLÜMÜNE DOKUNMA */
/* Başlık bölümünü koru - ortalanmış kalmalı */
#bt_bb_section_related_blogs .bt_bb_column.col-xxl-12.bt_bb_align_center {
    text-align: center !important;
}
#bt_bb_section_related_blogs .bt_bb_column.col-xxl-12.bt_bb_align_center .bt_bb_headline {
    text-align: center !important;
}

/* Row container - SADECE BLOG KARTLARI İÇİN */
#bt_bb_section_related_blogs .bt_bb_row.bt_bb_column_gap_15 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Row holder / Container - SADECE #related-blogs-container İÇİN */
#bt_bb_section_related_blogs #related-blogs-container,
#bt_bb_section_related_blogs #related-blogs-container.bt_bb_row_holder {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    align-content: flex-start !important;
    align-items: stretch !important;
    gap: 15px !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* SADECE #related-blogs-container İÇİNDEKİ BLOG COLUMN'LARI İÇİN */
#bt_bb_section_related_blogs #related-blogs-container .bt_bb_column {
    flex: 0 0 calc(33.333333% - 10px) !important;
    -webkit-flex: 0 0 calc(33.333333% - 10px) !important;
    -ms-flex: 0 0 calc(33.333333% - 10px) !important;
    flex-grow: 0 !important;
    -webkit-flex-grow: 0 !important;
    flex-shrink: 0 !important;
    -webkit-flex-shrink: 0 !important;
    flex-basis: calc(33.333333% - 10px) !important;
    -webkit-flex-basis: calc(33.333333% - 10px) !important;
    max-width: calc(33.333333% - 10px) !important;
    min-width: calc(33.333333% - 10px) !important;
    width: calc(33.333333% - 10px) !important;
    float: none !important;
    display: flex !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Column content padding'ini de override et */
#bt_bb_section_related_blogs #related-blogs-container .bt_bb_column .bt_bb_column_content {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* İçerik container'ları da eşit yükseklik için */
#bt_bb_section_related_blogs #related-blogs-container .bt_bb_column .bt_bb_column_content,
#bt_bb_section_related_blogs #related-blogs-container .bt_bb_column .bt_bb_column_content_inner {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

#bt_bb_section_related_blogs #related-blogs-container .bt_bb_column .bt_bb_card {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

@media (max-width: 1200px) {
    #bt_bb_section_related_blogs #related-blogs-container .bt_bb_column {
        flex: 0 0 calc((100% - 30px) / 3) !important;
        flex-basis: calc((100% - 30px) / 3) !important;
        max-width: calc((100% - 30px) / 3) !important;
        min-width: calc((100% - 30px) / 3) !important;
        width: calc((100% - 30px) / 3) !important;
    }
}

/* Blog kartları için özel CSS - Tema CSS'ini override et - ÇOK AGRESİF */
#bt_bb_section_related_blogs .bt_bb_row.bt_bb_column_gap_15 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    justify-content: flex-start !important;
}

#bt_bb_section_related_blogs .bt_bb_row.bt_bb_column_gap_15 > .bt_bb_row_holder#related-blogs-container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    justify-content: flex-start !important;
    gap: 15px !important;
}

/* Tüm responsive class'ları override et - Desktop için - MOBİL CLASS'LARI DA OVERRIDE ET */
#bt_bb_section_related_blogs .bt_bb_row.bt_bb_column_gap_15 > .bt_bb_row_holder#related-blogs-container > .bt_bb_column.col-xxl-4,
#bt_bb_section_related_blogs .bt_bb_row.bt_bb_column_gap_15 > .bt_bb_row_holder#related-blogs-container > .bt_bb_column.col-xl-4,
#bt_bb_section_related_blogs .bt_bb_row.bt_bb_column_gap_15 > .bt_bb_row_holder#related-blogs-container > .bt_bb_column.col-lg-4,
#bt_bb_section_related_blogs .bt_bb_row.bt_bb_column_gap_15 > .bt_bb_row_holder#related-blogs-container > .bt_bb_column.col-md-12,
#bt_bb_section_related_blogs .bt_bb_row.bt_bb_column_gap_15 > .bt_bb_row_holder#related-blogs-container > .bt_bb_column.col-sm-12,
#bt_bb_section_related_blogs .bt_bb_row.bt_bb_column_gap_15 > .bt_bb_row_holder#related-blogs-container > .bt_bb_column.col-xs-12,
#bt_bb_section_related_blogs .bt_bb_row.bt_bb_column_gap_15 > .bt_bb_row_holder#related-blogs-container > .bt_bb_column[data-width="4"] {
    flex: 0 0 calc((100% - 30px) / 3) !important;
    flex-basis: calc((100% - 30px) / 3) !important;
    max-width: calc((100% - 30px) / 3) !important;
    min-width: calc((100% - 30px) / 3) !important;
    width: calc((100% - 30px) / 3) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
}

@media (max-width: 992px) {
    #bt_bb_section_related_blogs #related-blogs-container .bt_bb_column {
        flex: 0 0 calc((100% - 15px) / 2) !important;
        flex-basis: calc((100% - 15px) / 2) !important;
        max-width: calc((100% - 15px) / 2) !important;
        min-width: calc((100% - 15px) / 2) !important;
        width: calc((100% - 15px) / 2) !important;
    }
    
    /* Tablet için tüm responsive class'ları override et */
    #bt_bb_section_related_blogs .bt_bb_row.bt_bb_column_gap_15 > .bt_bb_row_holder#related-blogs-container > .bt_bb_column.col-xxl-4,
    #bt_bb_section_related_blogs .bt_bb_row.bt_bb_column_gap_15 > .bt_bb_row_holder#related-blogs-container > .bt_bb_column.col-xl-4,
    #bt_bb_section_related_blogs .bt_bb_row.bt_bb_column_gap_15 > .bt_bb_row_holder#related-blogs-container > .bt_bb_column.col-lg-4,
    #bt_bb_section_related_blogs .bt_bb_row.bt_bb_column_gap_15 > .bt_bb_row_holder#related-blogs-container > .bt_bb_column.col-md-12,
    #bt_bb_section_related_blogs .bt_bb_row.bt_bb_column_gap_15 > .bt_bb_row_holder#related-blogs-container > .bt_bb_column[data-width="4"] {
        flex: 0 0 calc((100% - 15px) / 2) !important;
        flex-basis: calc((100% - 15px) / 2) !important;
        max-width: calc((100% - 15px) / 2) !important;
        min-width: calc((100% - 15px) / 2) !important;
        width: calc((100% - 15px) / 2) !important;
    }
}

@media (max-width: 768px) {
    #bt_bb_section_related_blogs #related-blogs-container .bt_bb_column {
        flex: 0 0 100% !important;
        flex-basis: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        width: 100% !important;
    }
    
    /* Mobile için tüm responsive class'ları override et */
    #bt_bb_section_related_blogs .bt_bb_row.bt_bb_column_gap_15 > .bt_bb_row_holder#related-blogs-container > .bt_bb_column.col-xxl-4,
    #bt_bb_section_related_blogs .bt_bb_row.bt_bb_column_gap_15 > .bt_bb_row_holder#related-blogs-container > .bt_bb_column.col-xl-4,
    #bt_bb_section_related_blogs .bt_bb_row.bt_bb_column_gap_15 > .bt_bb_row_holder#related-blogs-container > .bt_bb_column.col-lg-4,
    #bt_bb_section_related_blogs .bt_bb_row.bt_bb_column_gap_15 > .bt_bb_row_holder#related-blogs-container > .bt_bb_column.col-md-12,
    #bt_bb_section_related_blogs .bt_bb_row.bt_bb_column_gap_15 > .bt_bb_row_holder#related-blogs-container > .bt_bb_column.col-sm-12,
    #bt_bb_section_related_blogs .bt_bb_row.bt_bb_column_gap_15 > .bt_bb_row_holder#related-blogs-container > .bt_bb_column.col-xs-12,
    #bt_bb_section_related_blogs .bt_bb_row.bt_bb_column_gap_15 > .bt_bb_row_holder#related-blogs-container > .bt_bb_column[data-width="4"] {
        flex: 0 0 100% !important;
        flex-basis: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        width: 100% !important;
    }
}

/* Kategori item hover efektleri - Inline event handler'lar yerine CSS */
.category-item {
    transition: all 0.3s ease !important;
}

.category-item:hover {
    background: #f0f0f0 !important;
    transform: translateX(3px) !important;
}

/* İlgili hizmetler hover efektleri */
.related-service-item a {
    transition: all 0.3s ease !important;
}

.related-service-item a:hover {
    background: #f0f0f0 !important;
    transform: translateX(5px) !important;
}

/* Diagnostic test card hover efektleri - Inline event handler'lar yerine CSS */
.diagnostic-test-card {
    transition: all 0.3s ease !important;
}

.diagnostic-test-card:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 15px rgba(0,0,0,0.1) !important;
    border-color: var(--accent-color) !important;
}

/* ========== EN SON CSS - BLOG KARTLARI YANA YANA ========== */
/* UYARI: Bu CSS tüm tema CSS'ini override eder - EN YÜKSEK SPECIFICITY */

/* Container - FLEX ROW */
#bt_bb_section_related_blogs #related-blogs-container.bt_bb_row_holder,
body #bt_bb_section_related_blogs .bt_bb_row.bt_bb_column_gap_15 > .bt_bb_row_holder#related-blogs-container,
html body #bt_bb_section_related_blogs #related-blogs-container,
#bt_bb_section_related_blogs .bt_bb_row_holder#related-blogs-container,
.bt_bb_section #bt_bb_section_related_blogs #related-blogs-container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 15px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Blog columns - YANA YANA 3'lü - TÜM RESPONSIVE CLASS'LARI OVERRIDE */
/* Desktop (>993px) */
@media (min-width: 993px) {
    body #bt_bb_section_related_blogs #related-blogs-container > .bt_bb_column,
    html body #bt_bb_section_related_blogs #related-blogs-container .bt_bb_column,
    #bt_bb_section_related_blogs #related-blogs-container .bt_bb_column.col-xxl-4,
    #bt_bb_section_related_blogs #related-blogs-container .bt_bb_column.col-xl-4,
    #bt_bb_section_related_blogs #related-blogs-container .bt_bb_column.col-lg-4,
    #bt_bb_section_related_blogs #related-blogs-container .bt_bb_column.col-md-12,
    #bt_bb_section_related_blogs #related-blogs-container .bt_bb_column.col-sm-12,
    #bt_bb_section_related_blogs #related-blogs-container .bt_bb_column.col-xs-12,
    #bt_bb_section_related_blogs #related-blogs-container .bt_bb_column[data-width="4"] {
        flex: 0 0 calc((100% - 30px) / 3) !important;
        flex-basis: calc((100% - 30px) / 3) !important;
        max-width: calc((100% - 30px) / 3) !important;
        min-width: calc((100% - 30px) / 3) !important;
        width: calc((100% - 30px) / 3) !important;
        display: flex !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }
}

/* Responsive - Tablet 2'li (768px-992px) */
@media (min-width: 769px) and (max-width: 992px) {
    body #bt_bb_section_related_blogs #related-blogs-container > .bt_bb_column,
    #bt_bb_section_related_blogs #related-blogs-container .bt_bb_column {
        flex: 0 0 calc((100% - 15px) / 2) !important;
        flex-basis: calc((100% - 15px) / 2) !important;
        max-width: calc((100% - 15px) / 2) !important;
        min-width: calc((100% - 15px) / 2) !important;
        width: calc((100% - 15px) / 2) !important;
    }
}

/* Responsive - Mobile tekli (<768px) */
@media (max-width: 768px) {
    body #bt_bb_section_related_blogs #related-blogs-container > .bt_bb_column,
    #bt_bb_section_related_blogs #related-blogs-container .bt_bb_column {
        flex: 0 0 100% !important;
        flex-basis: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        width: 100% !important;
    }
}

/* Column içerikleri - Eşit yükseklik */
#bt_bb_section_related_blogs #related-blogs-container .bt_bb_column .bt_bb_column_content,
#bt_bb_section_related_blogs #related-blogs-container .bt_bb_column .bt_bb_column_content_inner {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    width: 100% !important;
    padding: 0 !important;
}

#bt_bb_section_related_blogs #related-blogs-container .bt_bb_column .bt_bb_card {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    width: 100% !important;
}
    /* Sidebar container - tam genişlik kullan ama içerik için hafif padding */
    .sidebar-categories,
    .sidebar-related { 
        padding-left: 0 !important; 
        padding-right: 0 !important;
        width: 100% !important;
    }
    
    .sidebar-categories .bt_bb_text,
    .sidebar-related .bt_bb_text {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .sidebar-categories header,
    .sidebar-related header {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .sidebar-categories .category-list,
    .sidebar-related #related-services-container {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }
    
    /* Kategori itemleri için padding override - İlgili Hizmetler ile aynı olmalı */
    .sidebar-categories .category-item {
        padding: 15px !important;
        margin-left: 0 !important;
    }

    /* Ensure related-service-item styling (source of truth) */
    .sidebar-related .related-service-item {
        border-bottom: 1px solid #e0e0e0;
    }
    .sidebar-related .related-service-item:last-child {
        border-bottom: none;
    }
    .sidebar-related .related-service-item a {
        text-decoration: none;
        color: #333;
        display: block;
        padding: 15px 10px;
        transition: all 0.3s;
    }
    .sidebar-related .related-service-item a:hover {
        background: #f5f5f5;
    }
    .sidebar-related .related-service-item a strong { display:block; margin-bottom:6px; font-size:15px; color:#1d1e21; }
    .sidebar-related .related-service-item a span { font-size:13px; color:#888; }

    /* Apply same visual style to category items so they align with related services */
    .sidebar-categories .category-item {
        padding: 15px 10px !important;
        border-bottom: 1px solid #e0e0e0 !important;
        transition: all 0.3s !important;
        cursor: pointer !important;
    }
    .sidebar-categories .category-item:last-child {
        border-bottom: none !important;
    }
    .sidebar-categories .category-item:hover {
        background: #f5f5f5 !important;
    }
    .sidebar-categories .category-item .category-title { 
        display: block !important; 
        margin-bottom: 0 !important; 
        font-size: 15px !important; 
        color: #1d1e21 !important; 
        font-weight: 600 !important; 
    }
    .sidebar-categories .category-item .category-count { 
        font-size: 13px !important; 
        color: #888 !important; 
        font-weight: 400 !important; 
        margin-left: 6px !important; 
    }


/* ---- hizmet-detay L2123-2605 ---- */

/* EN SON YÜKLENEN CSS - TÜM TEMA CSS'İNİ OVERRIDE ET */
/* Desktop için - TÜM responsive class'ları override et */
@media (min-width: 993px) {
    #bt_bb_section_related_blogs .bt_bb_row.bt_bb_column_gap_15 > .bt_bb_row_holder#related-blogs-container {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
        gap: 15px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    #bt_bb_section_related_blogs .bt_bb_row.bt_bb_column_gap_15 > .bt_bb_row_holder#related-blogs-container > .bt_bb_column.col-xxl-4,
    #bt_bb_section_related_blogs .bt_bb_row.bt_bb_column_gap_15 > .bt_bb_row_holder#related-blogs-container > .bt_bb_column.col-xl-4,
    #bt_bb_section_related_blogs .bt_bb_row.bt_bb_column_gap_15 > .bt_bb_row_holder#related-blogs-container > .bt_bb_column.col-lg-4,
    #bt_bb_section_related_blogs .bt_bb_row.bt_bb_column_gap_15 > .bt_bb_row_holder#related-blogs-container > .bt_bb_column.col-md-12,
    #bt_bb_section_related_blogs .bt_bb_row.bt_bb_column_gap_15 > .bt_bb_row_holder#related-blogs-container > .bt_bb_column.col-sm-12,
    #bt_bb_section_related_blogs .bt_bb_row.bt_bb_column_gap_15 > .bt_bb_row_holder#related-blogs-container > .bt_bb_column.col-xs-12,
    #bt_bb_section_related_blogs .bt_bb_row.bt_bb_column_gap_15 > .bt_bb_row_holder#related-blogs-container > .bt_bb_column[data-width="4"] {
        flex: 0 0 calc((100% - 30px) / 3) !important;
        flex-basis: calc((100% - 30px) / 3) !important;
        max-width: calc((100% - 30px) / 3) !important;
        min-width: calc((100% - 30px) / 3) !important;
        width: calc((100% - 30px) / 3) !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        display: flex !important;
    }
}

/* Hizmet içerik alanındaki ilk başlık stilizasyonu - YATAY YAZIM - TÜM HİZMETLERDE DİNAMİK - ÇOK AGRESİF */
/* ÖNEMLİ: Başlık SINIRSIZ genişleyebilmeli - tüm genişlik sınırları kaldırıldı */
#bt_bb_section693a69c9203b0 .bt_bb_text h1.service-content-first-heading,
#bt_bb_section693a69c9203b0 .bt_bb_text h1:first-of-type,
#bt_bb_section693a69c9203b0 .bt_bb_text > h1:first-child,
#bt_bb_section693a69c9203b0 .bt_bb_text h1,
#bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_text h1:first-of-type,
#bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_column_content_inner .bt_bb_text h1.service-content-first-heading,
#bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_column_content_inner .bt_bb_text h1:first-of-type,
#bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_column_content .bt_bb_column_content_inner .bt_bb_text h1 {
    font-size: 26px !important;
    text-align: left !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 20px 0 !important;
    padding: 0 !important;
    display: block !important;
    white-space: normal !important;
    word-break: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 10 !important;
    line-height: 1.4 !important;
}

/* ��erik alan�ndaki ilk ba�l�k (e�er class yoksa) - T�M H�ZMETLERDE D�NAM�K */
#bt_bb_section693a69c9203b0 .bt_bb_column_content_inner .bt_bb_text > h1:first-child,
#bt_bb_section693a69c9203b0 .bt_bb_column_content_inner .bt_bb_text > h2:first-child,
#bt_bb_section693a69c9203b0 .bt_bb_column_content_inner .bt_bb_text > h3:first-child {
    font-size: 26px !important;
    text-align: left !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 20px 0 !important;
    padding: 0 !important;
    display: block !important;
    white-space: normal !important;
    word-break: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 10 !important;
    line-height: 1.4 !important;
}

/* İlk başlığı H1'e çevir (JavaScript ile) - YATAY YAZIM - TÜM HİZMETLERDE DİNAMİK */
/* SORUN: width: 100% ve max-width: 100% başlığın genişliğini sınırlıyor - DÜZELTİLDİ */
#bt_bb_section693a69c9203b0 .bt_bb_text > *:first-child h1,
#bt_bb_section693a69c9203b0 .bt_bb_text h1:first-of-type {
    font-size: 30px !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 20px auto !important;
    padding: 0 !important;
    display: block !important;
    white-space: normal !important;
    word-break: break-word !important;
    word-wrap: break-word !important;
    overflow-wrap: normal !important;
    overflow: visible !important; /* SINIRSIZ taşma */
}

/* İçerik alanının genişliğini kontrol et - başlık için - ÇOK AGRESİF */
/* ÖNEMLİ: Başlık SINIRSIZ genişleyebilmeli - container overflow: visible ve max-width: none olmalı */
/* SORUN: max-width: 100% başlığın genişliğini sınırlıyor - KALDIRILDI */
#bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_column_content_inner .bt_bb_text {
    width: 100% !important;
    max-width: none !important; /* SINIRSIZ - başlık için genişlik sınırı YOK */
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important; /* Başlığın SINIRSIZ taşmasına izin ver */
    display: block !important;
    /* İçerik alanının genişliğini artır */
    padding-left: 0 !important;
    padding-right: 0 !important;
    /* Başlık için SINIRSIZ genişlik */
    position: relative !important;
}

/* İÇERİK BAŞLIĞI İÇİN ÇOK AGRESİF KURALLAR - SINIRSIZ GENİŞLEYEBİLİR */
#bt_bb_section693a69c9203b0 .bt_bb_text h1.service-content-first-heading,
#bt_bb_section693a69c9203b0 .bt_bb_text > h1:first-child,
#bt_bb_section693a69c9203b0 .bt_bb_text h1:first-of-type,
#bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_text h1.service-content-first-heading,
#bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_column_content_inner .bt_bb_text h1.service-content-first-heading,
#bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_column_content_inner .bt_bb_text > h1:first-child,
#bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_column_content_inner .bt_bb_text h1:first-of-type {
    width: auto !important; /* SINIRSIZ genişlik */
    max-width: none !important; /* SINIRSIZ genişlik */
    min-width: auto !important; /* SINIRSIZ genişlik */
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    padding: 0 !important;
    display: block !important;
    white-space: normal !important;
    word-break: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 1 !important;
    font-size: 30px !important;
    text-align: center !important;
    line-height: 1.2 !important;
    /* SINIRSIZ genişlik için tüm flex sınırlarını kaldır */
    flex-basis: auto !important;
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
}

/* Parent container'ların genişliğini kontrol et - ÇOK AGRESİF */
/* ÖNEMLİ: Başlık SINIRSIZ genişleyebilmeli - tüm parent'lar overflow: visible ve max-width: none olmalı */
/* SORUN: max-width: 100% başlığın genişliğini sınırlıyor - KALDIRILDI */
#bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_column_content_inner {
    width: 100% !important;
    max-width: none !important; /* SINIRSIZ - başlık için genişlik sınırı YOK */
    min-width: 0 !important;
    overflow: visible !important; /* Başlığın SINIRSIZ taşmasına izin ver */
    display: block !important;
    box-sizing: border-box !important;
    /* İçerik alanının genişliğini artır */
    padding-left: 0 !important;
    padding-right: 0 !important;
    /* Başlık için SINIRSIZ genişlik */
    position: relative !important;
}

/* Column content'in genişliğini kontrol et */
/* ÖNEMLİ: Başlık SINIRSIZ genişleyebilmeli - column content overflow: visible ve max-width: none olmalı */
/* SORUN: max-width: 100% başlığın genişliğini sınırlıyor - KALDIRILDI */
#bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_column_content {
    width: 100% !important;
    max-width: none !important; /* SINIRSIZ - başlık için genişlik sınırı YOK */
    min-width: 0 !important;
    overflow: visible !important; /* Başlığın SINIRSIZ taşmasına izin ver */
    box-sizing: border-box !important;
    /* Başlık için SINIRSIZ genişlik */
    position: relative !important;
}

/* Bu kural kaldırıldı - yukarıdaki kural yeterli */

/* Row container'ı da kontrol et */
#bt_bb_section693a69c9203b0 .bt_bb_row .bt_bb_row_holder {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

/* Başlık için ekstra agresif kurallar - KESINLIKLE TEK SATIR */
#bt_bb_section693a69c9203b0 .bt_bb_text h1.service-content-first-heading,
#bt_bb_section693a69c9203b0 .bt_bb_text h1:first-of-type {
    white-space: normal !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    text-overflow: clip !important;
    hyphens: auto !important;
    word-break: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

/* Mobil için responsive - İçerik ve başlık TAM GENİŞLİK */
/* Tema CSS'i 1239px'e kadar mobil kuralları uyguluyor, bu yüzden 992px'e kadar kontrol ediyoruz */
@media (max-width: 992px) {
    /* SORUN 1: bt_bb_layout_boxed_1200 .bt_bb_cell mobilde calc(100% - 40px) yapıyor, bunu override et */
    #bt_bb_section693a69c9203b0.bt_bb_layout_boxed_1200 .bt_bb_cell {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* Mobilde section ve tüm container'lar - TAM GENİŞLİK */
    #bt_bb_section693a69c9203b0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    #bt_bb_section693a69c9203b0 .bt_bb_port {
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    #bt_bb_section693a69c9203b0 .bt_bb_cell,
    #bt_bb_section693a69c9203b0 .bt_bb_cell_inner {
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* SORUN 2: bt_bb_row.bt_bb_row_width_boxed_1200 mobilde padding: 0 20px yapıyor, bunu override et */
    #bt_bb_section693a69c9203b0 .bt_bb_row.bt_bb_row_width_boxed_1200 {
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* Mobilde row ve row holder - TAM GENİŞLİK */
    #bt_bb_section693a69c9203b0 .bt_bb_row {
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    #bt_bb_section693a69c9203b0 .bt_bb_row_holder {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        justify-content: flex-start !important; /* Mobilde sola hizalı */
    }
    
    /* Mobilde başlık - TAM GENİŞLİK ve DÜZGÜN GÖRÜNÜM */
    #bt_bb_section693a69c9203b0 .bt_bb_text h1.service-content-first-heading,
    #bt_bb_section693a69c9203b0 .bt_bb_text h1:first-of-type,
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_text h1,
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_column_content_inner .bt_bb_text h1 {
        font-size: 24px !important;
        font-weight: 600 !important;
        white-space: normal !important; /* Mobilde kelimeler bölünebilir */
        width: 100% !important;
        max-width: 100% !important;
        margin: 20px 0 15px 0 !important;
        padding: 0 20px !important; /* Mobilde yan padding */
        text-align: left !important; /* Mobilde sola hizalı */
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        line-height: 1.4 !important;
        color: #1d1e21 !important;
        box-sizing: border-box !important;
    }
    
    /* Mobilde içerik column - TAM GENİŞLİK */
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
        padding-left: 0 !important; /* Mobilde padding yok */
        padding-right: 0 !important; /* Mobilde padding yok */
        flex: 1 1 100% !important;
        margin: 0 !important;
    }
    
    /* Mobilde column content - TAM GENİŞLİK */
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_column_content {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* Mobilde column content inner - TAM GENİŞLİK */
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_column_content_inner {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin: 0 !important;
    }
    
    /* Mobilde içerik alanı - TAM GENİŞLİK ve DÜZGÜN GÖRÜNÜM */
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_text {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 20px !important; /* Mobilde yan padding */
        padding-right: 20px !important; /* Mobilde yan padding */
        word-break: normal !important; /* Kelimelerin ortasından kesmeyi önle */
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        box-sizing: border-box !important;
        font-size: 16px !important;
        line-height: 1.6 !important;
        color: #333 !important;
    }
    
    /* Mobilde içerik metni - kelimeler bölünebilir ve düzgün görünmeli */
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_text p {
        word-break: normal !important; /* Kelimelerin ortasından kesmeyi önle */
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin-bottom: 15px !important;
        font-size: 16px !important;
        line-height: 1.6 !important;
        color: #333 !important;
    }
    
    /* Paragraftan sonra görsel geliyorsa, paragrafın margin-bottom'unu 0 yap (içerik yazısı ile görsel arası 10px olacak) */
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_text p:has(+ img),
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_text p + img {
        margin-bottom: 0 !important; /* Görselin margin-top'u yeterli */
    }
    
    /* Paragraftan sonra gelen görsel için: görselin margin-top'unu 10px yap */
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_text p + img {
        margin-top: 10px !important; /* İçerik yazısı ile görsel arası 10px */
    }
    
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_text div,
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_text li,
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_text span {
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* Mobilde görseller - TAM GENİŞLİK ve ORTALANMIŞ */
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_text img {
        max-width: 100% !important;
        width: 100% !important;
        height: auto !important;
        display: block !important;
        margin-top: 10px !important; /* İçerik yazısı ile görsel arası 10px */
        margin-bottom: 10px !important; /* Görsel ile sonraki içerik arası 10px */
        padding: 0 !important;
    }
    
    /* Paragraftan önce gelen görsel için: görselin margin-bottom'unu 10px tut */
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_text img + p {
        margin-top: 0 !important; /* Görselin margin-bottom'u yeterli */
    }
    
    /* SORUN 3: Mobilde sidebar column - TAM GENİŞLİK, padding yok */
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="4"] {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
        flex: 1 1 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important; /* Column padding yok */
        padding-right: 0 !important; /* Column padding yok */
    }
    
    /* Mobilde sidebar column content - TAM GENİŞLİK, içerik padding var */
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="4"] .bt_bb_column_content,
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="4"] .bt_bb_column_content_inner {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 20px !important; /* İçerik padding */
        padding-right: 20px !important; /* İçerik padding */
        margin: 0 !important;
    }
    
    /* Mobilde sidebar görsel - TAM GENİŞLİK */
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="4"] .bt_bb_image {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 25px !important;
    }
    
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="4"] .bt_bb_image img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 0 !important;
    }
    
    /* Mobilde sidebar kategoriler ve ilgili hizmetler - TAM GENİŞLİK */
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="4"] .sidebar-categories,
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="4"] .sidebar-related {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: left !important;
    }
    
    /* Mobilde sidebar içindeki başlıklar */
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="4"] .sidebar-categories header,
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="4"] .sidebar-related header {
        text-align: left !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* Mobilde sidebar içindeki listeler */
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="4"] .sidebar-categories ul,
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="4"] .sidebar-related ul {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 20px !important;
        padding-right: 0 !important;
    }
}

@media (max-width: 992px) {
    #bt_bb_section693a69c9203b0 .bt_bb_text h1.service-content-first-heading,
    #bt_bb_section693a69c9203b0 .bt_bb_text h1:first-of-type {
        font-size: 26px !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
        hyphens: auto !important;
    }
}

/* İçerik alanındaki TÜM h1 başlıkları için - ÇOK AGRESİF - GENİŞLEYEBİLİR */
#bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_column_content_inner .bt_bb_text h1,
#bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_column_content .bt_bb_column_content_inner .bt_bb_text h1,
#bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_text h1 {
    width: auto !important; /* Başlık genişliği içeriğe göre ayarlanır - genişleyebilir */
    max-width: none !important; /* Genişlik sınırı yok - başlık genişleyebilir */
    min-width: 0 !important; /* Flex shrink için */
    margin: 20px auto !important; /* Ortala ama genişleyebilir */
    padding: 0 !important;
    box-sizing: border-box !important;
    display: block !important; /* Block yap ki genişlik kullanabilsin */
    white-space: normal !important; /* Mobilde ve dar alanlarda satır kırılsın */
    word-break: normal !important; /* Kelimeleri bölme */
    word-wrap: break-word !important; /* Uzun kelimeleri kır */
    overflow-wrap: break-word !important; /* Uzun kelimeleri kır */
    word-wrap: normal !important; /* Kelimeleri bölme */
    overflow-wrap: normal !important; /* Kelimeleri bölme */
    overflow: visible !important; /* Taşmasına izin ver */
    line-height: 1.2 !important; /* Satır yüksekliğini azalt */
}

/* ---- hizmet-detay L2658-2891 ---- */

/* Mobil için responsive - İçerik ve başlık TAM GENİŞLİK */
/* Tema CSS'i 1239px'e kadar mobil kuralları uyguluyor, bu yüzden 992px'e kadar kontrol ediyoruz */
@media (max-width: 992px) {
    /* SORUN 1: bt_bb_layout_boxed_1200 .bt_bb_cell mobilde calc(100% - 40px) yapıyor, bunu override et */
    #bt_bb_section693a69c9203b0.bt_bb_layout_boxed_1200 .bt_bb_cell {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* Mobilde section ve tüm container'lar - TAM GENİŞLİK */
    #bt_bb_section693a69c9203b0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    #bt_bb_section693a69c9203b0 .bt_bb_port {
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    #bt_bb_section693a69c9203b0 .bt_bb_cell,
    #bt_bb_section693a69c9203b0 .bt_bb_cell_inner {
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* SORUN 2: bt_bb_row.bt_bb_row_width_boxed_1200 mobilde padding: 0 20px yapıyor, bunu override et */
    #bt_bb_section693a69c9203b0 .bt_bb_row.bt_bb_row_width_boxed_1200 {
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* Mobilde row ve row holder - TAM GENİŞLİK */
    #bt_bb_section693a69c9203b0 .bt_bb_row {
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* TÜM PADDING'LERİ TEK YERDE TOPLA - Row holder'da */
    #bt_bb_section693a69c9203b0 .bt_bb_row_holder {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 20px !important; /* TÜM SAYFA İÇİN TEK PADDING */
        padding-right: 20px !important; /* TÜM SAYFA İÇİN TEK PADDING */
        justify-content: flex-start !important;
    }
    
    /* Mobilde başlık - PADDING YOK (row holder'dan geliyor) */
    #bt_bb_section693a69c9203b0 .bt_bb_text h1.service-content-first-heading,
    #bt_bb_section693a69c9203b0 .bt_bb_text h1:first-of-type,
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_text h1,
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_column_content_inner .bt_bb_text h1 {
        font-size: 24px !important;
        font-weight: 600 !important;
        white-space: normal !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 20px 0 15px 0 !important;
        padding: 0 !important; /* PADDING YOK - row holder'dan geliyor */
        text-align: left !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        line-height: 1.4 !important;
        color: #1d1e21 !important;
        box-sizing: border-box !important;
    }
    
    /* Mobilde içerik column - PADDING YOK */
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
        padding-left: 0 !important; /* PADDING YOK */
        padding-right: 0 !important; /* PADDING YOK */
        flex: 1 1 100% !important;
        margin: 0 !important;
    }
    
    /* Mobilde column content - PADDING YOK */
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_column_content {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important; /* PADDING YOK */
        padding-right: 0 !important; /* PADDING YOK */
    }
    
    /* Mobilde column content inner - PADDING YOK */
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_column_content_inner {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important; /* PADDING YOK */
        padding-right: 0 !important; /* PADDING YOK */
        margin: 0 !important;
    }
    
    /* Mobilde içerik alanı - PADDING YOK (row holder'dan geliyor) */
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_text {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important; /* PADDING YOK - row holder'dan geliyor */
        padding-right: 0 !important; /* PADDING YOK - row holder'dan geliyor */
        word-break: normal !important; /* Kelimelerin ortasından kesmeyi önle */
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        box-sizing: border-box !important;
        font-size: 16px !important;
        line-height: 1.6 !important;
        color: #333 !important;
    }
    
    /* Mobilde içerik metni - paragraf kuralları */
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_text p {
        word-break: normal !important; /* Kelimelerin ortasından kesmeyi önle */
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin-bottom: 15px !important;
        font-size: 16px !important;
        line-height: 1.6 !important;
        color: #333 !important;
    }
    
    /* Paragraftan sonra gelen görsel için: paragrafın margin-bottom'unu override et */
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_text p + img {
        margin-top: 10px !important; /* İçerik yazısı ile görsel arası 10px */
    }
    
    /* Paragraftan sonra görsel geliyorsa, paragrafın margin-bottom'unu 0 yap */
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_text p:has(+ img) {
        margin-bottom: 0 !important; /* Görselin margin-top'u yeterli */
    }
    
    /* Mobilde görseller - TAM GENİŞLİK */
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_text img {
        max-width: 100% !important;
        width: 100% !important;
        height: auto !important;
        display: block !important;
        margin-top: 10px !important; /* İçerik yazısı ile görsel arası 10px */
        margin-bottom: 10px !important; /* Görsel ile sonraki içerik arası 10px */
        padding: 0 !important;
    }
    
    /* Paragraftan önce gelen görsel için: görselin margin-bottom'unu 10px tut */
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] .bt_bb_text img + p {
        margin-top: 0 !important; /* Görselin margin-bottom'u yeterli */
    }
    
    /* Mobilde sidebar column - TAM GENİŞLİK */
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="4"] {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
        flex: 1 1 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* Mobilde sidebar column content - PADDING YOK (row holder'dan geliyor) */
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="4"] .bt_bb_column_content,
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="4"] .bt_bb_column_content_inner {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important; /* PADDING YOK - row holder'dan geliyor */
        padding-right: 0 !important; /* PADDING YOK - row holder'dan geliyor */
        margin: 0 !important;
    }
    
    /* Mobilde sidebar görsel - TAM GENİŞLİK */
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="4"] .bt_bb_image {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 25px !important;
    }
    
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="4"] .bt_bb_image img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 0 !important;
    }
    
    /* Mobilde sidebar kategoriler ve ilgili hizmetler - TAM GENİŞLİK */
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="4"] .sidebar-categories,
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="4"] .sidebar-related {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: left !important;
    }
    
    /* Mobilde sidebar içindeki başlıklar */
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="4"] .sidebar-categories header,
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="4"] .sidebar-related header {
        text-align: left !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* Mobilde sidebar içindeki listeler - PADDING YOK (row holder'dan geliyor) */
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="4"] .sidebar-categories ul,
    #bt_bb_section693a69c9203b0 .bt_bb_column[data-width="4"] .sidebar-related ul {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important; /* PADDING YOK - row holder'dan geliyor */
        padding-right: 0 !important; /* PADDING YOK - row holder'dan geliyor */
    }
}

/* ---- hizmet-detay L2893-3049 ---- */

/* Make tables horizontally scrollable inside their own container */
.table-responsive {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 1rem;
    box-sizing: border-box;
}
.table-responsive table {
    width: 100%;
    border-collapse: collapse;
}
.table-responsive table th,
.table-responsive table td {
    /* Masaüstünde normal davranış, mobilde kaydırılabilir */
}

/* Mobilde tablonun sola/sağa kaydırılması için */
@media (max-width: 768px) {
    .table-responsive table th,
    .table-responsive table td {
        white-space: nowrap;
    }
}

/* Hint gösterimi: tablonun yatay kaydırılabildiğini belirtir - Sadece mobilde */
.table-scroll-hint {
    display: none;
}

/* Mobilde sadece göster */
@media (max-width: 768px) {
    .table-scroll-hint {
        display: none;
        font-size: 14px;
        color: #10b0a2; /* site turkuaz rengi */
        background: linear-gradient(135deg, rgba(16,176,162,0.08), rgba(16,176,162,0.04));
        border: 1px solid rgba(16,176,162,0.2);
        padding: 12px 16px;
        border-radius: 8px;
        margin-bottom: 12px;
        font-weight: 600;
        text-align: center;
    }

    .table-scroll-hint.visible {
        display: block;
    }
}

/* Sticky Sidebar - Blog-detay.php ile ayni mantik */
.bt-page-wrap {
    overflow: visible !important;
}

/* Row holder = bt-content-holder gibi davransin */
#bt_bb_section693a69c9203b0 .bt_bb_row_holder {
    display: flex !important;
    align-items: flex-start !important;
}

/* Icerik kolonu = bt-content gibi */
#bt_bb_section693a69c9203b0 .bt_bb_column[data-width="8"] {
    flex: 1 1 auto !important;
}

/* Sidebar kolonu = btSidebar gibi */
#bt_bb_section693a69c9203b0 .bt_bb_column[data-width="4"] {
    flex: 0 0 auto !important;
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 100px !important;
}

/* İçindekiler Widget Stilleri - JavaScript TOC için */
.widget_table_of_contents h4 {
    margin: 0 0 15px 0;
    font-size: 18px;
    font-weight: 600;
    color: #002c5d;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--accent-color, #1abc9c);
}

.btTableOfContentsWrapper {
    max-height: 400px;
    overflow-y: auto;
    padding-right: 10px;
}

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

.btTableOfContentsWrapper li {
    margin: 8px 0;
    line-height: 1.6;
}

.btTableOfContentsWrapper a {
    color: #333;
    text-decoration: none;
    font-size: 14px;
    display: block;
    padding: 4px 0;
    transition: all 0.3s ease;
}

.btTableOfContentsWrapper a:hover {
    color: var(--accent-color, #1abc9c);
    padding-left: 5px;
}

.btTableOfContentsWrapper .toc-number {
    font-weight: 700;
    color: var(--accent-color, #1abc9c);
    margin-right: 5px;
}

.btTableOfContentsWrapper .toc-level-2 { padding-left: 0; }
.btTableOfContentsWrapper .toc-level-3 { padding-left: 18px; }
.btTableOfContentsWrapper .toc-level-4 { padding-left: 36px; }
.btTableOfContentsWrapper .toc-level-5 { padding-left: 54px; }

.btTableOfContentsWrapper .toc-heading-level-2 { font-weight: 600; font-size: 14px; }
.btTableOfContentsWrapper .toc-heading-level-3 { font-weight: 500; font-size: 13px; }
.btTableOfContentsWrapper .toc-heading-level-4 { font-weight: 400; font-size: 12px; color: #666; }

.btTableOfContentsWrapper a.active {
    font-size: 15px;
    font-weight: 600;
    color: var(--accent-color, #1abc9c) !important;
}

/* Mobil için İçindekiler siyah */
@media (max-width: 991px) {
    .mobile-toc-wrapper .btTableOfContentsWrapper a,
    .mobile-toc-wrapper .btTableOfContentsWrapper a:hover,
    .mobile-toc-wrapper .btTableOfContentsWrapper a.active,
    .mobile-toc-wrapper .btTableOfContentsWrapper .toc-number,
    #btTableOfContentsWrapperMobile a,
    #btTableOfContentsWrapperMobile a:hover,
    #btTableOfContentsWrapperMobile a.active,
    #btTableOfContentsWrapperMobile .toc-number {
        color: #333 !important;
    }
}

/* Scrollbar özelleştirmeleri */
.btTableOfContentsWrapper::-webkit-scrollbar { width: 6px; }
.btTableOfContentsWrapper::-webkit-scrollbar-track { background: transparent; }
.btTableOfContentsWrapper::-webkit-scrollbar-thumb { background: #ddd; border-radius: 3px; }
.btTableOfContentsWrapper::-webkit-scrollbar-thumb:hover { background: #999; }